:root{--primary: #0E3A53;--accent: #2A9D8F;--text: #1A1A1A;--muted: #6B7280;--line: #E5E7EB;--zebra: #F6F8F9;--danger: #B91C1C;--ok: #15803D;--bg: #F2F5F7;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}.app{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;background:var(--primary);color:#fff;padding:14px 18px calc(14px + env(safe-area-inset-top));display:flex;align-items:baseline;justify-content:space-between}.topbar-brand{font-weight:700;font-size:18px;display:flex;align-items:center;gap:7px}.bolt{color:#ffd66b}.topbar-sub{font-size:12px;opacity:.8}.screen{flex:1;padding:14px 14px 120px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card h2{font-size:13px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}label.field{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input[type=text],input[type=email],input[type=tel],textarea,select{width:100%;font-size:16px;color:var(--text);padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}textarea{min-height:70px;resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat}.row{display:flex;gap:10px}.row>*{flex:1}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;color:var(--text);padding:9px 13px;border-radius:999px;font-size:14px;cursor:pointer}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.stepper{display:flex;align-items:center;gap:0}.stepper button{width:42px;height:42px;font-size:20px;border:1px solid var(--line);background:#fff;cursor:pointer}.stepper button:first-child{border-radius:10px 0 0 10px}.stepper button:last-child{border-radius:0 10px 10px 0}.stepper input{width:64px;text-align:center;border-radius:0;border-left:0;border-right:0}.mat-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.mat-row:last-child{border-bottom:0}.mat-name{font-size:14px}.mat-sub{font-size:12px;color:var(--muted)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.toggle-row .lbl{font-size:15px}.switch{position:relative;width:50px;height:30px;flex:none}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:999px;transition:.15s;cursor:pointer}.slider:before{content:"";position:absolute;height:24px;width:24px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(20px)}.media-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-secondary{border:1px solid var(--line);background:#fff;color:var(--text);padding:11px 14px;border-radius:10px;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-secondary.recording{border-color:var(--danger);color:var(--danger)}.thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.thumb{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:0;background:#0009;color:#fff;font-size:12px;line-height:1;cursor:pointer}.voice-pill{font-size:13px;color:var(--ok);margin-top:8px}.actionbar{position:fixed;bottom:0;left:0;right:0;z-index:6;background:#fff;border-top:1px solid var(--line);padding:12px 14px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.app .actionbar{max-width:560px;margin:0 auto}.total-preview{flex:1}.total-preview .amt{font-size:22px;font-weight:700;color:var(--primary)}.total-preview .cap{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.badge-needs{display:inline-block;font-size:11px;color:var(--danger);font-weight:700;margin-left:6px}.btn-primary{background:var(--primary);color:#fff;border:0;padding:14px 22px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.5}.draft-head{display:flex;justify-content:space-between;align-items:flex-start}.draft-title{font-size:20px;font-weight:700;color:var(--primary)}.draft-cust{font-size:14px;color:var(--text);margin-top:2px}.draft-cust span{color:var(--muted)}.attach{font-size:13px;color:var(--muted);margin:8px 0 0}table.lines{width:100%;border-collapse:collapse;margin-top:6px}table.lines th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#fff;background:var(--primary);padding:8px}table.lines th.num,table.lines td.num{text-align:right}table.lines td{font-size:13px;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}table.lines tr:nth-child(2n) td{background:var(--zebra)}.needs{color:var(--danger);font-weight:700}.totals{margin-top:10px}.totals .t-row{display:flex;justify-content:space-between;padding:3px 0;font-size:14px;color:var(--muted)}.totals .t-row .v{color:var(--text)}.totals .grand{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:2px solid var(--primary)}.totals .grand .l,.totals .grand .v{font-weight:700;color:var(--primary);font-size:17px}.callout{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.4}.callout.warn{background:#fef2f2;color:var(--danger);border:1px solid #FECACA}.callout.info{background:#eff6ff;color:#1e3a8a;border:1px solid #BFDBFE}.foot{text-align:center;font-size:11px;color:var(--muted);padding:10px}.status-banner{font-size:13px;padding:8px 12px;border-radius:10px;margin-bottom:12px;font-weight:600}.status-needs_review{background:#fef9c3;color:#854d0e}.status-draft{background:#e0e7ff;color:#3730a3}.status-approved{background:#dcfce7;color:#166534}.eline{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}.eline-desc{margin-bottom:8px}.eline-grid{display:grid;grid-template-columns:.8fr .8fr 1.2fr;gap:8px}.eline-grid label{font-size:11px;color:var(--muted);display:block}.eline-grid input{font-size:15px;padding:8px;margin-top:3px}.eline-total{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:13px}.eline-actions{display:flex;gap:6px}.eline-actions button{width:34px;height:32px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;font-size:14px}.addline{width:100%;border:1px dashed var(--line);background:#fff;color:var(--primary);padding:11px;border-radius:10px;cursor:pointer;font-size:14px}.pdf-panel{margin-top:14px}.pdf-frame{width:100%;height:560px;border:1px solid var(--line);border-radius:10px;background:#fff}.pdf-loading{padding:24px;text-align:center;color:var(--muted);border:1px solid var(--line);border-radius:10px}