/* ═══════════════════════════════════════════════════════════════
   AEGIS MOBILE PWA — Responsive Styles
   Hamburger Menu + Slide-In Sidebar
   ═══════════════════════════════════════════════════════════════ */

/* ── SMARTPHONE (max 768px) ── */
@media (max-width: 768px) {

  /* Hamburger Buttons sichtbar */
  .aegis-burger {
    display: flex !important;
    top: 2px !important;
  }
  .aegis-sidebar-toggle {
    display: none !important;
  }

  /* Sidebar: versteckt, Slide-In von links */
  #aegis-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: -280px !important;
    width: 280px !important;
    height: 100% !important;
    z-index: 10000 !important;
    transition: left 0.3s ease !important;
    flex-direction: column !important;
    background: rgba(15,23,42,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-right: 1px solid var(--aegis-glass-border) !important;
    overflow-y: auto !important;
    padding: 44px 16px !important;
  }

  /* Sidebar OFFEN */
  #aegis-sidebar.mobile-open {
    left: 0 !important;
  }

  /* Overlay hinter Sidebar */
  .aegis-mobile-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 100%;
    background: transparent;
    z-index: 9999;
  }
  .aegis-mobile-overlay.active {
    display: block;
  }

  /* Logo in Sidebar anpassen — 20px Höhe, Shield sichtbar */
  .aegis-logo {
    display: none !important;
  }
  .aegis-logo-shield {
    opacity: 0.6 !important;
    width: 90px !important;
    height: 90px !important;
  }

  /* Main Content volle Breite */
  #aegis-main {
    width: 100% !important;
    padding-left: 50px !important; box-sizing: border-box !important;
    padding: 60px 10px 20px 10px !important;
  }

  /* Shield Animation STARK sichtbar */
  #aegis-shield-container {
    width: 100vw !important;
    height: 100vh !important;
    opacity: 1 !important;
    top: 50% !important;
    left: 50% !important;
  }

  /* Welcome CLI auf Mobile */
  .aegis-welcome-cli {
    padding: 0 10px !important;
  }
  .aegis-cli-content {
    font-size: 15px !important;
    line-height: 1.5 !important;
    overflow: hidden !important;
  }
  /* Ganze ASCII-Box verstecken (Titel + Rahmen + leere Zeilen) */
  .aegis-cli-line.title-border,
  .aegis-cli-line.title-main,
  .aegis-cli-line.title-sub {
    display: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    height: 0 !important;
  }
  /* BR Tags nach versteckten Zeilen auch weg */
  .aegis-cli-line.title-border + br,
  .aegis-cli-line.title-main + br,
  .aegis-cli-line.title-sub + br {
    display: none !important;
  }

  /* Stat Cards 2 Spalten */
  .aegis-stat-cards { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
  .aegis-stat-card { padding: 10px !important; overflow: hidden !important; }
  .aegis-stat-card .num { font-size: 20px !important; }
  .aegis-stat-sub { word-break: break-word !important; overflow-wrap: break-word !important; }
  .aegis-stat-card .sub {
    font-size: 9px !important;
    word-break: break-word !important;
    white-space: normal !important;
    line-height: 1.3 !important;
  }

  /* Header */
  .aegis-header { padding: 8px 0 !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: -20px !important; }
  .aegis-header h1 { font-size: 24px !important; }
  .aegis-header p { font-size: 15px !important; }
  .aegis-header-license { width: 100% !important; flex-wrap: wrap !important; }

  /* DEMO Badge oben rechts im Header, scrollt mit */
  .aegis-header {
    position: relative !important;
  }
  .aegis-active-badge {
    position: absolute !important;
    top: -22px !important;
    right: 0 !important;
  }

  /* License Box Portrait — 1-spaltig, alles zentriert */
  .aegis-license-activation {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #aegis-license-text {
    padding-left: 50px !important; box-sizing: border-box !important;
  }
  .aegis-license-eye-toggle {
    position: fixed !important; right: -30px !important; top: 95px !important; z-index: 9999 !important; border: 1px solid var(--aegis-accent) !important;
  }
  .aegis-license-quote {
    left: 0 !important;
    padding: 0 8px !important;
    text-align: center !important;
    transform: none !important;
    width: 100% !important;
  }
  .aegis-license-quote-arrow,
  .aegis-license-quote-arrow.visible {
    animation: aegisArrowBounce 1.5s ease-in-out infinite !important;
    will-change: transform !important; opacity: 1 !important;
  }
  .aegis-license-quote-text {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  .aegis-license-key-container {
    left: 0 !important;
    right: 0 !important;
    padding: 12px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .aegis-license-display-wrap {
    overflow: visible !important;
    -webkit-overflow-scrolling: touch !important;
    display: flex !important;
    justify-content: center !important;
  }
  .aegis-license-digital {
    transform: scale(0.6) !important;
    transform-origin: center center !important;
    min-width: unset !important;
    margin: 0 auto !important;
  }
  .aegis-license-prefix {
    font-size: 11px !important;
    letter-spacing: 1px !important;
  }
  .aegis-license-separator {
    margin: 0 4px !important;
  }
  .aegis-license-slot {
    width: 22px !important;
    height: 30px !important;
  }
  .aegis-license-activate-btn {
    font-size: 12px !important;
    padding: 10px 20px !important;
    padding-left: 50px !important; box-sizing: border-box !important;
  }
  .aegis-license-status-line {
    text-align: center !important;
    width: 100% !important;
    padding-right: 40px !important;
    justify-content: center !important;
  }

  /* Charts + Risikoverteilung untereinander, volle Breite */
  .aegis-charts, .aegis-charts-row { flex-direction: column !important; }
  .aegis-chart-container, .aegis-dist { width: 100% !important; min-width: unset !important; }

  /* Email */
  .aegis-email-panel {
    flex-direction: column !important;
    gap: 0 !important;
  }
  /* Ordner-Sidebar: Slide-In von links (wie Haupt-Sidebar) */
  .aegis-email-folders {
    position: fixed !important;
    top: 0 !important;
    left: -280px !important;
    width: 280px !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 250 !important;
    transition: left 0.3s ease !important;
    overflow-y: auto !important;
    padding: 70px 16px 24px 16px !important;
    border-right: 1px solid var(--aegis-glass-border) !important;
    display: block !important;
  }
  /* Theme-specific email-folders glassmorphism */
  [data-theme="obsidian"] .aegis-email-folders {
    background: rgba(25,34,53,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }
  [data-theme="aurora"] .aegis-email-folders {
    background: rgba(25,34,53,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }
  [data-theme="charcoal"] .aegis-email-folders {
    background: rgba(30,30,30,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }
  [data-theme="jade"] .aegis-email-folders {
    background: rgba(25,50,38,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }
  [data-theme="slate"] .aegis-email-folders {
    background: rgba(42,42,42,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }
  
  [data-theme="frost"] .aegis-email-folders {
    background: rgba(200,215,235,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }
  [data-theme="porcelain"] .aegis-email-folders {
    background: rgba(234,234,234,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }
  [data-theme="space"] .aegis-email-folders {
    background: rgba(15,23,42,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }
  .aegis-email-folders.mobile-open {
    left: 0 !important;
  }
  .aegis-email-folders .aegis-folder-name {
    font-size: 13px !important;
  }
  .aegis-email-folders .aegis-folder-icon {
    width: 20px !important;
    height: 20px !important;
  }
  .aegis-email-folders .aegis-folder-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
  .aegis-email-folders .aegis-folder-section-title {
    font-size: 11px !important;
  }
  .aegis-email-folders .aegis-compose-btn {
    font-size: 13px !important;
  }
  .aegis-email-folders .aegis-folder-count {
    font-size: 12px !important;
  }
  .aegis-email-folders .aegis-folder-add {
    font-size: 13px !important;
  }
  /* Email-Liste volle Breite */
  .aegis-email-list-wrap, .aegis-email-list {
    width: 100% !important;
  }
  .aegis-email-row { padding: 10px 3px !important; }
  .aegis-email-toolbar {
    padding: 0 15px 0 3px !important;
  }
  .aegis-email-toolbar-center {
    flex: 0 1 auto !important;
    max-width: 40% !important;
    padding: 0 8px !important;
  }
  .aegis-sort-toggle {
    margin-right: -8px !important !important;
    margin-left: -2px !important;
  }
  .aegis-tag-picker {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 99999 !important;
    width: 80% !important;
    max-width: 300px !important;
  }
  /* Calendar Form: 2-2-1 Layout */
  #aegis-calendar-fields {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  #aegis-calendar-fields > div {
    display: contents !important;
  }
  #aegis-calendar-fields > div > span {
    display: none !important;
  }
  #aegis-cal-date, #aegis-cal-start {
    flex: 0 0 calc(50% - 4px) !important;
    min-width: 0 !important;
    width: auto !important;
  }
  #aegis-cal-end, #aegis-cal-location {
    flex: 0 0 calc(50% - 4px) !important;
    min-width: 0 !important;
    width: auto !important;
    margin-bottom: 0 !important;
  }
  #aegis-cal-desc {
    flex: 0 0 100% !important;
    min-width: 0 !important;
  }
  .aegis-email-toolbar-right {
    margin-right: 0 !important;
    flex-shrink: 0 !important;
    gap: 5px !important;
  }
  .aegis-email-toolbar .aegis-btn-icon {
    min-width: 32px !important;
    flex-shrink: 0 !important;
  }
  .aegis-email-row .ellipsis { max-width: 200px !important; }

  /* Compose Form Mobile */
  .aegis-compose-editor .aegis-detail-header {
    justify-content: center !important;
  }
  .aegis-compose-editor .aegis-detail-close {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .aegis-compose-actions {
    justify-content: center !important;
  }
  /* KI Compose: stacked on mobile */
  .aegis-compose-confidential .aegis-confidential-body > div:first-child {
    flex-direction: column !important;
  }
  .aegis-compose-confidential #aegis-ki-select {
    width: 100% !important;
    min-width: 100% !important;
  }
  .aegis-compose-confidential #aegis-ki-prompt {
    width: 100% !important;
    min-height: 60px !important;
    word-wrap: break-word !important;
  }
  /* More-Menu (3-Punkte): fixed position on mobile, matching fontsize picker */
  .aegis-more-menu {
    position: fixed !important;
    bottom: auto !important;
    right: 10px !important;
    z-index: 99999 !important;
    min-width: auto !important;
    padding: 6px 0 !important;
  }
  .aegis-more-item {
    padding: 8px 16px !important;
    font-size: 13px !important;
  }
  /* ── EMAIL DETAIL MOBILE ── */
  .aegis-detail-header {
    position: relative !important;
  }
  .aegis-detail-title {
    padding-left: 50px !important;
    margin-top: -5px !important;
    font-size: 18px !important;
  }
  .aegis-detail-close {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
  }
  .aegis-detail-reply-actions {
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
  }
  .aegis-detail-ip-actions {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
  }
  .aegis-reply-btn,
  .aegis-forward-btn {
    padding: 7px 12px !important;
    font-size: 13px !important;
    flex: 1 !important;
    justify-content: center !important;
  }
  .aegis-reply-btn svg,
  .aegis-forward-btn svg {
    width: 15px !important;
    height: 15px !important;
  }
  .aegis-ip-btn {
    padding: 7px 10px !important;
    font-size: 12px !important;
    gap: 4px !important;
    flex: 0 0 calc(50% - 2px) !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
  .aegis-ip-btn:nth-child(n+3) {
    flex: 0 0 calc(33.33% - 3px) !important;
  }
  .aegis-ip-btn svg {
    width: 15px !important;
    height: 15px !important;
  }
  .aegis-detail-grid {
    font-size: 14px !important;
  }
  .aegis-detail-risk {
    font-size: 14px !important;
  }
  .aegis-detail-value,
  .aegis-detail-label {
    font-size: 14px !important;
  }
  .aegis-detail-headers {
    font-size: 13px !important;
    border: 1px solid var(--aegis-accent) !important;
    margin: 12px 0 !important;
    overflow: visible !important;
  }
  .aegis-headers-title {
    padding: 14px 12px !important;
    font-size: 15px !important;
    background: rgba(0,201,167,0.1) !important;
    color: var(--aegis-accent) !important;
    font-weight: 700 !important;
    display: flex !important;
    min-height: 48px !important;
    align-items: center !important;
  }
  .aegis-headers-content.open {
    max-height: 2000px !important;
  }
  /* Email Body Box (blau) breiter - negative Margins nutzen Parent-Padding */
  .aegis-detail-body {
    margin-left: -12px !important;
    margin-right: -12px !important;
    border-radius: 4px !important;
  }
  .aegis-compose-input,
  .aegis-compose-textarea {
    border: 2px solid rgba(255,255,255,0.4) !important;
  }

  /* Email-Panel Items: Checkbox + Status + Sender + Risk rechts */
  .aegis-email-item {
    grid-template-columns: 20px 26px 1fr 60px !important;
    gap: 6px !important;
    padding: 10px 8px !important;
  }
  .aegis-email-subject,
  .aegis-email-badges,
  .aegis-email-time {
    display: none !important;
  }
  .aegis-email-risk {
    justify-self: end !important;
  }

  /* Email-Detail: Vollbild-Vorhang von links */



  /* Email Detail: Content 30px runter, Close+Burger bleiben oben */
  [data-theme="frost"] .aegis-email-detail,
  [data-theme="porcelain"] .aegis-email-detail {
    padding-top: 46px !important;
  }
  [data-theme="frost"] .aegis-email-detail .aegis-detail-close,
  [data-theme="porcelain"] .aegis-email-detail .aegis-detail-close {
    transform: translateY(-30px) !important;
  }
  /* Email Detail Glassmorphism — nur Frost + Porcelain */
  [data-theme="frost"] .aegis-email-detail {
    background: rgb(200 215 235 / 82%) !important;
    backdrop-filter: blur(30px) saturate(1.8) brightness(1.15) !important;
    -webkit-backdrop-filter: blur(30px) saturate(1.8) brightness(1.15) !important;
  }
  [data-theme="porcelain"] .aegis-email-detail {
    background: rgb(234 234 234 / 90%) !important;
    backdrop-filter: blur(30px) saturate(1.8) brightness(1.15) !important;
    -webkit-backdrop-filter: blur(30px) saturate(1.8) brightness(1.15) !important;
  }
  /* Space/Universe — same as Obsidian solidity */
  [data-theme="space"] .aegis-email-detail {
    background: rgb(25 35 75 / 75%) !important;
    backdrop-filter: blur(60px) saturate(1.8) brightness(1.15) !important;
    -webkit-backdrop-filter: blur(60px) saturate(1.8) brightness(1.15) !important;
  }
  .aegis-email-detail {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9000 !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 16px !important;
    overflow-y: auto !important;
    background: var(--aegis-bg) !important;
    animation: mobileSlideIn 0.3s ease !important;
  }

  /* Tabellen */
  .aegis-list-table-wrap { overflow: visible !important; -webkit-overflow-scrolling: touch !important; }
  .aegis-list-table { min-width: 600px !important; font-size: 14px !important; }
  .aegis-list-table td, .aegis-list-table th { font-size: 14px !important; }
  .aegis-list-desc { font-size: 14px !important; }
  .aegis-list-count { font-size: 14px !important; }
  .aegis-list-title { font-size: 18px !important; }

  /* Modals */
  .aegis-modal, .aegis-contact-overlay > div, .aegis-modal-overlay > div {
    width: 95% !important; max-width: 95% !important; min-width: 0 !important;
    margin: 16px auto !important; max-height: 85vh !important; overflow-y: auto !important;
  }

  /* ── Email Detail Actions (Shield, Multi-KI, WL, BL, Melden) ── */
  .aegis-detail-actions {
    flex-direction: column !important;
    gap: 6px !important;
  }
  .aegis-detail-actions .aegis-btn {
    flex: none !important;
    width: 100% !important;
    padding: 12px !important; font-size: 13px !important; text-align: center !important; justify-content: center !important;
  }




  /* ── Detail Header ── */
  .aegis-detail-header {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  .aegis-detail-title {
    font-size: 13px !important;
  }

  /* ── KI Analysis Panel ── */
  .aegis-ki-tabs {
    flex-wrap: wrap !important;
    gap: 2px !important;
  }
  .aegis-ki-tab {
    padding: 8px 10px !important;
    font-size: 11px !important;
  }
  .aegis-ki-result-content {
    padding: 10px !important;
    font-size: 12px !important;
  }

  /* ── Analysis Modal Fullscreen ── */
  .aegis-analysis-modal {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow-y: auto !important;
  }

  /* ── Whitelist/Blacklist Panel ── */
  .aegis-list-panel {
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }
  .aegis-list-header {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  .aegis-list-search {
    width: 100% !important;
  }

  /* Panel Header: Titel oben, Banner darunter */
  .aegis-panel-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 16px 12px !important;
  }
  /* Titel 50px rechts + 5px runter */
  .aegis-panel-title {
    padding-left: 50px !important;
    padding-top: 40px !important;
  }
  /* Banner Text unter Titel - groesser + breiter */
  .aegis-header-banner {
    font-size: 15px !important;
    order: 2 !important;
    padding-left: 10px !important;
    padding-right: 5px !important;
    margin-top: 10px !important;
  }
  /* Shield SVG rechts neben Titel */
  .aegis-header-banner svg {
    width: 32px !important;
    height: 32px !important;
    position: absolute !important;
    top: 8px !important;
    left: 250px !important;
  }
  /* Close Button oben rechts */
  .aegis-panel-close {
    position: absolute !important;
    top: 14px !important;
    right: 5px !important;
  }



  /* ═══ EMAIL PANEL — Gleicher Glassmorphism wie Hauptsidebar ═══ */
  #aegis-panel-overlay {
    background: rgba(15,23,42,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
  }


  /* Kontakt-Liste: kein Overflow nach rechts */
  .aegis-list-table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
  }
  .aegis-list-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    word-break: break-word !important;
  }
  .aegis-list-table td,
  .aegis-list-table th {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 120px !important;
  }
  .aegis-list-table td:first-child,
  .aegis-list-table th:first-child {
    max-width: 150px !important;
  }
  /* Panel Overlay - volle Breite, Vorhang von links */
  #aegis-panel-overlay {
    left: 0 !important;
    width: 100% !important;
    padding: 0 !important;
  }
  #aegis-panel-overlay .aegis-panel-header {
    padding: 16px !important;
  }
  #aegis-panel-overlay .aegis-panel-content {
    padding: 4px !important;
  }

  /* Sandbox: 1 Spalte auf Mobile */
  .aegis-sandbox-grid {
    grid-template-columns: 1fr !important;
  }
  .aegis-sandbox-separated {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
  }
  .aegis-sandbox-column {
    width: 100% !important;
  }
  .aegis-sandbox-column .aegis-attachment-card {
    width: 100% !important;
  }
  /* Sandbox Card Texte grösser auf Mobile */
  .aegis-att-meta { font-size: 14px !important; }
  .aegis-att-status { font-size: 14px !important; }
  .aegis-att-threats-title { font-size: 13px !important; }
  .aegis-att-threat-item { font-size: 14px !important; }
  .aegis-att-analysis-title { font-size: 13px !important; }
  .aegis-att-analysis-text { font-size: 14px !important; }
  .aegis-attachment-card {
    padding: 14px !important;
  }
  /* Demo Modus Button verstecken */
  .aegis-api-status {
    display: none !important;
  }
  /* Würfel Menu rechts */
  .aegis-sandbox-view-toggle {
    margin-left: auto !important;
  }
  /* Sandbox Header: 2-2 Layout */
  .aegis-sandbox-header {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .aegis-sandbox-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: 100% !important;
  }
  .aegis-sandbox-tab {
    flex: 0 0 calc(50% - 2px) !important;
    font-size: 11px !important;
    padding: 6px 8px !important;
  }
  .aegis-sandbox-stats {
    flex-wrap: wrap !important;
    width: 100% !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }
  /* Sandbox Stats + Würfel auf einer Zeile */
  .aegis-sandbox-stats {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
  }

  /* KI Analyse: 2 Spalten statt 3 */
  .aegis-ki-providers-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* KI Chat Header: Titel + Status auf gleicher Höhe */
  .aegis-ki-chat-header {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12px !important;
  }
  .aegis-ki-chat-status {
    white-space: nowrap !important;
    font-size: 10px !important;
  }

  /* Theme dots + Status */
  .aegis-theme-dots { gap: 6px !important; flex-wrap: wrap !important; justify-content: flex-start !important; }
  .aegis-theme-dot { width: 14px !important; height: 14px !important; }
  .aegis-status { padding: 8px 12px !important; font-size: 10px !important; }

  /* Settings/KI Tabs */
  .aegis-settings-tabs, .aegis-ki-tabs { flex-wrap: wrap !important; gap: 4px !important; }
  .aegis-ki-tab { flex: 0 0 48% !important; font-size: 12px !important; padding: 8px 6px !important; }
  .aegis-settings-tab {
    font-size: 13px !important;
    padding: 8px 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  /* Footer: 2 Zeilen auf Mobile */
  #aegis-main .aegis-footer {
    display: block !important;
    text-align: center !important;
    font-size: 10px !important;
    line-height: 2 !important;
    padding: 10px 8px !important;
    white-space: normal !important;
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Letzte Emails Tabelle fuer Mobile */
  .aegis-table {
    overflow-x: hidden !important;
  }
  .aegis-table-header {
    padding: 10px 12px !important;
    flex-wrap: wrap !important;
  }
  .aegis-table-header h3 {
    font-size: 14px !important;
  }
  /* Spalten vereinfacht: nur Checkbox, Absender, Betreff, Risiko */
  .aegis-table-cols {
    grid-template-columns: 28px 1fr 1.5fr 50px !important;
    padding: 8px 10px !important;
    font-size: 10px !important;
  }
  .aegis-table-cols > *:nth-child(n+5) {
    display: none !important;
  }
  .aegis-email-row {
    grid-template-columns: 28px 1fr 1.5fr 50px !important;
    padding: 10px !important;
  }
  .aegis-email-row > *:nth-child(n+5) {
    display: none !important;
  }
  /* Status Icons rechts ausrichten */
  .aegis-email-row > *:nth-child(4) {
    text-align: right !important;
    justify-self: end !important;
    padding-right: 4px !important;
  }
  .aegis-email-row .ellipsis {
    max-width: 100px !important;
    font-size: 12px !important;
  }
  /* Settings Boxen - 1-spaltig untereinander */
  .aegis-email-bottom-row {
    display: flex !important;
    flex-direction: column !important;
  }
  .aegis-custom-imap-card {
    width: 100% !important;
  }
  .aegis-sync-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    width: 100% !important;
  }
  .aegis-sync-panel {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* SMS-Schutz Card: visible on smartphone portrait */
  .aegis-sync-panel-sms {
    display: block !important;
  }
}

/* ── HAMBURGER BUTTON (versteckt auf Desktop) ── */

/* Mobile Slide-In Animation */
@keyframes mobileSlideIn {
  from { opacity: 0; transform: translateX(-100%); }
  to { opacity: 1; transform: translateX(0); }
}

.aegis-burger {
  display: none;
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 9998;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--aegis-glass);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--aegis-glass-border);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 11px 10px;
}
.aegis-burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--aegis-text);
  border-radius: 2px;
  transition: all 0.3s ease;
}
/* Burger X Animation wenn offen */
.aegis-burger.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.aegis-burger.open span:nth-child(2) { opacity: 0; }
.aegis-burger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
.aegis-burger.open { z-index: 10001 !important; }

