/* Shared SURVEYONE workspace tokens: built-in controls and dynamic forms use one system. */
:root {
  color-scheme:dark; --bg:#0a131c; --surface:#101f2b; --surface-raised:#162936; --surface-input:#0c1822;
  --surface-hover:#1b303f; --line:#263945; --line-strong:#385160; --text:#ecf2f5; --muted:#97acba;
  --accent:#68cfdb; --accent-strong:#41b6c7; --accent-soft:#173642; --gold:#cbb384;
  --green:#86d9b7; --amber:#e2c086; --red:#f2a5ab; --radius:12px; --radius-sm:8px;
  --header-height:4.75rem; --font-small:.8125rem; --font-caption:.6875rem;
}
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
button,input,select,textarea,summary { touch-action:manipulation; }
[hidden] { display:none !important; }
h1,h2,h3,h4,p { margin:0 0 12px; }
h1,h2,h3,h4 { line-height:1.3; }
h2 { font-size:1.2rem; font-weight:650; letter-spacing:-.02em; }
h3 { font-size:1rem; font-weight:650; }
h4 { font-size:.875rem; }
svg { stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
button { min-height:44px; padding:10px 15px; border:1px solid transparent; border-radius:var(--radius-sm); cursor:pointer; font-weight:650; color:#091a23; background:var(--accent); transition:background .16s ease,border-color .16s ease; }
button:hover:not(:disabled) { background:#85dce5; }
button:active:not(:disabled) { background:var(--accent-strong); }
button.secondary { background:var(--surface-raised); border-color:var(--line); color:var(--text); }
button.secondary:hover:not(:disabled) { background:var(--surface-hover); border-color:var(--line-strong); }
button.danger { color:#ffd9dc; background:#49272e; border-color:#693c45; }
button.danger:hover:not(:disabled) { background:#63323d; }
button:disabled { opacity:.46; cursor:not-allowed; }
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
input,select,textarea { width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-input); color:var(--text); transition:border-color .16s ease; }
input:hover,select:hover,textarea:hover { border-color:var(--line-strong); }
input::placeholder,textarea::placeholder { color:#728a9b; }
input[type="checkbox"] { min-height:0; }
input[type="file"] { max-width:100%; font-size:var(--font-small); }
input[type="file"]::file-selector-button { min-height:36px; border:0; border-radius:5px; color:var(--text); background:var(--surface-raised); margin-right:10px; cursor:pointer; padding:7px 10px; }
textarea { resize:vertical; }
label { display:grid; gap:6px; color:var(--muted); font-size:var(--font-small); margin:8px 0; min-width:0; }
summary { cursor:pointer; color:var(--text); min-height:30px; font-size:var(--font-small); }
.muted { color:var(--muted); } .error { color:var(--red); }
.row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr)); gap:12px; }
.detail { white-space:pre-wrap; overflow-wrap:anywhere; } .tag { color:var(--accent); font-weight:650; overflow-wrap:anywhere; }
.skip-link { position:fixed; inset:8px auto auto 8px; z-index:20; transform:translateY(-160%); background:var(--accent); color:#091a23; padding:10px 15px; border-radius:8px; text-decoration:none; }
.skip-link:focus { transform:translateY(0); }
.console-header { min-height:var(--header-height); padding:14px clamp(16px,3vw,40px); display:flex; align-items:center; justify-content:space-between; gap:20px; position:sticky; top:0; z-index:10; background:#0c1722; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.brand-mark { width:36px; height:36px; color:var(--accent); }
.brand h1 { margin:0; font-size:1.125rem; letter-spacing:.065em; font-weight:730; }
.brand h1 span { color:var(--gold); } .brand p { margin:3px 0 0; font-size:.625rem; color:var(--muted); letter-spacing:.145em; }
.header-tools { display:flex; align-items:center; justify-content:flex-end; gap:16px; min-width:0; }
.console-account { display:flex; align-items:center; gap:9px; min-width:0; }
.account-avatar { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:50%; color:var(--accent); background:var(--surface); flex-shrink:0; }
.account-avatar svg { width:20px; height:20px; } .console-account > div { min-width:0; }
.console-account strong { display:block; max-width:260px; font-size:var(--font-small); font-weight:550; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.console-account > div > span { display:block; color:var(--muted); font-size:var(--font-caption); }
.header-signout { min-height:44px; font-size:var(--font-small); white-space:nowrap; }
main { max-width:1660px; margin:auto; padding:18px clamp(16px,3vw,40px) 28px; } main:focus { outline:none; }
#notice { min-height:36px; display:flex; align-items:center; gap:8px; padding:8px 12px; margin:0 0 20px; border-left:2px solid var(--accent); border-radius:0 6px 6px 0; background:#11232f; color:var(--muted); font-size:var(--font-small); overflow-wrap:anywhere; }
#notice.error { border-left-color:var(--red); color:#f5b8bd; background:#2b2029; }
.console-shell { display:grid; grid-template-columns:208px minmax(0,1fr); align-items:start; gap:30px; }
.console-nav { position:sticky; top:calc(var(--header-height) + 20px); display:flex; flex-direction:column; gap:5px; padding:8px 14px 12px 0; border-right:1px solid var(--line); min-height:calc(100svh - var(--header-height) - 114px); }
.nav-label { display:block; padding:9px 12px 8px; color:#708999; letter-spacing:.12em; font-size:.625rem; font-weight:700; }
.nav-label-secondary { padding-top:26px; }
.console-nav button { display:flex; align-items:center; gap:11px; width:100%; text-align:left; background:transparent; border:1px solid transparent; color:var(--muted); font-size:var(--font-small); font-weight:550; padding:11px 12px; white-space:nowrap; }
.console-nav button svg { width:20px; height:20px; flex-shrink:0; }
.console-nav button:hover:not(:disabled) { background:var(--surface); color:var(--text); }
.console-nav button[aria-current="page"] { background:var(--accent-soft); color:var(--accent); border-color:#2b4956; }
.nav-footer { margin-top:auto; padding:34px 10px 8px; display:flex; align-items:flex-start; gap:8px; color:var(--muted); font-size:.75rem; }
.nav-footer small { display:block; color:#6f8998; font-size:.625rem; margin-top:4px; }
.status-dot { height:6px; width:6px; border-radius:50%; background:var(--green); flex-shrink:0; margin-top:7px; }
.console-workspace { min-width:0; }
.console-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:6px 0 22px; }
.eyebrow { color:var(--gold); font-size:.625rem; font-weight:700; letter-spacing:.16em; }
.console-heading h2 { font-size:1.8rem; letter-spacing:-.035em; margin:5px 0 5px; font-weight:650; }
.console-heading p { margin:0; font-size:var(--font-small); }
.view-badge { display:inline-flex; align-items:center; min-height:26px; border:1px solid var(--line-strong); border-radius:5px; padding:3px 8px; color:var(--accent); background:#142934; font-size:.625rem; font-weight:700; letter-spacing:.07em; white-space:nowrap; }
section { padding:22px; margin:0 0 20px; border:1px solid var(--line); background:var(--surface); border-radius:var(--radius); min-width:0; }
section h2 { font-size:1.0625rem; margin-bottom:5px; } section > p:last-child { margin-bottom:0; }
.section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; min-width:0; }
.section-heading > div { min-width:0; } .section-heading p { margin:0; font-size:var(--font-small); }
.metric { padding:17px 18px; min-height:97px; border-radius:8px; background:var(--surface-raised); border:1px solid transparent; }
.metric:first-child { background:#18333f; border-color:#2a4a58; }
.metric strong { display:block; font-size:1.8rem; line-height:1.15; font-weight:550; font-variant-numeric:tabular-nums; margin-bottom:10px; }
.metric span { display:block; color:var(--muted); font-size:.625rem; letter-spacing:.06em; font-weight:650; overflow-wrap:anywhere; }
.login-panel { max-width:460px; margin:clamp(28px,7vh,80px) auto 30px; padding:30px; background:linear-gradient(160deg,#152a37,var(--surface)); border-top:2px solid #3e6773; }
.login-panel h2 { font-size:1.9rem; margin:11px 0; letter-spacing:-.035em; } .login-intro { margin-bottom:24px; }
.login-panel form { display:grid; gap:10px; } .login-panel form button { display:flex; justify-content:space-between; align-items:center; margin-top:8px; }
.security-note { display:flex; align-items:flex-start; gap:10px; color:#8098a7; font-size:.75rem; margin:25px 0 0; border-top:1px solid var(--line); padding-top:18px; }
.security-note svg { width:18px; height:18px; flex-shrink:0; color:var(--muted); margin-top:2px; }
.filter-row { padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--line); }
.filter-row input { flex:1 1 240px; } .filter-row select { width:auto; max-width:100%; }
.inbox-grid { display:grid; grid-template-columns:minmax(235px,300px) minmax(0,1fr); gap:16px; min-height:440px; }
.ticket-list { min-width:0; max-height:650px; overflow:auto; border:1px solid var(--line); border-radius:9px; background:var(--surface-input); }
.ticket-item { display:block; width:100%; padding:15px; min-height:110px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; color:var(--text); text-align:left; font-weight:400; }
.ticket-item:last-child { border-bottom:0; }
.ticket-item:hover:not(:disabled),.ticket-item[aria-current="true"] { background:var(--accent-soft); }
.ticket-item[aria-current="true"] { box-shadow:inset 2px 0 var(--accent); }
.ticket-item strong { display:block; font-size:var(--font-small); margin:7px 0 3px; }
.ticket-item p { color:var(--muted); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:3px 0; font-size:var(--font-small); }
.ticket-item small { display:block; color:#7996a7; font-size:var(--font-caption); }
.pill { display:inline-flex; align-items:center; border-radius:5px; padding:3px 7px; background:#263c4a; color:#b5c8d4; font-size:.625rem; font-weight:650; letter-spacing:.02em; }
.pill.open { background:#1d403b; color:var(--green); } .pill.closed { background:#27343f; color:#a1b4bf; }
.pill.paused,.pill.unread { background:#433920; color:var(--amber); } .pill.archive { background:#2c2b39; color:#b5acc9; }
.conversation,.conversation-empty { min-width:0; min-height:440px; border:1px solid var(--line); border-radius:9px; background:var(--surface-input); }
.conversation { display:flex; flex-direction:column; overflow:hidden; }
.conversation-empty { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:9px; padding:28px; color:var(--muted); text-align:center; }
.conversation-empty svg { width:34px; height:34px; color:#577d92; margin-bottom:7px; }
.conversation-empty strong { color:var(--text); font-weight:550; } .conversation-empty span { font-size:var(--font-small); }
.conversation-head { padding:16px; border-bottom:1px solid var(--line); }
.conversation-title-row { justify-content:space-between; }
.conversation-head h3 { margin:0; overflow-wrap:anywhere; } .conversation-head p { margin:5px 0 0; font-size:.75rem; overflow-wrap:anywhere; }
.message-list { flex:1; max-height:470px; overflow:auto; display:flex; flex-direction:column; gap:13px; padding:20px; }
.bubble { align-self:flex-start; max-width:min(86%,700px); padding:11px 14px; border:1px solid var(--line); border-radius:10px 10px 10px 3px; background:#192d3a; white-space:pre-wrap; overflow-wrap:anywhere; font-size:var(--font-small); }
.bubble.admin { align-self:flex-end; border-color:#305564; border-radius:10px 10px 3px 10px; background:#183842; }
.bubble b { display:block; color:var(--accent); font-size:.6875rem; margin-bottom:5px; } .bubble time { display:block; color:#7898a9; font-size:.625rem; margin-top:6px; text-align:right; }
.reply-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; padding:14px 16px; border-top:1px solid var(--line); background:var(--surface); }
.reply-form label { margin:0; } .reply-form textarea { min-height:72px; max-height:220px; }
.order { padding:22px 0; border-bottom:1px solid var(--line); }
.order:first-child { padding-top:0; } .order:last-child { border-bottom:0; padding-bottom:0; }
.order h3 { margin-bottom:6px; } .order p { font-size:var(--font-small); } .order .row { margin-top:12px; }
.order-summary { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.order-heading { min-width:0; overflow-wrap:anywhere; } .order-status { flex-shrink:0; }
.order-details { padding:12px 14px; border:1px solid var(--line); border-radius:8px; margin-top:14px; background:var(--surface-input); }
.order-details[open] summary { padding-bottom:10px; border-bottom:1px solid var(--line); margin-bottom:8px; }
.order button { font-size:var(--font-small); }
.point-row { display:grid; grid-template-columns:1fr 1fr 2fr; gap:12px; border-bottom:1px solid var(--line); padding:8px 0; overflow-wrap:anywhere; }
.answer-row { display:grid; gap:5px; padding:12px 0; border-bottom:1px solid var(--line); }
.answer-row:last-child { border-bottom:0; } .answer-row strong { font-size:var(--font-small); }
.answer-row .detail { font-size:.875rem; } .answer-row > button { justify-self:start; }
.pricing-grid { grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); align-items:end; gap:10px 18px; }
.pricing-grid > button { margin-bottom:8px; } .promo-form { align-items:end; } .promo-form label { min-width:210px; } .promo-form button { margin-bottom:8px; }
.workspace-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-top:28px; padding-top:15px; border-top:1px solid var(--line); color:#5f7a8c; font-size:.625rem; letter-spacing:.025em; }
dialog { width:min(540px,calc(100vw - 28px)); max-height:calc(100svh - 32px); padding:26px; overflow:auto; border:1px solid var(--line-strong); border-radius:14px; background:var(--surface); color:var(--text); box-shadow:0 16px 60px #0006; }
dialog::backdrop { background:#030a13b8; } dialog h2 { font-size:1.3rem; margin-bottom:8px; }
.action-fields { display:grid; gap:14px; margin:20px 0; } .dialog-actions { justify-content:flex-end; padding-top:15px; border-top:1px solid var(--line); }
.service-toolbar { margin-bottom:16px; } .service-toolbar input { flex:1 1 190px; } .service-toolbar select { width:auto; max-width:100%; }
.service-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.service-metric { min-width:0; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--surface-input); }
.service-metric strong { display:block; font-size:1.4rem; font-weight:550; line-height:1.2; }
.service-metric small { display:block; color:var(--muted); margin-top:6px; font-size:.6875rem; overflow-wrap:anywhere; }
.service-gate { padding:11px 14px; margin-bottom:14px; border-left:2px solid #b09966; border-radius:0 6px 6px 0; background:#342f2255; color:var(--amber); font-size:.75rem; }
.service-gate.gate-enabled { color:var(--green); border-left-color:#598f73; background:#19362955; }
.service-layout { display:grid; grid-template-columns:minmax(220px,265px) minmax(0,1fr); gap:18px; align-items:start; }
.service-catalog { display:grid; gap:9px; max-height:calc(100svh - 315px); overflow:auto; padding:1px 4px 1px 1px; position:sticky; top:calc(var(--header-height) + 20px); scrollbar-width:thin; }
.service-catalog-head { display:flex; justify-content:space-between; gap:8px; font-size:.75rem; color:var(--muted); margin-bottom:10px; }
.service-card { display:block; width:100%; padding:0; background:var(--surface-input); color:var(--text); text-align:left; font-weight:400; border:1px solid var(--line); border-radius:9px; overflow:hidden; }
.service-card:hover { border-color:var(--line-strong); }
.service-card[aria-current="true"] { border-color:#426573; background:#183340; box-shadow:inset 2px 0 var(--accent); }
.service-card-select { display:block; width:100%; text-align:left; padding:15px; border:0; border-radius:0; background:transparent; color:var(--text); font-weight:400; }
.service-card-select:hover:not(:disabled) { background:#182c3a; }
.service-card strong { display:block; font-size:.9375rem; margin:11px 0 4px; font-weight:600; overflow-wrap:anywhere; }
.service-card .service-ar { display:block; color:var(--muted); direction:rtl; margin-bottom:9px; font-size:var(--font-small); }
.service-card small { display:block; color:#809baa; font-size:var(--font-caption); margin-top:5px; overflow-wrap:anywhere; }
.service-card .row { gap:5px; }
.service-card-actions { display:flex; flex-wrap:wrap; gap:6px; padding:0 12px 12px; }
.service-card-actions button { flex:1 1 auto; padding:7px 9px; min-height:44px; font-size:.6875rem; }
.draft-indicator { display:inline-block; color:var(--gold); font-size:.6875rem; margin-top:7px; }
.service-editor { min-width:0; background:var(--surface-input); border:1px solid var(--line); border-radius:10px; padding:20px; }
.service-empty { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; min-height:280px; text-align:center; color:var(--muted); padding:24px; }
.service-fieldset { border:0; margin:0; padding:0; min-width:0; }
.service-edit-form h3 { font-size:1.0625rem; margin:0 0 5px; } .service-edit-form h4 { font-size:.875rem; margin:0; overflow-wrap:anywhere; }
.service-edit-form .section-heading { align-items:center; } .service-edit-form .section-heading p { font-size:.75rem; margin-top:5px; }
.service-edit-form label { font-size:.75rem; margin:6px 0; }
.service-edit-form input,.service-edit-form select,.service-edit-form textarea { font-size:.875rem; } .service-edit-form button { font-size:var(--font-small); }
.service-input-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr)); gap:8px 16px; } .bilingual-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.service-edit-form .check-label,.check-label { display:flex; flex-direction:row; align-items:center; gap:9px; min-height:44px; }
.service-edit-form .check-label input,.check-label input { width:18px; height:18px; min-height:0; accent-color:var(--accent); flex-shrink:0; }
.editor-hint { font-size:.75rem; line-height:1.6; margin:10px 0 15px; }
.editor-divider { border-top:1px solid var(--line); padding-top:20px; margin-top:20px; }
.form-builder { display:grid; gap:12px; }
.field-card { background:#132631; border:1px solid var(--line); border-radius:9px; padding:15px; min-width:0; }
.field-card .section-heading { gap:10px; margin-bottom:12px; } .field-actions { flex-shrink:0; gap:5px; } .field-actions button { padding:7px 11px; }
.choice-options { display:grid; gap:8px; margin:10px 0; }
.choice-row { display:grid; grid-template-columns:minmax(80px,.7fr) minmax(110px,1fr) minmax(110px,1fr) auto; align-items:end; gap:9px; padding-top:6px; border-top:1px solid var(--line); }
.choice-row button,.mapping-row button { margin-bottom:6px; }
.extension-picker { display:flex; flex-wrap:wrap; gap:4px 16px; padding:8px 12px; border:1px solid var(--line); border-radius:8px; background:var(--surface-input); }
.extension-picker .check-label { min-width:68px; margin:0; }
.mapping-list { display:grid; gap:9px; margin-bottom:12px; }
.mapping-row { display:grid; grid-template-columns:85px minmax(120px,1fr) minmax(100px,.8fr) auto; gap:10px; align-items:end; padding:8px 10px; border:1px solid var(--line); border-radius:8px; }
.product-readiness { margin-top:22px; border-top:1px solid var(--line); padding-top:20px; } .product-readiness h4 { margin-bottom:12px; }
.readiness-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid var(--line); }
.readiness-row > div { flex:1; min-width:150px; overflow-wrap:anywhere; }
.readiness-row strong { display:block; font-size:.75rem; } .readiness-row small { display:block; font-size:.6875rem; color:var(--muted); margin-top:4px; }
.editor-error:empty { display:none; } .editor-error { font-size:var(--font-small); margin:18px 0; padding:12px; border:1px solid #754952; border-radius:8px; background:#31212a; }
.editor-actions { display:flex; position:sticky; bottom:0; z-index:2; border-top:1px solid var(--line-strong); background:var(--surface-input); padding:14px 0 2px; margin-top:20px; }
.service-editor-tabs { display:flex; flex-wrap:wrap; gap:4px; padding:5px; margin:16px 0 20px; border:1px solid var(--line); border-radius:8px; background:#0a1720; }
.service-editor-tab { flex:1 1 auto; min-height:44px; color:var(--muted); background:transparent; border:1px solid transparent; font-size:var(--font-small); }
.service-editor-tab:hover:not(:disabled) { color:var(--text); background:var(--surface-raised); }
.service-editor-tab[aria-selected="true"] { background:var(--accent-soft); color:var(--accent); border-color:#2c4c5b; }
.service-tab-panel { min-width:0; }
.service-summary { padding:13px 15px; border:1px solid var(--line); border-radius:8px; background:#152a36; margin-bottom:16px; font-size:var(--font-small); overflow-wrap:anywhere; }
.service-summary .row { gap:8px; }
.service-preview-card { padding:18px; border:1px solid var(--line-strong); border-radius:10px; background:var(--surface); margin:14px 0; }
.service-preview-languages { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.service-preview-card { min-width:0; margin:0; }
.service-preview-card > small { display:block; color:var(--muted); font-size:.6875rem; }
.service-preview-card > strong { display:block; font-size:1rem; margin:10px 0 6px; font-weight:600; overflow-wrap:anywhere; }
.service-preview-card h3 { margin-bottom:8px; } .service-preview-card p { overflow-wrap:anywhere; font-size:var(--font-small); }
.service-preview-field { padding:11px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.service-preview-field:last-child { border-bottom:0; } .service-preview-field strong { display:block; font-size:var(--font-small); }
.service-preview-field small { color:var(--muted); font-size:.6875rem; }
.service-preview-field > span { display:block; font-size:var(--font-small); }
.service-publication-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr)); gap:12px; }
.publication-state { padding:15px; border:1px solid var(--line); border-radius:8px; background:var(--surface-raised); min-width:0; }
.publication-state small { display:block; font-size:.6875rem; color:var(--muted); margin-bottom:8px; }
.publication-state strong { display:block; margin-bottom:7px; } .publication-state p { font-size:.75rem; color:var(--muted); margin-bottom:0; }
.service-publication-grid > .publication-actions,.service-publication-grid > .editor-hint { grid-column:1 / -1; }
.service-card > .draft-indicator { padding:0 15px 10px; }
.order-pager { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding-top:18px; margin-top:20px; border-top:1px solid var(--line); }
.order-pager p { margin:0; font-size:.75rem; color:var(--muted); }
.overview-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.overview-card { text-align:left; padding:17px; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:10px; font-weight:400; }
.overview-card:hover:not(:disabled) { background:var(--surface-hover); border-color:var(--line-strong); }
.overview-card small { display:block; color:var(--muted); font-size:.75rem; }
.overview-card strong { display:block; font-size:1.35rem; margin:7px 0; font-weight:550; }
.overview-card span { color:var(--accent); font-size:.6875rem; }
@media(min-width:1500px) { .service-layout { grid-template-columns:280px minmax(0,1fr); } }
@media(max-width:1250px) {
  .console-shell { grid-template-columns:180px minmax(0,1fr); gap:22px; } .console-nav { padding-right:12px; }
  .service-layout { grid-template-columns:minmax(190px,215px) minmax(0,1fr); gap:14px; }
  .choice-row { grid-template-columns:1fr 1fr; } .mapping-row { grid-template-columns:90px minmax(0,1fr); }
  .inbox-grid { grid-template-columns:minmax(215px,250px) minmax(0,1fr); }
}
@media(max-width:1050px) {
  .service-layout { grid-template-columns:1fr; } .service-catalog { position:static; max-height:285px; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); }
  .inbox-grid { grid-template-columns:1fr; } .ticket-list { max-height:270px; }
}
@media(max-width:850px) {
  :root { --header-height:4.5rem; } .console-shell { display:block; }
  .console-nav { position:sticky; top:var(--header-height); z-index:5; flex-direction:row; gap:5px; min-height:0; padding:8px; margin:0 -2px 22px; border:1px solid var(--line); border-radius:10px; background:var(--bg); overflow-x:auto; scrollbar-width:thin; }
  .console-nav button { width:auto; flex-shrink:0; gap:7px; padding:9px 12px; } .console-nav button svg { width:18px; height:18px; }
  .nav-label,.nav-footer { display:none; } .console-heading { padding-top:0; } .console-account strong { max-width:190px; }
}
@media(max-width:600px) {
  :root { --header-height:4.25rem; } .console-header { min-height:var(--header-height); padding:12px 14px; gap:10px; }
  .brand { gap:8px; } .brand-mark { width:30px; height:30px; } .brand h1 { font-size:.9375rem; letter-spacing:.045em; } .brand p { font-size:.5rem; letter-spacing:.11em; }
  .header-tools { gap:8px; } .console-account > div { display:none; } .account-avatar { width:30px; height:30px; }
  .header-signout { min-height:44px; padding:7px 10px; font-size:.75rem; }
  main { padding:14px 12px 24px; } #notice { margin-bottom:14px; } .console-nav { margin-bottom:20px; }
  .console-heading { align-items:flex-start; gap:10px; padding-bottom:17px; } .console-heading h2 { font-size:1.5rem; } .console-heading p { font-size:.75rem; } .eyebrow { font-size:.5625rem; }
  .view-badge { font-size:.5625rem; padding:3px 6px; } section { padding:16px; } .section-heading { flex-wrap:wrap; gap:10px; margin-bottom:17px; } .section-heading p { font-size:.75rem; }
  .login-panel { padding:24px 20px; margin-top:30px; } .metric { padding:15px; min-height:90px; } .metric strong { font-size:1.55rem; }
  .filter-row { gap:9px; } .filter-row select { width:100%; } .reply-form { grid-template-columns:1fr; } .reply-form button { justify-self:end; }
  .bubble { max-width:95%; } .message-list { padding:14px; } .conversation-title-row { align-items:flex-start; }
  .conversation-title-row button { min-height:44px; font-size:.75rem; padding:7px 10px; }
  .service-toolbar { gap:9px; } .service-toolbar select { flex:1 1 150px; } .service-toolbar > button { flex:1 1 120px; }
  .service-editor { padding:14px; } .bilingual-grid,.service-input-grid,.choice-row,.mapping-row,.service-preview-languages { grid-template-columns:1fr; }
  .service-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .service-metric { padding:12px; }
  .field-card { padding:13px; } .field-card .section-heading { flex-wrap:wrap; } .field-actions { width:100%; } .service-edit-form .section-heading { flex-wrap:wrap; }
  .service-editor-tabs { gap:3px; } .service-editor-tab { flex:1 1 calc(50% - 3px); padding:8px; font-size:.75rem; }
  .editor-actions { gap:8px; padding-bottom:8px; } .editor-actions > button { flex:1 1 140px; } .readiness-row button { width:100%; }
  .order-summary { flex-wrap:wrap; gap:10px; } .point-row { grid-template-columns:1fr 1fr; font-size:.75rem; } .point-row > :last-child { grid-column:1 / -1; }
  dialog { padding:20px; } .workspace-footer { margin-top:22px; } .overview-summary { grid-template-columns:1fr; }
}
@media(max-width:360px) {
  .console-header { flex-wrap:wrap; } .header-tools { margin-left:auto; } .console-nav { position:static; }
  .console-account { display:none; } section { padding:13px; } .service-editor { padding:12px; } .field-card { padding:11px; }
  .grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .pricing-grid { grid-template-columns:1fr; } .console-heading { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }