/* ============================================================
   MYSUPERFLIX SUPPORT — osTicket 1.18.x Theme
   Charte Graphique v2.0 — Glassmorphism Cinématique
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  --color-bg-primary:    #06060c;
  --color-bg-secondary:  #0d0d1a;
  --color-bg-glass:      rgba(255,255,255,0.04);
  --color-bg-glass-hover:rgba(255,255,255,0.06);
  --color-accent:        #f59e0b;
  --color-accent-hover:  #d97706;
  --color-text-primary:  #f1f5f9;
  --color-text-secondary:#94a3b8;
  --color-border:        rgba(255,255,255,0.08);
  --color-border-active: rgba(245,158,11,0.5);
  --color-success:       #10b981;
  --color-error:         #ef4444;
  --color-accent-1:      #8b5cf6;
  --color-accent-2:      #f59e0b;
  --color-accent-3:      #3b82f6;
  --color-accent-4:      #14b8a6;
  --color-accent-5:      #10b981;
  --spacing-xs: 0.5rem; --spacing-sm: 1rem; --spacing-md: 1.5rem; --spacing-lg: 2rem; --spacing-xl: 3rem;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-xl: 28px;
  --t-fast: 0.18s cubic-bezier(0.4,0,0.2,1);
  --t-normal: 0.3s cubic-bezier(0.4,0,0.2,1);
  --shadow-sm: 0 4px 6px rgba(0,0,0,0.1);
  --shadow-md: 0 10px 15px rgba(0,0,0,0.15);
  --shadow-lg: 0 20px 25px rgba(0,0,0,0.2);
  --shadow-xl: 0 25px 50px rgba(0,0,0,0.25);
  --shadow-glow: 0 0 20px rgba(245,158,11,0.15);
  --shadow-btn: 0 4px 14px rgba(245,158,11,0.35);
  --font: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}}

/* === BASE === */
html{background:var(--color-bg-primary)!important}
body{background:var(--color-bg-primary)!important;background-image:none!important;color:var(--color-text-primary)!important;font-family:var(--font)!important;font-size:14px!important;line-height:1.5!important}
body,input,select,textarea{font-family:var(--font)!important;color:var(--color-text-primary)!important}

/* === #container === */
#container{background:var(--color-bg-secondary)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--color-border)!important;color:var(--color-text-secondary)!important;position:relative;z-index:1}

/* === #header === */
#header{background:rgba(6,6,12,0.9)!important;border-bottom:1px solid var(--color-border)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#header p{color:var(--color-text-secondary)!important}
#header a{color:var(--color-accent)!important;border-bottom:none!important;margin-bottom:0!important;transition:color var(--t-fast)!important}
#header a:hover{color:var(--color-accent-hover)!important;border-bottom:none!important}
#header .pull-right p{color:var(--color-text-secondary)!important}
#header .pull-right a{color:var(--color-accent)!important}

/* === #nav === */
#nav{background:linear-gradient(180deg,rgba(245,158,11,0.1) 0%,rgba(245,158,11,0.03) 100%)!important;background-image:none!important;border-top:1px solid rgba(245,158,11,0.25)!important;box-shadow:0 3px 12px rgba(0,0,0,0.3),0 0 15px rgba(245,158,11,0.05)!important;margin:0!important;padding:2px 20px!important}
#nav li a{color:var(--color-text-secondary)!important;border-radius:var(--radius-sm)!important;transition:all var(--t-fast)!important;border-bottom:none!important;margin-bottom:0!important}
#nav li a:hover{background-color:rgba(245,158,11,0.15)!important;color:var(--color-text-primary)!important;border-bottom:none!important;margin-bottom:0!important}
#nav li a.active{background-color:rgba(245,158,11,0.2)!important;color:var(--color-accent)!important;border-bottom:none!important;margin-bottom:0!important}
#nav li a.home,#nav li a.kb,#nav li a.new,#nav li a.status,#nav li a.tickets{filter:brightness(3) saturate(0.5)!important}

/* === #content === */
#content{background:transparent!important;color:var(--color-text-primary)!important;animation:fadeUp 0.3s ease forwards}

