/* Audire shared theme - loaded after the page's own CSS */
:root{
  --bg:#070d18; --panel:rgba(10,18,32,.88); --panel2:#0f1b2e; --line:rgba(94,234,212,.16);
  --fg:#e8ecf5; --muted:#8fa0b8; --accent:#5eead4; --chip:#14233a;
  --ok:#33c27f; --warn:#e8b339; --danger:#ff6b7a;
  --card:rgba(10,18,32,.88); --txt:#e8ecf5; --mut:#8fa0b8; --acc:#5eead4;
}
html.at-has-bar{padding-top:54px;padding-left:228px;box-sizing:border-box}
html.at-has-bar.at-side-closed{padding-left:0}
body{background-color:#070d18}
button{color:#04201c}
.card{border-color:var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
input:focus,select:focus,textarea:focus{border-color:#5eead4;box-shadow:0 0 0 3px rgba(94,234,212,.15)}
a.back{color:#5eead4}

.at-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.06}
.at-bg svg{width:100%;height:100%;display:block}

.at-bar{position:fixed;top:0;left:0;right:0;height:54px;z-index:1000;display:flex;align-items:center;gap:6px;padding:0 16px;
  background:rgba(7,13,24,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(94,234,212,.18);font:14px system-ui,Segoe UI,Roboto,sans-serif}
.at-bar .at-logo{display:block;margin-right:14px;text-decoration:none}
.dc-brand{display:inline-flex;align-items:center;gap:9px}
.dc-brand svg{height:28px;width:28px;flex:none}
.dc-wm{font-weight:800;font-size:17px;letter-spacing:.02em;color:#e8ecf5;line-height:1}
.dc-wm b{color:#5eead4}
.at-bar .at-sp{flex:1}
.at-burger{background:transparent;border:1px solid rgba(255,255,255,.18);color:#cfd6e6;border-radius:8px;width:38px;height:38px;cursor:pointer;font-size:18px;margin-right:6px}
.at-side{position:fixed;top:54px;left:0;bottom:0;width:228px;z-index:900;overflow-y:auto;padding:10px 10px 24px;box-sizing:border-box;
  background:rgba(7,13,24,.96);border-right:1px solid rgba(94,234,212,.14);font:14px system-ui,Segoe UI,Roboto,sans-serif}
html.at-side-closed .at-side{display:none}
.at-gh{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;color:#8fa0b8;font:700 11px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:14px 10px 6px;cursor:pointer;text-align:left}
.at-gh span{transition:transform .15s}.at-grp.shut .at-gh span{transform:rotate(-90deg)}.at-grp.shut .at-gi{display:none}
.at-side a{display:block;color:#b8c4d8;text-decoration:none;padding:9px 12px 9px 18px;border-radius:8px}
.at-side a:hover{background:rgba(255,255,255,.06);color:#fff}
.at-side a.on{background:rgba(94,234,212,.14);color:#5eead4;font-weight:600}
@media(max-width:900px){html.at-has-bar{padding-left:0}.at-side{display:none}html.at-side-open .at-side{display:block;box-shadow:0 0 40px rgba(0,0,0,.6)}html.at-side-closed .at-side{display:none}html.at-side-closed.at-side-open .at-side{display:block}}
.at-bar .at-user{display:flex;align-items:center;gap:10px;color:#8fa0b8;white-space:nowrap}
.at-bar .at-user button{background:transparent;color:#cfd6e6;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 11px;cursor:pointer;font:inherit}
.at-bar .at-user a{color:#5eead4;text-decoration:none}
@media(max-width:700px){.at-bar .at-user span{display:none}.at-bar .at-logo{margin-right:6px}.dc-brand svg{height:22px;width:22px}.dc-wm{font-size:15px}}
.at-brandlogo{height:22px;display:block}

/* at-ver: version number and changelog */
.at-ver{align-self:center;margin:0 12px 0 -6px;padding:0 7px;border:1px solid rgba(94,234,212,.3);border-radius:999px;font-size:11px;line-height:17px;color:#8fa0b8;text-decoration:none;white-space:nowrap}
.at-ver:hover{color:#5eead4;border-color:#5eead4}
.at-cl-bg{position:fixed;inset:0;z-index:2000;background:rgba(3,7,14,.72);display:flex;align-items:flex-start;justify-content:center;padding:70px 16px 16px;overflow:auto}
.at-cl{position:relative;background:#0a1220;border:1px solid rgba(94,234,212,.25);border-radius:14px;max-width:580px;width:100%;padding:18px 22px 20px;color:#e8ecf5;font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.at-cl h2{margin:0 0 6px;font-size:17px;color:#5eead4}
.at-cl h3{margin:16px 0 4px;font-size:14px}
.at-cl h3 span{font-weight:400;color:#8fa0b8;font-size:12px;margin-left:6px}
.at-cl ul{margin:0;padding-left:20px;color:#cdd6e6}
.at-cl li{margin:3px 0}
.at-cl-x{position:absolute;top:8px;right:10px;background:none;border:0;color:#8fa0b8;font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}
.at-cl-x:hover{color:#5eead4}
@media(max-width:700px){.at-ver{margin-right:6px}}