/* BLAUER Email-Burger - Body-Level, UEBER weissem Burger */
.aegis-burger-email {
  display: flex !important;
  position: fixed !important;
  left: 12px !important;
  top: 7px !important;
  border-color: var(--aegis-accent) !important;
  z-index: 99999 !important;
}
.aegis-burger.hidden {
  display: none !important;
}
.aegis-burger-email span {
  background: var(--aegis-accent) !important;
}
/* Email Overlay */
.aegis-email-overlay {
  z-index: 199 !important;
  width: 280px !important;
  right: auto !important;
}


/* ── PHONE LANDSCAPE ── */
@media screen and (min-width: 769px) and (max-height: 500px) {

  /* Burger sichtbar */
  .aegis-burger { display: flex !important; }

  /* Sidebar: versteckt, Slide-In von OBEN */
  #aegis-sidebar {
    position: fixed !important;
    top: -100vh !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 10000 !important;
    transition: top 0.3s ease !important;
    flex-direction: column !important;
    align-items: stretch !important;
    background: rgba(15,23,42,0.01) !important;
    backdrop-filter: blur(20px) brightness(1.8) !important;
    -webkit-backdrop-filter: blur(20px) brightness(1.8) !important;
    border-bottom: 1px solid var(--aegis-glass-border) !important;
    border-right: none !important;
    overflow-y: auto !important;
    padding: 16px !important;
  }
  #aegis-sidebar.mobile-open { top: 0 !important; }
  /* ── Animated Flow Lines in Sidebar ── */

  /* Sidebar als 2-Grid: Logo links, Nav rechts */
  #aegis-sidebar {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: center !important;
  }

  /* Logo links */
  .aegis-logo {
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-top: -50px !important;
    transform: translateY(-10px) !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
  .aegis-logo-shield { 
    display: block !important;
    position: relative !important;
    top: 0 !important;
    right: auto !important;
    width: 40px !important;
    height: 40px !important;
  }
  .aegis-logo-shield svg {
    width: 40px !important;
    height: 40px !important;
  }
  .aegis-logo-text-wrap { flex-direction: column !important; gap: 0 !important; }
  .aegis-logo-name { font-size: 14px !important; }
  .aegis-logo-brand { font-size: 10px !important; }

  /* Nav rechts - kompakt für 2 Zeilen */
  #aegis-nav {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: repeat(3, auto) !important;
    grid-auto-flow: column !important;
    gap: 4px !important;
    padding: 5px 0 !important;
    margin-right: 10px !important;
  }
  .aegis-nav-item[data-nav="calendar"] { order: 6 !important; }
  .aegis-nav-item[data-nav="contacts"] { order: 7 !important; }
  .aegis-nav-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 5px 10px !important;
    gap: 4px !important;
    border-left: none !important;
    border-radius: 10px !important;
  }
  .aegis-nav-item.active {
    border-left: none !important;
  }
  .aegis-nav-icon { width: 40px !important; height: 40px !important; }
  .aegis-nav-icon svg { width: 38px !important; height: 38px !important; }
  .aegis-nav-item > span:nth-child(2) { display: inline !important; font-size: 16px !important; font-weight: 500 !important; }

  /* Language + Theme unten */
  .aegis-lang-wrap { 
    display: flex !important;
    justify-content: center !important;
    padding: 8px 0 !important;
    grid-column: 1 / -1 !important;
  }
  .aegis-dash-lang-overlay {
    z-index: 99999 !important;
  }
  /* Backend Status fullwidth */
  .aegis-status {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  .aegis-theme-wrap { padding: 8px !important; grid-column: 1 / -1 !important; }
  .aegis-theme-dots { gap: 5px !important; flex-wrap: wrap !important; }
  .aegis-theme-dot { width: 14px !important; height: 14px !important; }

  /* Overlay hinter Sidebar (von oben) - NUR wenn Sidebar offen */
  .aegis-mobile-overlay {
    display: none !important;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
    pointer-events: none;
  }
  .aegis-mobile-overlay.active { 
    display: block !important; 
    pointer-events: auto;
  }

  /* Main Content volle Breite */
  #aegis-main {
    padding-left: 50px !important; box-sizing: border-box !important;
    padding: 16px !important;
  }

  /* Panel Header */
  .aegis-panel-header {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 40px 12px 8px 12px !important;
    margin-top: 0 !important;
  }
  .aegis-panel-title {
    padding-left: 60px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  /* Banner Subtitel - versteckt */
  .aegis-header-banner {
    display: none !important;
  }
  /* Shield SVG im Banner nach rechts oben */
  .aegis-header-banner svg {
    position: absolute !important;
    top: -70px !important;
    right: 40px !important;
    width: 36px !important;
    height: 36px !important;
  }
  
  /* CLI Box sichtbar */
  .aegis-welcome-cli { display: block !important; }

  /* Dashboard Header */
  .aegis-active-badge {
    margin-top: -10px !important;
  }
  .aegis-header { padding: 8px 0 !important; flex-wrap: wrap !important; gap: 8px !important; }
  .aegis-header h1 { font-size: 22px !important; padding-left: 50px !important; }
  .aegis-header p { font-size: 14px !important; padding-left: 50px !important; }


  /* ── License Box Landscape ── */
  #aegis-license-activation.aegis-license-activation {
    margin-left: 40px !important;
    margin-right: -40px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 80px !important;
  }
  .aegis-license-activation .aegis-license-key-container {
    left: 40px !important;
  }
  .aegis-license-activation .aegis-license-quote {
    left: 5px !important;
  }

  /* Stat Cards: 2er Grid */
  .aegis-stat-cards { grid-template-columns: 1fr !important; padding-left: 20px !important; }
  .aegis-charts { flex-direction: column !important; }
  .aegis-chart { width: 100% !important; min-width: 0 !important; }

  /* Email Panel */
  .aegis-email-panel { flex-direction: column !important; gap: 0 !important; height: calc(100vh - 80px) !important; }
  .aegis-email-content { flex: 1 !important; min-height: calc(100vh - 120px) !important; height: auto !important; }
  .aegis-email-folders.aegis-email-folders {
    position: fixed !important;
    top: -100vh !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    z-index: 250 !important;
    transition: top 0.3s ease !important;
    overflow-y: auto !important;
    padding: 20px 16px 24px 16px !important;
    background: rgba(15,23,42,0.01) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--aegis-glass-border) !important;
    border-right: none !important;
    display: block !important;
  }
  .aegis-email-folders.aegis-email-folders.mobile-open { top: 0 !important; left: 0 !important; }

  /* Landscape: alle Ordner horizontal */
  .aegis-email-folders.aegis-email-folders {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    justify-content: center !important;
  }
  .aegis-email-folders .aegis-folder-item {
    flex: 0 0 auto !important;
    padding: 6px 12px !important;
  }
  .aegis-email-folders .aegis-folder-section-title {
    width: 100% !important;
    text-align: center !important;
  }
  .aegis-email-folders .aegis-compose-btn {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  .aegis-folder-dropdown-items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: 100% !important;
  }
  .aegis-folder-dropdown-items .aegis-nav-item,
  .aegis-folder-dropdown-items > div {
    flex: 0 0 auto !important;
    padding: 6px 12px !important;
  }
  .aegis-email-list-wrap, .aegis-email-list { 
    width: calc(100% + 40px) !important; 
    min-width: calc(100% + 40px) !important; 
    margin-left: -20px !important;
    margin-top: 20px !important;
    min-height: calc(100vh - 150px) !important;
    height: auto !important;
  }
  
  /* Email Items breiter - weniger Spalten für mehr Platz */
  .aegis-email-item { 
    grid-template-columns: 20px 26px 1fr 100px 80px !important;
    width: 100% !important;
    min-height: auto !important;
  }
  .aegis-email-badges { display: none !important; }
  .aegis-email-risk { display: none !important; }
  
  /* Neue Email (Compose) breiter + höher */
  .aegis-email-folders .aegis-compose-btn {
    margin-top: 40px !important;
  }
  .aegis-compose-editor {
    width: calc(100% + 60px) !important;
    min-height: 100vh !important;
    height: auto !important;
    overflow: visible !important;
    margin-left: -20px !important;
    margin-right: -40px !important;
    margin-top: 0px !important;
  }
  
  /* Email Details (auch Quarantäne) breiter + höher */
  .aegis-email-detail {
    width: calc(100% + 40px) !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    max-height: calc(100vh - 100px) !important;
    transform: translateY(-30px) !important;
  }
  
  /* Kopfzeile Button */
  .aegis-detail-headers {
    font-size: 13px !important;
    border: 1px solid var(--aegis-accent) !important;
    margin: 12px 0 !important;
    overflow: visible !important;
  }
  .aegis-headers-title {
    padding: 14px 12px !important;
    font-size: 15px !important;
    background: rgba(0,201,167,0.1) !important;
    color: var(--aegis-accent) !important;
    font-weight: 700 !important;
    display: flex !important;
    min-height: 48px !important;
    align-items: center !important;
  }
  .aegis-headers-content.open {
    max-height: 2000px !important;
  }
  
  /* IP Buttons grösser (Shield, Multi KI, Whitelist, Blacklist) */
  .aegis-detail-ip-actions {
    width: calc(100% + 40px) !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .aegis-ip-btn {
    padding: 10px 18px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }
  .aegis-ip-btn svg {
    width: 20px !important;
    height: 20px !important;
  }
  
  .aegis-email-toolbar { padding-right: 20px !important; }
  .aegis-email-toolbar-center { flex: 0 1 auto !important; max-width: 40% !important; padding: 0 8px !important; }
  .aegis-sort-toggle {
    margin-right: 2px !important;
    margin-left: -2px !important;
  }
  .aegis-tag-picker {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 99999 !important;
    width: 80% !important;
    max-width: 300px !important;
  }
  /* Calendar Form: 2-2-1 Layout */
  #aegis-calendar-fields {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  #aegis-calendar-fields > div {
    display: contents !important;
  }
  #aegis-calendar-fields > div > span {
    display: none !important;
  }
  #aegis-cal-date, #aegis-cal-start {
    flex: 0 0 calc(50% - 4px) !important;
    min-width: 0 !important;
    width: auto !important;
  }
  #aegis-cal-end, #aegis-cal-location {
    flex: 0 0 calc(50% - 4px) !important;
    min-width: 0 !important;
    width: auto !important;
    margin-bottom: 0 !important;
  }
  #aegis-cal-desc {
    flex: 0 0 100% !important;
    min-width: 0 !important;
  }
  .aegis-email-toolbar-right { flex-shrink: 0 !important; }
  .aegis-email-toolbar .aegis-btn-icon { min-width: 32px !important; flex-shrink: 0 !important; }

  /* Sandbox - fullwidth */
  .aegis-sandbox-grid { 
    grid-template-columns: 1fr !important; 
    width: 100% !important;
  }
  .aegis-sandbox-separated { 
    grid-template-columns: 1fr !important; 
    padding: 0 !important;
  }
  .aegis-sandbox-column { 
    width: 100% !important;
  }
  
  /* Panel Overlay - fullwidth von links (kein Sidebar-Offset) */
  #aegis-panel-overlay {
    left: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* Sandbox Header (Titel + Buttons) */
  .aegis-sandbox-header {
    transform: translateY(0) !important;
    margin-bottom: 0 !important;
    padding-bottom: 6px !important;
  }
  .aegis-api-status {
    display: none !important;
  }

  /* KI Panel */
  .aegis-ki-panel {
    transform: translateY(0) !important;
    margin-bottom: 0 !important;
    max-height: calc(100vh - 80px) !important;
    height: auto !important;
  }
  
  /* KI Tabs 1x4 (eine Zeile) */
  .aegis-settings-tabs, .aegis-ki-tabs { 
    flex-wrap: nowrap !important; 
    gap: 4px !important;
    transform: translateY(0) !important;
    margin-bottom: 0 !important;
  }
  .aegis-ki-tab { 
    flex: 1 !important; 
    font-size: 11px !important; 
    padding: 8px 4px !important;
    white-space: nowrap !important;
  }

  /* Whitelist/Blacklist - Header 30px hoch, Panel grösser */
  .aegis-list-header {
    transform: translateY(0) !important;
    margin-bottom: 0 !important;
  }
  .aegis-list-panel {
    max-height: calc(100vh - 50px) !important;
    height: calc(100vh - 50px) !important;
  }
  .aegis-list-table-wrap {
    min-height: calc(100vh - 30px) !important;
    height: calc(100vh - 30px) !important;
    flex: 1 !important;
    overflow: auto !important;
  }
  .aegis-contacts-scan-info {
    transform: translateY(0) !important;
  }
  /* Settings Panel */
  .aegis-settings-panel {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
  }
  .aegis-settings-tabs {
    transform: translateY(0) !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  .aegis-settings-tab {
    flex: 1 !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
    flex-direction: row !important;
    gap: 6px !important;
  }
  .aegis-settings-content {
    transform: translateY(0) !important;
    min-height: calc(100vh - 60px) !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 200px !important;
  }
  .aegis-email-providers {
    min-height: 400px !important;
    height: auto !important;
    margin-bottom: 30px !important;
  }
  .aegis-demo-reset-box {
    padding: 10px !important;
    font-size: 13px !important;
  }
  /* Custom IMAP eigene Zeile */
  .aegis-custom-imap-card {
    width: 100% !important;
    margin-bottom: 10px !important;
    transform: translateY(-10px) !important;
  }
  /* Sync/Quarantine/Sandbox - alle 3 nebeneinander */
  .aegis-email-bottom-row {
    display: flex !important;
    flex-direction: column !important;
  }
  .aegis-sync-row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    transform: translateY(0) !important;
  }
  .aegis-sync-panel {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 12px !important;
    margin-bottom: 0 !important;
  }

  /* ── Tutorial Landscape ── */
  .aegis-tutorial-modal {
    padding: 6px 14px 14px 14px !important;
    max-height: 95vh !important;
    width: 95vw !important;
    max-width: 95vw !important;
    margin-top: 10px !important;
  }
  .aegis-tutorial-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 2px !important;
    padding: 2px 12px !important;
    text-align: left !important;
  }
  .aegis-tutorial-title-wrap {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .aegis-tutorial-shield {
    display: none !important;
  }
  .aegis-tutorial-shield svg {
    width: 0 !important;
    height: 0 !important;
  }
  .aegis-tutorial-title {
    font-size: 18px !important;
    margin-bottom: 0 !important;
  }
  .aegis-tutorial-sub {
    font-size: 12px !important;
    margin-bottom: 4px !important;
  }
  .aegis-tutorial-content {
    padding-top: 4px !important;
  }
  .aegis-tutorial-sub {
    font-size: 12px !important;
    margin-top: 2px !important;
  }
  .aegis-tutorial-step {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    margin-bottom: 14px !important;
  }
  .aegis-tutorial-step-num {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 13px !important;
  }
  .aegis-tutorial-step-body {
    width: 100% !important;
  }
  .aegis-tutorial-step-body h3 {
    font-size: 17px !important;
    margin-bottom: 4px !important;
  }
  .aegis-tutorial-step-body p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .aegis-tutorial-nav {
    padding-top: 8px !important;
    gap: 8px !important;
  }
  /* Tutorial close button higher */
  .aegis-tutorial-modal .aegis-login-close {
    top: 5px !important;
  }
  /* SMS-Schutz Card: visible on phone landscape */
  .aegis-sync-panel-sms {
    display: block !important;
  }
  .aegis-sync-title {
    font-size: 16px !important;
    margin-bottom: 8px !important;
    white-space: nowrap !important;
  }
  .aegis-sync-title svg {
    width: 22px !important;
    height: 22px !important;
  }
  .aegis-sync-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
  }
  .aegis-sync-btn {
    padding: 10px 14px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }
  .aegis-sync-desc,
  .aegis-settings-desc,
  .aegis-api-desc,
  .aegis-notify-desc {
    font-size: 15px !important;
  }

  /* Close Button */
  .aegis-panel-close { position: absolute !important; top: 27px !important; right: 4px !important; }
  .aegis-sidebar-toggle { display: none !important; }

  /* Tabellen */
  .aegis-list-table-wrap { overflow: visible !important; -webkit-overflow-scrolling: touch !important; }

  /* Modals */
  .aegis-modal, .aegis-contact-overlay > div, .aegis-modal-overlay > div {
    width: 95% !important; max-width: 95% !important; min-width: 0 !important;
    margin: 16px auto !important; max-height: 85vh !important; overflow-y: auto !important;
  }

  /* ── Email Detail Actions (Shield, Multi-KI, WL, BL, Melden) ── */
  .aegis-detail-actions {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .aegis-detail-actions .aegis-btn {
    flex: 0 0 calc(50% - 4px) !important;
    padding: 8px 6px !important;
    font-size: 10px !important;
  }
  .aegis-detail-actions .aegis-btn:last-child {
    flex: 0 0 100% !important;
  }

  /* ── Detail Header ── */
  .aegis-detail-header {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  .aegis-detail-title {
    font-size: 13px !important;
  }

  /* ── KI Analysis Panel ── */
  .aegis-ki-tabs {
    flex-wrap: wrap !important;
    gap: 2px !important;
  }
  .aegis-ki-tab {
    padding: 8px 10px !important;
    font-size: 11px !important;
  }
  .aegis-ki-result-content {
    padding: 10px !important;
    font-size: 12px !important;
  }

  /* ── Analysis Modal Fullscreen ── */
  .aegis-analysis-modal {
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow-y: auto !important;
  }

  /* ── Whitelist/Blacklist Panel ── */
  .aegis-list-panel {
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }
  .aegis-list-header {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  .aegis-list-search {
    width: 100% !important;
  }

  /* Email Overlay */
  .aegis-email-overlay { z-index: 199 !important; width: 280px !important; right: auto !important; }
}


/* ── MINI SMARTPHONE (max 400px) ── */
@media (max-width: 400px) {
  .aegis-stat-cards { grid-template-columns: 1fr !important; padding-left: 20px !important; }
  .aegis-stat-card .num { font-size: 18px !important; }
  .aegis-email-row .ellipsis { max-width: 120px !important; }
  .aegis-header h1 { font-size: 16px !important; }
}

/* RTL (Arabic) — Mobile Portrait License Box */
@media (max-width: 768px) {
  [dir="rtl"] .aegis-license-activation {
    transform: translateX(-1px) !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  [dir="rtl"] #aegis-license-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }
  [dir="rtl"] .aegis-license-key-container {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    left: auto !important;
    right: auto !important;
    transform: translateX(0px) !important;
  }
  [dir="rtl"] .aegis-license-quote {
    left: auto !important;
    right: auto !important;
    text-align: center !important;
    transform: translateX(0px) !important;
  }
}

/* RTL (Arabic) — Phone Landscape License Box */
@media screen and (min-width: 769px) and (max-height: 500px) {
  [dir="rtl"] #aegis-license-activation.aegis-license-activation {
    margin-left: auto !important;
    margin-right: -8px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  [dir="rtl"] .aegis-license-activation .aegis-license-key-container {
    left: auto !important;
    right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    transform: translateX(0px) !important;
  }
  [dir="rtl"] .aegis-license-activation .aegis-license-quote {
    left: auto !important;
    right: auto !important;
    text-align: center !important;
    transform: translateX(0px) !important;
  }
  [dir="rtl"] #aegis-license-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }
}

/* RTL (Arabic) — Mobile Portrait: OFFLINE badge LEFT, same line as title */
@media (max-width: 768px) {
  [dir="rtl"] .aegis-active-badge {
    right: auto !important;
    left: 10px !important;
    top: 8px !important;
  }
}

/* RTL (Arabic) — Mobile Landscape: OFFLINE badge positioned */
@media screen and (min-width: 769px) and (max-height: 500px) {
  [dir="rtl"] .aegis-active-badge {
    position: absolute !important;
    top: 30px !important;
    right: auto !important;
    left: 70px !important;
  }
}

/* RTL (Arabic) — Mobile Landscape: Header 10px down */
@media screen and (min-width: 769px) and (max-height: 500px) {
  [dir="rtl"] .aegis-header.aegis-header {
    padding-top: 10px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   RTL (Arabic) — COMPLETE MOBILE PORTRAIT MIRROR
   Cloned from LTR layout, everything flipped left↔right
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Burger: links→rechts */
  [dir="rtl"] .aegis-burger.aegis-burger {
    left: auto !important;
    right: 12px !important;
  }

  /* Sidebar: von rechts statt links */
  [dir="rtl"] #aegis-sidebar#aegis-sidebar {
    left: auto !important;
    right: -280px !important;
    transition: right 0.3s ease !important;
    border-right: none !important;
    border-left: 1px solid var(--aegis-glass-border) !important;
    padding-top: 54px !important;
  }

  /* Sidebar OFFEN: rechts statt links */
  [dir="rtl"] #aegis-sidebar#aegis-sidebar.mobile-open {
    left: auto !important;
    right: 0 !important;
  }

  /* Overlay hinter Sidebar: rechts statt links */
  [dir="rtl"] .aegis-mobile-overlay.active {
    left: auto !important;
    right: 0 !important;
  }

  /* Email Burger: links→rechts */
  [dir="rtl"] .aegis-burger-email.aegis-burger-email {
    left: auto !important;
    right: 12px !important;
  }

  /* Email Sidebar/Folders: von rechts */
  [dir="rtl"] .aegis-email-folders.aegis-email-folders {
    left: auto !important;
    right: -280px !important;
    transition: right 0.3s ease !important;
  }
  [dir="rtl"] .aegis-email-folders.mobile-open {
    left: auto !important;
    right: 0 !important;
  }
}

/* RTL (Arabic) — Mobile: Panel Overlay fullwidth from left */
@media (max-width: 768px) {
  [dir="rtl"] #aegis-panel-overlay#aegis-panel-overlay {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: translateX(-100%) !important;
  }
  [dir="rtl"] #aegis-panel-overlay#aegis-panel-overlay.open {
    transform: translateX(0) !important;
  }
}

