/* Skeletal Hosting v66 — calm and compact dashboard.
   This is a presentation layer: older routes, forms and data models are retained.
   Loaded last, so existing feature styles continue to work without invasive rewrites. */
:root {
  --bg:#0d0f15;
  --sidebar:#11131b;
  --surface:#171a23;
  --surface-soft:#13161f;
  --surface-hover:#202431;
  --border:#303440;
  --border-soft:#272b35;
  --text:#f1eff6;
  --text-muted:#b4b0bd;
  --text-faint:#898694;
  --accent:#b4a0ff;
  --accent-soft:rgba(180,160,255,.12);
  --shadow:none;
}
html,body{background:#0d0f15}
.layout{background:#0d0f15!important}
.layout main {background:transparent!important;max-width:1350px!important;padding:26px clamp(18px,3vw,48px) 62px!important}
.layout aside.v58-sidebar{
  width:228px;flex:0 0 228px;border-right:1px solid #292d39!important;
  background:#12141c!important;box-shadow:none!important;
}
.layout .brand{padding-bottom:12px;letter-spacing:.035em;text-shadow:none;font-size:13px;font-weight:700}
.layout .brand img{width:31px;height:31px;filter:none!important}
.layout .brand b{color:#ddd3ff}
.layout .brand small{font-size:9px;letter-spacing:.015em;color:#96929e;font-weight:500;text-transform:none}
.layout .server-name{padding:9px 11px;margin-bottom:15px;background:#1a1d27!important;border:1px solid #2c303b!important;box-shadow:none;border-radius:9px;color:#9996a2}
.layout .server-name strong{font-size:12px;color:#eeeaf5}
.v58-side-scroll{padding:0 10px 20px;scrollbar-color:#474651 transparent}
.layout .v45-nav-search{background:#1b1e28!important;border:1px solid #343744!important;min-height:39px;border-radius:9px;font-size:12px}
.layout .v45-nav-search:focus{border-color:#a79af1;outline:2px solid #a79af140}
.v58-side-scroll .v45-searchlabel{color:#898694}
.layout .v58-group{border-bottom:1px solid #252833;padding:2px 0 8px}
.v58-group-summary{font-size:11px;letter-spacing:0;color:#aaa7b4;padding:10px 9px}
.v58-group-summary:hover{background:#1b1e28;color:#eeeaf5}
.v58-group-icon{color:#9a92b8}
.layout aside nav .nav-item{min-height:37px;font-size:12px;color:#b6b3be!important;border:1px solid transparent;padding:8px 9px}
.layout aside nav .nav-item .nav-icon{color:#aaa4bc;font-size:14px}
.layout aside nav .nav-item:hover{background:#222533!important;color:#fff!important}
.layout aside nav .nav-item.active{background:#29273c!important;border-color:#464059!important;box-shadow:inset 2px 0 #b4a0ff!important;color:#fff!important}
.layout aside nav .nav-item.active .nav-icon{color:#cfc4ff!important}
.layout .nav-footer{background:#12141c!important;border-top:1px solid #292d39!important;padding:11px 15px 15px}
.v58-favourites{background:#201e2a;border-color:#373143}
.v58-topbar{border-bottom:1px solid #2c303b;padding:4px 0 15px;margin-bottom:23px}
.v58-topbar::after{display:none}
.v58-topbar-label{color:#a29cac;letter-spacing:.04em}
.v58-topbar-breadcrumb strong{color:#e5e1ee}
.v58-topbar-actions>a{background:transparent;border:0;padding:7px 5px;color:#aeaab9}
button.v58-quick-search{background:#1d202b!important;color:#d3cfdf;border:1px solid #353949;box-shadow:none!important}
.v58-quick-search kbd{border-color:#474254;color:#a6a0b2}
button.v58-quick-search:hover{border-color:#8579b8}
.layout h1{color:#f5f2fa!important;letter-spacing:-.028em}
.layout h2{color:#eceaf3!important}
.layout .subtitle{color:#b0adba;line-height:1.55}
.layout .card,.layout .panel,.layout .form-card {background:#171a23!important;border-color:#343743!important;box-shadow:none!important}
.layout .module-card,.layout .list-item,.layout .stat-card{
  background:#191c25!important;border-color:#303440!important;box-shadow:none!important;
}
.layout .module-card:hover,.layout .list-item:hover{background:#222632!important;border-color:#57516b!important;transform:none}
.layout .module-card-icon{background:#28263a!important;color:#bcaafe!important}
.layout input[type=text],.layout input[type=search],.layout input[type=number],.layout input[type=password],.layout input[type=color],.layout input[type=file],.layout select,.layout textarea{
  background:#131720!important;color:#eeebf4!important;border:1px solid #3a3d49!important;border-radius:8px;
}
.layout input:focus-visible,.layout select:focus-visible,.layout textarea:focus-visible,.layout a:focus-visible,.layout button:focus-visible{
  outline:2px solid #b7a8ff!important;outline-offset:2px;
}
.layout button:not(.v58-fav-toggle):not(.v58-quick-search):not(.v58-dialog-close){
  background:#6e5cbb!important;color:#fff!important;border:1px solid #8876d2!important;
  box-shadow:none!important;border-radius:8px;transform:none;
}
.layout button.secondary,.layout button.v52-action.secondary {background:#252735!important;border-color:#404353!important;color:#ece9f5!important}
.layout button:hover{filter:brightness(1.07)}

/* Overview — no hero art, heavy gradients, carousels or unnecessary charts. */
.v66-overview{display:grid;gap:20px;max-width:1250px}
.v66-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0 2px;flex-wrap:wrap}
.v66-kicker{display:block;color:#a79dbb;font-size:10px;font-weight:700;letter-spacing:.095em}
.v66-welcome h1{margin:7px 0 6px!important;font-size:clamp(26px,3vw,36px)!important;line-height:1.12}
.v66-welcome p{margin:0;color:#b1adbc;font-size:13px}
.v66-connection{display:inline-flex;align-items:center;border:1px solid #415f54;border-radius:999px;padding:7px 12px;color:#a8ddc1;background:#182c26;font-size:11px;font-weight:650;white-space:nowrap}
.v66-connection.disconnected{border-color:#764951;background:#2c1d25;color:#f4b8bc}
.v66-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.v66-metric{display:flex;min-width:0;flex-direction:column;gap:2px;padding:18px 19px;background:#191c25;border:1px solid #30343e;border-radius:12px;text-decoration:none;transition:border-color .15s,background .15s}
.v66-metric:hover{border-color:#74698f;background:#1e222e}
.v66-metric span{font-size:12px;color:#b9b5c2}
.v66-metric strong{margin:6px 0;font-size:clamp(22px,2.2vw,30px);font-weight:730;line-height:1.1;color:#f5f3fc;letter-spacing:-.035em}
.v66-metric small{color:#898795;font-size:11px}
.v66-panel{padding:20px 22px;background:#171a23!important;border:1px solid #30343e!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden}
.v66-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:15px}
.v66-panel-heading h2{margin:0;font-size:15px;font-weight:700}
.v66-panel-heading p{margin:4px 0 0;font-size:11px;color:#aba7b8}
.v66-panel-heading>a,.v66-text-link{font-size:12px;color:#c5b4ff;text-decoration:none}
.v66-panel-heading>a:hover,.v66-text-link:hover{text-decoration:underline;color:#e5daff}
.v66-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v66-quick-links>a{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:11px;align-items:center;min-height:74px;padding:12px 13px;background:#1d202b;border:1px solid #363a47;border-radius:9px;text-decoration:none;color:#ece8f3;transition:background .15s,border-color .15s}
.v66-quick-links>a:hover{background:#272a38;border-color:#625b78}
.v66-quick-links>a>span{grid-row:1/3;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#c7baff;background:#302b44;font-size:19px}
.v66-quick-links>a>strong{align-self:end;font-size:12px;font-weight:680}
.v66-quick-links>a>small{align-self:start;margin-top:3px;color:#9895a4;font-size:10px}
.v66-lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:13px;align-items:start}
.v66-side-panels{display:grid;gap:13px}
.v66-recent-tickets{display:grid;gap:5px}
.v66-ticket-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 3px;border-bottom:1px solid #30343f}
.v66-ticket-row:last-child{border-bottom:0;padding-bottom:1px}
.v66-ticket-details{min-width:0}
.v66-ticket-details strong{display:block;font-size:12px;color:#f1edf6;line-height:1.3}
.v66-ticket-details small{display:block;margin-top:5px;font-size:11px;color:#aaa7b6;overflow-wrap:anywhere}
.v66-ticket-row time{font-size:11px;color:#aaa7b6;white-space:nowrap}
.v66-ticket-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:650;border:1px solid #4a5263;background:#242b36;color:#b3bbcc}
.v66-ticket-status.open{background:#1c302b;border-color:#3a6859;color:#a9dbc3}
.v66-ticket-status.claimed{background:#28283f;border-color:#50496d;color:#d6caff}
.v66-empty{font-size:12px;color:#aaa7b5;margin:14px 0}
.v66-status-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:12px;color:#a6a2b0;border-bottom:1px solid #2d313c}
.v66-status-line:last-child{border-bottom:0;padding-bottom:0}
.v66-status-line strong{font-weight:650;color:#e4e0ed;overflow-wrap:anywhere;text-align:right}
.v66-panel.v581-report-panel p{margin:0 0 10px;max-width:340px;font-size:12px;line-height:1.6;color:#aaa7b5}
.v66-refresh-note{margin:0;color:#858290;font-size:10px}

/* All tools: easy to scan, with older workflows tucked into a last closed section. */
.v66-tools-page{max-width:1260px}
.v66-tools-page h1{font-size:28px!important;margin:7px 0 8px}
.v66-tools-page .subtitle{max-width:700px;margin-bottom:21px}
.v66-tools-page>label{margin:0 0 7px;color:#c7c2cf;font-size:12px}
.v66-tools-page input[type=search]{max-width:450px;background:#191d27!important;border:1px solid #3a3e4b!important;border-radius:8px;min-height:43px;color:#ece9f6;padding:11px 13px}
.v66-tools-page .v58-module-section{background:#171a23!important;border-color:#30343e;border-radius:11px;margin:12px 0;box-shadow:none}
.v66-tools-page .v58-module-section>summary{padding:16px 18px;background:#1b1e28!important;color:#ece9f4;font-size:13px}
.v66-tools-page .v58-module-section>summary span{color:#9e9aa9}
.v66-tools-page .v58-module-section>.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:8px}
.v66-tools-page .module-card{min-height:96px;padding:13px 13px 14px;border-radius:8px!important;background:#20232e!important}
.v66-tools-page .module-card:hover{background:#292c38!important;transform:none}
.v66-tools-page .module-card-icon{width:27px;height:27px;margin-bottom:8px;font-size:13px;border:0;background:#2f2b41!important}
.v66-tools-page .module-card strong{font-size:12px}
.v66-tools-page .module-card small{font-size:11px;color:#aaa6b5}

/* Content Studio remains fully functional; primary controls feel less busy. */
.layout .v52-heading h1{font-size:27px!important;margin:5px 0 7px}
.layout .v52-heading p{color:#aaa7b6}
.layout .v52-heading .v52-eyebrow{color:#9d92b5;letter-spacing:.08em}
.layout .v52-panel{background:#181c25;border-color:#343845;box-shadow:none}
.layout .v52-panel-head{background:#1d202b;border-color:#353946}
.layout .v52-saved{background:#20242e;border-color:#373b48}
.layout .v52-saved.active{background:#2b2940;border-color:#706495}
.layout .v52-panel-help{background:#202530;color:#aaa7b7}
.layout .v52-tabs{border-color:#323541;gap:1px}
.layout .v52-tabs a{color:#afabb9}
.layout .v52-tabs a.active{border-color:#b19bff;color:#fff}
.v66-embed-more{margin:14px 14px 18px;padding:12px 14px;border:1px solid #343845;border-radius:9px;background:#1b1e29}
.v66-embed-more>summary{cursor:pointer;font-size:12px;font-weight:650;color:#ded8ef}
.v66-embed-more-body{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:15px 0 10px}
.v66-embed-more-body form{padding:0!important;margin:0!important}
.v66-embed-more-body button,.v66-embed-more-body a{min-height:36px;margin:0!important}
.v66-embed-more .hint{margin:0;font-size:11px}

@media(max-width:1050px){
  .v66-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v66-lower-grid{grid-template-columns:1fr}
  .v66-tools-page .v58-module-section>.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .layout aside.v58-sidebar{position:fixed;top:0;left:0;height:100%;width:240px;transform:translateX(-100%)}
  .nav-toggle:checked ~ .layout aside.v58-sidebar{transform:translateX(0)}
  .layout main{padding:23px 16px 45px!important}
  .v58-topbar{flex-wrap:wrap}
  .v66-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v66-panel{padding:16px}
}
@media(max-width:550px){
  .v66-welcome{align-items:flex-start}
  .v66-metrics{gap:8px}
  .v66-metric{padding:15px 12px}
  .v66-metric strong{font-size:24px}
  .v66-quick-links{grid-template-columns:1fr}
  .v66-tools-page .v58-module-section>.module-grid{grid-template-columns:1fr}
  .v66-ticket-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .v66-ticket-row time{grid-column:1/-1;margin-top:-4px;font-size:10px}
  .v58-topbar-actions .v58-quick-search kbd{display:none}
}
@media(prefers-reduced-motion:reduce){
  .v66-metric,.v66-quick-links>a,.v66-tools-page .module-card{transition:none}
}
/* Embedded Studio columns are content panels, not the dashboard sidebar. */
.layout .v52-columns > aside.v52-panel{width:auto;min-width:0;height:auto;flex:none;position:static;top:auto;overflow:hidden;padding:0}

/* v66.1 — visible, readable navigation; no expand/collapse guessing. */
.layout aside.v58-sidebar{width:248px;flex-basis:248px;background:#12151d!important}
.v661-find{display:block;width:100%;margin:0 0 16px;padding:13px 12px;min-height:46px;text-align:left;font-size:13px;font-weight:650;letter-spacing:0;background:#25263a!important;color:#f6f2ff!important;border:1px solid #61577a!important;border-radius:9px}
.v661-find:hover{background:#32304b!important}
.v661-nav-section{padding:9px 0!important;border-bottom:1px solid #2c3039!important}
.v661-nav-section:last-child{border-bottom:0!important}
.v66-group-heading{font-size:12px!important;font-weight:700!important;color:#bbb4cb!important;margin:7px 9px 5px!important;letter-spacing:.02em}
.layout aside .v661-nav-section .nav-items{display:flex;flex-direction:column;gap:1px;padding:0}
.layout aside .v661-nav-section .v58-nav-row{width:100%;display:block}
.layout aside .v661-nav-section .nav-item{display:flex;gap:11px;align-items:center;min-height:41px;padding:10px 12px!important;font-size:13px!important;line-height:1.3;border-radius:8px;width:100%}
.layout aside .v661-nav-section .nav-icon{width:18px;flex:0 0 18px;text-align:center;font-size:16px}
.layout aside .v661-nav-section .nav-item.active{background:#312c46!important;border-color:#675784!important}
/* Keep the all-features directory scan-friendly rather than a wall of icon tiles. */
.v66-tools-page .v58-module-section>.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.v66-tools-page .module-card{display:block;min-height:64px;padding:12px 36px 12px 14px!important}
.v66-tools-page .module-card-icon{display:none!important}
.v66-tools-page .module-card strong{font-size:14px!important;line-height:1.35}
.v66-tools-page .module-card small{font-size:12px!important;color:#b6b2bf!important}
.v66-tools-page .v58-module-section>summary{font-size:14px!important}
/* Increase readability of the rest of the dashboard without touching functional forms. */
.layout .v66-panel-heading h2{font-size:17px!important}
.layout .v66-panel-heading p,.layout .v66-quick-links>a>small{font-size:12px!important;color:#b8b4c1!important}
.layout .v66-quick-links>a>strong{font-size:14px!important}
.layout .v66-quick-links>a{min-height:82px}
@media(max-width:800px){.layout aside.v58-sidebar{width:min(85vw,285px);flex-basis:auto}}
@media(max-width:550px){.v66-tools-page .v58-module-section>.module-grid{grid-template-columns:1fr}}