/* LEGEND TOWN — DASHBOARD SHELL V13
   Netlify-inspired information architecture: fixed workspace sidebar,
   compact topbar, restrained panels, clear hierarchy. */
:root{
  --lt-d-bg:#070b10;
  --lt-d-sidebar:#0a0f15;
  --lt-d-panel:#0d131b;
  --lt-d-panel2:#101720;
  --lt-d-border:#202b36;
  --lt-d-border2:#293643;
  --lt-d-text:#e8edf2;
  --lt-d-muted:#8794a3;
  --lt-d-accent:#22d3ee;
  --lt-d-green:#45d483;
}
html,body{background:var(--lt-d-bg)!important;color:var(--lt-d-text)}
body{min-height:100vh!important}
#lt-dashboard-sidebar{
  position:fixed;z-index:10020;left:0;top:0;bottom:0;width:238px;
  background:var(--lt-d-sidebar);border-right:1px solid var(--lt-d-border);
  display:flex;flex-direction:column;padding:14px 10px;
  font-family:inherit;
}
.lt-d-workspace{height:48px;display:flex;align-items:center;gap:10px;padding:0 9px;margin-bottom:12px}
.lt-d-workspace img{width:30px!important;height:30px!important;object-fit:contain!important;border-radius:50%!important}
.lt-d-workspace strong{font-size:14px;letter-spacing:.02em;white-space:nowrap}
.lt-d-workspace small{display:block;color:#5d6b79;font-size:9px;letter-spacing:.18em;margin-top:1px}
.lt-d-search{height:40px;border:1px solid var(--lt-d-border);background:#0c1219;color:#8491a0;display:flex;align-items:center;gap:9px;padding:0 11px;font-size:11px;margin:0 0 14px;border-radius:7px}
.lt-d-section{padding:0 5px 7px;color:#5f6d7b;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lt-d-nav{display:flex;flex-direction:column;gap:2px}
.lt-d-nav a{
 display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;
 border:1px solid transparent;border-radius:6px;color:#aeb9c5;text-decoration:none;
 font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;
}
.lt-d-nav a:hover{background:#101821;border-color:#1d2a36;color:#fff}
.lt-d-nav a.active{background:#0b2730;border-color:#135467;color:#22d3ee}
.lt-d-nav svg{width:15px;height:15px;flex:0 0 15px}
.lt-d-bottom{margin-top:auto;border-top:1px solid var(--lt-d-border);padding-top:10px}
.lt-d-status{display:flex;align-items:center;gap:8px;padding:10px;color:#8c99a7;font-size:10px}
.lt-d-dot{width:7px;height:7px;border-radius:50%;background:var(--lt-d-green);box-shadow:0 0 10px rgba(69,212,131,.5)}
body:has(#lt-dashboard-sidebar) #lt-global-header{
 left:238px!important;right:0!important;top:0!important;width:auto!important;
 height:64px!important;min-height:64px!important;
 background:rgba(7,11,16,.94)!important;border-bottom:1px solid var(--lt-d-border)!important;
 backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
 box-shadow:none!important;z-index:10010!important;
}
#lt-global-header .lt-new-header-inner{
 width:100%!important;height:64px!important;min-height:64px!important;
 padding:0 22px!important;box-sizing:border-box!important;
 display:flex!important;align-items:center!important;
}
#lt-global-header .lt-new-brand{order:1!important;display:flex!important;align-items:center!important;gap:9px!important}
#lt-global-header .lt-new-brand img{width:34px!important;height:34px!important;object-fit:contain!important;border-radius:50%!important}
#lt-global-header .lt-new-brand-text strong{font-size:13px!important;letter-spacing:.08em!important}
#lt-global-header .lt-new-brand-text small{font-size:7px!important;letter-spacing:.3em!important}
#lt-global-header .lt-new-nav{order:3!important;margin-left:auto!important;display:flex!important;gap:4px!important}
#lt-global-header .lt-new-nav a{
 height:38px!important;padding:0 12px!important;border:1px solid var(--lt-d-border)!important;
 background:#0b1118!important;border-radius:5px!important;color:#aeb9c5!important;
 font-size:11px!important;box-shadow:none!important;
}
#lt-global-header .lt-new-nav a:hover,#lt-global-header .lt-new-nav a.active{
 border-color:#1a829a!important;background:#0d2028!important;color:#fff!important;
}
#lt-global-header .lt-new-actions{order:4!important;margin-left:8px!important}
#lt-global-header .lt-new-actions>*{border-radius:5px!important}
/* ==================================================================
   v25 FIX — this file reserved 238px on the LEFT of <body> for
   #lt-dashboard-sidebar, and pushed the header across by the same
   amount. That sidebar element does not exist in ANY page of this
   site. The result: every page was inset 238px from the left and
   shoved flush against the right edge, on desktop, in both languages.

   The rules are kept, but now only apply when the sidebar is really
   on the page. If it is ever built, the layout still works. If it is
   not, the page is full width — which is what you want today.
   ================================================================== */
body:has(#lt-dashboard-sidebar){padding-top:64px!important;padding-left:238px!important}
main,body>main{min-width:0}
main > main{max-width:none!important}
main > main > section:first-of-type{margin-top:0!important}
.lt-dashboard-content{max-width:1200px;margin:0 auto;padding:28px 30px 50px}
.lt-dashboard-panel{background:var(--lt-d-panel);border:1px solid var(--lt-d-border);border-radius:8px}
.lt-dashboard-page-title{font-size:24px;font-weight:800;margin:0 0 6px}
.lt-dashboard-muted{color:var(--lt-d-muted);font-size:11px}
@media(max-width:1023px){
 #lt-dashboard-sidebar{display:none}
 #lt-global-header{left:0!important}
 body{padding-left:0!important;padding-top:62px!important}
 #lt-global-header .lt-new-header-inner{height:62px!important;min-height:62px!important}
 #lt-global-header .lt-new-nav{display:none!important}
}