/* RTL (Arabic) — Mobile: Nav menu 30px down */
@media (max-width: 768px) {
  [dir="rtl"] #aegis-nav {
    margin-top: 40px !important;
  }
}

/* RTL (Arabic) — Mobile: Panel Close Button nach LINKS */
@media (max-width: 768px) {
  [dir="rtl"] .aegis-panel-close.aegis-panel-close {
    right: auto !important;
    left: 12px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   THEME-SPECIFIC SIDEBAR — Glassmorphism per Theme
   Jedes Theme bekommt seine eigene Sidebar-Farbe
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* Frost — Helles Blau (passt schon, nur glassmorphism verbessern) */
  [data-theme="frost"] #aegis-sidebar {
    background: rgba(220,230,245,0.01) !important;
    backdrop-filter: blur(40px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.4) !important;
    border-right: 1px solid rgba(255,255,255,0.3) !important;
  }

  /* Slate — Grau */
  [data-theme="slate"] #aegis-sidebar {
    background: rgba(42,42,42,0.01) !important;
    backdrop-filter: blur(40px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.2) !important;
    border-right: 1px solid rgba(255,255,255,0.08) !important;
  }

  /* Obsidian — Dunkel (Standard, bleibt) */
  [data-theme="obsidian"] #aegis-sidebar {
    background: rgba(15,23,42,0.01) !important;
    backdrop-filter: blur(40px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.3) !important;
    border-right: 1px solid rgba(255,255,255,0.06) !important;
  }

  /* Space — Universe (bleibt wie gewuenscht) */

  /* Charcoal — Dunkles Grau */
  [data-theme="charcoal"] #aegis-sidebar {
    background: rgba(30,30,30,0.01) !important;
    backdrop-filter: blur(40px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.2) !important;
    border-right: 1px solid rgba(255,255,255,0.06) !important;
  }

  /* Porcelain — Weiss (passt schon) */
  [data-theme="porcelain"] #aegis-sidebar {
    background: rgba(244,244,244,0.01) !important;
    backdrop-filter: blur(40px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.4) !important;
    border-right: 1px solid rgba(0,0,0,0.08) !important;
  }

  /* Jade — Gruen */
  [data-theme="jade"] #aegis-sidebar {
    background: rgba(25,60,40,0.01) !important;
    backdrop-filter: blur(40px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.5) !important;
    border-right: 1px solid rgba(90,170,106,0.15) !important;
  }

  /* Aurora — Universe (bleibt wie gewuenscht) */
  [data-theme="aurora"] #aegis-sidebar {
    background: rgba(15,20,45,0.01) !important;
    backdrop-filter: blur(40px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(40px) saturate(1.3) !important;
    border-right: 1px solid rgba(99,102,241,0.1) !important;
  }


  /* ═══ EMAIL PANEL per Theme ═══ */
  [data-theme="frost"] #aegis-panel-overlay { background: rgba(220,230,245,0.01) !important; backdrop-filter: blur(30px) !important; -webkit-backdrop-filter: blur(30px) !important; }
  [data-theme="slate"] #aegis-panel-overlay { background: rgba(42,42,42,0.01) !important; }
  [data-theme="obsidian"] #aegis-panel-overlay { background: rgba(15,23,42,0.01) !important; }
  [data-theme="charcoal"] #aegis-panel-overlay { background: rgba(30,30,30,0.01) !important; }
  [data-theme="porcelain"] #aegis-panel-overlay { background: rgba(244,244,244,0.01) !important; backdrop-filter: blur(30px) !important; -webkit-backdrop-filter: blur(30px) !important; }
  [data-theme="jade"] #aegis-panel-overlay { background: rgba(25,60,40,0.01) !important; }
  [data-theme="aurora"] #aegis-panel-overlay { background: rgba(15,20,45,0.01) !important; }
  [data-theme="space"] #aegis-panel-overlay { background: rgba(15,23,42,0.01) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; }
}