/* === TYPOGRAPHY === */
h1{font-family:var(--font)!important;font-weight:700!important;font-size:32px!important;line-height:1.2!important;color:var(--color-accent)!important}
h2,.subject{font-family:var(--font)!important;font-weight:600!important;font-size:24px!important;line-height:1.3!important;color:var(--color-text-primary)!important}
h3{font-family:var(--font)!important;font-weight:600!important;font-size:18px!important;line-height:1.4!important;color:var(--color-text-primary)!important}
h4,h5,h6{font-family:var(--font)!important;font-weight:600!important;color:var(--color-text-primary)!important}
a,.link{color:var(--color-accent)!important;border-bottom:none!important;margin-bottom:0!important;transition:color var(--t-fast)!important}
a:hover,.link:hover{color:var(--color-accent-hover)!important;border-bottom:1px dotted var(--color-accent-hover)!important;margin-bottom:0!important}

/* === BUTTONS === */
.button,.button:visited,.green.button,.green.button:visited{background:var(--color-accent)!important;background-color:var(--color-accent)!important;background-image:none!important;color:var(--color-bg-primary)!important;font-family:var(--font)!important;font-weight:600!important;border-radius:var(--radius-sm)!important;border:none!important;box-shadow:var(--shadow-btn)!important;text-shadow:none!important;padding:12px 24px!important;transition:all var(--t-fast)!important;cursor:pointer!important}
.button:hover,.green.button:hover{background:var(--color-accent-hover)!important;background-color:var(--color-accent-hover)!important;box-shadow:0 6px 20px rgba(245,158,11,0.45)!important;color:var(--color-bg-primary)!important}
.blue.button,.blue.button:visited{background:var(--color-bg-glass)!important;background-color:transparent!important;background-image:none!important;border:1px solid rgba(255,255,255,0.15)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-sm)!important}
.blue.button:hover{background:var(--color-bg-glass-hover)!important;background-color:var(--color-bg-glass-hover)!important;border-color:rgba(255,255,255,0.2)!important}
input[type="submit"],input[type="button"],input[type="reset"]{background:var(--color-accent)!important;color:var(--color-bg-primary)!important;font-family:var(--font)!important;font-weight:600!important;border:none!important;border-radius:var(--radius-sm)!important;padding:12px 24px!important;box-shadow:var(--shadow-btn)!important;text-shadow:none!important;cursor:pointer!important;transition:all var(--t-fast)!important}
input[type="submit"]:hover,input[type="button"]:hover{background:var(--color-accent-hover)!important;box-shadow:0 6px 20px rgba(245,158,11,0.45)!important}

/* === FORMS === */
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="tel"],input[type="url"],textarea,select,.form-control{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important;font-family:var(--font)!important;font-size:14px!important;padding:12px 16px!important;outline:none!important;transition:all var(--t-fast)!important}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px rgba(245,158,11,0.1)!important}
input::placeholder,textarea::placeholder{color:var(--color-text-secondary)!important;opacity:0.6!important}
label{color:var(--color-text-secondary)!important;font-size:12px!important;font-weight:500!important}
label.required,span.required{color:var(--color-text-primary)!important;font-weight:600!important}
.search-form .search,.searchbar .search{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;color:var(--color-text-primary)!important;box-shadow:none!important;padding:10px 20px!important}
.search-form .search:focus,.searchbar .search:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px rgba(245,158,11,0.1)!important}

/* === #clientLogin === */
#clientLogin{background:var(--color-bg-glass)!important;background-image:none!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md),var(--shadow-glow)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-text-secondary)!important}
#clientLogin .instructions{color:var(--color-text-secondary)!important}
#clientLogin strong{color:var(--color-error)!important}
#clientLogin p{color:var(--color-text-secondary)!important}
#clientLogin input[type="text"],#clientLogin input[type="password"]{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important;padding:12px 16px!important}
#clientLogin input[type="text"]:focus,#clientLogin input[type="password"]:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px rgba(245,158,11,0.1)!important}
#clientLogin input[type="submit"]{background:var(--color-accent)!important;color:var(--color-bg-primary)!important;border:none!important;border-radius:var(--radius-sm)!important;padding:12px 24px!important;font-weight:600!important;box-shadow:var(--shadow-btn)!important}
#clientLogin input[type="submit"]:hover{background:var(--color-accent-hover)!important}
#clientLogin label{color:var(--color-text-secondary)!important}
.external-auth-box{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;transition:all var(--t-fast)!important}
.external-auth-box:hover{border-color:var(--color-border-active)!important;background:var(--color-bg-glass-hover)!important}
.external-auth-icon{color:var(--color-text-secondary)!important;border-right:1px solid var(--color-border)!important}
.external-auth-name{color:var(--color-text-primary)!important}

