/*
 * Kababali Midnight Command theme.
 * One visual contract for public, authenticated, admin and trading surfaces.
 */
:root {
  color-scheme: dark;
  --kb-ink-950:#030711;--kb-ink-900:#060c18;--kb-ink-850:#091222;
  --kb-ink-800:#0d192b;--kb-ink-750:#122039;
  --kb-line:rgba(139,174,211,.18);--kb-line-strong:rgba(111,211,255,.34);
  --kb-text:#f2f7ff;--kb-text-soft:#c3d2e5;--kb-muted:#8297b1;
  --kb-cyan:#35d3ff;--kb-violet:#8b7cff;--kb-green:#42e6a4;
  --kb-amber:#ffcb66;--kb-red:#ff6577;
  --kb-shadow:0 24px 60px rgba(0,0,0,.38);
  --bg:var(--kb-ink-950)!important;--bg2:var(--kb-ink-900)!important;
  --panel:var(--kb-ink-850)!important;--panel2:var(--kb-ink-800)!important;
  --side:#070e1b!important;--line:var(--kb-line)!important;
  --line-soft:rgba(139,174,211,.25)!important;--text:var(--kb-text)!important;
  --muted:var(--kb-muted)!important;--primary:var(--kb-cyan)!important;
  --accent:var(--kb-cyan)!important;--success:var(--kb-green)!important;
  --warning:var(--kb-amber)!important;--danger:var(--kb-red)!important;
  --trading-bg:var(--kb-ink-950)!important;--terminal-bg:var(--kb-ink-950)!important;
  --cockpit-bg:var(--kb-ink-950)!important;--admin-bg:var(--kb-ink-950)!important;
  --kb-bg:var(--kb-ink-950)!important;--kb-panel:var(--kb-ink-850)!important;
  --settings-bg:var(--kb-ink-950)!important;--settings-panel:var(--kb-ink-850)!important;
  --settings-panel-2:var(--kb-ink-800)!important;--settings-line:var(--kb-line)!important;
  --auth-bg:var(--kb-ink-950)!important;--auth-surface:var(--kb-ink-850)!important;
  --auth-surface-2:var(--kb-ink-800)!important;
}
html,body{background:var(--kb-ink-950)!important;color:var(--kb-text);accent-color:var(--kb-cyan)}
body{
  background-image:radial-gradient(circle at 8% -10%,rgba(53,211,255,.10),transparent 30rem),
  radial-gradient(circle at 94% 8%,rgba(139,124,255,.08),transparent 34rem)!important;
  background-attachment:fixed!important
}
::selection{background:rgba(53,211,255,.28);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--kb-ink-950)}
::-webkit-scrollbar-thumb{border:3px solid var(--kb-ink-950);border-radius:999px;background:#293b56}
body>.app-wrapper,.app-wrapper,.content-wrapper,.app-main,.kb-global-main,.mail-page,.pub-shell,.pub-main{
  background-color:transparent!important;color:var(--kb-text)
}
a{color:#72ddff}a:hover{color:#b8efff}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid rgba(53,211,255,.9)!important;outline-offset:2px
}

/* Shared chrome */
#kababali-global-header{
  border-bottom-color:rgba(101,188,236,.24)!important;
  background:linear-gradient(105deg,rgba(7,14,27,.98),rgba(8,19,34,.97) 52%,rgba(12,18,38,.98))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.38),inset 0 -1px rgba(53,211,255,.04)!important;
  backdrop-filter:blur(18px)
}
#kababali-global-header .kababali-global-nav__link{color:#9eb2ca}
#kababali-global-header .kababali-global-nav__link:hover,
#kababali-global-header .kababali-global-nav__link:focus-visible{color:#dff8ff}
#kababali-global-header .kababali-global-nav__link.active{color:#fff}
#kababali-global-header .kababali-global-nav__link::after{
  height:3px;border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,var(--kb-cyan),var(--kb-violet));
  box-shadow:0 0 16px rgba(53,211,255,.6)
}
#kababali-global-header .kababali-global-nav__link i{color:#718aa7}
#kababali-global-header .kababali-global-nav__link.active i,
#kababali-global-header .kababali-global-nav__link:hover i{color:var(--kb-cyan)}
#kababali-global-header .kababali-header-icon:hover{background:rgba(53,211,255,.09);color:var(--kb-cyan)}
#kababali-global-header .kababali-account-dropdown,
#kababali-global-header .kb-notification-dropdown{
  border-color:var(--kb-line-strong)!important;
  background:linear-gradient(150deg,rgba(14,28,48,.99),rgba(7,15,28,.99))!important;
  box-shadow:var(--kb-shadow)!important
}
#kababali-global-header .kababali-account-dropdown__header,
#kababali-global-header .kb-notification-heading{background:rgba(4,11,22,.54)!important;border-color:var(--kb-line)!important}
#kababali-global-header .kababali-account-dropdown__item:hover,
#kababali-global-header .kb-notification-item:hover{background:rgba(53,211,255,.08)!important}
.kb-mobile-nav{border-right-color:var(--kb-line-strong)!important;background:linear-gradient(155deg,#0d1c31,#050b16 72%)!important}
.kb-global-footer{border-color:var(--kb-line)!important;background:rgba(4,10,19,.94)!important}

/* Reusable surfaces */
:where(.card,.panel,.widget,.stat-card,.metric-card,.data-card,.modal-content,.dropdown-menu){
  border-color:var(--kb-line)!important;background-color:rgba(10,21,38,.92);color:var(--kb-text)
}
:where(.card,.panel,.widget,.stat-card,.metric-card,.data-card):hover{border-color:rgba(113,180,224,.30)}
.card-header,.card-footer,.modal-header,.modal-footer{
  border-color:var(--kb-line)!important;background-color:rgba(5,13,25,.34)
}
.text-muted,.text-secondary{color:var(--kb-muted)!important}hr{border-color:var(--kb-line)!important;opacity:1}

/* Buttons and badges */
.btn{border-radius:9px;font-weight:750;letter-spacing:.01em}
.btn-primary,.btn-info{
  border-color:#39d6ff!important;background:linear-gradient(135deg,#25c9f5,#168fd9)!important;
  box-shadow:0 8px 24px rgba(25,175,226,.20);color:#02111b!important
}
.btn-primary:hover,.btn-info:hover{border-color:#8ae7ff!important;background:linear-gradient(135deg,#66e2ff,#2daae9)!important}
.btn-success{border-color:#48e6a8!important;background:linear-gradient(135deg,#3cdaa0,#19a978)!important;color:#03150e!important}
.btn-warning{border-color:#ffd77b!important;background:linear-gradient(135deg,#ffd474,#e9a93e)!important;color:#231602!important}
.btn-danger{border-color:#ff7c8b!important;background:linear-gradient(135deg,#ff7182,#dc4058)!important}
.btn-outline-light,.btn-outline-secondary{border-color:rgba(154,189,221,.34)!important;color:#c9d9e9!important}
.btn-outline-light:hover,.btn-outline-secondary:hover{border-color:var(--kb-cyan)!important;background:rgba(53,211,255,.09)!important;color:#fff!important}
.badge{border-radius:999px;font-weight:800}
.text-bg-dark,.text-bg-secondary{background:#1b2b43!important;color:#c9d8e8!important}
.text-bg-info{background:rgba(53,211,255,.16)!important;color:#76e4ff!important}
.text-bg-success{background:rgba(66,230,164,.14)!important;color:#67ebb3!important}
.text-bg-warning{background:rgba(255,203,102,.15)!important;color:#ffd786!important}
.text-bg-danger{background:rgba(255,101,119,.15)!important;color:#ff8d9b!important}

/* Forms, tables and feedback */
body:not(.register-page) :where(.form-control,.form-select,input:not([type=checkbox]):not([type=radio]),textarea,select),
.auth-shell :where(.input-shell,.form-control,.otp-control){
  border-color:rgba(139,174,211,.25)!important;background-color:rgba(12,25,43,.96)!important;color:var(--kb-text)!important
}
body:not(.register-page) :where(.form-control,.form-select,input,textarea,select):focus,
.auth-shell :where(.input-shell,.form-control,.otp-control):focus-within{
  border-color:var(--kb-cyan)!important;background-color:#101f35!important;
  box-shadow:0 0 0 3px rgba(53,211,255,.12)!important
}
::placeholder{color:#637b98!important;opacity:1}
.form-check-input{border-color:#4a6380;background-color:#0c192b}
.form-check-input:checked{border-color:#0eb8ee;background-color:#0eb8ee}
.table{--bs-table-bg:transparent;--bs-table-color:var(--kb-text-soft);--bs-table-border-color:var(--kb-line)}
.table>:not(caption)>*>*{border-bottom-color:var(--kb-line)!important}
.table thead th{background:rgba(20,39,64,.72)!important;color:#ddecf8!important}
.table tbody tr:hover>*{background:rgba(53,211,255,.045)!important}
.alert{border-color:var(--kb-line)!important;border-radius:10px}
.alert-info{background:rgba(53,211,255,.08)!important;color:#bcefff!important}
.alert-success{background:rgba(66,230,164,.08)!important;color:#a4f2d1!important}
.alert-warning{background:rgba(255,203,102,.09)!important;color:#ffe0a0!important}
.alert-danger{background:rgba(255,101,119,.09)!important;color:#ffb2bc!important}

/* Public and authentication */
.landing,.landing .nav,.landing .hero,.landing .pricing,.auth-shell,.auth-grid,.auth-card{background-color:transparent!important}
.landing .mini,.landing .tier,.auth-shell .hero-panel,.auth-shell .recovery-panel,
.auth-shell .onboard-panel,.auth-shell .install-card,.auth-shell .profile-side-card,.auth-shell .support-side{
  border-color:var(--kb-line)!important;
  background:linear-gradient(145deg,rgba(14,29,50,.94),rgba(7,15,28,.96))!important;
  box-shadow:0 0 0 1px rgba(53,211,255,.05),0 18px 50px rgba(0,0,0,.32)!important
}

/* Trading terminal */
body.kb-terminal-dashboard,body.kb-terminal-dashboard .app-wrapper,
body.kb-terminal-dashboard .app-main,body.kb-terminal-dashboard .content-wrapper,
body.kb-terminal-dashboard .terminal-shell{background:var(--kb-ink-950)!important}
body.kb-terminal-dashboard .dashboard-tool-drawer{
  border-color:var(--kb-line-strong)!important;
  background:linear-gradient(155deg,#0d1b2f,#050b15 72%)!important;
  box-shadow:-28px 0 80px rgba(0,0,0,.62)!important
}
body.kb-terminal-dashboard .dashboard-tool-drawer__head{
  border-color:var(--kb-line)!important;background:linear-gradient(90deg,#0d1b30,#10192f)!important
}
body.kb-terminal-dashboard .dashboard-tool-drawer__body,
body.kb-terminal-dashboard .dashboard-tool-drawer__body iframe,
body.kb-terminal-dashboard .dashboard-tool-drawer__loading{background:var(--kb-ink-950)!important}
body.kb-terminal-dashboard .dashboard-tool-drawer-backdrop{background:rgba(2,6,14,.74)!important;backdrop-filter:blur(3px)}

/* Kababali Agent */
.pub-shell,.pub-main{background:var(--kb-ink-950)!important}
.pub-sidebar{border-color:var(--kb-line)!important;background:linear-gradient(180deg,#091525,#050b15)!important}
.pub-topbar{border-color:var(--kb-line)!important;background:rgba(7,15,28,.92)!important;backdrop-filter:blur(16px)}
.new-chat,.history button:hover,.history button.active,.agent-pill,.voice-pill{
  border-color:rgba(113,180,224,.27)!important;background:#102038!important
}
.history button.active{border-color:rgba(53,211,255,.45)!important;box-shadow:inset 3px 0 var(--kb-cyan)}
.composer-wrap{background:linear-gradient(transparent,rgba(3,7,17,.93) 24%,var(--kb-ink-950) 56%)!important}
.composer{border-color:rgba(53,211,255,.35)!important;background:#0d1c30!important;box-shadow:0 16px 46px rgba(0,0,0,.44)!important}
.msg.assistant .bubble,.grounded-head,.grounded-card{border-color:var(--kb-line)!important;background:#0c192b!important}
.msg.user .bubble{border-color:rgba(139,124,255,.24)!important;background:#141a35!important}
.modal{border-color:var(--kb-line)!important;background:var(--kb-ink-850)!important}

/* User and admin surfaces */
.user-settings-account,.user-settings-card,.billing-card,.profile-card,.ops-card,.admin-card,
.security-card,.kb-admin-notify-panel,.kb-admin-fixed-sidebar,.kb-admin-fixed-topbar,.kb-admin-fixed-workspace{
  border-color:var(--kb-line)!important;background-color:rgba(10,21,38,.94)!important;background-image:none!important
}
.kb-admin-fixed-workspace{background-color:var(--kb-ink-950)!important}
.user-settings-card:hover{border-color:rgba(53,211,255,.34)!important;background:#102039!important}
.user-settings-note{border-color:rgba(66,230,164,.18)!important;background:rgba(10,42,35,.52)!important}

@media(max-width:575.98px){
  body{background-image:radial-gradient(circle at 50% -10%,rgba(53,211,255,.09),transparent 22rem)!important}
  .btn{min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}