/* ======================================================================================================
   sharkY Dashboard - eigene Positions- und Größenanpassungen

   Diese Datei ist nur für manuelle Feinanpassungen.
   Hier kannst du Elemente verschieben oder größer/kleiner machen, ohne style.css anzufassen.

   transform: translateX(0px) translateY(0px);  = optisch verschieben
   width: auto;                                 = Breite
   height: auto;                                = Höhe
   margin-top / margin-left usw.                = Layout-Abstände
   ====================================================================================================== */


/* =====================================================================================
   GANZES DASHBOARD
   ===================================================================================== */

.tune-dashboard-layout {
  transform: translateX(0px) translateY(0px);
}

.tune-main-panel {
  transform: translateX(0px) translateY(0px);
}


/* =====================================================================================
   LINKE SEITENLEISTE
   ===================================================================================== */

.tune-sidebar {
  transform: translateX(0px) translateY(0px);
}

.tune-sidebar-logo {
  transform: translateX(0px) translateY(0px);
}

.tune-sidebar-server-card {
  transform: translateX(0px) translateY(0px);
  width: auto;
  min-height: unset;
}

.tune-sidebar-nav {
  transform: translateX(0px) translateY(0px);
}

.tune-sidebar-nav-item {
  transform: translateX(0px) translateY(0px);
}

.tune-sidebar-bot-area {
  transform: translateX(0px) translateY(0px);
  width: auto;
}

.tune-sidebar-bot-card {
  transform: translateX(0px) translateY(0px);
  width: auto;
  min-height: unset;
}


/* =====================================================================================
   OBERE LEISTE / PROFIL
   ===================================================================================== */

.tune-topbar {
  transform: translateX(0px) translateY(0px);
}

.tune-profile-pill {
  transform: translateX(0px) translateY(0px);
  width: auto;
}


/* =====================================================================================
   ALLGEMEINE PANELS / KARTEN
   ===================================================================================== */

.tune-panel {
  transform: translateX(0px) translateY(0px);
  width: auto;
}

.tune-panel-head {
  transform: translateX(0px) translateY(0px);
}

.tune-eyebrow {
  transform: translateX(0px) translateY(0px);
}


/* =====================================================================================
   ÜBERSICHT / STARTSEITE
   ===================================================================================== */

.tune-hero {
  transform: translateX(0px) translateY(0px);
}

.tune-hero-card {
  transform: translateX(0px) translateY(0px);
}

.tune-stat-card {
  transform: translateX(0px) translateY(0px);
}

.tune-bot-card {
  transform: translateX(0px) translateY(0px);
}


/* =====================================================================================
   BOT-SEITEN
   ===================================================================================== */

.tune-bot-detail-grid {
  transform: translateX(0px) translateY(0px);
}

.tune-command-section {
  transform: translateX(0px) translateY(0px);
}


/* =====================================================================================
   EMBED-BUILDER
   ===================================================================================== */

.tune-embed-form,
#embedForm {
  transform: translateX(0px) translateY(0px);
}

.tune-embed-preview {
  transform: translateX(0px) translateY(0px);
}

#embedForm textarea {
  min-height: unset;
}

#embedForm input {
  transform: translateX(0px) translateY(0px);
}

#embedForm button {
  transform: translateX(0px) translateY(0px);
}


/* =====================================================================================
   TICKET-SEITE
   ===================================================================================== */

.tune-ticket-settings-panel {
  transform: translateX(0px) translateY(0px);
}

.tune-ticket-settings-grid {
  transform: translateX(0px) translateY(0px);
}

.tune-ticket-setting-item {
  transform: translateX(0px) translateY(0px);
}

.tune-ticket-support-box {
  transform: translateX(0px) translateY(0px);
}

.tune-ticket-role-pill {
  transform: translateX(0px) translateY(0px);
}

.tune-ticket-role-add-box {
  transform: translateX(0px) translateY(0px);
}


/* =====================================================================================
   DROPDOWNS
   ===================================================================================== */

.tune-dashboard-select {
  transform: translateX(0px) translateY(0px);
}

.dashboard-select-button {
  transform: translateX(0px) translateY(0px);
}

.dashboard-select-menu {
  transform: translateX(0px) translateY(0px);
}


/* =====================================================================================
   BESTÄTIGUNGSFENSTER / MODALS
   ===================================================================================== */

.tune-confirm-card {
  transform: translateX(0px) translateY(0px);
  width: auto;
}

.tune-confirm-icon {
  transform: translateX(0px) translateY(0px);
}

.tune-confirm-actions {
  transform: translateX(0px) translateY(0px);
}


/* =====================================================================================
   LOGIN / SETUP-FEHLER
   ===================================================================================== */

.tune-login-card {
  transform: translateX(0px) translateY(0px);
}

.tune-setup-card {
  transform: translateX(0px) translateY(0px);
}


/* =====================================================================================
   FEINANPASSUNGEN FÜR EINZELNE SEITEN
   Hier kannst du gezielt nach URL/Body-Klassen arbeiten, falls später vorhanden.
   Aktuell allgemein gehalten.
   ===================================================================================== */

/* Beispiel:
.tune-sidebar-bot-card {
  transform: translateX(-6px) translateY(0px);
}
*/


/* =====================================================================================
   MOBILE ANPASSUNGEN
   ===================================================================================== */

@media (max-width: 980px) {
  .tune-sidebar {
    transform: translateX(0px) translateY(0px);
  }

  .tune-profile-pill {
    transform: translateX(0px) translateY(0px);
  }

  .tune-sidebar-server-card {
    transform: translateX(0px) translateY(0px);
  }

  .tune-sidebar-bot-card {
    transform: translateX(0px) translateY(0px);
  }

  .tune-panel {
    transform: translateX(0px) translateY(0px);
  }
}