:root{--navy:#122b34;--navy-light:#24414b;--orange:#f1774b;--orange-light:#fff0e9;--ink:#20343b;--muted:#5a6e75;--border:#dfe6e7;--bg:#f3f6f7;--green:#2e7461;--red:#b34835;--blue:#37688c;--radius:14px;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #df743f;outline-offset:3px}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}.skip{position:fixed;left:10px;top:-60px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:30px 19px 18px;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:23px;font-weight:700;line-height:1.15;letter-spacing:-.6px;padding:0 10px}.brand-mark{display:inline-flex;background:var(--orange);color:var(--navy);height:40px;width:40px;align-items:center;justify-content:center;font-size:30px;font-weight:800;border-radius:10px;position:relative}.brand-mark span{position:absolute;font-size:14px;right:3px;bottom:1px}.brand-sub{display:block;font-size:11px;letter-spacing:4px;line-height:1.8;color:#b7c8ce;font-weight:500}.workspace{margin:34px 0 31px;padding:13px 9px;display:flex;gap:10px;align-items:center;border-top:1px solid #395159;border-bottom:1px solid #395159}.workspace-avatar,.avatar{display:grid;place-items:center;border-radius:10px;font-size:13px;font-weight:700;background:#e8edef;color:#415760;width:37px;height:37px;flex-shrink:0}.workspace-avatar{background:#304954;color:#e4eef0}.workspace strong{font-size:14px;font-weight:500}.workspace div>span{display:block;font-size:12px;color:#a7bcc4}.demo-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;margin-left:auto}.nav-label,.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px}.nav-label{padding:0 14px;margin-bottom:13px;color:#90a8b2}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;text-decoration:none;font-size:15px;color:#b6c7ce;min-height:47px}.nav-item:hover{background:#223f48}.nav-item.active{background:#2a4650;color:white;box-shadow:inset 3px 0 var(--orange)}.nav-item .count{margin-left:auto;min-width:23px;padding:1px 6px;background:#fc906a;color:#17323b;border-radius:5px;font-size:12px;font-weight:700;text-align:center}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:25px}.demo-box{border:1px solid #3b525b;border-radius:10px;padding:17px 14px}.demo-box .eyebrow{color:#efa380;font-size:10px}.demo-box p{font-size:14px;margin:8px 0}.demo-box>span:last-of-type{font-size:12px;line-height:1.6;color:#a7bec7;display:block}.reset-btn{border:0;background:transparent;color:#d8e6eb;font-size:12px;padding:14px 0 0;text-decoration:underline;text-underline-offset:3px}.powered{font-size:11px;text-align:center;color:#8ca6b0;margin-top:22px}.powered strong{color:#c5d7dd;font-weight:500}.app-shell{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb>span{margin:0 13px;color:#b9c2c5}.breadcrumb strong{color:var(--ink);font-weight:500}.demo-pill{border:1px solid #e7cbbd;color:#995438;background:#fffbf7;border-radius:5px;font-size:12px;font-weight:600;padding:5px 10px}.demo-notice{display:flex;align-items:center;gap:10px;padding:11px 40px;background:#eef3f4;border-bottom:1px solid var(--border);font-size:12px;color:#536b75}.demo-notice strong{font-weight:600;color:#46606a}.notice-icon{border:1px solid #93a7af;border-radius:50%;width:15px;height:15px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.demo-notice button{margin-left:auto;color:#45606b;background:transparent;border:0;font-size:12px;white-space:nowrap}.demo-notice button span{margin-left:7px}main{padding:33px 40px 22px;max-width:1680px;width:100%;margin:0 auto;flex:1}h1{font-size:30px;letter-spacing:-1px;line-height:1.25;margin:0;font-weight:650}h2{font-size:18px;letter-spacing:-.3px;font-weight:650;margin:0}h3{font-size:16px;margin:0}p{margin:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{margin-top:7px;color:var(--muted);font-size:14px}.page-heading .eyebrow{font-size:11px;color:#72868c;margin-bottom:9px}.btn{border:1px solid var(--border);background:#fff;display:inline-flex;gap:8px;align-items:center;justify-content:center;color:var(--ink);padding:11px 17px;border-radius:8px;font-size:14px;font-weight:600;min-height:43px;text-decoration:none;line-height:1.3}.btn:hover{background:#f0f4f5}.btn.primary{background:var(--navy);border-color:var(--navy);color:white}.btn.primary:hover{background:#31515c}.btn.accent{background:var(--orange);border-color:var(--orange);color:#182e36}.btn.accent:hover{background:#ff925f}.btn.small{padding:8px 12px;min-height:35px;font-size:13px}.btn.danger{color:var(--red);border-color:#e9beb4}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn .icon{width:17px;height:17px}.actions{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.metric{border:1px solid var(--border);background:#fff;padding:21px 22px;border-radius:var(--radius);position:relative}.metric-label{font-size:13px;color:#647981;display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-label .icon{color:#869a9f;width:18px;height:18px}.metric-value{font-size:31px;font-weight:650;letter-spacing:-1px;line-height:1.3;margin:14px 0 8px;font-variant-numeric:tabular-nums}.metric-note{font-size:12px;color:var(--muted)}.metric-note.orange{color:#ac654a}.metric.featured{background:var(--navy);color:white;border-color:var(--navy)}.metric.featured .metric-label,.metric.featured .metric-label .icon{color:#bbced4}.metric.featured .metric-note{color:#e5bca4}.overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-head{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--border)}.panel-head p{font-size:12px;margin-top:3px;color:var(--muted)}.panel-head .text-button{white-space:nowrap}.text-button{background:transparent;border:0;color:#4c6a76;font-size:13px;font-weight:600;padding:4px}.panel-head .heading-line{display:flex;align-items:center;gap:10px}.number-pill{font-size:11px;font-weight:600;border:1px solid #efd1bd;color:#a7613f;padding:2px 7px;border-radius:5px;background:#fff5ef}.reminder-row{display:grid;grid-template-columns:36px 1fr auto;gap:13px;padding:21px 23px;border-bottom:1px solid #eaf0f1;align-items:start}.reminder-row:last-child{border:0}.mini-avatar{width:36px;height:36px;border-radius:10px;background:#e9f0f2;display:grid;place-items:center;font-size:12px;font-weight:600;color:#526d78}.mini-avatar.peach{background:#fff0e7;color:#9b6949}.reminder-row h3{font-size:14px;line-height:1.4}.reminder-row p{font-size:12px;color:var(--muted);margin:4px 0 8px}.reminder-row .status{font-size:11px}.reminder-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.due-date{font-size:12px;text-align:right;color:var(--red);margin-bottom:10px}.status{border-radius:5px;display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:500;padding:3px 8px;line-height:1.5}.status.draft{background:#edf1f3;color:#536a75}.status.sent,.status.viewed{background:#eaf1fa;color:#456c96}.status.accepted,.status.paid,.status.connected{background:#e9f4ee;color:#31705b}.status.declined,.status.overdue{background:#fff0e9;color:#a65035}.status.upcoming{background:#f1eef8;color:#796890}.right-column{display:grid;gap:22px}.pipeline{padding:22px}.pipeline h2{margin-bottom:6px}.muted{color:var(--muted);font-size:13px}.pipeline-total{font-size:28px;font-weight:600;letter-spacing:-1px;margin:21px 0 14px}.stacked-bar{height:10px;display:flex;gap:4px;border-radius:4px;overflow:hidden;margin-bottom:21px}.stacked-bar span{display:block;min-width:4px}.pipeline-row{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:13px}.pipeline-row strong{margin-left:auto;font-size:13px;font-weight:600}.swatch{width:8px;height:8px;border-radius:2px}.accounting-preview{padding:22px;background:#e9eff1;border:1px solid #d4e0e3;border-radius:var(--radius)}.accounting-symbols{display:flex;align-items:center;gap:7px;margin-bottom:16px}.xero-symbol{display:grid;place-items:center;border-radius:50%;background:#1686ad;color:white;font-size:13px;width:34px;height:34px;font-weight:500}.myob-symbol{color:#83509b;font-weight:700;font-size:16px;letter-spacing:-1px}.accounting-preview p{font-size:13px;line-height:1.65;color:#58737e;margin:8px 0 16px}.recent{margin-top:24px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#7d8f95;font-weight:600;padding:13px 23px;background:#fbfcfc;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:17px 23px;border-bottom:1px solid #edf1f2;font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-weight:600;font-size:13px}td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row-link{border:0;background:transparent;text-align:left;padding:0;color:var(--ink)}.row-link:hover strong{text-decoration:underline}.doc-id{font-size:12px;color:#6c8088}.table-client{display:flex;gap:11px;align-items:center}.table-client .mini-avatar{width:33px;height:33px;border-radius:8px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.search{background:white;border:1px solid var(--border);border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:9px;min-width:260px;flex:1;max-width:410px}.search input{border:0;outline:none;padding:11px 0;width:100%;min-width:0;background:transparent;font-size:14px}.search .icon{color:#83979f;width:18px}.filter-select,input,select,textarea{border:1px solid #cbd7db;border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px;min-height:43px;font-size:14px}.filter-select{min-width:155px}.result-count{margin-left:auto;font-size:13px;color:var(--muted)}.empty{padding:50px 24px;text-align:center}.empty h3{margin-bottom:7px}.empty p{font-size:14px;color:var(--muted);margin-bottom:17px}.clients-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-card{padding:23px;background:white;border:1px solid var(--border);border-radius:var(--radius)}.client-top{display:flex;gap:13px;align-items:center;margin-bottom:20px}.client-top .mini-avatar{height:44px;width:44px;font-size:15px}.client-card h2{font-size:16px}.client-card p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.client-card .client-info{display:grid;gap:9px;margin-bottom:18px;font-size:13px}.client-info>div{display:flex;align-items:flex-start;gap:9px;overflow-wrap:anywhere}.client-info .icon{width:16px;height:16px;color:#84989f;margin-top:2px}.client-card .card-bottom{padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.follow-list .reminder-row{grid-template-columns:40px 1fr auto;padding:24px}.follow-list .reminder-row h3{font-size:16px}.follow-list .reminder-row p{font-size:14px}.follow-list .due-date{font-size:14px}.section-note{background:#eef3f5;border-radius:9px;padding:14px 17px;font-size:13px;color:#58717b;margin-bottom:22px;line-height:1.6}.accounting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;margin-bottom:25px}.integration-card{padding:29px}.integration-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.integration-logo{font-size:30px;font-weight:700;letter-spacing:-1.5px}.integration-logo.xero{background:#1686ad;color:white;width:73px;height:73px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:400}.integration-logo.myob{color:#855099;padding:16px 0}.integration-card h2{margin-bottom:6px}.integration-card>p{font-size:14px;color:var(--muted);line-height:1.7;min-height:48px}.integration-features{border-top:1px solid var(--border);margin:23px 0;padding-top:15px;font-size:13px;display:grid;gap:10px}.integration-features span{display:flex;gap:9px;align-items:center}.integration-features .icon{color:var(--green);width:16px}.integration-card .btn{width:100%}.app-footer{padding:18px 40px 23px;display:flex;justify-content:space-between;font-size:11px;color:#889bA2;gap:15px}dialog{border:0;padding:0;width:min(820px,calc(100% - 32px));max-height:90vh;border-radius:16px;box-shadow:0 30px 100px #06182038;color:var(--ink);background:white}dialog::backdrop{background:#102c3b80;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--border);position:sticky;top:0;background:white;z-index:2}.modal-head h2{font-size:22px}.modal-head p{font-size:12px;color:var(--muted);margin-top:4px}.icon-button{width:34px;height:34px;border-radius:7px;border:1px solid var(--border);background:white;display:inline-grid;place-items:center;color:var(--muted)}.modal-body{padding:25px 26px}.modal-footer{padding:18px 26px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;background:#fafcfc}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:22px}label.field{display:grid;gap:6px;font-size:13px;font-weight:600}label.field input,label.field select,label.field textarea{width:100%;font-weight:400}.full{grid-column:1/-1}.form-note{font-size:12px;color:var(--muted);font-weight:400}.line-header,.line-item{display:grid;grid-template-columns:minmax(130px,1fr) 65px 100px 100px 33px;gap:9px;align-items:center}.line-header{font-size:11px;letter-spacing:.5px;color:var(--muted);padding-bottom:8px}.line-item{margin-bottom:11px}.line-item input{width:100%;min-width:0;padding:9px;font-size:13px}.line-item .line-amount{text-align:right;font-size:13px;white-space:nowrap}.line-item .icon-button{font-size:19px}.line-section{margin-bottom:22px}.line-section h3{margin-bottom:13px}.totals{display:grid;gap:9px;max-width:280px;margin:18px 0 22px auto;font-size:14px}.totals>div{display:flex;justify-content:space-between;gap:20px}.totals .grand{border-top:1px solid var(--border);padding-top:12px;font-size:19px;font-weight:650}.check-label{display:flex;gap:9px;align-items:center;font-size:13px}.check-label input{min-height:0;accent-color:var(--navy);width:16px;height:16px}.quote-preview{background:#fff;border:1px solid var(--border);border-radius:9px;padding:28px;margin:0}.document-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:2px solid var(--navy);margin-bottom:24px}.document-top h3{font-size:21px;letter-spacing:-.5px}.document-top p{font-size:12px;color:var(--muted);margin-top:3px}.document-type{text-align:right;font-size:23px;font-weight:650;letter-spacing:1px}.document-meta{display:flex;justify-content:space-between;gap:25px;font-size:13px;margin-bottom:26px}.document-meta .muted{font-size:11px;letter-spacing:.6px;margin-bottom:5px}.document-meta strong{display:block}.document-meta .meta-right{text-align:right}.quote-preview td,.quote-preview th{padding:12px 5px;font-size:12px}.document-note{font-size:12px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.detail-status{display:flex;gap:10px;align-items:center;margin-bottom:16px;font-size:13px;color:var(--muted)}.history{font-size:13px;color:var(--muted);margin-top:19px;display:grid;gap:7px}.history span{border-left:2px solid #cfdcdf;padding-left:12px}.warning{padding:12px 15px;background:#fff3eb;color:#985a37;border-radius:7px;font-size:13px;line-height:1.6;margin-bottom:20px}.email-fields{display:grid;gap:16px}.email-body{min-height:210px;line-height:1.7}.attachment{display:flex;align-items:center;gap:11px;border:1px solid var(--border);background:#f6f9fa;border-radius:8px;padding:13px;margin-top:16px;font-size:13px}.guide-list{margin:0;padding-left:22px;display:grid;gap:20px;font-size:14px}.guide-list strong{display:block;margin-bottom:4px}.guide-list li::marker{color:#c46c40;font-weight:700}.mobile-menu{display:none}#toast{position:fixed;bottom:25px;left:calc(50% + 125px);transform:translateX(-50%) translateY(100px);background:var(--navy);color:white;padding:13px 22px;border:1px solid #637b84;border-radius:9px;z-index:100;font-size:14px;max-width:calc(100% - 40px);opacity:0;transition:.2s;box-shadow:0 8px 30px #132d3426;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.inline-info{font-size:13px;color:var(--muted);line-height:1.7;margin-top:14px}.wrap-text{overflow-wrap:anywhere}.subheading{font-size:13px;color:var(--muted);margin:22px 0 12px}.sync-summary{padding:20px 23px;font-size:14px;display:flex;gap:20px;justify-content:space-between;align-items:center}.tag{display:inline-block;padding:2px 7px;border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--muted)}
@media(min-width:1500px){main{padding-top:42px}.metric{padding:26px}.reminder-row{padding-top:24px;padding-bottom:24px}}
@media(max-width:1200px){.sidebar{width:218px;padding-left:13px;padding-right:13px}.app-shell{margin-left:218px}main{padding:28px}.topbar{padding:0 28px}.demo-notice{padding:10px 28px}.metric{padding:18px}.metric-value{font-size:27px}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(245px,1fr);gap:17px}.reminder-row{padding:18px 17px;gap:9px;grid-template-columns:32px 1fr auto}.reminder-row .mini-avatar{width:31px;height:31px}.reminder-tools .btn.small{font-size:12px;padding:7px 8px}td,th{padding-left:17px;padding-right:17px}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:21px}#toast{left:calc(50% + 109px)}}
@media(max-width:1020px){.overview-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.pipeline-total{margin-top:14px}.metrics{gap:11px}.metric-label{font-size:12px}.metric-label .icon{display:none}.metric-value{font-size:25px}.metric-note{font-size:11px}.demo-notice button{display:none}.page-heading h1{font-size:27px}.accounting-grid{gap:15px}.integration-card{padding:22px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:250px;box-shadow:10px 0 50px #122b3430}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.mobile-menu{display:inline-grid}.topbar{height:66px;padding:0 20px}.topbar-left{gap:10px}.topbar-right{gap:10px}.breadcrumb{font-size:12px}.breadcrumb>span{margin:0 6px}.breadcrumb{display:none}.demo-notice{padding:10px 20px;font-size:11px;line-height:1.5}.demo-notice .notice-icon{display:none}main{padding:25px 20px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:21px}.page-heading h1{font-size:27px}.page-heading p{font-size:13px;max-width:220px}.page-heading .btn{padding:10px 12px;white-space:nowrap;font-size:13px}.metrics{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.metric{padding:18px}.metric-value{font-size:28px;margin:10px 0 6px}.metric-label{font-size:12px}.metric-note{font-size:11px}.panel-head{padding:19px 17px}.panel-head h2{font-size:17px}.reminder-row{grid-template-columns:31px 1fr;padding:17px}.reminder-row>div:last-child{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.due-date{margin-bottom:0;font-size:11px}.reminder-row p{margin-bottom:5px}.right-column{gap:15px}.pipeline,.accounting-preview{padding:19px}.accounting-preview h2{font-size:16px}.accounting-preview p{font-size:12px}.pipeline-row{font-size:12px}.pipeline-row strong{font-size:12px}.app-footer{padding:15px 20px 22px;font-size:10px}.clients-grid{grid-template-columns:1fr}.accounting-grid{grid-template-columns:1fr}.result-count{width:100%;margin-left:0}.toolbar{gap:10px}.search{min-width:180px;max-width:none}.filter-select{min-width:135px;max-width:160px;font-size:13px}.follow-list .reminder-row{padding:19px;grid-template-columns:36px 1fr}.follow-list .reminder-row h3{font-size:14px}.follow-list .reminder-row p,.follow-list .due-date{font-size:12px}.follow-list .reminder-tools{gap:5px}.follow-list .btn.small{font-size:12px;padding:7px}.modal-head{padding:18px}.modal-head h2{font-size:20px}.modal-body{padding:18px}.modal-footer{padding:17px}.form-grid{gap:14px;grid-template-columns:1fr}.full{grid-column:auto}.line-header{display:none}.line-item{grid-template-columns:1fr 1fr 1fr 30px;gap:8px;padding-bottom:15px;border-bottom:1px solid var(--border)}.line-item input:first-child{grid-column:1/-1}.line-item .line-amount{font-size:12px}.quote-preview{padding:17px}.quote-preview td,.quote-preview th{font-size:11px}.document-top h3{font-size:17px}.document-type{font-size:18px}.document-meta{font-size:12px;gap:15px}.document-top{gap:10px}.document-top p{font-size:11px}.totals{font-size:13px}.sync-summary{flex-direction:column;align-items:flex-start;padding:18px}.history{font-size:12px}#toast{left:50%;width:max-content;max-width:calc(100% - 32px)}.topbar-right .avatar{width:31px;height:31px}.sidebar.open:after{content:''}.page-heading .actions{gap:6px}.page-heading .actions .btn{font-size:12px}}
@media(max-width:390px){main{padding:22px 14px}.right-column{grid-template-columns:1fr}.page-heading h1{font-size:24px}.page-heading .btn{padding:10px;font-size:12px}.metric{padding:15px}.metric-value{font-size:25px}.reminder-row>div:last-child{flex-direction:column;align-items:flex-start}.document-meta{flex-direction:column}.document-meta .meta-right{text-align:left}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff}.sidebar,.app-shell,#toast,.modal-head,.modal-footer,.detail-actions,.detail-status,.history,.no-print{display:none!important}dialog{display:block!important;position:static!important;margin:0!important;max-height:none!important;width:100%!important;border:0!important;box-shadow:none!important;overflow:visible!important}dialog::backdrop{display:none}.modal-body{padding:0}.quote-preview{border:0;padding:20px}.quote-preview table{width:100%}.document-note{font-size:11px}.document-top{break-after:avoid}tr{break-inside:avoid}@page{size:A4;margin:15mm}}
/* Readable working controls; smaller text is reserved for secondary metadata. */
.metric-label,.metric-note,.pipeline-row,.pipeline-row strong,.status,td,td strong,.doc-id,.text-button,.check-label,label.field,.client-card p,.client-info>div,.due-date,.btn.small,.reminder-tools .btn.small{font-size:14px}
.reminder-row h3{font-size:15px}.reminder-row p{font-size:13px}.panel-head p{font-size:13px}.reminder-row .status{font-size:13px}.integration-card>p,.section-note,.email-fields,.inline-info{font-size:14px}.metric-note{font-size:12px}.metric-label{font-size:13px}
@media(max-width:760px){.reminder-tools .btn.small,.follow-list .btn.small{font-size:13px}.pipeline-row,.pipeline-row strong{font-size:13px}.due-date,.follow-list .due-date{font-size:13px}.filter-select{font-size:14px}.client-info>div{font-size:14px}}
.contact-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.contact-actions .btn{font-size:13px;min-height:39px;gap:6px;padding:9px 11px}.contact-actions .icon{width:15px;height:15px}.client-card>.contact-actions{margin:0 0 18px}.reminder-row,.follow-list .reminder-row{grid-template-columns:36px minmax(0,1fr)}.reminder-contact{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.reminder-contact .due-date{margin:0;text-align:left}.reminder-tools{justify-content:flex-start}.reminder-tools>.contact-actions{flex-basis:100%}.reminder-tools>.btn{font-size:13px}.btn[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.client-card .card-bottom{flex-wrap:wrap}.reminder-row>div:last-child{align-items:flex-start}.follow-list .reminder-contact{width:100%}
@media(min-width:1100px){.follow-list .reminder-row{grid-template-columns:40px minmax(0,1fr) minmax(275px,auto)}.follow-list .reminder-contact{grid-column:3;align-items:flex-end}.follow-list .reminder-tools{justify-content:flex-end}.follow-list .contact-actions{justify-content:flex-end}}
@media(max-width:760px){.reminder-row>div:last-child{display:flex;flex-direction:column;align-items:flex-start}.contact-actions .btn{min-height:42px;padding:10px}.follow-list .reminder-contact{grid-column:2}.reminder-tools>.btn{min-height:40px}.reminder-tools .contact-actions{gap:6px}}

/* Mobile-first refinement: fewer decisions, readable records and reachable actions. */
.mobile-brand,.mobile-notice,.bottom-navigation,.mobile-records,.mobile-document-lines{display:none}
.btn,.btn.small,.icon-button{min-height:44px}.icon-button{min-width:44px}.text-button{min-height:44px;padding:8px}.btn{font-size:14px}.contact-actions .btn{min-height:44px;font-size:14px;flex:1}.contact-actions{width:100%}.page-heading h1{font-weight:700}.daily-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 24px}.summary-card{padding:24px;text-align:left;border:1px solid var(--border);border-radius:14px;background:white;color:var(--ink);display:flex;flex-direction:column;gap:9px;min-width:0}.summary-card:hover{background:#fafdfe}.summary-card.attention{background:var(--navy);color:white;border-color:var(--navy)}.summary-card.attention:hover{background:var(--navy-light)}.summary-label{font-size:14px;display:flex;gap:9px;align-items:center}.summary-card>strong{font-size:34px;font-weight:700;line-height:1.2;letter-spacing:-.7px;overflow-wrap:anywhere}.summary-card>span:last-child{font-size:14px;color:var(--muted)}.summary-card.attention>span:last-child{color:#c5d9e0}.summary-card.attention .summary-label{color:#e7f0f3}.dashboard-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start}.dashboard-content .recent{margin:0}.dashboard-content .recent .desktop-records{display:none}.dashboard-content .recent .mobile-records{display:block}.record-card{display:flex;flex-direction:column;gap:9px;text-align:left;width:100%;padding:22px;border:0;border-bottom:1px solid var(--border);background:white;color:var(--ink)}.record-card:last-child{border-bottom:0}.record-card:hover{background:#f8fbfc}.record-top,.record-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:13px;min-width:0}.record-top>strong{font-size:16px;font-weight:600;overflow-wrap:anywhere}.record-top .status{font-size:12px;flex-shrink:0}.record-project{font-size:14px;color:#5e727a;overflow-wrap:anywhere}.record-bottom{align-items:flex-end;margin-top:5px;font-size:14px}.record-bottom small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.record-bottom>strong{font-size:17px;letter-spacing:-.3px;overflow-wrap:anywhere}.reminder-row,.follow-list .reminder-row{grid-template-columns:36px minmax(0,1fr);gap:10px 13px;padding:22px}.reminder-title{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.reminder-title h3{font-size:16px;line-height:1.45;overflow-wrap:anywhere}.reminder-date{font-size:12px;white-space:nowrap;color:#526c78;border-radius:5px;background:#f0f5f6;padding:3px 7px}.reminder-date.late{color:#a54730;background:#fff0e8}.reminder-row p{font-size:14px;margin:5px 0 0}.quote-reference{background:transparent;border:0;font-size:14px;color:#47636d;padding:7px 0;min-height:36px;text-align:left;text-decoration:underline;text-decoration-color:#bdcdd3;text-underline-offset:3px}.reminder-row .reminder-contact,.follow-list .reminder-contact{grid-column:1/-1;align-items:stretch;gap:7px;width:100%;min-width:0}.reminder-tools{display:flex;justify-content:flex-end;gap:8px}.follow-list .reminder-tools{justify-content:flex-end}.reminder-tools .btn{font-size:14px}.client-card{min-width:0}.client-top>div{min-width:0}.client-card .card-bottom{font-size:13px}.client-card p,.client-info>div{font-size:14px}.form-grid input,.form-grid select,.form-grid textarea,.email-fields input,.email-fields textarea{font-size:16px}.line-item{grid-template-columns:minmax(150px,1fr) 75px 112px 110px 44px;align-items:end;gap:10px}.line-item label{display:block;min-width:0}.line-item label>span,.line-total>span{display:none}.line-item input{font-size:16px;min-height:46px}.line-total{display:flex;align-items:center;justify-content:flex-end;min-height:46px}.line-total strong{font-size:14px;font-weight:600}.line-item .remove-item{min-height:46px;width:44px}.line-item input:first-child{grid-column:auto}.line-header{grid-template-columns:minmax(150px,1fr) 75px 112px 110px 44px;gap:10px}label.field{font-size:14px}.check-label{min-height:44px}.document-summary{display:block;padding:0 0 18px}.document-summary .detail-status{justify-content:space-between;margin-bottom:10px}.detail-value{font-size:34px;font-weight:650;letter-spacing:-1px;line-height:1.2;margin-bottom:16px;overflow-wrap:anywhere}.document-summary h3{font-size:18px}.document-summary p{font-size:15px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.document-summary .detail-reminder{font-size:14px}.detail-primary{margin:0 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-primary .btn{min-height:48px}.more-actions,.document-section,.activity-section{border-top:1px solid var(--border);margin-top:8px;padding:2px 0}.more-actions summary,.document-section summary,.activity-section summary{padding:14px 0;min-height:48px;font-size:14px;font-weight:600;cursor:pointer}.more-actions .detail-actions{margin:0 0 14px}.activity-section .history{margin:0 0 14px}.document-section .quote-preview{margin-bottom:16px}.more-menu{display:grid;gap:10px}.more-menu .btn{justify-content:flex-start;padding:16px;font-size:16px}.more-menu .number-pill{margin-left:auto}.more-menu .ghost{margin-top:8px;color:var(--muted)}#modal-content{display:flex;flex-direction:column;max-height:90dvh}.modal-head,.modal-footer{flex-shrink:0}.modal-body{overflow-y:auto;overscroll-behavior:contain;min-height:0}.modal-head h2:focus{outline:none}.modal-head .icon-button{flex-shrink:0}.modal-head>div{min-width:0}.modal-footer .btn{min-height:46px}.modal-body p,.modal-body li{overflow-wrap:anywhere}.search input{min-height:46px}.filter-select{min-height:46px}.more-actions summary:focus-visible,.document-section summary:focus-visible,.activity-section summary:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
@media(max-width:1150px){.dashboard-content{grid-template-columns:1fr}.dashboard-content .recent .mobile-records{display:none}.dashboard-content .recent .desktop-records{display:block}}
@media(min-width:761px){.follow-list .reminder-row{grid-template-columns:36px minmax(0,1fr) minmax(270px,360px)}.follow-list .reminder-contact{grid-column:3}.follow-list .reminder-title{justify-content:flex-start;flex-wrap:wrap}.follow-list .reminder-tools{margin-top:3px}}
@media(max-width:760px){
  body{font-size:16px}.sidebar,.sidebar.open,.mobile-menu{display:none!important}.app-shell{margin-left:0;padding-bottom:calc(78px + env(safe-area-inset-bottom));min-height:100dvh}.topbar{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;background:var(--navy);border:0;color:white}.topbar-right .avatar{display:none}.mobile-brand{display:flex;align-items:center;gap:5px;font-size:17px;font-weight:700;letter-spacing:-.4px}.mobile-brand>span{font-weight:400;color:#c0d4dc}.topbar .demo-pill{background:#2b454e;color:#e6d7c9;border:1px solid #51656b;font-size:12px;padding:3px 9px}.desktop-notice{display:none}.mobile-notice{display:inline}.demo-notice{font-size:11px;min-height:31px;padding:7px 18px;background:#eaf0f2;line-height:1.4}.demo-notice button{display:none}main{padding:24px 16px 18px}.page-heading{align-items:center;margin-bottom:20px;gap:12px}.page-heading h1{font-size:28px;letter-spacing:-.8px}.page-heading p{font-size:13px;max-width:none;line-height:1.5;margin-top:5px}.page-heading .actions{flex-shrink:0}.page-heading .btn{font-size:14px;padding:12px;min-height:46px}.page-heading .btn .icon{width:16px}.daily-summary{gap:12px;margin-bottom:22px}.summary-card{padding:17px 15px;border-radius:12px;gap:11px}.summary-label{font-size:13px;gap:6px;align-items:flex-start}.summary-label .icon{width:16px;height:16px;margin-top:1px}.summary-card>strong{font-size:clamp(24px,7.7vw,32px);letter-spacing:-.8px}.summary-card>span:last-child{font-size:12px;line-height:1.5}.dashboard-content{gap:22px}.dashboard-content .recent .desktop-records,.desktop-records{display:none}.dashboard-content .recent .mobile-records,.mobile-records{display:block}.panel{border-radius:12px}.panel-head{padding:12px 16px;min-height:66px}.panel-head h2{font-size:17px}.panel-head .text-button{font-size:14px;padding:8px 0 8px 8px}.panel-head p{font-size:13px}.reminder-row,.follow-list .reminder-row{padding:18px 16px;gap:9px 10px;grid-template-columns:32px minmax(0,1fr)}.reminder-row .mini-avatar{width:32px;height:32px;border-radius:9px;font-size:12px}.reminder-title{gap:7px;flex-wrap:wrap}.reminder-title h3{font-size:16px}.reminder-date{font-size:12px}.reminder-row p,.follow-list .reminder-row p{font-size:14px}.reminder-row .reminder-contact,.follow-list .reminder-contact{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;margin-top:3px}.contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.contact-actions .btn,.reminder-tools .contact-actions .btn{font-size:14px;min-height:46px;padding:10px 5px;gap:6px}.contact-actions .icon{width:16px;height:16px}.reminder-tools{margin:0;display:flex;justify-content:space-between}.reminder-tools .btn,.follow-list .btn.small{min-height:44px;font-size:14px;padding:9px 12px}.quote-reference{font-size:13px;min-height:36px}.record-card{padding:18px 16px;gap:8px}.record-top{gap:10px;flex-wrap:wrap}.record-top>strong{font-size:16px;line-height:1.5}.record-bottom>strong{font-size:17px}.record-bottom{gap:12px;flex-wrap:wrap}.record-project{font-size:14px;line-height:1.5}.record-bottom small{font-size:13px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:15px}.search{grid-column:1/-1;min-width:0;width:100%;max-width:none;padding:0 12px}.search input{font-size:16px;min-height:48px}.filter-select{min-width:0;max-width:100%;width:100%;font-size:16px;min-height:46px}.result-count{width:auto;margin:0;text-align:right;font-size:13px;align-self:center}.clients-grid{grid-template-columns:1fr;gap:15px}.client-card{padding:18px 16px;border-radius:12px}.client-top{margin-bottom:14px}.client-card h2{font-size:17px}.client-top .mini-avatar{width:40px;height:40px}.client-info{gap:8px!important;margin-bottom:16px!important}.client-info>div{font-size:14px}.client-info>div:nth-child(3){display:none}.client-card .card-bottom{padding-top:12px;font-size:12px;gap:8px}.client-card>.contact-actions{margin-bottom:13px}.section-note{font-size:13px;padding:13px 14px;margin-bottom:16px;line-height:1.6}.section-note>.icon{display:none}.accounting-grid{gap:16px}.integration-card{padding:22px}.integration-card>p{font-size:14px}.integration-features{font-size:14px}.app-footer{padding:7px 16px 18px;display:flex;flex-direction:column;gap:4px;text-align:center;font-size:11px}.bottom-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;background:#fff;border-top:1px solid #d6e0e3;box-shadow:0 -4px 20px #183c4608;padding:5px 6px calc(5px + env(safe-area-inset-bottom));z-index:30;gap:0}.bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:57px;color:#526b75;text-decoration:none;border:0;background:transparent;border-radius:9px;font-size:12px;font-weight:500;position:relative;padding:6px 2px}.bottom-item .icon{width:22px;height:22px}.bottom-item.active{background:#eff4f5;color:var(--navy);font-weight:700}.bottom-item.active:before{content:'';position:absolute;top:1px;width:18px;height:3px;background:var(--orange);border-radius:2px}.bottom-badge{position:absolute;top:4px;right:calc(50% - 25px);font-size:10px;line-height:17px;min-width:17px;border-radius:9px;background:var(--orange);color:var(--navy);font-weight:700;padding:0 4px}#toast{bottom:calc(85px + env(safe-area-inset-bottom));font-size:14px}dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;inset:0;margin:0;border-radius:0;padding:0}#modal-content{height:100%;max-height:100dvh}.modal-head{padding:calc(14px + env(safe-area-inset-top)) 16px 14px;position:static;gap:12px;min-height:76px}.modal-head h2{font-size:21px;line-height:1.3;overflow-wrap:anywhere}.modal-head p{font-size:13px}.modal-body{padding:20px 16px;flex:1;overflow-y:auto;min-height:0}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -5px 15px #132e3505}.modal-footer .btn{flex:1 1 auto;min-height:48px;font-size:15px;padding:12px}.modal-footer .primary{flex-basis:100%;order:-1}.modal-head .icon-button{width:44px;height:44px}.form-grid{grid-template-columns:1fr;gap:18px}.form-grid .full{grid-column:1}.form-grid label.field,.email-fields label.field,label.field{font-size:14px;gap:7px}.form-note{font-size:13px}.field input,.field select,.field textarea,input,select,textarea{font-size:16px;min-height:48px;line-height:1.45}.email-body{min-height:240px}.form-grid input[type=date],.email-fields input[type=date]{width:100%;min-width:0;max-width:100%}.line-section h3{font-size:16px}.line-header{display:none}.line-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:12px 10px;padding:16px;background:#f5f8f9;border:1px solid var(--border);border-radius:10px;margin-bottom:14px;align-items:end}.line-description{grid-column:1/-1}.line-qty{grid-column:1}.line-rate{grid-column:2}.line-item label>span,.line-total>span{display:block;font-size:13px;font-weight:500;color:#526a75;margin-bottom:6px}.line-item input{font-size:16px;padding:10px;min-height:48px}.line-item .line-description input{width:100%;grid-column:auto}.line-total{grid-column:1/-1;grid-row:3;justify-content:space-between;align-items:center;min-height:30px}.line-total>span{margin:0;font-size:14px}.line-total strong{font-size:16px}.line-item .remove-item{grid-column:3;grid-row:2;height:48px;min-height:48px;align-self:end;background:white}.line-item .line-amount{font-size:16px}.check-label{font-size:14px;min-height:48px;gap:11px;line-height:1.5}.check-label input{width:20px;height:20px;min-height:20px;flex-shrink:0}.totals{max-width:none;font-size:15px;padding:15px 0}.totals .grand{font-size:21px}.detail-status{font-size:13px;flex-wrap:wrap}.detail-value{font-size:34px}.detail-primary{grid-template-columns:1fr 1fr;gap:10px}.detail-primary .btn{font-size:14px;min-height:49px;padding:12px 8px}.document-summary h3{font-size:18px}.document-summary p{font-size:15px}.document-summary .detail-reminder{font-size:14px}.more-actions summary,.document-section summary,.activity-section summary{font-size:15px;padding:15px 0}.more-actions .detail-actions .btn{flex:1 1 auto;min-height:46px;font-size:14px}.document-section .quote-preview{padding:16px 12px}.document-meta{flex-direction:column;gap:18px;font-size:14px}.document-meta .meta-right{text-align:left}.document-top{flex-wrap:wrap}.document-top h3{font-size:18px}.document-top p{font-size:12px}.document-type{font-size:20px}.quote-preview table{display:none}.mobile-document-lines{display:grid;border-top:1px solid var(--border)}.mobile-document-lines>div{padding:14px 0;border-bottom:1px solid var(--border);display:grid;gap:7px}.mobile-document-lines strong{font-size:14px;overflow-wrap:anywhere}.mobile-document-lines span{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#617680}.mobile-document-lines b{font-size:14px;font-weight:600;color:var(--ink)}.document-note{font-size:13px}.history{font-size:14px}.warning{font-size:14px;padding:13px}.attachment{font-size:14px;padding:12px}.attachment .muted{font-size:12px}.inline-info{font-size:14px}.guide-list{font-size:15px}.more-menu .btn{min-height:56px}.more-menu .number-pill{font-size:12px}.sync-summary{padding:16px}.panel>.table-wrap:not(.desktop-records){overflow:visible}.panel>.table-wrap:not(.desktop-records) table,.panel>.table-wrap:not(.desktop-records) tbody{display:block}.panel>.table-wrap:not(.desktop-records) thead{display:none}.panel>.table-wrap:not(.desktop-records) tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:16px;border-bottom:1px solid var(--border)}.panel>.table-wrap:not(.desktop-records) td{display:block;padding:0;border:0;font-size:14px}.panel>.table-wrap:not(.desktop-records) td:first-child{grid-column:1;font-weight:600}.panel>.table-wrap:not(.desktop-records) td:nth-child(2){grid-column:2;text-align:right}.panel>.table-wrap:not(.desktop-records) td small{white-space:normal;font-size:12px}.panel>.table-wrap:not(.desktop-records) td .status{font-size:12px}
}
@media(max-width:360px){main{padding:21px 12px}.page-heading{flex-wrap:wrap}.page-heading .actions{margin-left:auto}.page-heading h1{font-size:26px}.summary-card{padding:15px 12px}.summary-label .icon{display:none}.summary-label{font-size:13px}.summary-card>strong{font-size:25px}.contact-actions{gap:6px}.contact-actions .btn{font-size:13px}.reminder-row,.follow-list .reminder-row{padding:16px 12px}.record-card{padding:16px 12px}.bottom-item{font-size:11px}.line-item{padding:12px}.modal-body{padding:18px 14px}.modal-footer{padding-left:14px;padding-right:14px}}
@media print{.bottom-navigation,.mobile-document-lines,.document-summary,.detail-primary,.more-actions,.activity-section,details>summary{display:none!important}dialog{position:static!important;height:auto!important;max-height:none!important;width:100%!important}#modal-content{display:block!important;height:auto!important;max-height:none!important}.modal-body{overflow:visible!important;padding:0!important}.document-section{display:block!important;border:0;margin:0;padding:0}.document-section .quote-preview{border:0;padding:0;margin:0}.quote-preview table{display:table!important}.document-meta{flex-direction:row!important}.document-meta .meta-right{text-align:right!important}.document-top{flex-wrap:nowrap!important}.totals{max-width:280px!important}.app-shell,.sidebar{display:none!important}}

.record-top .status,.reminder-date,.record-bottom small{font-size:14px}
/* Notifications are informational and must never intercept navigation taps. */
#toast{pointer-events:none}
/* QC: keep form feedback inside the modal top layer and allow narrow layouts to reflow. */
[hidden]{display:none!important}
.storage-notice,.modal-message{background:#fff2e8;color:#783b25;border-bottom:1px solid #e8c6b1;padding:12px 24px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.modal-message{flex-shrink:0;max-height:25dvh;overflow:auto}
.field,.field input,.field select,.field textarea,.line-item input{min-width:0;max-width:100%}
.client-card h2,.client-card p,.client-info span,.document-meta>div,.history span,.record-card small{overflow-wrap:anywhere}
.document-note{white-space:pre-line}
.quote-reference{min-height:44px}
.reminder-step,.demo-notice,.demo-notice button{font-size:14px}
.demo-notice button{min-height:44px}
@media(min-width:761px) and (max-width:1100px){.follow-list .reminder-row{grid-template-columns:36px minmax(0,1fr)}.follow-list .reminder-contact{grid-column:1/-1}.follow-list .reminder-title{justify-content:space-between}}
@media(max-width:760px){.storage-notice,.modal-message{padding:12px 16px}.demo-notice{font-size:12px}.summary-label,.summary-card>span:last-child,.page-heading p{font-size:14px}.summary-card>strong{font-size:clamp(22px,6.5vw,30px)}.modal-body{scroll-padding-bottom:20px}.modal-footer{max-height:40dvh;overflow-y:auto}}
@media(max-width:360px){.daily-summary{grid-template-columns:1fr}.summary-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.summary-card>strong{grid-column:2;grid-row:1/3;font-size:26px}.summary-card>span:last-child{grid-column:1}.contact-actions .btn{font-size:14px}.detail-primary{grid-template-columns:1fr}}
@media print{.storage-notice,.modal-message{display:none!important}.quote-preview thead{display:table-header-group}.quote-preview td{white-space:normal;overflow-wrap:anywhere}.quote-preview td:first-child{width:55%}.document-note{break-inside:auto}}
.email-next-date{margin-top:20px}.attachment .muted{line-height:1.6;margin-top:5px}#open-email{white-space:normal}
.reminder-settings{border:1px solid var(--border);border-radius:10px;padding:17px;margin:0 0 24px;min-width:0}.reminder-settings legend{font-size:15px;font-weight:650;padding:0 6px}.reminder-dates{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.reminder-settings [hidden]{display:none!important}.reminder-help{margin-top:15px;line-height:1.6}.reminder-settings .field input:disabled{background:#eef3f4;color:#687c84;opacity:1}.reminder-step{display:block;font-size:13px;color:#617983;margin-top:5px}.contact-actions .primary{background:var(--navy);color:#fff;border-color:var(--navy)}.contact-actions .primary:hover{background:var(--navy-light)}
@media(max-width:760px){.reminder-settings{padding:16px 13px}.reminder-dates{grid-template-columns:1fr;gap:17px}.reminder-settings select,.reminder-settings input{font-size:16px;min-height:48px}.reminder-step{font-size:14px}.detail-primary .btn{overflow-wrap:anywhere}}