:root{--brand:#0096E1;--brand-dark:#0077B5;--brand-deep:#00568A;--brand-deepest:#003A5D;--brand-pale:#E8F6FE;--navy:#00568A;--navy-dark:#003A5D;--teal:#0096E1;--teal-pale:#E8F6FE;--ink:#101820;--muted:#5B6B76;--line:#DBE4EA;--bg:#F5F8FA;--white:#fff;--red:#b23a48;--red-pale:#fbeeed;--amber:#b26a00;--amber-pale:#fbf1e0;--green:#2e7d5b;--green-pale:#e6f3ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Segoe UI',sans-serif}.app{max-width:1600px;margin:auto;padding:0 20px 80px}.header{background:var(--navy);color:#fff;padding:16px 24px;border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:baseline;gap:10px}.brand strong{font-size:18px}.brand span{font-size:12px;color:#b9d0dc}.reset{font-size:12px;background:#ffffff24;padding:6px 12px;border-radius:20px;border:0;color:#fff;cursor:pointer}.userbar{display:flex;align-items:center;gap:14px;background:var(--teal-pale);padding:9px 13px;margin:14px 0;font-size:12px;color:var(--navy)}.userbar label{font-weight:700;display:flex;align-items:center;gap:8px}.userbar select{border:1px solid var(--line);border-radius:6px;padding:5px;background:#fff}.stepper{display:flex;background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:16px}.step{flex:1;border:0;border-right:1px solid var(--line);background:#fff;padding:12px 6px;color:var(--muted);font-size:12px;cursor:pointer}.step:last-child{border:0}.step span{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--line);margin-right:5px;font-weight:700}.step.active{background:var(--teal-pale);color:var(--navy);font-weight:700}.step.active span{background:var(--teal);color:#fff}.step.done span{background:var(--green);color:#fff}.banner{display:none;padding:10px 14px;border-radius:8px;margin:10px 0;font-weight:600}.banner.success{display:block;background:var(--green-pale);border:1px solid #bee0cc;color:var(--green)}.banner.error{display:block;background:#fbeeed;border:1px solid #ebc6cb;color:var(--red)}.panel{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;min-height:515px}.panel.active{display:block;animation:show .22s ease}@keyframes show{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:20px}.kicker{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:1.3px}.panel h1{font-size:20px;color:var(--navy);margin:4px 0}.panel-head p{color:var(--muted);font-size:12.5px;margin:0}.state,.draft{font-size:10px;font-weight:800;padding:4px 8px;border-radius:20px;background:#edf1f4;color:var(--muted);white-space:nowrap}.state.saved,.draft{background:var(--green-pale);color:var(--green)}.state.approved{background:var(--green-pale);color:var(--green)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.grid label,.existing label,.upload-box>label{display:block;color:var(--muted);font-size:11.5px;font-weight:700}.grid em{color:var(--red);font-style:normal}.grid input,.grid select,.existing select,.upload-box select{border:1px solid var(--line);border-radius:6px;padding:9px 10px;background:#fff;color:var(--ink);font:13px inherit}.grid input:focus,.grid select:focus,.upload-box select:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px var(--brand)18}.grid small{color:var(--red);min-height:15px;font-weight:600}.hidden{display:none!important}.existing{margin-top:16px;max-width:48%}.callout{border-left:3px solid var(--teal);background:var(--teal-pale);padding:10px 13px;border-radius:0 7px 7px 0;font-size:12px;color:var(--navy-dark);margin:20px 0}.callout.green{border-color:var(--green);background:var(--green-pale);color:var(--green)}.actions{display:flex;justify-content:flex-end;margin-top:22px}.button{border:0;border-radius:7px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer}.button.primary{background:var(--navy);color:#fff}.button.primary:hover{background:var(--navy-dark)}.button.secondary{background:#fff;color:var(--navy);border:1px solid var(--navy)}.button.ghost{background:transparent;border:1px solid var(--line);color:var(--navy)}.button.full{width:100%}.capture-grid{display:grid;grid-template-columns:330px 1fr;gap:18px}.upload-box{background:var(--bg);border:1px dashed #a9c7c8;border-radius:8px;padding:18px;display:grid;gap:13px;align-content:start}.upload-box input[type=file]{display:none}.upload-box h2,.result-box h2{font-size:16px;color:var(--navy);margin:0}.upload-box p{font-size:11px;color:var(--muted);margin:0}.upload-icon{width:34px;height:34px;border-radius:50%;background:var(--teal-pale);color:var(--teal);display:grid;place-items:center;font-size:20px}.upload-box strong{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.result-box{border:1px solid var(--line);border-radius:8px;padding:18px;min-height:370px}.result-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:8px}.empty{text-align:center;color:var(--muted);padding:70px 20px;font-size:12px}.clause{padding:12px 0;border-bottom:1px solid var(--line)}.clause:last-child{border:0}.clause h3{font-size:13px;color:var(--navy);margin:7px 0 3px}.clause p{font-size:12px;color:var(--muted);margin:0}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span,.tags b{font-size:10px;padding:3px 7px;border-radius:5px;background:var(--teal-pale);color:var(--teal);font-weight:800}.tags b{background:var(--amber-pale);color:var(--amber)}.manual-row{display:flex;justify-content:flex-end;gap:12px;align-items:center;color:var(--muted);font-size:12px;margin-top:18px}.review-summary{display:flex;gap:10px;margin-bottom:18px}.review-summary>div{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:12px 18px;min-width:145px}.review-summary strong{display:block;font-size:23px;color:var(--navy)}.review-summary span{font-size:11px;color:var(--muted)}.review-row{border-top:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;gap:18px}.review-row h3{font-size:13px;margin:8px 0 3px;color:var(--navy)}.review-row p{color:var(--muted);font-size:12px;margin:0}.review-actions{display:flex;gap:6px;align-items:center}.small{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:700;cursor:pointer}.small.accept{color:var(--green);border-color:#a9d5bc}.small.edit{color:var(--navy)}.small.remove{color:var(--red);border-color:#e7bfc3}.version-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.version-number{width:43px;height:43px;border-radius:8px;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800}.version-card h3{margin:0;color:var(--navy);font-size:15px}.version-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.version-card .state{margin-left:auto}.audit-title{color:var(--navy);font-size:14px;margin:22px 0 8px}.audit-list{background:var(--navy-dark);border-radius:8px;padding:10px 14px}.audit-list div{display:flex;gap:12px;border-bottom:1px solid #ffffff18;padding:7px 0;color:#d4e1e4;font-size:11px}.audit-list div:last-child{border:0}.audit-list time{color:#82afbd;min-width:145px}.audit-list b{color:#fff}.flow-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:var(--muted);font-size:12px}.flow-actions .button.primary{background:var(--teal)}.flow-actions button:disabled{opacity:.4;cursor:not-allowed}
+@media(max-width:700px){.app{padding:0 10px 50px}.header{padding:14px}.brand{display:block}.brand span{display:block}.userbar{display:block}.userbar span{display:block;margin-top:6px}.step{font-size:10px;padding:9px 2px}.step span{display:block;margin:0 auto 3px}.panel{padding:17px}.grid,.capture-grid{grid-template-columns:1fr}.existing{max-width:none}.review-row{display:block}.review-actions{margin-top:12px}.review-summary{overflow:auto}.review-summary>div{min-width:120px;padding:10px}.audit-list{overflow:auto}.audit-list div{min-width:450px}}


/* What needs you — the worklist above the alert ladder. */
.worklist { margin: 14px 0 18px; border: 1px solid var(--line, #dfe3e8); border-radius: 8px; background: #fff; }
.worklist-head { display: flex; align-items: baseline; gap: 12px; padding: 12px 14px 8px; }
.worklist-head h2 { margin: 0; font-size: 15px; }
.worklist-none { margin: 0; padding: 0 14px 14px; color: #5a6672; }
.worklist-rows { display: flex; flex-direction: column; }
.worklist-row { display: grid; grid-template-columns: 74px 1fr auto; gap: 12px; align-items: baseline;
  padding: 9px 14px; border-top: 1px solid var(--line, #eceff2); }
.worklist-count { font-variant-numeric: tabular-nums; font-weight: 600; font-size: 17px; text-align: right; }
.worklist-row.pressing .worklist-count { color: #b3261e; }
.worklist-says { line-height: 1.4; }
.worklist-where { color: #6b7681; font-size: 12px; white-space: nowrap; }
@media (max-width: 720px) {
  .worklist-row { grid-template-columns: 60px 1fr; }
  .worklist-where { grid-column: 2; white-space: normal; }
}