/* Live funnel, customer area and staff workspace. Builds on site.css + page-system.css (selected DataFlow skin). */
.app-top-nav{display:flex;gap:18px;align-items:center;font-size:14px}.app-top-nav a,.app-top-nav button{color:inherit;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:10px 0;min-height:44px}
.app-top-nav a:hover,.app-top-nav button:hover{text-decoration:underline}
.error-box{padding:16px 18px;border-radius:10px;background:#fdecec;color:#7a1d1d;border:1px solid #f2b8b8;margin:0 0 18px}.error-box p{color:#7a1d1d!important;margin:6px 0 0}.error-box ul{margin:8px 0 0 18px}
.ok-box{padding:16px 18px;border-radius:10px;background:#e8f6ef;color:#1f5a44;border:1px solid #b8e2cd;margin:0 0 18px}.ok-box p{color:#1f5a44!important;margin:6px 0 0}
.verdicts{list-style:none;margin:14px 0;padding:0}.verdicts li{padding:12px 14px;border:1px solid #dce4ec;border-radius:8px;margin-bottom:8px;background:#fff;color:#1d2b3d;overflow-wrap:anywhere}.verdicts li.bad{border-color:#f2b8b8;background:#fff6f6}.verdicts .tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;margin-right:8px;background:#e8f6ef;color:#1f5a44}.verdicts li.bad .tag{background:#fdecec;color:#7a1d1d}.verdicts small{display:block;color:#5c6b7b;margin-top:4px}
.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.suggestions button{border:1px solid #9cafbd;background:#f7fafb;color:#24455b;border-radius:18px;padding:8px 12px;font-size:13px;cursor:pointer;min-height:36px;max-width:100%;overflow-wrap:anywhere;text-align:left}.suggestions button:hover{background:#eef4f8}
.radio-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #cfd9e3;border-radius:10px;margin:0 0 10px;background:#fff;color:#1d2b3d;cursor:pointer}.radio-card input{margin-top:4px;width:20px;height:20px;flex-shrink:0}.radio-card small{display:block;color:#5c6b7b;margin-top:3px}
.busy{opacity:.65;pointer-events:none}.spinner-note{font-size:13px;color:#5c6b7b}
.url{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
.order-list{list-style:none;margin:0;padding:0}.order-list li{padding:16px 0;border-bottom:1px solid #e2e8ee;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between}.order-list strong{display:block}
.stage-now{padding:14px 16px;border-radius:10px;background:#eef6f3;color:#1f5a44;font-weight:600;margin:0 0 14px}
.state-list li.done:before{background:#00a67d;color:#fff;content:'✓'}.state-list li.now:before{background:#5b4c9d;color:#fff}
.question-card{padding:16px;border:1px solid #dce4ec;border-radius:10px;margin:0 0 14px}.question-card textarea{width:100%;min-height:80px;padding:10px;border:1px solid #aebdcc;border-radius:6px;font:inherit;font-size:16px}
.thread{border-left:3px solid #dce4ec;padding-left:14px;margin:12px 0}.thread p{white-space:pre-wrap}.thread .who{font-size:12px;font-weight:700;color:#5c6b7b}
/* Report */
.report-ticket .ticket-head{display:flex;gap:14px;align-items:center}.report-ticket .ticket-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#5b4c9d;color:#fff;font-weight:800;flex-shrink:0}
.evidence-list{list-style:none;margin:6px 0 0;padding:0}.evidence-list li{padding:8px 10px;background:#f4f7fa;border-radius:6px;margin-bottom:6px;overflow-wrap:anywhere;font-size:13px}.evidence-list small{display:block;color:#617285}
.evidence-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}
.draft-wording{background:#f6f3ff;border-left:4px solid #5b4c9d;padding:10px 12px;border-radius:4px}
h2.on-canvas{color:#fff;margin:28px 0 14px}
/* Admin */
.admin-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.admin-queue{max-height:80vh;overflow:auto}
.admin-queue button{display:block;width:100%;text-align:left;border:1px solid #dce4ec;background:#fff;border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;color:#1d2b3d;font:inherit;font-size:13px}.admin-queue button[aria-current=true]{border-color:#5b4c9d;box-shadow:0 0 0 2px #5b4c9d33}.admin-queue .overdue{color:#a11d1d;font-weight:700}
.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.admin-tabs button{border:1px solid #9cafbd;background:#f7fafb;color:#24455b;border-radius:6px;padding:8px 12px;cursor:pointer;font:inherit;font-size:13px}.admin-tabs button[aria-pressed=true]{background:#5b4c9d;color:#fff;border-color:#5b4c9d}
.kv{display:grid;grid-template-columns:180px minmax(0,1fr);gap:6px 14px;font-size:13px}.kv dt{font-weight:700;margin:0}.kv dd{margin:0;overflow-wrap:anywhere}
.mini-table{width:100%;border-collapse:collapse;font-size:12.5px}.mini-table th,.mini-table td{border-bottom:1px solid #e2e8ee;padding:6px 8px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.editor-ticket{border:1px solid #cfd9e3;border-radius:10px;padding:14px;margin:0 0 14px;background:#fbfcfd}.editor-ticket label{display:block;font-size:12px;font-weight:700;margin:10px 0 4px}.editor-ticket textarea,.editor-ticket input,.admin-main textarea,.admin-main input[type=text],.admin-main input[type=email],.admin-main input[type=number],.admin-main select{width:100%;padding:8px;border:1px solid #aebdcc;border-radius:5px;font:inherit;font-size:14px;background:#fff;color:#1d2b3d}
.flag{display:inline-block;background:#fff4dd;color:#6b4d00;border-radius:4px;padding:2px 7px;font-size:11px;margin:2px 4px 2px 0}
.pill-ok{background:#e8f6ef;color:#1f5a44;border-radius:4px;padding:2px 7px;font-size:11px}
.admin-main .screen-card{padding:22px}
@media(max-width:950px){.admin-grid{grid-template-columns:1fr}.admin-queue{max-height:none}.kv{grid-template-columns:1fr}}
@media print{.no-print,.site-header,.site-footer,.screen-nav,.trust-links,.app-top-nav{display:none!important}body{background:#fff!important}.page-hero h1,.page-hero .capsule,h2.on-canvas{color:#000!important}.report-ticket{break-inside:avoid}.table-scroll{overflow:visible!important}}
.screen-card dd{white-space:pre-line}
/* REQ-MOB-01: staff workspace menu wraps on phones instead of overflowing (28 Sep 2026). */
.app-top-nav{flex-wrap:wrap;gap:4px 16px;min-width:0}.site-header:has(.app-top-nav) .header-row{flex-wrap:wrap;height:auto;min-height:76px}