/* ═══ LEX Panel — theme.css (harmonisation lex-design, Liquid Glass) ═══ */
:root{
  --accent-app:#9b5cff;
  --bg:#08080c;
  --card:var(--glass-bg); --card2:var(--glass-bg-strong);
  --border:var(--glass-border);
  --radius:22px; --radius-sm:14px;
}
@media (prefers-color-scheme: light){ :root{--bg:#e9ecf4; --text:#0d0e12; --muted:#5c6470} }
html[data-theme="dark"]{--bg:#08080c}
html[data-theme="light"]{--bg:#e9ecf4}
body{background:var(--bg);color:var(--text)}

.pside{background:var(--glass-bg);border-right:none;
  -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  box-shadow:var(--glass-shadow),inset -1px 0 0 var(--glass-border)}
.card,.super-card{background:var(--glass-bg);border:none;
  -webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
  box-shadow:0 8px 30px rgba(0,0,0,.18),
    inset 0 1.5px 1px -0.5px var(--hl-top),
    inset 0 -1px 1px -0.5px var(--hl-low),
    inset 0 0 0 1px var(--glass-border)}
.logo{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-app) 90%,#fff),color-mix(in srgb,var(--accent-app) 55%,#000));
  border:none;color:#fff;box-shadow:0 10px 34px color-mix(in srgb,var(--accent-app) 45%,transparent),inset 0 1.5px 1px -0.5px rgba(255,255,255,.55)}
.logo small{color:rgba(255,255,255,.8)}

.pnav button{border-radius:14px}
.pnav button:hover{background:rgba(255,255,255,.08);color:var(--text)}
.pnav button.active{background:color-mix(in srgb,var(--accent-app) 26%,transparent);color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 12px color-mix(in srgb,var(--accent-app) 25%,transparent)}
.pbottom{background:var(--glass-bg-strong);border-top:none;
  -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  box-shadow:0 -8px 30px rgba(0,0,0,.25),inset 0 1px 0 var(--hl-low),inset 0 0 0 1px var(--glass-border)}
.pbottom button.active{color:var(--accent-app)}

.btn{border:none;box-shadow:inset 0 1px 1px -0.5px var(--hl-top),inset 0 0 0 1px var(--glass-border);
  -webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%)}
.btn.primary{background:color-mix(in srgb,var(--accent-app) 65%,transparent);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);
  box-shadow:0 6px 20px color-mix(in srgb,var(--accent-app) 40%,transparent),
    inset 0 1.5px 1px -0.5px rgba(255,255,255,.65),
    inset 0 0 0 1px color-mix(in srgb,var(--accent-app) 55%,rgba(255,255,255,.4))}
.btn.primary:hover{background:color-mix(in srgb,var(--accent-app) 78%,transparent)}

.field input{background:var(--glass-bg);border:none;color:var(--text);
  box-shadow:inset 0 0 0 1px var(--glass-border),inset 0 2px 4px rgba(0,0,0,.14)}
.field input:focus{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent-app) 65%,transparent),
  0 0 0 4px color-mix(in srgb,var(--accent-app) 16%,transparent);outline:none;border:none}
.sa{border-bottom-color:var(--glass-border)}