/* === SIDEBAR === */
.sidebar .content{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;color:var(--color-text-secondary)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sidebar section .header{color:var(--color-text-primary)!important;font-weight:600!important}
.front-page-button{margin-bottom:var(--spacing-xs)!important}
.front-page-button .button{background:var(--color-accent)!important;background-color:var(--color-accent)!important;background-image:none!important;color:var(--color-bg-primary)!important;border-radius:var(--radius-sm)!important;padding:12px 24px!important;font-weight:600!important;box-shadow:var(--shadow-btn)!important;text-shadow:none!important;display:block!important;text-align:center!important;transition:all var(--t-fast)!important;max-width:none!important;border:none!important}
.front-page-button .button:hover{background:var(--color-accent-hover)!important;background-color:var(--color-accent-hover)!important;box-shadow:0 6px 20px rgba(245,158,11,0.45)!important}
.front-page-button .blue.button,.front-page-button .blue.button:visited{background:var(--color-bg-glass)!important;background-color:transparent!important;border:1px solid rgba(255,255,255,0.15)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-sm)!important}
.front-page-button .blue.button:hover{background:var(--color-bg-glass-hover)!important;background-color:var(--color-bg-glass-hover)!important}

/* === TABLES === */
table th{font-family:var(--font)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--color-text-secondary)!important;background:rgba(255,255,255,0.02)!important;border-bottom:1px solid var(--color-border)!important;padding:10px 12px!important}
table td{color:var(--color-text-secondary)!important;border-bottom:1px solid rgba(255,255,255,0.04)!important;padding:10px 12px!important}
table tr:hover td{background:rgba(245,158,11,0.04)!important}
table td a{color:var(--color-accent)!important}
table td a:hover{color:var(--color-accent-hover)!important}
table.custom-data th{background-color:rgba(139,92,246,0.08)!important}
table .headline,table.custom-data .headline{border-bottom:2px solid var(--color-border)!important;background-color:transparent!important;color:var(--color-text-primary)!important}
#ticketTable{border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;overflow:hidden!important}
#ticketTable caption{background:rgba(245,158,11,0.08)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-bottom:none!important;font-weight:600!important}
#ticketTable th{background:rgba(255,255,255,0.02)!important;border:none!important;border-bottom:1px solid var(--color-border)!important}
#ticketTable th a{color:var(--color-text-secondary)!important}
#ticketTable td{border:none!important;border-bottom:1px solid rgba(255,255,255,0.04)!important}
#ticketTable tr.alt td{background:rgba(255,255,255,0.015)!important}
#ticketTable tr:hover td{background:rgba(245,158,11,0.05)!important}
.infoTable{background:var(--color-bg-glass)!important;border-radius:var(--radius-sm)!important}
.infoTable th{color:var(--color-text-secondary)!important;background:transparent!important}

/* === TICKET THREAD === */
#ticketThread{border-bottom:2px solid var(--color-border)!important}
#ticketThread::before{border-left:2px dotted rgba(245,158,11,0.15)!important}
.thread-entry .header{border:1px solid var(--color-border)!important;background:rgba(255,255,255,0.02)!important;border-radius:var(--radius-sm) var(--radius-sm) 0 0!important;color:var(--color-text-secondary)!important}
.thread-entry .header strong,.thread-entry .header .title{color:var(--color-text-primary)!important}
.thread-entry.message .header{background:rgba(59,130,246,0.08)!important;border-color:rgba(59,130,246,0.15)!important}
.thread-entry.response .header{background:rgba(139,92,246,0.08)!important;border-color:rgba(139,92,246,0.15)!important}
.thread-entry .thread-body{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-top:none!important;border-bottom:2px solid rgba(245,158,11,0.15)!important;border-radius:0 0 var(--radius-sm) var(--radius-sm)!important;color:var(--color-text-secondary)!important}
.thread-body{padding:0.9em!important;color:var(--color-text-secondary)!important;background:transparent!important}
.thread-body p,.thread-body li,.thread-body span,.thread-body div,.thread-body td{color:var(--color-text-secondary)!important}
.thread-body h1,.thread-body h2,.thread-body h3,.thread-body h4,.thread-body h5,.thread-body h6{color:var(--color-accent)!important}
.thread-body strong,.thread-body b{color:var(--color-text-primary)!important}
.thread-body a{color:var(--color-accent)!important}
.thread-body a:hover{color:var(--color-accent-hover)!important}
.thread-body blockquote{border-left:3px solid rgba(245,158,11,0.3)!important;background:rgba(245,158,11,0.04)!important;padding:10px 16px!important;border-radius:0 var(--radius-sm) var(--radius-sm) 0!important;margin:12px 0!important}
.thread-body .attachments{background-color:rgba(255,255,255,0.02)!important;border-top:1px dotted var(--color-border)!important}
.thread-entry::after{border-bottom:2px solid var(--color-bg-secondary)!important}
.thread-entry::before{border-top:2px solid var(--color-bg-secondary)!important}
.thread-event{color:var(--color-text-secondary)!important}
.thread-event .description{color:var(--color-text-secondary)!important}
.type-icon{background-color:rgba(245,158,11,0.1)!important;border:1px solid rgba(245,158,11,0.2)!important;border-radius:var(--radius-sm)!important}
.type-icon.dark{background-color:rgba(245,158,11,0.2)!important;border-color:rgba(245,158,11,0.3)!important}
.type-icon::after{border-color:var(--color-bg-secondary)!important}
#ticketInfo h1{border-bottom:2px dotted var(--color-border)!important}

