:root {
    --ink: #07110f; --ink-2: #0e201b; --paper: #f3f1e9; --white: #fcfdf9;
    --mint: #82e6b6; --mint-light: #c9f5df; --blue: #75a7ff; --amber: #e8bd6a;
    --red: #a63f3f; --muted: #66746f; --line: rgba(7,17,15,.14); --dark-line: rgba(255,255,255,.12);
    --display: "Manrope", sans-serif; --body: "DM Sans", sans-serif; --mono: "DM Mono", monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--body); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;color:var(--ink);background:var(--mint);transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.account-brand { display:flex;align-items:center;gap:12px; }
.account-brand > span { display:grid;place-items:center;width:40px;height:40px;color:var(--mint);border:1px solid rgba(130,230,182,.45);font:500 11px var(--mono); }
.account-brand div { display:grid;gap:3px; }
.account-brand strong { font:600 13px var(--display); }
.account-brand small { color:#789087;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase; }
.account-eyebrow { display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#35715b;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase; }
.account-eyebrow i,.online-mark { width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px rgba(130,230,182,.09); }
.flash { margin:0 0 18px;padding:13px 15px;border:1px solid;font-size:13px;line-height:1.5; }
.flash-success { color:#176744;background:#e5f7ed;border-color:#b9e3cb; }
.flash-error { color:#8c3030;background:#fff0ed;border-color:#e8bbb3; }
.flash-info { color:#345f86;background:#edf5ff;border-color:#b8d1e7; }

/* Authentication */
.auth-page { min-height:100svh;color:var(--white);background:var(--ink); }
.auth-page::before { content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(130,230,182,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(130,230,182,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,black,transparent); }
.auth-header { position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:86px;padding:0 40px;border-bottom:1px solid var(--dark-line); }
.quiet-link { color:#a9bbb4;font-size:12px; }
.quiet-link:hover { color:var(--mint); }
.auth-shell { position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(440px,600px);gap:clamp(70px,10vw,170px);align-items:center;width:min(1260px,calc(100% - 80px));min-height:calc(100svh - 86px);margin:auto;padding:70px 0; }
.auth-context { max-width:650px; }
.auth-context h1 { margin:0;font:500 clamp(48px,5.4vw,78px)/1.02 var(--display);letter-spacing:-.055em; }
.auth-context > p:not(.account-eyebrow) { max-width:590px;margin:28px 0;color:#a7bbb3;font-size:18px;line-height:1.7; }
.auth-context ul { margin:50px 0 0;padding:0;list-style:none;border-top:1px solid var(--dark-line); }
.auth-context li { display:grid;grid-template-columns:48px 1fr;gap:18px;padding:17px 0;color:#bac9c4;border-bottom:1px solid var(--dark-line);font-size:13px; }
.auth-context li span { color:var(--mint);font:10px var(--mono); }
.auth-card { padding:clamp(30px,5vw,60px);color:var(--ink);background:var(--paper);box-shadow:0 40px 100px rgba(0,0,0,.28); }
.auth-card h2 { margin:0;font:500 clamp(34px,4vw,52px)/1.06 var(--display);letter-spacing:-.045em; }
.auth-card-intro { margin:18px 0 32px;color:var(--muted);font-size:14px;line-height:1.65; }
.account-form { display:grid;gap:8px; }
.account-form label { margin-top:12px;color:#46534f;font:500 10px var(--mono);letter-spacing:.07em;text-transform:uppercase; }
.account-form input:not([type=checkbox]):not([type=submit]),.account-form textarea,.account-form select { width:100%;height:49px;padding:0 14px;color:var(--ink);background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:0;outline:0; }
.account-form textarea { height:auto;padding:13px;resize:vertical; }
.account-form input:focus,.account-form textarea:focus,.account-form select:focus { border-color:#2d8a66;box-shadow:0 0 0 3px rgba(130,230,182,.18); }
.field-error { margin:0;color:var(--red);font-size:11px; }
.check-field { display:flex!important;align-items:center;gap:10px;margin:15px 0 10px!important;color:#5d6a66!important;font:12px var(--body)!important;letter-spacing:0!important;text-transform:none!important; }
.check-field input { accent-color:#287b5b; }
.account-button { height:52px;margin-top:18px;color:var(--white);background:var(--ink);border:0;cursor:pointer;font-weight:600;transition:.2s; }
.account-button:hover { background:#184333;transform:translateY(-1px); }
.auth-switch { margin:28px 0 0;padding-top:22px;color:#687570;border-top:1px solid var(--line);font-size:13px;text-align:center; }
.auth-switch a { color:#126b48;font-weight:600; }
.form-grid { grid-template-columns:1fr 1fr;column-gap:14px; }
.form-wide { grid-column:1 / -1; }

/* Workspace shell */
.workspace-page { min-height:100svh;background:#eae9e1; }
.workspace-header { position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 28px;color:var(--white);background:rgba(7,17,15,.97);border-bottom:1px solid var(--dark-line);backdrop-filter:blur(16px); }
.workspace-user { display:flex;align-items:center;gap:22px; }
.workspace-user > div { display:grid;gap:3px;text-align:right; }
.workspace-user strong { font-size:12px; }
.workspace-user span { color:var(--mint);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase; }
.workspace-user form { margin:0; }
.workspace-user button { padding:8px 12px;color:#afc1ba;background:transparent;border:1px solid var(--dark-line);cursor:pointer;font-size:11px; }
.workspace-shell { display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100svh - 78px); }
.workspace-sidebar { position:sticky;top:78px;display:flex;flex-direction:column;height:calc(100svh - 78px);padding:35px 20px 24px;color:#b8c7c1;background:var(--ink-2);border-right:1px solid var(--dark-line); }
.sidebar-label { margin:0 12px 12px;color:#647d74;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase; }
.staff-label { margin-top:34px; }
.workspace-sidebar nav { display:grid;gap:4px; }
.workspace-sidebar nav a { display:flex;align-items:center;gap:14px;padding:12px;color:#9eb1aa;font-size:12px;border:1px solid transparent; }
.workspace-sidebar nav a span { color:#557369;font:9px var(--mono); }
.workspace-sidebar nav a i { margin-left:auto;padding:3px 5px;color:#74877f;border:1px solid var(--dark-line);font:normal 8px var(--mono);text-transform:uppercase; }
.workspace-sidebar nav a:hover,.workspace-sidebar nav a.is-active { color:var(--white);background:rgba(130,230,182,.07);border-color:rgba(130,230,182,.15); }
.workspace-sidebar nav a.is-active span { color:var(--mint); }
.sidebar-lab-link { display:flex;justify-content:space-between;margin-top:auto;padding:15px 12px;color:#8ea49b;border-top:1px solid var(--dark-line);font-size:11px; }
.sidebar-lab-link:hover { color:var(--mint); }
.workspace-main { min-width:0;padding:clamp(34px,5vw,74px); }
.workspace-section { width:min(1180px,100%);margin:auto; }
.workspace-title { max-width:900px;margin-bottom:55px; }
.workspace-title h1 { margin:0;font:500 clamp(44px,5vw,72px)/1.02 var(--display);letter-spacing:-.055em; }
.workspace-title > p:last-child { max-width:720px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.7; }
.compact-title { margin-bottom:38px; }
.compact-title h1 { font-size:clamp(40px,4.2vw,61px); }

/* Overview */
.overview-grid { display:grid;grid-template-columns:1.25fr 1fr;gap:16px; }
.overview-card { position:relative;display:flex;flex-direction:column;min-height:280px;padding:28px;background:var(--paper);border:1px solid var(--line);transition:.25s; }
.overview-card:hover { z-index:2;transform:translateY(-4px);background:var(--white);box-shadow:0 18px 45px rgba(7,17,15,.08); }
.overview-card-feature { grid-row:span 2;min-height:576px;color:var(--white);background:var(--ink);border-color:var(--ink); }
.overview-card-feature:hover { background:#10251f; }
.card-index { color:#73827d;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase; }
.overview-card-feature .card-index { color:var(--mint); }
.card-icon { display:grid;place-items:center;width:54px;height:54px;margin:40px 0;color:#246c51;background:rgba(130,230,182,.16);font-size:26px; }
.overview-chart { display:flex;align-items:center;flex:1;margin:35px 0;overflow:hidden;border:1px solid var(--dark-line);background:rgba(130,230,182,.03); }
.overview-chart svg { width:100%; }
.overview-chart path { fill:none;stroke:var(--mint);stroke-width:2; }
.overview-card h2 { margin:0;font:500 27px/1.12 var(--display);letter-spacing:-.035em; }
.overview-card p { margin:13px 0 25px;color:var(--muted);font-size:14px;line-height:1.6; }
.overview-card-feature p { color:#a7bbb3; }
.overview-card strong { margin-top:auto;color:#1b7352;font-size:12px; }
.overview-card-feature strong { color:var(--mint); }

/* Settings/watchlist */
.settings-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start; }
.settings-card { padding:32px;background:var(--paper);border:1px solid var(--line); }
.settings-heading { margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line); }
.settings-heading span { color:#4d7567;font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em; }
.settings-heading h2 { margin:8px 0 0;font:500 25px var(--display); }
.watchlist-preview { background:var(--paper);border:1px solid var(--line); }
.watchlist-top,.watchlist-row { display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;gap:20px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line); }
.watchlist-top { display:flex;justify-content:space-between;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.1em; }
.watchlist-top span:last-child { padding:6px 8px;color:#846323;background:#f3e6c5; }
.watchlist-row { min-height:68px;color:#66736e;font-size:12px; }
.watchlist-row.muted { min-height:auto;color:#8a9692;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em; }
.skeleton { display:block;width:80%;height:8px;background:#dcddd6; }
.skeleton.short { width:46%; }
.watchlist-preview > p { margin:0;padding:25px;color:#6f7b77;font-size:13px; }

/* Conversation */
.conversation-panel { overflow:hidden;background:var(--paper);border:1px solid var(--line); }
.conversation-head { display:flex;align-items:center;justify-content:space-between;padding:18px 22px;color:var(--white);background:var(--ink); }
.conversation-head > div { display:flex;align-items:center;gap:13px; }
.conversation-head > div > div { display:grid;gap:3px; }
.conversation-head strong { font-size:12px; }
.conversation-head small { color:#82988f;font-size:10px; }
.secure-label { color:#82a097;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em; }
.message-stream { height:min(55vh,550px);min-height:390px;overflow-y:auto;padding:30px;background:#ecebe4;scrollbar-color:#9eaaa5 transparent; }
.message { display:flex;gap:10px;max-width:74%;margin:0 0 22px; }
.message-own { flex-direction:row-reverse;margin-left:auto; }
.message-avatar { display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:#27604a;background:#c8e8d8;font:500 10px var(--mono); }
.message-own .message-avatar { color:var(--mint);background:var(--ink); }
.message p { margin:0;padding:13px 15px;background:var(--white);border:1px solid var(--line);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere; }
.message-own p { color:var(--white);background:#173b2f;border-color:#173b2f; }
.message small { display:block;margin-top:6px;color:#7d8984;font-size:9px; }
.message-own small { text-align:right; }
.conversation-empty { display:grid;justify-items:center;max-width:430px;margin:80px auto 0;text-align:center; }
.conversation-empty > span { display:grid;place-items:center;width:52px;height:52px;color:#236b4f;background:var(--mint-light);font:500 11px var(--mono); }
.conversation-empty h2 { margin:20px 0 8px;font:500 29px var(--display); }
.conversation-empty p { margin:0;color:var(--muted);font-size:13px;line-height:1.6; }
.message-composer { display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;background:var(--white);border-top:1px solid var(--line); }
.message-composer textarea { min-height:54px;max-height:160px;padding:16px;color:var(--ink);background:var(--paper);border:1px solid var(--line);resize:none;outline:0;font-size:13px; }
.message-composer textarea:focus { border-color:#2c8a65; }
.message-composer button { display:flex;align-items:center;gap:12px;padding:0 22px;color:var(--white);background:var(--ink);border:0;cursor:pointer;font-weight:600;font-size:12px; }
.message-composer button:hover { background:#194333; }
.message-composer svg { width:18px;fill:none;stroke:currentColor;stroke-width:1.5; }

/* Admin */
.user-table-wrap { overflow-x:auto;background:var(--paper);border:1px solid var(--line); }
.user-table { width:100%;border-collapse:collapse; }
.user-table th { padding:14px 18px;color:#77847f;background:#e3e3dc;font:9px var(--mono);letter-spacing:.08em;text-align:left;text-transform:uppercase; }
.user-table td { padding:18px;border-top:1px solid var(--line);font-size:12px;vertical-align:middle; }
.user-table td:first-child { display:grid;gap:5px;min-width:210px; }
.user-table small { color:#75817d; }
.user-table code { font:11px var(--mono); }
.role-pill { display:inline-block;padding:6px 8px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.07em; }
.role-admin { color:#7a5420;background:#f1dfb7; }.role-employee { color:#315b82;background:#dae8f5; }.role-client { color:#246048;background:#dcefe5; }
.role-form { display:flex;gap:7px; }
.role-form select,.conversation-admin-bar select { padding:8px;color:#41504b;background:var(--white);border:1px solid var(--line);font-size:11px; }
.role-form button,.conversation-admin-bar button { padding:8px 10px;color:var(--white);background:var(--ink);border:0;cursor:pointer;font-size:10px; }
.staff-chat-layout { display:grid;grid-template-columns:320px minmax(0,1fr);min-height:650px;background:var(--paper);border:1px solid var(--line); }
.conversation-list { overflow-y:auto;border-right:1px solid var(--line);background:#e5e5de; }
.conversation-list > a { display:block;padding:18px;border-bottom:1px solid var(--line); }
.conversation-list > a:hover,.conversation-list > a.is-selected { background:var(--white);box-shadow:inset 3px 0 var(--mint); }
.conversation-list a > div { display:flex;justify-content:space-between;gap:10px; }
.conversation-list strong { font-size:12px; }
.conversation-list p { margin:9px 0;color:#697671;font-size:11px;line-height:1.45; }
.conversation-list small { color:#87928e;font-size:9px; }
.conversation-status { font:8px var(--mono);text-transform:uppercase; }.status-open { color:#15704c; }.status-pending { color:#8a6526; }.status-closed { color:#7c8581; }
.empty-queue { padding:50px 20px;color:#75817c;text-align:center;font-size:12px; }
.empty-queue span { color:#28845f;font-size:24px; }
.staff-conversation { min-width:0; }
.conversation-admin-bar { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;background:var(--white);border-bottom:1px solid var(--line); }
.conversation-admin-bar > div { display:grid;gap:3px; }.conversation-admin-bar strong { font-size:12px; }.conversation-admin-bar span { color:#74807c;font-size:10px; }
.conversation-admin-bar form { display:flex;gap:7px; }
.staff-conversation .conversation-panel { border:0; }
.staff-conversation .conversation-head { display:none; }
.staff-conversation .message-stream { height:500px; }
.select-conversation { display:grid;place-items:center;align-content:center;height:100%;padding:50px;text-align:center; }
.select-conversation > span { color:#4b876f;font-size:40px; }.select-conversation h2 { margin:18px 0 6px;font:500 26px var(--display); }.select-conversation p { margin:0;color:var(--muted);font-size:12px; }

/* Website traffic */
.traffic-section { padding-bottom:40px; }
.traffic-metrics { display:grid;grid-template-columns:1.25fr repeat(3,1fr);margin-bottom:18px;background:var(--paper);border:1px solid var(--line); }
.traffic-metric { display:flex;flex-direction:column;min-height:178px;padding:25px;border-right:1px solid var(--line); }
.traffic-metric:last-child { border-right:0; }
.traffic-metric > span { color:#60716b;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase; }
.traffic-metric strong { margin:17px 0 13px;font:500 clamp(36px,4vw,55px)/1 var(--display);letter-spacing:-.055em; }
.traffic-metric small { margin-top:auto;color:#7a8782;font-size:10px;line-height:1.45; }
.traffic-metric-feature { color:var(--white);background:var(--ink); }
.traffic-metric-feature > span { color:var(--mint); }.traffic-metric-feature small { color:#9db0a9; }
.traffic-metric small.trend-up { color:#27865f; }.traffic-metric-feature small.trend-up { color:var(--mint); }
.traffic-metric small.trend-down { color:#b35a50; }.traffic-metric small.trend-neutral { color:#7a8782; }
.traffic-layout { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.traffic-panel { min-width:0;padding:27px;background:var(--paper);border:1px solid var(--line); }
.traffic-trend-panel,.traffic-pages-panel { grid-column:1 / -1; }
.traffic-panel-head { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line); }
.traffic-panel-head > div { display:grid;gap:7px; }
.traffic-panel-head span { color:#3f7863;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase; }
.traffic-panel-head h2 { margin:0;font:500 24px var(--display);letter-spacing:-.025em; }
.traffic-panel-head > small { padding:6px 8px;color:#597068;background:#e4eee8;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase; }
.traffic-chart { display:grid;grid-template-columns:repeat(30,minmax(6px,1fr));gap:clamp(3px,.55vw,8px);height:270px;padding:12px 4px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 66px,rgba(7,17,15,.055) 67px); }
.traffic-day { display:grid;grid-template-rows:1fr 23px;align-items:end;min-width:0;height:100%; }
.traffic-bar { position:relative;display:block;height:max(2px,var(--traffic-height));min-height:2px;background:#2b8060;transform-origin:bottom;animation:traffic-bar-rise .7s cubic-bezier(.2,.75,.2,1) both; }
.traffic-day:nth-child(3n) .traffic-bar { background:#82e6b6; }
.traffic-bar i { position:absolute;top:-17px;left:50%;color:#64736e;font:normal 8px var(--mono);transform:translateX(-50%); }
.traffic-day small { align-self:end;overflow:visible;color:#7b8883;font:8px var(--mono);white-space:nowrap;transform:translateX(-2px); }
@keyframes traffic-bar-rise { from { transform:scaleY(0);opacity:.25; } to { transform:scaleY(1);opacity:1; } }
.traffic-empty { display:grid;justify-items:center;align-content:center;min-height:220px;text-align:center; }
.traffic-empty > span { display:grid;place-items:center;width:48px;height:48px;color:#276c52;background:#dff3e8;font-size:22px; }
.traffic-empty h3 { margin:17px 0 7px;font:500 23px var(--display); }.traffic-empty p { max-width:390px;margin:0;color:var(--muted);font-size:12px;line-height:1.6; }
.traffic-ranking { display:grid; }
.traffic-ranking article { display:grid;grid-template-columns:minmax(180px,1fr) 60px;gap:10px 24px;align-items:end;padding:17px 0;border-bottom:1px solid var(--line); }
.traffic-ranking article:first-child { padding-top:0; }.traffic-ranking article:last-child { border-bottom:0; }
.traffic-ranking article > div:first-child { display:grid;gap:4px; }.traffic-ranking strong { font-size:13px; }.traffic-ranking small { color:#82908b;font:9px var(--mono); }
.traffic-ranking article > span { color:#234d3e;font:500 22px var(--display);text-align:right; }
.ranking-track { grid-column:1 / -1;height:4px;overflow:hidden;background:#e0e2dc; }
.ranking-track i { display:block;width:var(--ranking-width);height:100%;background:var(--mint); }
.traffic-breakdown { display:grid;gap:21px; }
.traffic-breakdown > div { display:grid;grid-template-columns:82px 1fr 38px;gap:13px;align-items:center; }
.traffic-breakdown span { color:#52615c;font-size:11px; }.traffic-breakdown strong { font:500 10px var(--mono);text-align:right; }
.traffic-breakdown > div > div { height:7px;overflow:hidden;background:#dedfd9; }
.traffic-breakdown i { display:block;width:var(--breakdown-width);height:100%;background:#2d7f61; }
.device-breakdown i { background:#82e6b6; }
.traffic-list-empty { margin:12px 0;color:#7b8883;font-size:12px; }
.traffic-privacy { margin:18px 0 0;padding:15px 17px;color:#65736e;background:rgba(255,255,255,.35);border:1px solid var(--line);font-size:10px;line-height:1.6; }

@media (max-width:1000px) {
    .auth-shell { grid-template-columns:1fr 480px;gap:55px; }
    .workspace-shell { grid-template-columns:210px minmax(0,1fr); }
    .workspace-main { padding:42px 30px; }
    .staff-chat-layout { grid-template-columns:260px minmax(0,1fr); }
    .traffic-metrics { grid-template-columns:1fr 1fr; }
    .traffic-metric:nth-child(2) { border-right:0; }.traffic-metric:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media (max-width:760px) {
    .auth-header,.workspace-header { height:70px;padding:0 16px; }
    .quiet-link { font-size:10px; }
    .auth-shell { grid-template-columns:1fr;width:calc(100% - 28px);padding:45px 0; }
    .auth-context { padding:25px 4px; }.auth-context h1 { font-size:49px; }.auth-context ul { margin-top:35px; }
    .auth-card { padding:30px 22px; }.form-grid { grid-template-columns:1fr; }.form-wide { grid-column:auto; }
    .workspace-user > div { display:none; }
    .workspace-shell { display:block; }
    .workspace-sidebar { position:sticky;z-index:20;top:70px;display:block;width:100%;height:auto;padding:8px 12px;overflow-x:auto;white-space:nowrap; }
    .sidebar-label,.sidebar-lab-link { display:none; }
    .workspace-sidebar nav { display:inline-flex;gap:4px;margin-right:8px; }
    .workspace-sidebar nav a { padding:10px; }.workspace-sidebar nav a span,.workspace-sidebar nav a i { display:none; }
    .workspace-main { padding:38px 17px; }
    .workspace-title { margin-bottom:38px; }.workspace-title h1 { font-size:44px; }
    .overview-grid,.settings-grid { grid-template-columns:1fr; }
    .overview-card-feature { grid-row:auto;min-height:470px; }
    .watchlist-row { grid-template-columns:1fr 1fr; }.watchlist-row > *:nth-child(n+3) { display:none; }
    .secure-label { display:none; }.message-stream { height:50vh;min-height:360px;padding:18px 12px; }.message { max-width:90%; }
    .message-composer { grid-template-columns:1fr; }.message-composer button { justify-content:center;min-height:46px; }
    .staff-chat-layout { grid-template-columns:1fr; }.conversation-list { max-height:250px;border-right:0;border-bottom:1px solid var(--line); }
    .conversation-admin-bar { align-items:flex-start;flex-direction:column; }.conversation-admin-bar form { flex-wrap:wrap; }
    .user-table { min-width:800px; }
    .traffic-metrics,.traffic-layout { grid-template-columns:1fr; }
    .traffic-metric { min-height:150px;border-right:0;border-bottom:1px solid var(--line); }.traffic-metric:last-child { border-bottom:0; }
    .traffic-trend-panel,.traffic-pages-panel { grid-column:auto; }
    .traffic-panel { padding:21px 16px; }
    .traffic-chart { gap:3px;height:230px;overflow:visible; }.traffic-day small { font-size:7px; }
    .traffic-bar i { display:none; }
    .traffic-ranking article { grid-template-columns:minmax(130px,1fr) 45px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms!important; } }