/* MainZoglin v64 merged dashboard theme.
   Visual language is taken from the supplied Zoglin_Final_Release dashboard
   reference; functional routes/templates remain the full v63 bot dashboard. */
:root{
  --bg:#0c1017;
  --bg-soft:#10151d;
  --surface:#141922;
  --surface-2:#191f2b;
  --surface-3:#202735;
  --text:#f4f5fa;
  --muted:#9aa7bc;
  --muted-2:#738097;
  --line:#28303d;
  --line-soft:#28303d;
  --accent:#7652f7;
  --accent-2:#9b7cff;
  --accent-soft:#7652f71c;
  --good:#22c991;
  --warn:#f3bd4f;
  --danger:#ef6877;
  --radius:8px;
  --radius-sm:6px;
  --shadow:0 16px 42px #06081052;
}
body{background:var(--bg);font-size:14px;line-height:1.55}
body::before{display:none}
header.topbar{
  min-height:66px;height:auto;padding:10px 24px;background:#10151df7;
  border-bottom:1px solid #232a36;backdrop-filter:blur(14px)
}
.brand{gap:9px;text-transform:uppercase;letter-spacing:.08em;font-size:18px}
.brand-mark{width:34px;height:34px;border-radius:7px;background:linear-gradient(145deg,#9158ff,#5134ee);box-shadow:none;font-size:12px;transform:skew(-5deg)}
.topbar nav{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.user-chip{min-height:36px;border-color:var(--line);background:#171d28;border-radius:6px}
.shell{max-width:none;margin:0;min-height:calc(100vh - 66px)}
.sidebar{
  flex:0 0 250px;width:250px;top:66px;height:calc(100vh - 66px);padding:18px 12px;
  background:#10151d;border-right:1px solid #252c38;gap:2px
}
.sidebar a{min-height:39px;padding:8px 11px;border-radius:5px;font-weight:600;color:#aab6c9}
.sidebar a:hover{background:#191f2b;color:#f4f5fa;transform:none}
.sidebar a[aria-current="page"]{background:linear-gradient(105deg,#6943e9,#815cff);border-color:#815cff;color:#fff;box-shadow:none}
.workspace-switch{background:#171d28;border:1px solid var(--line)!important;margin-bottom:12px!important}
.server-id{margin:0 0 14px;padding:10px;background:#141922;border:1px solid var(--line);border-radius:6px}
.server-avatar{border-radius:6px;background:#302652;border-color:#443477;color:#bba8ff}
.server-meta span{color:#7f8ba0;letter-spacing:.07em}
.nav-label{padding:9px 10px 5px;color:#69768c;font-size:9px;letter-spacing:.16em}
main{width:100%;max-width:1480px;padding:24px 28px 54px}
.workspace-bar{margin-bottom:20px;padding:0 0 13px;border-bottom:1px solid var(--line);color:#8795aa;font-size:12px}
.workspace-bar a{color:#a8b5ca}.workspace-bar a:hover{color:#b59cff}
h1{font-size:clamp(27px,3vw,36px);line-height:1.15}
h2{font-size:20px}.pagehead{margin-bottom:18px}.pagehead p{max-width:780px}
.eyebrow{color:#aa8eff;font-size:10px;letter-spacing:.14em}.eyebrow::before{background:#7652f7}
.card,.metric-card{
  background:linear-gradient(135deg,#171c26,#121720);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:none
}
.card{padding:18px}.card::before{display:none}.card.link:hover{border-color:#4a3f78;background:#191f2b;box-shadow:none;transform:translateY(-1px)}
.cards,.grid2,.grid3{gap:12px}.metric-grid{gap:10px}
.feature-icon,.section-icon{border-radius:7px;background:#302652;border-color:#40336c;color:#b291ff}
button,.button,.small{
  border-radius:6px;border:1px solid var(--line);background:#1b2230;color:var(--text);font-weight:650;min-height:38px
}
button:hover,.button:hover,.small:hover{background:#293145;transform:translateY(-1px)}
.button:not(.secondary):not(.ghost),button[type="submit"]{background:linear-gradient(115deg,#7550f6,#5638e7);border-color:#7959f6;color:#fff}
.button.secondary,.small.secondary{background:#1b2230;border-color:#364052}.ghost,.button.ghost,.small.ghost{background:#171d28}
.add-bot-link{border-color:#4c3b85!important;color:#c7b9ff!important}
input,select,textarea{
  background:#10151d;border:1px solid #343d4d;border-radius:5px;color:var(--text);min-height:40px
}
input:focus,select:focus,textarea:focus{border-color:#7652f7;box-shadow:0 0 0 2px #7652f720;outline:none}
label{color:#d8deea}table{font-size:13px}td,th{border-bottom-color:#252d39;padding:10px}.table-wrap{border-radius:6px}
.pill,.status-badge{border-radius:14px;border-color:#343e4d;background:#1b2230}.pill.ok,.status-badge.ok{background:#15372f;color:#72e1bb;border-color:#265948}.status-badge.warn{background:#3a301c;color:#f2c866;border-color:#594a28}
.notice{border:1px solid #403669;border-left:3px solid var(--accent);background:#201b36;border-radius:6px;padding:10px 12px;margin-bottom:14px}
.warning,.bridge-warning{border:1px solid #65522b;background:#332a19;color:#f0cf83;border-radius:6px;padding:10px 12px;margin:0 0 14px}
.hero{padding:54px 0 42px;max-width:1050px}.hero::after{background:radial-gradient(circle,#7652f72b,transparent 68%)}
.hero h1{font-size:clamp(42px,5.5vw,68px);max-width:950px}.hero p{max-width:760px}
.server-card{border-top:2px solid #7652f7;min-height:205px}
.ticket-question-builder{margin-top:12px;padding:12px;border:1px solid #2b3442;background:#111720;border-radius:6px}
.ticket-question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.ticket-question-head strong{font-size:13px}.ticket-question-head small{color:var(--muted);font-size:11px}.ticket-question-builder input{width:100%;margin-top:6px}
.helper-provider{align-items:flex-end;flex-direction:column;text-align:right;max-width:310px}.helper-provider-note{font-size:11px;line-height:1.35}
.helper-chat-card{border-radius:8px}.helper-history-item{border-radius:6px}.helper-message{border-radius:8px}.helper-message.user{background:#252044}.helper-message.assistant{background:#171d28}
.owner-grid,.owner-tools{gap:12px}.metric-card{min-height:105px}.diff-view{border-radius:6px;background:#080b11;border-color:#29313e}
@media(max-width:900px){
  header.topbar{position:relative}.shell{display:block}.sidebar{position:relative;top:auto;height:auto;width:auto;display:flex;flex-wrap:wrap;padding:10px;border-right:0;border-bottom:1px solid var(--line)}
  .sidebar a{min-height:34px}.nav-label,.nav-spacer,.server-id{display:none}main{padding:20px 14px 44px}.workspace-bar{align-items:flex-start;flex-direction:column}
  .helper-provider{align-items:flex-start;text-align:left}.pagehead{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* v69 supplied-reference fidelity pass */
.mz-home-hero{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(560px,1.35fr);gap:48px;align-items:center;min-height:500px;padding:34px 0 30px}
.mz-home-copy h1{font-size:clamp(44px,5.2vw,72px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 18px}
.mz-home-copy h1 span{color:#fff}.mz-home-copy h1{background:linear-gradient(110deg,#fff 20%,#9b78ff 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mz-home-copy p{font-size:17px;max-width:600px;color:#aab5c8}.mz-primary{background:linear-gradient(105deg,#633cff,#835dff)}
.mz-dashboard-preview{min-height:430px;display:grid;grid-template-columns:170px 1fr;border:1px solid #343052;border-radius:20px;overflow:hidden;background:#0d121a;box-shadow:0 30px 80px #0008;transform:perspective(1300px) rotateY(-3deg)}
.preview-side{padding:19px 12px;border-right:1px solid #202738;background:#0b1017;display:flex;flex-direction:column;gap:7px;font-size:11px;color:#97a3b8}
.preview-side strong{display:flex;align-items:center;gap:8px;color:#fff;margin-bottom:14px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.preview-side .brand-mark{width:23px;height:23px;border-radius:6px;font-size:8px}.preview-side span{padding:9px 10px;border-radius:6px}.preview-side span.active{color:#fff;background:linear-gradient(100deg,#5431d6,#7349ed)}
.preview-main{padding:25px 18px}.preview-title{display:flex;align-items:center;justify-content:space-between}.preview-title b{font-size:18px}.preview-title small{display:block;color:#7f8da3;margin-top:3px}
.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:19px 0}.preview-metrics>div,.preview-panels>div{border:1px solid #252d3a;background:#121823;border-radius:8px;padding:14px}.preview-metrics small{color:#8995a9}.preview-metrics strong{font-size:24px;display:block;margin-top:7px}
.preview-panels{display:grid;grid-template-columns:1.6fr .8fr;gap:10px}.empty-chart{height:155px;margin-top:16px;border:1px dashed #343c4c;border-radius:7px;display:grid;place-items:center;color:#657287;background:linear-gradient(180deg,#17152b88,#111722)}
.empty-ring{height:155px;margin-top:16px;display:grid;place-items:center;font-size:36px;color:#7d5cff;border-radius:50%;border:16px solid #20273a;max-width:155px;margin-inline:auto}
.mz-feature-section{padding:18px 0 14px}.section-heading{margin-bottom:15px}.mz-feature-grid .feature-card{min-height:150px}.mz-feature-grid .feature-card p{color:#98a5ba;margin-bottom:0}.mz-cta{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,#15152b,#111722)}
@media(max-width:1050px){.mz-home-hero{grid-template-columns:1fr}.mz-dashboard-preview{transform:none}.mz-home-copy{max-width:760px}.mz-home-copy h1{font-size:clamp(42px,8vw,66px)}}
@media(max-width:700px){.mz-dashboard-preview{grid-template-columns:1fr}.preview-side{display:none}.preview-panels{grid-template-columns:1fr}.mz-home-hero{padding-top:15px;gap:25px}.mz-cta{align-items:flex-start;flex-direction:column}}