/* === LABELS === */
.label{border-radius:16px!important;text-shadow:none!important;font-weight:500!important;padding:4px 12px!important;font-size:12px!important;background-color:rgba(139,92,246,0.15)!important;color:var(--color-accent-1)!important}
.label-bare{background-color:transparent!important;border:1px solid var(--color-border)!important;color:var(--color-text-secondary)!important}

/* === ACTION BUTTONS === */
.action-button{background:var(--color-bg-glass)!important;background-image:none!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;transition:all var(--t-fast)!important}
.action-button:hover{border-color:var(--color-border-active)!important;background:var(--color-bg-glass-hover)!important}
.action-button span,.action-button a{color:var(--color-text-secondary)!important}
.action-button:hover span,.action-button:hover a{color:var(--color-text-primary)!important}

/* === ALERTS === */
#msg_notice,.notice_bar{background:rgba(16,185,129,0.08)!important;background-image:none!important;border:1px solid rgba(16,185,129,0.2)!important;border-radius:var(--radius-sm)!important;color:var(--color-success)!important;padding:12px 16px!important;height:auto!important;line-height:1.5!important}
#msg_warning,.warning_bar,.warning-banner{background:rgba(245,158,11,0.08)!important;background-image:none!important;border:1px solid rgba(245,158,11,0.2)!important;border-radius:var(--radius-sm)!important;color:var(--color-accent)!important;padding:12px 16px!important;height:auto!important;line-height:1.5!important}
#msg_error,.error_bar{background:rgba(239,68,68,0.08)!important;background-image:none!important;border:1px solid rgba(239,68,68,0.2)!important;border-radius:var(--radius-sm)!important;color:var(--color-error)!important;padding:12px 16px!important;height:auto!important;line-height:1.5!important}
#msg_info{background:rgba(59,130,246,0.08)!important;border:1px solid rgba(59,130,246,0.15)!important;border-radius:var(--radius-sm)!important;color:var(--color-accent-3)!important}
.warning{background:rgba(245,158,11,0.06)!important;color:var(--color-accent)!important;border-radius:var(--radius-sm)!important;padding:8px 12px!important}
.warning strong{color:var(--color-error)!important}
.error{color:var(--color-error)!important}
.error input{border:1px solid var(--color-error)!important}

/* === #footer === */
#footer{background:rgba(6,6,12,0.95)!important;border-top:1px solid var(--color-border)!important;color:var(--color-text-secondary)!important;padding:var(--spacing-sm) var(--spacing-md)!important}
#footer a,#footer p{color:var(--color-text-secondary)!important}
#footer #poweredBy{color:var(--color-text-secondary)!important;opacity:0.4}

