:root { color-scheme: light; --ink:#17151f; --muted:#797580; --line:#e9e7ec; --panel:#fff; --soft:#f7f6f8; --violet:#6f55d9; --violet-dark:#5037b7; --violet-pale:#f1edff; --green:#1d9a69; --green-pale:#eaf8f1; --red:#d45555; --red-pale:#fff0ee; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html,body { margin:0; min-height:100%; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:#fff; }
button,textarea,input { font:inherit; }
button { cursor:pointer; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:290px minmax(0,1fr); }
.sidebar { position:fixed; inset:0 auto 0 0; width:290px; display:flex; flex-direction:column; padding:15px 12px; background:#f7f6f8; border-right:1px solid var(--line); z-index:5; }
.side-top { display:grid; gap:18px; }
.brand { display:flex; align-items:center; gap:9px; padding:5px 8px; color:var(--ink); text-decoration:none; font-size:18px; font-weight:700; }
.brand > img { width:34px; height:34px; filter:drop-shadow(0 7px 10px #6146cb30); }
.brand-word { display:inline-flex;align-items:baseline;gap:0;white-space:nowrap;letter-spacing:-.04em; }
.brand b { margin-left:-.055em;color:var(--violet);font-size:1.24em;line-height:.8;letter-spacing:-.06em; }
.new-case { display:flex; align-items:center; gap:9px; width:100%; padding:10px 11px; border:1px solid #dfdce4; border-radius:9px; color:#35313c; background:#fff; text-align:left; font-size:12px; font-weight:650; }
.jobs-button { width:100%;display:flex;align-items:center;gap:8px;margin-top:7px;padding:9px 10px;border:1px solid #e2ddec;border-radius:9px;color:#5f576b;background:#fff;font-size:9px;font-weight:700;text-align:left; } .jobs-button b { margin-left:auto;min-width:18px;padding:2px 5px;border-radius:999px;color:#fff;background:var(--violet);font-size:7px;text-align:center; }
.new-case:hover { background:#fbfaff; border-color:#cfc7e5; }
.new-case span { font-size:17px; font-weight:400; }
.history-section { min-height:0; flex:1; display:flex;flex-direction:column;margin-top:25px;overflow:hidden; }
.history-label { display:flex; align-items:center; justify-content:space-between; padding:0 8px 8px; color:#96919c; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.1em; }
.history-label button { border:0; color:#98939e; background:transparent; }
.history-list { min-height:0;flex:1;display:grid;align-content:start;gap:3px;overflow-y:auto;overflow-x:hidden;padding-bottom:8px; }
.history-empty { padding:8px; color:#99959f; font-size:10px; }
.history-bulk { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 4px 7px;padding:7px 6px;border:1px solid #e2dcef;border-radius:8px;background:#faf8ff; }.history-bulk label { display:flex;align-items:center;gap:5px;color:#6d6579;font-size:9px; }.history-bulk input { accent-color:var(--violet); }.history-bulk button { border:0;border-radius:6px;padding:5px 7px;color:#963e45;background:#fcebed;font-size:8px;font-weight:700; }.history-bulk button:disabled { cursor:not-allowed;opacity:.45; }
.history-row { display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;border-radius:8px; }.history-row:has(input:checked) { background:#f3efff; }.history-select { display:grid;place-items:center;height:100%; }.history-select input { accent-color:var(--violet); }.history-item { display:block; width:100%; padding:9px 8px 9px 2px; border:0; border-radius:8px; background:transparent; color:#4d4854; text-align:left; }
.history-item:hover,.history-item.active { background:#ece9f2; }
.history-item strong { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; font-weight:600; }
.history-item small { display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:3px;color:#97929e;font-size:8px; }
.history-item small span::before { content:"· "; }
.runtime-card { flex:0 0 auto;display:flex; align-items:center; gap:9px; padding:10px; border-top:1px solid #e3e0e6;background:#f7f6f8; }
.architecture-link { flex:0 0 auto;display:flex;justify-content:space-between;margin:2px 8px 0;padding:8px;border-radius:7px;color:#6e6874;background:#f7f6f8;text-decoration:none;font-size:9px; }.architecture-link:hover { color:var(--violet);background:#eeeaf6; }
.runtime-card i,.status-button i { width:7px; height:7px; border-radius:50%; background:#23a875; box-shadow:0 0 0 3px #daf2e8; }
.runtime-card div { display:grid; gap:2px; }.runtime-card strong { font-size:10px; }.runtime-card small { color:var(--muted); font-size:8px; }
main { grid-column:2; min-width:0; }
.topbar { position:sticky; top:0; height:58px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.9); backdrop-filter:blur(14px); z-index:4; }
.case-title { display:grid; gap:2px; }.case-title strong { max-width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.case-title span { color:var(--muted); font-size:9px; }
.status-button { display:flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:#625d68; background:#fff; font-size:9px; font-weight:650; }
.capability-status { position:relative; margin-left:auto; }
.status-button { cursor:pointer; transition:border-color .15s,box-shadow .15s,background .15s; }
.status-button:hover,.status-button[aria-expanded="true"] { border-color:#c9bee7; background:#fbf9ff; box-shadow:0 8px 24px #4a338b14; }
.status-button[data-state="red"] i { background:#d94b45;box-shadow:0 0 0 3px #f8dedd; }
.status-button[data-state="yellow"] i { background:#dda321;box-shadow:0 0 0 3px #faedc8; }
.status-button[data-state="green"] i { background:#23a875;box-shadow:0 0 0 3px #daf2e8; }
.status-button > b { color:#81778d; font-size:11px; transition:transform .15s; }
.status-button[aria-expanded="true"] > b { transform:rotate(180deg); }
.capability-menu { position:absolute; top:calc(100% + 10px); right:0; width:min(390px,calc(100vw - 32px)); padding:8px; border:1px solid #ddd6eb; border-radius:15px; background:#fff; box-shadow:0 20px 55px #281a4324; z-index:12; }
.capability-menu[hidden] { display:none; }
.capability-menu > header { display:grid; gap:3px; padding:10px 11px 12px; border-bottom:1px solid var(--line); }
.capability-menu > header strong { font-size:12px; }
.capability-menu > header small { color:var(--violet); font-size:9px; }
.capability-list { display:grid; gap:3px; padding:7px 0; }
.capability-list article { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px 10px; border-radius:10px; }
.capability-list article:hover { background:var(--violet-pale); }
.capability-list article > span { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; color:var(--violet); background:var(--violet-pale); font-size:14px; }
.capability-list article strong,.capability-list article small { display:block; }
.capability-list article strong { font-size:10px; }
.capability-list article small { margin-top:3px; color:var(--muted); font-size:8px; line-height:1.35; }
.capability-list article > b { padding:4px 6px; border-radius:999px; color:var(--green); background:var(--green-pale); font-size:7px; letter-spacing:.08em; }
.readiness-progress { height:7px;margin:10px 11px 5px;overflow:hidden;border-radius:999px;background:#ece8f2; }
.readiness-progress > i,.capability-list article div > i > em { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8066e8,#6242cf);transition:width .35s ease; }
.readiness-copy { display:block;padding:0 11px 6px;color:#766a85;font-size:8px; }
.capability-list article div > i { display:block;height:4px;margin-top:6px;overflow:hidden;border-radius:999px;background:#ece8f2; }
.capability-list article[data-status="loading"] > b,.capability-list article[data-status="queued"] > b { color:#a36d00;background:#fff2cc; }
.capability-list article[data-status="disabled"] { opacity:.5; }
.capability-list article[data-status="disabled"] > b { color:#777;background:#eee; }
.capability-menu > p { margin:0; padding:10px 11px; border-radius:9px; color:#706780; background:#f8f5ff; font-size:8px; line-height:1.45; }
.icon-button { display:none; border:0; background:transparent; }
.workspace { min-height:calc(100vh - 58px); display:flex; flex-direction:column; align-items:center; }
.welcome { width:min(760px,calc(100% - 40px)); margin:auto 0 0; padding:55px 0 22px; text-align:center; }
.hero-mark { width:58px; height:58px; margin:0 auto 19px; filter:drop-shadow(0 12px 14px #6548ce35); }.hero-mark img { display:block;width:100%;height:100%; }
.welcome h1 { margin:0; font-size:27px; letter-spacing:-.045em; font-weight:650; }.welcome > p { margin:10px 0 25px; color:var(--muted); font-size:12px; }
.starter-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.starter-grid button { display:flex; gap:11px; align-items:center; padding:13px; border:1px solid var(--line); border-radius:11px; background:#fff; text-align:left; transition:.15s; }
.starter-grid button:hover { border-color:#cfc6e7; background:#fcfbff; transform:translateY(-1px); }
.starter-grid button > span { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; color:var(--violet); background:var(--violet-pale); }
.starter-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.starter-grid button div { display:grid; gap:3px; }.starter-grid strong { font-size:10px; }.starter-grid small { color:var(--muted); font-size:8px; }
.conversation { width:min(760px,calc(100% - 40px)); display:grid; gap:22px; padding:28px 0 8px; }
.message-row { display:grid; grid-template-columns:28px minmax(0,1fr); gap:11px; }
.message-avatar { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; color:#fff; background:#201c29; font-size:10px; font-weight:750; }
.message-avatar.agent { background:linear-gradient(145deg,#7a62df,#5035b6); }
.message-body > strong { display:block; margin:2px 0 6px; font-size:10px; }.message-body > p { margin:0; color:#47424e; font-size:12px; line-height:1.65; white-space:pre-wrap; }

.planner-activity { margin-top:10px;overflow:hidden;border:1px solid #ded6f2;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(67,44,130,.06); }
.planner-activity header,.planner-activity header > div { display:flex;align-items:center; }
.planner-activity header { justify-content:space-between;gap:14px;padding:12px 14px;background:#f8f5ff;border-bottom:1px solid #ebe6f6; }
.planner-activity header > div { gap:9px; }
.planner-activity header strong { color:var(--violet-dark);font-size:11px; }
.planner-activity header time { color:#82798f;font-size:9px;font-variant-numeric:tabular-nums; }
.planner-pulse { width:9px;height:9px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 0 rgba(105,70,215,.3);animation:planner-pulse 1.35s ease-out infinite; }
.planner-stage-list { display:grid;gap:0;padding:7px 14px; }
.planner-stage-list p { display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:7px 0;color:#9189a3;font-size:9px;line-height:1.35;transition:color .2s; }
.planner-stage-list p span { width:20px;height:20px;display:grid;place-items:center;border:1px solid #e4def3;border-radius:6px;color:#9189a3;background:#fff;font-size:8px;font-weight:750; }
.planner-stage-list p.active { color:#4a2eae;font-weight:650; }
.planner-stage-list p.active span { border-color:#c9bbef;color:#6946d7;background:#f5f1ff; }
.planner-stage-list p.done { color:#68617a; }
.planner-stage-list p.done span { border-color:#cce8dc;color:var(--green);background:var(--green-pale);font-size:0; }
.planner-stage-list p.done span::after { content:"\2713";font-size:9px; }
.planner-activity footer { padding:9px 14px;border-top:1px solid #eeeaf6;color:#746c86;background:#fdfcff;font-size:8px;line-height:1.45; }
.planner-activity.complete .planner-pulse { animation:none;background:var(--green);box-shadow:0 0 0 3px var(--green-pale); }
.planner-activity.failed { border-color:#edc8c6; }
.planner-activity.failed header { background:#fff7f6; }
.planner-activity.failed header strong { color:var(--red); }
.planner-activity.failed .planner-pulse { animation:none;background:var(--red);box-shadow:0 0 0 3px var(--red-pale); }
@keyframes planner-pulse { 70% { box-shadow:0 0 0 7px rgba(105,70,215,0); } 100% { box-shadow:0 0 0 0 rgba(105,70,215,0); } }

.plan-card { margin-top:12px; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; }
.plan-card.superseded { opacity:.68;background:#f8f7f9; }
.plan-card.superseded .plan-head,.plan-card.superseded .approve-row { background:#f1eff3; }
.plan-head { display:flex; justify-content:space-between; align-items:center; padding:11px 13px; background:#faf9fb; border-bottom:1px solid var(--line); }
.plan-head strong { font-size:10px; }.plan-head span { color:#746d7c; font-size:8px; }
.plan-step { display:grid; grid-template-columns:25px minmax(0,1fr) auto; gap:9px; padding:12px 13px; border-bottom:1px solid #f0eef2; }
.plan-select { position:relative;display:grid;place-items:center;cursor:pointer; }.plan-select input { position:absolute;opacity:0;pointer-events:none; }.plan-select span { width:22px;height:22px;display:grid;place-items:center;border:1px solid #d7cfeb;border-radius:6px;color:#9189a3;background:#fff;font-size:8px;font-weight:750; }.plan-select input:checked + span { border-color:var(--violet);color:#fff;background:var(--violet);box-shadow:0 4px 10px #6946d72b; }
.plan-step:last-of-type { border-bottom:0; }.plan-step > span { width:22px; height:22px; display:grid; place-items:center; border-radius:6px; color:var(--violet-dark); background:var(--violet-pale); font-size:8px; font-weight:750; }
.plan-step strong { display:block; font-size:10px; }.plan-step p { margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }.plan-step em { align-self:start; padding:4px 6px; border-radius:6px; color:var(--green); background:var(--green-pale); font-size:7px; font-style:normal; font-weight:750; }
.image-secondary-option { display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 10px;border:1px solid #e4deee;border-radius:8px;background:#faf8ff;cursor:pointer; } .image-secondary-option input { margin-top:2px;accent-color:var(--violet); } .image-secondary-option span,.image-secondary-option small { display:block; } .image-secondary-option b { font-size:9px; } .image-secondary-option small { margin-top:2px;color:var(--muted);font-size:8px;line-height:1.4; }
.clarification { margin:10px 13px; padding:9px; border-radius:8px; color:#8a5c18; background:#fff6e6; font-size:9px; }
.approve-row { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:11px 13px; background:#faf9fb; border-top:1px solid var(--line); }
.approve-row span { color:var(--muted); font-size:8px; }.primary-button { border:0; border-radius:8px; padding:8px 11px; color:#fff; background:var(--violet); font-size:9px; font-weight:750; }.primary-button:hover { background:var(--violet-dark); }.primary-button:disabled { cursor:not-allowed; opacity:.45; }
.running-card { display:block; margin-top:10px; padding:14px 15px; border:1px solid var(--line); border-radius:10px; color:#5f5966; background:#fff; font-size:10px; }
.spinner { width:15px; height:15px; border:2px solid #ddd7ed; border-top-color:var(--violet); border-radius:50%; animation:spin .8s linear infinite; } @keyframes spin { to { transform:rotate(360deg); } }
.progress-heading,.progress-heading > div,.progress-detail { display:flex;align-items:center; }.progress-heading { justify-content:space-between;gap:12px; }.progress-heading > div { gap:9px; }.progress-heading strong { color:var(--ink);font-size:13px; }.progress-heading b { color:var(--violet);font-size:12px; }.progress-track { position:relative;height:9px;margin:12px 0 9px;overflow:hidden;border-radius:999px;background:#ece8f2; }.progress-track::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffffa8,transparent);transform:translateX(-100%);animation:progress-shimmer 1.4s ease-in-out infinite; }.progress-track > i { display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8066e8,#6242cf);transition:width .35s ease; }.progress-detail { justify-content:space-between;gap:14px;color:var(--muted);font-size:10px; }.progress-detail time { flex:0 0 auto;font-variant-numeric:tabular-nums; }.running-card.failed { border-color:#edc8c6;background:#fff9f8; }.running-card.failed .spinner { border-color:#efcfcd;border-top-color:var(--red); }.running-card.failed .progress-track::after { display:none; }@keyframes progress-shimmer { to { transform:translateX(100%); } }
.composer-wrap { position:sticky; bottom:0; width:min(780px,calc(100% - 32px)); margin-top:auto; padding:16px 10px 12px; background:linear-gradient(transparent,#fff 22%); z-index:3; }
.composer { min-height:90px; padding:11px 12px 9px; border:1px solid #ddd9e2; border-radius:16px; background:#fff; box-shadow:0 8px 28px #30283d12; }
.composer:focus-within { border-color:#b9afd8; box-shadow:0 8px 30px #513ba018; }
.composer textarea { display:block; width:100%; max-height:150px; resize:none; padding:2px 3px 8px; border:0; outline:0; color:var(--ink); background:transparent; line-height:1.5; font-size:12px; }
.composer textarea::placeholder { color:#aaa5af; }
.upload-progress { margin:2px 3px 8px; } .upload-progress > div { display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;color:var(--muted);font-size:8px; } .upload-progress b { color:var(--violet);font-variant-numeric:tabular-nums; } .upload-progress > i { display:block;height:6px;overflow:hidden;border-radius:999px;background:#ece8f2; } .upload-progress em { display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8066e8,#6242cf);transition:width .15s ease; } .upload-progress.validating em { animation:upload-pulse 1s ease-in-out infinite alternate; } .upload-progress.complete em { background:var(--green); } @keyframes upload-pulse { from { opacity:.55; } to { opacity:1; } }
.composer-actions { display:flex; align-items:center; min-height:30px; }.attach-group { position:relative; }.round-button,.send-button { width:29px; height:29px; display:grid; place-items:center; border-radius:50%; }
.round-button { border:1px solid var(--line); color:#49444f; background:#fff; font-size:16px; }.round-button:hover { background:var(--soft); }
.send-button { margin-left:auto; border:0; color:#fff; background:#241f2d; font-weight:800; }.send-button:disabled { cursor:not-allowed; background:#d6d2da; }
#upload-state { margin-left:8px; color:var(--muted); font-size:8px; }
.attach-menu { position:absolute; bottom:39px; left:0; width:230px; padding:6px; border:1px solid var(--line); border-radius:11px; background:#fff; box-shadow:0 14px 38px #20172e20; }
.attach-menu button { display:grid; grid-template-columns:27px 1fr; gap:8px; width:100%; padding:9px; border:0; border-radius:8px; background:transparent; text-align:left; }.attach-menu button:hover { background:var(--soft); }.attach-menu button > span { width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:var(--violet);background:var(--violet-pale); }.attach-menu strong { display:block;font-size:9px; }.attach-menu small { color:var(--muted);font-size:8px; }
.asset-chips { display:flex; gap:7px; align-items:center; flex-wrap:wrap; padding:0 5px 7px; }.asset-chip { display:flex; align-items:center; gap:7px; max-width:290px; padding:7px 8px; border:1px solid var(--line); border-radius:9px; background:#fff; }.asset-chip.target { border-color:#cfc6e7; }.asset-chip.reference { border-color:#cce6dc; }.asset-chip > span { color:var(--violet); }.asset-chip div { min-width:0; }.asset-chip b { display:block;color:var(--violet);font-size:6px;letter-spacing:.1em; }.asset-chip.reference b { color:var(--green); }.asset-chip strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px; }.asset-chip small { display:block;color:var(--muted);font-size:7px; }.asset-chip > button { width:20px;height:20px;border:0;border-radius:50%;color:#8e8993;background:transparent;font-size:14px; }.asset-chip > button:hover { color:#a13f3b;background:var(--red-pale); }.asset-guidance { padding:7px 9px;border:1px dashed #c7bddc;border-radius:8px;color:#6a5b89;background:#fbf9ff;font-size:8px; }
.consent { display:flex; gap:7px; align-items:center; padding:7px 6px 0; color:#69636f; font-size:8px; }.consent input { accent-color:var(--violet); }
.disclaimer { margin:7px 0 0; color:#a09ba5; text-align:center; font-size:7px; }
.error { margin:8px 5px 0; padding:9px; border-radius:8px; color:#a13f3b; background:var(--red-pale); font-size:9px; }
.evidence-gallery { width:min(960px,calc(100% - 40px));padding:42px 0 100px; } .evidence-gallery > header { display:flex;justify-content:space-between;gap:20px;align-items:start; } .evidence-gallery > header span { color:var(--violet);font-size:9px;font-weight:800;letter-spacing:.12em; } .evidence-gallery h1 { margin:6px 0;font-size:26px; } .evidence-gallery header p { margin:0;color:var(--muted);font-size:10px; } .gallery-filters { display:flex;gap:6px;margin:18px 0 12px; } .gallery-filters button { padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:8px; } .gallery-filters button.active { color:#fff;background:var(--violet);border-color:var(--violet); } .gallery-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px; } .gallery-card { overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff; } .gallery-preview { display:grid;place-items:center;width:100%;height:160px;background:#17141b; } .gallery-preview img,.gallery-preview video { width:100%;height:100%;object-fit:contain; } .gallery-preview audio { width:calc(100% - 20px); } .gallery-card-body { padding:11px; } .gallery-card-body > span { color:var(--violet);font-size:7px;font-weight:800;text-transform:uppercase; } .gallery-card h3 { overflow:hidden;margin:4px 0;text-overflow:ellipsis;white-space:nowrap;font-size:11px; } .gallery-card p { margin:0;color:var(--muted);font-size:8px; } .gallery-cases { display:grid;gap:5px;margin-top:10px; } .gallery-cases button { display:flex;justify-content:space-between;gap:8px;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--soft);font-size:8px;text-align:left; } .gallery-empty { grid-column:1 / -1;padding:30px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);text-align:center; }
.jobs-overview { width:min(960px,calc(100% - 40px));padding:42px 0 100px; } .jobs-overview > header { display:flex;justify-content:space-between;gap:20px;align-items:start; } .jobs-overview > header span { color:var(--violet);font-size:9px;font-weight:800;letter-spacing:.12em; } .jobs-overview h1 { margin:6px 0;font-size:26px; } .jobs-overview header p { margin:0;color:var(--muted);font-size:10px; } .jobs-summary { display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px;margin:20px 0 12px; } .jobs-summary article { padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff; } .jobs-summary b { display:block;font-size:20px; } .jobs-summary span { color:var(--muted);font-size:9px; } .jobs-table-wrap { overflow-x:auto;border:1px solid var(--line);border-radius:11px;background:#fff; } .jobs-table-wrap table { width:100%;border-collapse:collapse;font-size:9px; } .jobs-table-wrap th,.jobs-table-wrap td { padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle; } .jobs-table-wrap th { color:var(--muted);font-size:8px; } .jobs-table-wrap tbody tr { cursor:pointer; } .jobs-table-wrap tbody tr:hover { background:var(--soft); } .job-status { display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:800; } .job-status.queued { color:#76520e;background:#fff4d8; } .job-status.running { color:#6242cf;background:#f0ebff; } .job-status.failed { color:#a13f3b;background:var(--red-pale); } .job-progress { min-width:130px; } .job-progress i { display:block;height:5px;overflow:hidden;border-radius:999px;background:#ece8f2; } .job-progress em { display:block;height:100%;border-radius:inherit;background:var(--violet); } .job-progress small { display:block;margin-top:4px;color:var(--muted);font-size:7px; } .job-status.planning { color:#245f7a;background:#dff2fc; } .job-status.awaiting-approval,.job-status.awaiting-clarification { color:#76520e;background:#fff4d8; }
.result-view { width:min(960px,calc(100% - 40px)); padding:34px 0 100px; }.result-heading { display:flex; justify-content:space-between; align-items:start; gap:24px; margin-bottom:19px; }.result-heading h1 { margin:7px 0 5px;font-size:23px;letter-spacing:-.035em; }.result-heading p { margin:0;color:var(--muted);font-size:9px; }.live-tag { color:var(--green);font-size:8px;font-weight:800;letter-spacing:.12em; }.quiet-button { flex:0 0 auto;white-space:nowrap;border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#fff;color:#5c5662;font-size:9px; }
.case-progress-panel { margin-bottom:12px;padding:13px;border:1px solid #ded6f1;border-radius:10px;background:#faf8ff; } .case-progress-panel header { display:flex;justify-content:space-between;gap:10px; } .case-progress-panel strong { font-size:11px; } .case-progress-panel header b { color:var(--violet);font-size:10px; } .case-progress-panel > i { display:block;height:7px;margin:9px 0;overflow:hidden;border-radius:999px;background:#e9e4f2; } .case-progress-panel > i em { display:block;height:100%;background:var(--violet); } .case-progress-panel ul { display:grid;gap:5px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:8px; } .case-progress-panel li { display:flex;justify-content:space-between;gap:10px; } .case-progress-panel li b { color:#625b6b;text-transform:capitalize; }
.result-actions { display:flex;gap:7px;align-items:center; }.danger-button { color:#9a3f45;border-color:#e8cdd0;background:#fffafa; }.danger-button:hover { color:#7e2f35;border-color:#dbaeb3;background:#fff3f4; }
.audio-card { display:grid; grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr); gap:20px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#fff; }.audio-name { display:flex;gap:10px;align-items:center;min-width:0; }.audio-name > span { width:33px;height:33px;display:grid;place-items:center;border-radius:8px;color:var(--violet);background:var(--violet-pale); }.audio-name div { min-width:0; }.audio-name strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px; }.audio-name small { color:var(--muted);font-size:8px; }.audio-card audio { width:100%;height:32px; }
#image-player { width:100%;max-height:220px;object-fit:contain;border-radius:8px;background:#f5f3f8; }
.image-evidence { display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(320px,1fr);gap:14px;align-items:start; }
.annotated-image { width:100%;max-height:680px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#17141b; }
.image-visual-evidence { display:grid;gap:9px;min-width:0; }
.image-lead-legend { display:flex;flex-wrap:wrap;gap:8px 13px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:8px; } .image-lead-legend strong { color:var(--ink); } .image-lead-legend span { display:flex;align-items:center;gap:5px; } .image-lead-legend i { width:9px;height:9px;border-radius:2px; } .source-yolo-full::before,.source-yolo-tile::before,.source-rtdetr::before { content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:2px; } .image-lead-legend .source-yolo-full,.source-yolo-full::before { background:#00b8d9; } .image-lead-legend .source-yolo-tile,.source-yolo-tile::before { background:#ff8b00; } .image-lead-legend .source-rtdetr,.source-rtdetr::before { background:#e91e63; }
.image-lead-register { min-width:0;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff; } .image-lead-register h3 { margin:0;font-size:11px; } .image-lead-register p { margin:3px 0 8px;color:var(--muted);font-size:8px; } .lead-table-wrap { overflow-x:auto; } .image-lead-register table { width:100%;border-collapse:collapse;font-size:8px;white-space:nowrap; } .image-lead-register th,.image-lead-register td { padding:6px;border-bottom:1px solid var(--line);text-align:left; } .image-lead-register th { color:var(--muted);font-weight:700; }
.image-brief { padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff; }
.image-brief > header { display:flex;justify-content:space-between;gap:12px;align-items:start; }
.image-brief > header span { color:var(--violet);font-size:9px;font-weight:800;letter-spacing:.12em; }
.image-brief h2 { margin:5px 0 0;font-size:18px; }
.image-brief > header b { padding:5px 7px;border-radius:7px;color:#8a5c18;background:#fff6e6;font-size:9px; }
.image-stage-copy,.lead-notice { color:var(--muted);font-size:11px;line-height:1.55; }
.priority-guide { margin:8px 0 10px;padding:8px 10px;border:1px solid #ead9ae;border-radius:8px;background:#fff9e9;color:#6f5622;font-size:9px; } .priority-guide summary { cursor:pointer;font-weight:750; } .priority-guide p { margin:7px 0;line-height:1.45; } .priority-guide dl { display:grid;gap:4px;margin:7px 0; } .priority-guide dl div { display:grid;grid-template-columns:52px 1fr;gap:7px; } .priority-guide dt { font-weight:750; } .priority-guide dd { margin:0; } .priority-guide small { display:block;color:#816d44;line-height:1.4; }
.brief-columns { display:grid;gap:10px; }
.brief-columns section { padding:10px;border-radius:9px;background:var(--soft); }
.brief-columns h3 { margin:0 0 6px;font-size:12px; }
.brief-columns ul { margin:0;padding-left:18px;color:#625d68;font-size:11px;line-height:1.5; }
.lead-notice { padding:10px;border-left:3px solid var(--violet);background:#faf9fc; }
.image-brief a.quiet-button { display:inline-flex;align-items:center;text-decoration:none; }
.summary-cards { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px; }.summary-card { padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff; }.summary-card header { display:flex;justify-content:space-between;align-items:center;gap:8px; }.summary-card h2 { margin:0;font-size:10px; }.summary-card header span { padding:4px 6px;border-radius:6px;font-size:7px;font-weight:800; }.summary-card header span.real { color:var(--green);background:var(--green-pale); }.summary-card header span.fake { color:var(--red);background:var(--red-pale); }.summary-card header span.neutral { color:#665f70;background:#f0eef3; }.metric { margin:16px 0 4px;font-size:27px;font-weight:650;letter-spacing:-.04em; }.metric small { margin-left:4px;color:var(--muted);font-size:8px;letter-spacing:0; }.meter { height:5px;overflow:hidden;border-radius:999px;background:#eeeaf2; }.meter i { display:block;height:100%;width:var(--score);background:var(--violet);border-radius:inherit; }.summary-card > p { margin:9px 0 0;color:var(--muted);font-size:8px;line-height:1.45; }
.timeline-card,.technical-card { margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff; }.card-title { display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:15px; }.card-title h2 { margin:0 0 4px;font-size:11px; }.card-title p { margin:0;color:var(--muted);font-size:8px; }.legend { display:flex;gap:10px;color:var(--muted);font-size:7px; }.legend span { display:flex;align-items:center;gap:4px; }.legend i { width:7px;height:7px;border-radius:2px; }.legend .real { background:#40b77e; }.legend .fake { background:#e16b68; }
#waveform { width:100%;height:110px;display:block;border-bottom:1px solid var(--line); }.timeline-lanes { display:grid;gap:7px;margin-top:12px; }.timeline-row { display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center; }.timeline-label strong { display:block;font-size:8px; }.timeline-label small { color:var(--muted);font-size:7px; }.segments { display:flex;height:22px;overflow:hidden;border-radius:5px;background:#f0eef2; }.segments i { position:relative;display:block;min-width:1px;height:100%;background:#40b77e; }.segments i.fake { background:#e16b68; }.segments i:hover::after { content:attr(data-tip);position:absolute;left:0;bottom:25px;z-index:3;width:max-content;padding:4px 6px;border-radius:5px;color:#fff;background:#2b2630;font-size:7px; }
.technical-card summary { cursor:pointer;font-size:9px;font-weight:700; }.technical-card > div { margin-top:12px; }.provenance-intro { margin:0 0 12px;color:var(--muted);font-size:8px;line-height:1.5; }
.audio-journey { display:flex;align-items:stretch;gap:6px;overflow-x:auto;padding:2px 0 10px; }
.audio-journey article { flex:1 0 118px;display:flex;gap:8px;min-width:0;padding:11px 9px;border:1px solid #ddd7ee;border-radius:10px;background:#fbfaff; }
.audio-journey article > b { flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--violet);font-size:10px; }
.audio-journey article > span { min-width:0; }.audio-journey article strong { display:block;font-size:9px;line-height:1.3; }.audio-journey article small { display:block;margin-top:5px;color:var(--muted);font-size:7px;line-height:1.35;overflow-wrap:anywhere; }
.audio-journey > i { align-self:center;flex:0 0 auto;color:#9c91bc;font-size:15px;font-style:normal; }.audio-journey > i.optional { color:#aaa4b2; }
.audio-journey article.optional { border-style:dashed;border-color:#bdb7c8;background:#fff; }.audio-journey article.optional > b { color:#6f6876;background:#ebe8ef; }
.privacy-assurance { display:flex;gap:10px;align-items:start;margin-top:3px;padding:11px 12px;border:1px solid #cfe9dd;border-radius:10px;color:#286d54;background:#f2fbf7; }
.privacy-assurance > i { flex:0 0 auto;width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #d8f2e6; }.privacy-assurance strong { display:block;font-size:9px; }.privacy-assurance span { display:block;margin-top:3px;color:#507566;font-size:8px;line-height:1.45; }
.review-decision { margin-top:12px;padding:14px;border:1px solid #ddd7ed;border-radius:11px;background:#fff; }
.review-decision > header { display:flex;justify-content:space-between;align-items:start;gap:12px; }.decision-kicker { display:block;margin-bottom:4px;color:var(--violet);font-size:7px;font-weight:800;letter-spacing:.12em; }.review-decision h3 { margin:0;font-size:13px;line-height:1.3; }.threshold-chip { flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#5f4aa8;background:var(--violet-pale);font-size:8px; }
.decision-copy { max-width:800px;margin:8px 0 12px;color:#625d68;font-size:9px;line-height:1.55; }
.indicator-list { display:grid;gap:8px; }.indicator-row { display:grid;grid-template-columns:minmax(180px,1fr) 42px minmax(130px,1.15fr);gap:10px;align-items:center;padding:9px 10px;border-radius:9px;background:var(--soft); }.indicator-row strong { display:block;font-size:9px; }.indicator-row small { display:block;margin-top:3px;color:var(--muted);font-size:8px; }.indicator-row > b { text-align:right;font-size:12px;font-variant-numeric:tabular-nums; }.indicator-row > span { height:7px;overflow:hidden;border-radius:999px;background:#e9e5ed; }.indicator-row > span > i { display:block;height:100%;border-radius:inherit;background:var(--violet); }.indicator-row.fake > span > i { background:var(--red); }.indicator-row.real > span > i { background:var(--green); }
.segment-handoff { margin-top:11px;padding:11px;border-left:3px solid var(--violet);border-radius:2px 9px 9px 2px;background:#faf9fc; }.segment-handoff > strong { display:block;font-size:9px; }.segment-handoff > p { margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.45; }.segment-handoff > div { display:flex;flex-wrap:wrap;gap:6px;margin-top:8px; }.segment-handoff > div span { padding:5px 7px;border:1px solid #e3ddec;border-radius:7px;color:#5f526c;background:#fff;font-size:8px;font-variant-numeric:tabular-nums; }
.handoff-actions { display:flex;flex-wrap:wrap;gap:7px;margin-top:11px; }.handoff-actions button:disabled { cursor:not-allowed;opacity:.48; }.decision-disclaimer { margin:10px 0 0;color:#96919c;font-size:7px;line-height:1.45; }
.drop-overlay { position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#17131f88;backdrop-filter:blur(8px); }.drop-dialog { width:min(600px,100%);padding:28px;border:1px solid #ded8eb;border-radius:20px;background:#fff;box-shadow:0 24px 80px #22163338;text-align:center; }.drop-icon { width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:14px;color:var(--violet);background:var(--violet-pale);font-size:25px; }.drop-dialog h2 { margin:0;font-size:20px;letter-spacing:-.025em; }.drop-dialog > p { margin:8px auto 20px;max-width:470px;color:var(--muted);font-size:10px;line-height:1.55; }.drop-options { display:grid;grid-template-columns:1fr 1fr;gap:10px; }.drop-zone { display:grid;gap:5px;padding:24px 16px;border:2px dashed #d8d2e2;border-radius:13px;background:#fbfaff;transition:.15s; }.drop-zone strong { font-size:12px; }.drop-zone small { color:var(--muted);font-size:9px; }.drop-zone.over { border-color:var(--violet);background:var(--violet-pale);transform:scale(1.015); }.drop-cancel { display:block;margin-top:16px;color:#aaa4ae;font-size:8px; }

/* Readable product type scale for normal laptop viewing. */
.brand { font-size:21px; }.new-case { font-size:14px; }.history-label { font-size:12px; }
.history-item strong { font-size:13px; }.history-item small { font-size:10px; }
.runtime-card strong { font-size:12px; }.runtime-card small,.architecture-link { font-size:10px; }
.case-title strong { font-size:14px; }.case-title span,.status-button { font-size:11px; }
.welcome h1 { font-size:32px; }.welcome > p { font-size:15px; }
.starter-grid strong { font-size:13px; }.starter-grid small { font-size:11px;line-height:1.4; }
.message-body > strong { font-size:13px; }.message-body > p { font-size:15px; }
.plan-head strong,.plan-step strong { font-size:13px; }.plan-head span,.plan-step p,.clarification { font-size:11px; }
.plan-step em,.approve-row span { font-size:10px; }.primary-button { font-size:12px; }.running-card,.progress-detail { font-size:12px; }.progress-heading strong { font-size:14px; }.progress-heading b { font-size:13px; }
.composer textarea { font-size:15px; }.attach-menu strong { font-size:12px; }.attach-menu small { font-size:10px; }
#upload-state,.consent,.asset-guidance { font-size:10px; }.disclaimer { font-size:9px; }.error { font-size:11px; }
.asset-chip b { font-size:8px; }.asset-chip strong { font-size:12px; }.asset-chip small { font-size:10px; }
.result-heading h1 { font-size:29px;line-height:1.2; }.result-heading p,.quiet-button { font-size:11px; }.live-tag { font-size:10px; }
.audio-name strong { font-size:13px; }.audio-name small { font-size:10px; }
.summary-card h2 { font-size:13px; }.summary-card header span { font-size:9px; }.metric { font-size:32px; }.metric small { font-size:10px; }.summary-card > p { font-size:11px; }
.card-title h2 { font-size:14px; }.card-title p { font-size:11px; }.legend { font-size:9px; }
.timeline-label strong { font-size:11px; }.timeline-label small { font-size:9px; }.segments i:hover::after { font-size:9px; }
.technical-card summary { font-size:14px; }.provenance-intro { font-size:12px; }.audio-journey article strong,.privacy-assurance strong,.indicator-row strong,.segment-handoff > strong { font-size:12px; }.audio-journey article small,.privacy-assurance span,.indicator-row small,.segment-handoff > p,.segment-handoff > div span { font-size:10px; }.decision-kicker { font-size:9px; }.review-decision h3 { font-size:16px; }.threshold-chip,.decision-copy { font-size:11px; }.indicator-row > b { font-size:15px; }.decision-disclaimer { font-size:9px; }
.drop-dialog h2 { font-size:24px; }.drop-dialog > p { font-size:13px; }.drop-zone strong { font-size:15px; }.drop-zone small { font-size:12px; }.drop-cancel { font-size:10px; }
@media (max-width:760px) { .app-shell { display:block; }.sidebar { transform:translateX(-100%);transition:.2s;box-shadow:10px 0 30px #20172e18; }.sidebar.open { transform:translateX(0); }.app-shell main { grid-column:auto; }.icon-button { display:block; }.status-button { display:none; }.topbar { padding:0 14px; }.welcome,.conversation,.result-view { width:calc(100% - 24px); }.welcome h1 { font-size:23px; }.starter-grid,.drop-options { grid-template-columns:1fr; }.composer-wrap { width:calc(100% - 12px); }.audio-card { grid-template-columns:1fr; }.image-evidence { grid-template-columns:1fr; }.timeline-row { grid-template-columns:90px minmax(0,1fr); }.card-title { display:block; }.legend { margin-top:8px; }.audio-journey { display:grid;grid-template-columns:1fr;overflow:visible; }.audio-journey > i { display:none; }.review-decision > header { display:grid; }.threshold-chip { width:max-content; }.indicator-row { grid-template-columns:minmax(0,1fr) 44px; }.indicator-row > span { grid-column:1 / -1; }.handoff-actions { display:grid; }.handoff-actions button { width:100%; } }

.image-vlm-panel{padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff}.vlm-rationale{display:grid;gap:12px}.vlm-rationale>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #e8e3ef}.vlm-rationale>header h3{margin:0 0 4px}.vlm-rationale>header p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.vlm-rationale>header span{flex:none;padding:5px 8px;border-radius:999px;background:#f0ebff;color:#6747c7;font-size:10px;font-weight:700}.rationale-group h4{margin:0 0 6px;font-size:12px}.rationale-group ul{margin:0;padding-left:20px}.rationale-group li{margin:4px 0;line-height:1.5}

.batch-workspace{width:min(1120px,calc(100% - 42px));margin:28px auto 80px;display:grid;gap:16px}.batch-workspace>header,.batch-plan>header,.batch-import-card,.batch-items-card>header{display:flex;justify-content:space-between;gap:18px;align-items:center}.batch-workspace>header span{color:var(--violet);font-size:9px;font-weight:800;letter-spacing:.12em}.batch-workspace h1{margin:4px 0;font-size:26px}.batch-workspace h2{margin:0 0 5px;font-size:15px}.batch-workspace p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.batch-library-card,.batch-import-card,.batch-plan,.batch-items-card,.batch-rejections{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.batch-library-card{padding:14px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#fbf9ff,#f4f0ff)}.batch-library-card>header{display:flex;justify-content:space-between;align-items:center}.batch-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;margin-top:11px}.batch-library-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e4dcef;border-radius:10px;background:#fff}.batch-library-item.active{border-color:var(--violet);box-shadow:0 0 0 2px rgba(109,70,219,.1)}.batch-library-open{min-width:0;flex:1;padding:2px;border:0;background:transparent;text-align:left;cursor:pointer}.batch-library-open strong,.batch-library-open span,.batch-library-open small{display:block}.batch-library-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.batch-library-open span{width:max-content;margin:4px 0;padding:3px 6px;border-radius:10px;background:var(--violet-pale);color:var(--violet);font-size:7px;font-weight:800;text-transform:uppercase}.batch-library-open small{color:var(--muted);font-size:8px;line-height:1.4}.batch-library-actions .quiet-button{padding:6px 8px;font-size:7px;white-space:nowrap}.batch-upload-progress{grid-column:1/-1}.batch-upload-progress>div{display:flex;justify-content:space-between;font-size:9px}.batch-upload-progress>i{display:block;height:6px;margin-top:7px;border-radius:9px;background:#eeeaf3;overflow:hidden}.batch-upload-progress em{display:block;height:100%;background:var(--violet);transition:.15s}.batch-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.batch-checks label{display:flex;gap:8px;padding:10px;border:1px solid #e6e1ec;border-radius:9px;background:#faf9fc}.batch-checks input{accent-color:var(--violet)}.batch-checks b,.batch-checks small{display:block}.batch-checks b{font-size:10px}.batch-checks small{margin-top:3px;color:var(--muted);font-size:8px}.batch-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.batch-summary article{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:center}.batch-summary b,.batch-summary span{display:block}.batch-summary b{font-size:18px}.batch-summary span{text-transform:capitalize;color:var(--muted);font-size:8px}.batch-items{display:grid;gap:6px;margin-top:12px}.batch-item{display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #ece8f0;border-radius:9px;background:#fff;text-align:left}.batch-item:hover{border-color:#cfc3e8}.batch-item strong,.batch-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-item strong{font-size:10px}.batch-item small{margin-top:2px;color:var(--muted);font-size:8px}.batch-kind{padding:4px 6px;border-radius:6px;background:var(--violet-pale);color:var(--violet);font-size:8px;text-transform:uppercase}.batch-item>b{font-size:8px;color:#5d946f}.batch-rejections summary{cursor:pointer;font-size:11px;font-weight:700}.batch-rejections p{padding:7px 0;border-bottom:1px solid #eee9f1;color:#8a4650}.batch-rejections .quiet-button{margin-top:10px}@media(max-width:760px){.batch-checks{grid-template-columns:1fr}.batch-summary{grid-template-columns:repeat(3,1fr)}.batch-workspace>header,.batch-plan>header,.batch-import-card{align-items:stretch;flex-direction:column}.batch-item{grid-template-columns:48px minmax(0,1fr)}}

.brand-lockup { display:grid;gap:2px; }
.brand-lockup > p { margin:-2px 8px 0;color:#817989;font-size:7px;line-height:1.45; }
.brand-lockup > p span { color:#625771;font-weight:750;letter-spacing:.025em; }
.history-sort-label { display:grid;gap:4px;margin:0 4px 7px;color:#8a8491;font-size:8px; }
.history-sort-label select { width:100%;border:1px solid #ded9e7;border-radius:7px;padding:6px 7px;color:#514a5b;background:#fff;font-size:9px;outline:none; }
.history-sort-label select:focus { border-color:#8a73df;box-shadow:0 0 0 2px #7257d91a; }
.history-item .history-facts { display:block;color:#5f5769;font-weight:650;line-height:1.35; }
.history-item .history-reference { align-items:center;gap:3px 5px; }
.history-item .history-reference b { border-radius:999px;padding:1px 4px;color:#77581c;background:#fff2cf;font-size:6px; }
.history-item .history-reference span::before { content:"· "; }
.case-lead-summary { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px;padding:13px 15px;border:1px solid #ddd5f3;border-radius:12px;background:linear-gradient(120deg,#faf8ff,#f2edff 58%,#eef7ff); }
.case-lead-summary > div { display:grid;gap:3px; }
.case-lead-summary > div:last-child { justify-items:end;text-align:right; }
.case-lead-summary span { color:#6f55d9;font-size:7px;font-weight:800;letter-spacing:.12em; }
.case-lead-summary strong { font-size:16px; }
.case-lead-summary small { color:#756e7c;font-size:8px; }
.priority-badge { border-radius:999px;padding:4px 7px;color:#6c5940;background:#fff1d2;font-size:7px; }
.priority-badge.high { color:#914343;background:#ffe6e4; }
.priority-badge.low { color:#397158;background:#e7f6ee; }
@media (max-width:760px) { .case-lead-summary { align-items:start;flex-direction:column; }.case-lead-summary > div:last-child { justify-items:start;text-align:left; } }

.login-cover{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);background:radial-gradient(circle at 18% 20%,#a77cff55,transparent 30%),radial-gradient(circle at 75% 80%,#4f8fff33,transparent 28%),linear-gradient(135deg,#21133d,#5c34b7 52%,#765ae5);color:#fff}.login-story{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vw,120px)}.login-story>img{width:62px}.login-story>span{margin-top:18px;font-size:11px;font-weight:850;letter-spacing:.18em}.login-story h1{max-width:720px;margin:18px 0;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em}.login-story>p{max-width:680px;color:#eee7ff;font-size:18px;line-height:1.55}.login-story>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.login-story b{padding:8px 11px;border:1px solid #ffffff40;border-radius:999px;background:#ffffff12;font-size:11px}.login-card{align-self:center;margin:30px;width:min(440px,calc(100% - 50px));padding:34px;border:1px solid #ffffff80;border-radius:22px;background:#fffffff2;color:#211b2d;box-shadow:0 35px 100px #17092755;backdrop-filter:blur(18px)}.login-card>span{color:var(--violet);font-size:9px;font-weight:850;letter-spacing:.15em}.login-card h2{margin:7px 0;font-size:29px}.login-card>p{color:var(--muted);font-size:12px;line-height:1.5}.login-card label{display:grid;gap:5px;margin:15px 0;color:#514b58;font-size:11px;font-weight:700}.login-card input{width:100%;padding:12px;border:1px solid #dcd6e4;border-radius:9px;background:#fff;outline:none}.login-card input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6f55d918}.login-card button{width:100%;margin-top:7px;padding:12px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#7652e8,#5431c0);font-weight:800}.login-card small{display:block;margin-top:13px;color:#8d8694;font-size:9px;line-height:1.5}.login-error{padding:8px!important;border-radius:7px;color:#a13943!important;background:#fff0f0}.logout-button{border:0;width:calc(100% - 16px);text-align:left}.login-cover[hidden]{display:none!important}@media(max-width:850px){.login-cover{grid-template-columns:1fr;overflow:auto}.login-story{padding:38px 25px 12px}.login-story h1{font-size:38px}.login-story>p{font-size:14px}.login-card{margin:20px auto 35px}}