/* === FAQ & KB === */
#faq{color:var(--color-text-secondary)!important}
#faq ol{border-top:1px solid var(--color-border)!important}
#faq ol li{color:var(--color-text-secondary)!important}
#faq ol li a{color:var(--color-accent)!important;border-bottom:1px solid rgba(255,255,255,0.04)!important;background-color:transparent!important;background-image:none!important;transition:all var(--t-fast)!important;margin-bottom:0!important}
#faq ol li a:hover{background-color:rgba(245,158,11,0.06)!important;color:var(--color-accent-hover)!important;margin-bottom:0!important}
#faq .article-meta{background:var(--color-bg-glass)!important;color:var(--color-text-secondary)!important}
#kb{color:var(--color-text-secondary)!important}
#kb>li{background:transparent!important;background-image:none!important;border-bottom:1px solid var(--color-border)!important;transition:background var(--t-fast)!important}
#kb>li:hover{background:rgba(255,255,255,0.02)!important}
#kb>li h4{color:var(--color-text-primary)!important}
#kb>li h4 span{color:var(--color-text-secondary)!important}
#kb>li h4 a{color:var(--color-accent)!important;border-bottom:none!important}
#kb>li h4 a:hover{color:var(--color-accent-hover)!important}
#kb>li p,#kb>li div{color:var(--color-text-secondary)!important}
.faq-content{color:var(--color-text-secondary)!important}
.faq-content .article-title{font-size:18px!important;color:var(--color-text-primary)!important}

/* === LANDING PAGE === */
#landing_page{color:var(--color-text-secondary)!important}
#landing_page h1{font-size:32px!important;font-weight:700!important;color:var(--color-accent)!important}
.featured-category{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding:var(--spacing-sm)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--t-normal)!important}
.featured-category:hover{border-color:rgba(245,158,11,0.2)!important;box-shadow:var(--shadow-md),var(--shadow-glow)!important;background:var(--color-bg-glass-hover)!important}
.featured-category i{color:var(--color-accent-4)!important;text-shadow:0 0 8px rgba(20,184,166,0.3)!important}
.category-name{color:var(--color-text-primary)!important;font-weight:600!important}
.article-headline{color:var(--color-text-secondary)!important}
.article-title{color:var(--color-text-primary)!important}
.article-title a{color:var(--color-accent)!important}
.article-title a:hover{color:var(--color-accent-hover)!important}
.article-teaser{color:var(--color-text-secondary)!important}

/* === #ticketForm === */
#ticketForm,#ticketForm table,#ticketForm td,#ticketForm th,#ticketForm p,#ticketForm span,#ticketForm div,#ticketForm label,#ticketForm h2,#ticketForm h3,#ticketForm strong{color:var(--color-text-secondary)!important}
#ticketForm h1,#ticketForm h2{color:var(--color-text-primary)!important}
#ticketForm label.required{color:var(--color-text-primary)!important}
#ticketForm>table td{border:none!important}
#ticketForm div.section-break{border-top:1px solid var(--color-border)!important}
#ticketForm div input,#ticketForm div textarea,#ticketForm div select{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important;padding:12px 16px!important}
#ticketForm div input:focus,#ticketForm div textarea:focus,#ticketForm div select:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px rgba(245,158,11,0.1)!important}
#ticketForm div em{color:var(--color-text-secondary)!important}
#ticketForm div.error input{border:1px solid var(--color-error)!important}
#ticketForm div.error label{color:var(--color-error)!important}

/* === #reply === */
#reply{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;backdrop-filter:blur(8px)}
#reply h2{color:var(--color-text-primary)!important;border-bottom:2px dotted var(--color-border)!important}

/* === SELECT2 === */
.select2-container .select2-choice,.select2-container .select2-choices,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{background:var(--color-bg-glass)!important;background-image:none!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important}
.select2-container .select2-choice .select2-chosen,.select2-container--default .select2-selection__rendered{color:var(--color-text-primary)!important}
.select2-container .select2-choice .select2-arrow{background:transparent!important;border-left:1px solid var(--color-border)!important}
.select2-drop,.select2-dropdown,.select2-drop-active{background:rgba(13,13,26,0.98)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}
.select2-search input,.select2-search__field{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important}
.select2-results li,.select2-results .select2-result-label,.select2-results__option{color:var(--color-text-secondary)!important;background:transparent!important}
.select2-results .select2-highlighted,.select2-results__option--highlighted{background:rgba(245,158,11,0.12)!important;color:var(--color-text-primary)!important}

/* === REDACTOR === */
.redactor-toolbar{background:rgba(255,255,255,0.03)!important;border-bottom:1px solid var(--color-border)!important;border-radius:var(--radius-sm) var(--radius-sm) 0 0!important}
.redactor-toolbar li a,.redactor-toolbar li a:hover{color:var(--color-text-secondary)!important;border-bottom:none!important;margin-bottom:0!important}
.redactor-toolbar li a:hover{color:var(--color-text-primary)!important;background-color:rgba(245,158,11,0.1)!important}
.redactor-editor,.redactor-box textarea,.redactor-layer{background:var(--color-bg-glass)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-top:none!important;border-radius:0 0 var(--radius-sm) var(--radius-sm)!important}
.redactor-editor p,.redactor-editor div,.redactor-editor span,.redactor-editor li{color:var(--color-text-primary)!important}
.redactor-dropdown{background:rgba(13,13,26,0.98)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-lg)!important}
.redactor-dropdown a{color:var(--color-text-secondary)!important;border-bottom:none!important}
.redactor-dropdown a:hover{background:rgba(245,158,11,0.1)!important;color:var(--color-text-primary)!important;border-bottom:none!important}

/* === FILEDROP === */
.filedrop,div.filedrop{border:2px dashed var(--color-border)!important;border-radius:var(--radius-md)!important;background:transparent!important;color:var(--color-text-secondary)!important;padding:var(--spacing-sm)!important;transition:all var(--t-fast)!important}
.filedrop:hover,.filedrop.dragover{border-color:rgba(245,158,11,0.4)!important;background:rgba(245,158,11,0.03)!important}
.filedrop a{color:var(--color-accent)!important}

/* === jQuery UI === */
.ui-widget-content{background:rgba(13,13,26,0.98)!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}
.ui-widget-header{background:rgba(245,158,11,0.08)!important;border:none!important;border-bottom:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}
.ui-datepicker{background:rgba(13,13,26,0.98)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}
.ui-datepicker td a{color:var(--color-text-secondary)!important;border-bottom:none!important}
.ui-datepicker td a:hover{background:rgba(245,158,11,0.12)!important;color:var(--color-text-primary)!important;border-bottom:none!important}
.ui-datepicker td .ui-state-active{background:var(--color-accent)!important;color:var(--color-bg-primary)!important}
.ui-dialog{background:rgba(13,13,26,0.98)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-xl)!important}
.ui-dialog .ui-dialog-titlebar{background:rgba(245,158,11,0.06)!important;border-bottom:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}
.ui-dialog .ui-dialog-content{color:var(--color-text-secondary)!important}
.ui-dialog .ui-dialog-buttonpane{border-top:1px solid var(--color-border)!important}

/* Typeahead */
.tt-dropdown-menu,.twitter-typeahead .tt-menu{background:rgba(13,13,26,0.98)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-lg)!important}
.tt-suggestion{color:var(--color-text-secondary)!important}
.tt-suggestion:hover,.tt-cursor{background:rgba(245,158,11,0.1)!important;color:var(--color-text-primary)!important}

/* === PAGINATION === */
#pagination li a{background:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-secondary)!important;transition:all var(--t-fast)!important}
#pagination li a:hover{border-color:var(--color-border-active)!important;color:var(--color-accent)!important}
#pagination .active{background:var(--color-accent)!important;color:var(--color-bg-primary)!important;border-radius:var(--radius-sm)!important}

/* === MISC === */
hr{border-top:1px solid var(--color-border)!important}
div.section-break{border-top:1px solid var(--color-border)!important}
.faded{color:var(--color-text-secondary)!important}
.flush-right{color:var(--color-text-secondary)!important}
.Icon{color:var(--color-accent)!important}
.search.well{background-color:var(--color-bg-glass)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important}
.states small{color:var(--color-text-secondary)!important}
.active.state{color:var(--color-text-primary)!important}
i.refresh{color:var(--color-success)!important}
#kb-search #breadcrumbs{color:var(--color-text-secondary)!important}
#kb-search #breadcrumbs a{color:var(--color-accent)!important}
.freetext-files{background-color:var(--color-bg-glass)!important;border:1px dotted var(--color-border)!important;border-radius:var(--radius-sm)!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--color-accent)!important}
#overlay{background:rgba(6,6,12,0.7)!important}
#loading{background:var(--color-bg-secondary)!important;background-image:none!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-xl),var(--shadow-glow)!important}
#loading h4{color:var(--color-accent)!important}
.draft-saved{background-color:rgba(245,158,11,0.8)!important;border-radius:var(--radius-sm)!important}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.15)}

/* === GLOBAL CATCH-ALL === */
#container{color:var(--color-text-secondary)!important}
#container p,#container span:not(.notif-dot),#container div,#container li,#container td,#container th,#container label,#container em{color:inherit}
#content *:not(a):not(input):not(textarea):not(select):not(button):not(.button){color:inherit}

@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}