:root{--brand:#16324f;--brand-hover:#0f2740;--brand-soft:#e8eef5;--accent:#f2a33a;--primary:#1d5fa8;--primary-hover:#174f8d;--primary-soft:#eaf2fb;--row-hover:#e8f1fc;--row-selected:#d6e6f8;--bg:#f3f5f8;--surface:#fff;--surface-muted:#f8fafc;--border:#e2e7ee;--border-strong:#cfd7e2;--text:#1b2533;--text-muted:#667085;--text-faint:#98a2b3;--todo:#b45309;--todo-bg:#fff4e0;--done:#15803d;--done-bg:#e5f6ea;--rejected:#b91c1c;--rejected-bg:#fdecec;--neutral:#6b7280;--neutral-bg:#eef0f3;--danger:#c2410c;--radius:10px;--radius-small:7px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 4px 16px #10182814;--shadow-lg:0 18px 50px #10182838;--topbar-height:58px;--panel-width:clamp(400px, 34vw, 520px);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}body.scroll-locked{overflow:hidden}h1,h2,h3,p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.muted{color:var(--text-muted)}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;top:0;left:0;overflow:hidden;position:absolute!important}.loading{min-height:100vh;color:var(--text-muted);place-items:center;display:grid}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-small);background:var(--surface);width:100%;min-width:0;max-width:100%;min-height:38px;padding:8px 11px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;line-height:1.45}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1d5fa826}[aria-invalid=true]{border-color:var(--danger)!important}.button{border-radius:var(--radius-small);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 16px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.button.small{min-height:32px;padding:0 12px;font-size:13.5px}.button.primary{background:var(--primary);color:#fff}.button.primary:hover:not(:disabled){background:var(--primary-hover)}.button.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.button.secondary:hover{background:var(--surface-muted)}.button.danger{background:var(--surface);color:var(--danger);border-color:#f3c7b3}.button:disabled{opacity:.5;cursor:not-allowed}.icon-button{border-radius:var(--radius-small);width:34px;height:34px;color:var(--text-muted);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--bg);color:var(--text);text-decoration:none}.icon-button.small{width:24px;height:24px}.link-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;font-size:13.5px;font-weight:600;display:inline-flex}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.status-todo{color:var(--todo);background:var(--todo-bg)}.status-done{color:var(--done);background:var(--done-bg)}.status-rejected{color:var(--rejected);background:var(--rejected-bg)}.avatar{color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.count-pill{background:var(--bg);min-width:20px;height:20px;color:var(--text-muted);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-grid}.logo{align-items:center;gap:10px;display:inline-flex}.logo svg{flex:none;display:block}.logo-text{flex-direction:column;line-height:1.15;display:flex}.logo-text strong{font-size:14.5px}.logo-text span{opacity:.7;font-size:12px}.user-button{color:inherit;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:inline-flex}.user-button.compact{background:0 0;border:0;padding:0}.user-button-name{font-size:14px;font-weight:600}.modal-intro{color:var(--text-muted);margin-bottom:16px}.user-list{gap:6px;display:grid}.user-option{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.user-option>span:last-child{flex-direction:column;font-size:13.5px;display:flex}.user-option.is-active{border-color:var(--primary);background:var(--primary-soft)}.reset-box{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.reset-box>div{flex-direction:column;font-size:13.5px;display:flex}.desktop-app{flex-direction:column;height:100dvh;display:flex}.topbar{height:var(--topbar-height);background:var(--brand);color:#fff;flex:none;align-items:center;gap:32px;padding:0 20px;display:flex}.topbar-nav{align-self:stretch;gap:4px;display:flex}.topbar-link{opacity:.75;border-bottom:3px solid #0000;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:flex}.topbar-link.is-active{opacity:1;border-bottom-color:var(--accent)}.topbar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.stage-pill{color:#ffd79c;background:#f2a33a2e;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.workspace{flex:1;min-height:0;display:flex}.register{flex:1;min-width:0;padding:24px 28px 32px;overflow:auto}.register-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.register-header h1{letter-spacing:-.01em;font-size:24px}.register-header p{margin-top:2px;font-size:13.5px}.status-tabs{display:flex}.status-tabs-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:14px}.status-tabs-tabs button{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex}.status-tabs-tabs button:hover{color:var(--text)}.status-tabs-tabs button.is-active{color:var(--primary);border-bottom-color:var(--primary)}.status-tabs .count{background:var(--border);min-width:22px;color:var(--text-muted);text-align:center;border-radius:999px;padding:1px 7px;font-size:12px}.status-tabs .is-active .count{background:var(--primary-soft);color:var(--primary)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .search-input{flex:280px;max-width:440px}.toolbar .select-field{flex:0 170px}.search-input{align-items:center;display:flex;position:relative}.search-input>svg{color:var(--text-faint);pointer-events:none;position:absolute;left:11px}.search-input input{padding-left:34px!important;padding-right:32px!important}.search-input input::-webkit-search-cancel-button{display:none}.search-input .icon-button{position:absolute;right:6px}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.enquiry-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:14px}.enquiry-table th{z-index:1;background:var(--surface-muted);border-bottom:1px solid var(--border);text-align:left;padding:0;position:sticky;top:0}.sort-button{width:100%;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-align:left;background:0 0;border:0;align-items:center;gap:4px;padding:11px 14px;font-size:12px;font-weight:700;display:inline-flex}.sort-button:hover,.sort-button.is-active{color:var(--text)}.enquiry-table td{border-bottom:1px solid var(--border);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:12px 14px;overflow:hidden}.enquiry-table tbody tr{cursor:pointer}.enquiry-table tbody td{transition:background-color .12s}.enquiry-table tbody tr:last-child td{border-bottom:0}@media (hover:hover) and (pointer:fine){.enquiry-table tbody tr:hover>td{background-color:var(--row-hover)}}.enquiry-table tbody tr.is-selected>td,.enquiry-table tbody tr.is-selected:hover>td{background-color:var(--row-selected)}.enquiry-table tbody tr.is-selected>td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.enquiry-table tbody tr:focus-visible{outline:none}.enquiry-table tbody tr:focus-visible>td{background-color:var(--primary-soft);box-shadow:inset 0 2px 0 var(--primary), inset 0 -2px 0 var(--primary)}.enquiry-table tbody tr:focus-visible>td:first-child{box-shadow:inset 2px 0 0 var(--primary), inset 0 2px 0 var(--primary), inset 0 -2px 0 var(--primary)}.enquiry-table tbody tr:focus-visible>td:last-child{box-shadow:inset -2px 0 0 var(--primary), inset 0 2px 0 var(--primary), inset 0 -2px 0 var(--primary)}.col-number{width:108px}.enquiry-table td.col-number{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:600}.col-customer{width:22%}.enquiry-table td.col-customer{font-weight:600}.col-address{width:30%}.enquiry-table td.col-address{color:var(--text-muted)}.col-date{width:118px}.col-source{width:96px}.col-staff{width:150px}.col-supervisor{text-align:center;width:108px}.col-supervisor .sort-button{justify-content:center;width:100%}.supervisor-avatar{vertical-align:middle;display:inline-flex}.col-status{width:116px}.cell-customer,.cell-staff{align-items:center;gap:8px;min-width:0;display:flex}.attachment-flag{color:var(--text-faint);flex:none;display:inline-flex}.workspace.has-panel .col-source{display:none}@media (width<=1280px){.workspace.has-panel .col-supervisor,.workspace.has-panel .col-staff{display:none}}@media (width<=1600px){.workspace.has-panel .col-date{display:none}}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;display:flex}.empty-state svg{color:var(--text-faint)}.details-panel{width:var(--panel-width);background:var(--surface);border-left:1px solid var(--border);flex:none;animation:.18s ease-out panel-in;overflow:hidden auto;box-shadow:-8px 0 24px #1018280d}@keyframes panel-in{0%{opacity:0;transform:translate(16px)}}.enquiry-details{flex-direction:column;display:flex}.details-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 14px;display:flex}.details-panel .details-header{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.details-heading{flex-direction:column;min-width:0;display:flex}.details-number{color:var(--primary);letter-spacing:.03em;font-size:12.5px;font-weight:700}.details-heading h2{overflow-wrap:anywhere;margin:2px 0 3px;font-size:20px;line-height:1.25}.details-received{color:var(--text-muted);font-size:13px}.details-header-actions{flex:none;align-items:center;gap:4px;display:flex}.quick-actions{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 22px 4px;display:grid}.quick-action{border:1px solid var(--border-strong);border-radius:var(--radius-small);background:var(--surface);min-height:38px;color:var(--text);justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.quick-action svg{color:var(--primary)}.quick-action:hover{background:var(--primary-soft);border-color:#bcd3ec;text-decoration:none}.quick-action.is-disabled{opacity:.45;cursor:default}.details-section{border-bottom:1px solid var(--border);padding:16px 22px}.details-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.status-assign{gap:14px;display:grid}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field-label,.field>label{color:var(--text-muted);font-size:13px;font-weight:600}.status-picker{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.status-option{border:1px solid var(--border-strong);border-radius:var(--radius-small);min-height:38px;font-size:14px;font-weight:600;background:var(--surface)!important;color:var(--text-muted)!important}.status-option:hover{border-color:var(--text-faint)}.status-option.is-active.status-todo{border-color:var(--todo);background:var(--todo-bg)!important;color:var(--todo)!important}.status-option.is-active.status-done{border-color:var(--done);background:var(--done-bg)!important;color:var(--done)!important}.status-option.is-active.status-rejected{border-color:var(--rejected);background:var(--rejected-bg)!important;color:var(--rejected)!important}.detail-list{gap:9px;margin:0;display:grid}.detail-list>div{grid-template-columns:104px 1fr;gap:12px;font-size:14px;display:grid}.detail-list dt{color:var(--text-muted)}.detail-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.email-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);overflow:hidden}.email-meta{border-bottom:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;gap:3px;padding:11px 14px;font-size:13px;display:grid}.email-subject{font-size:14.5px;font-weight:700}.email-job-links{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px 0;font-size:12px;display:flex}.email-job-links a{white-space:normal;max-width:100%}.email-body a{color:var(--primary);overflow-wrap:anywhere;text-decoration:underline}.email-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;font-size:14px}.email-body.is-collapsed{max-height:220px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.email-card .link-button{padding:0 14px 10px}.empty-text{color:var(--text-faint);font-size:14px}.attachment-list{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.attachment{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.attachment-thumb{border-radius:var(--radius-small);background:var(--brand-soft);width:44px;height:44px;color:var(--brand);flex:none;place-items:center;display:grid;overflow:hidden}.attachment-thumb img{object-fit:cover;width:100%;height:100%}.attachment-info{flex-direction:column;flex:1;min-width:0;display:flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.attachment-meta{color:var(--text-muted);font-size:12.5px}.attachment-actions{flex:none;display:flex}.notes{gap:16px;display:grid}.note-composer{gap:10px;display:flex}.note-composer-body{flex:1;min-width:0}.note-composer-actions{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.hint{color:var(--text-faint);font-size:12px}.note-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.note{gap:10px;display:flex}.note-content{border-radius:0 var(--radius) var(--radius) var(--radius);background:var(--surface-muted);border:1px solid var(--border);flex:1;min-width:0;padding:9px 12px}.note-meta{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:3px;font-size:13px;display:flex}.note-meta time{color:var(--text-muted);font-size:12.5px}.note-content p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.details-footer{color:var(--text-faint);padding:14px 22px 24px;font-size:12px}.modal-backdrop{z-index:50;background:#0f172a73;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--surface);width:100%;min-width:0;max-width:100%;min-height:0;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-lg);border-radius:14px;outline:none;flex-direction:column;display:flex;overflow:hidden}.modal-large{max-width:720px}.modal-small{max-width:440px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-header h2{font-size:18px}.modal-body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;min-height:0;padding:20px;overflow:hidden auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.enquiry-form{grid-template-columns:minmax(0,1fr);gap:22px;min-width:0;display:grid}.enquiry-form fieldset{border:0;min-width:0;margin:0;padding:0}.enquiry-form legend{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding:0;font-size:12px;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.span-2{grid-column:span 2}.field-error{color:var(--danger);font-size:13px}.mobile-app{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom));overflow-x:hidden}.mobile-app input,.mobile-app select,.mobile-app textarea,.mobile-details input,.mobile-details select,.mobile-details textarea{min-height:44px;font-size:16px}.mobile-header{z-index:10;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--brand);color:#fff;align-items:center;gap:12px;display:flex;position:sticky;top:0}.mobile-header h1{flex:1;font-size:19px}.mobile-controls{background:var(--surface);border-bottom:1px solid var(--border);gap:10px;padding:12px 16px;display:grid}.mobile-search-row{gap:8px;display:flex}.mobile-search-row .search-input{flex:1;min-width:0}.filter-toggle{border:1px solid var(--border-strong);background:var(--surface);flex:none;width:44px;height:44px;position:relative}.filter-toggle.is-active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.filter-count{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.mobile-filter-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-tabs-segmented{border-radius:var(--radius);background:var(--bg);grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;display:grid}.status-tabs-segmented button{border-radius:var(--radius-small);min-width:0;color:var(--text-muted);white-space:nowrap;background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;font-size:13px;font-weight:600;display:flex}.status-tabs-segmented button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.status-tabs-segmented .count{padding:0;font-size:12px;background:0 0!important}.card-list{gap:10px;padding:12px 16px;display:grid}.enquiry-card{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);text-align:left;-webkit-tap-highlight-color:transparent;border-radius:12px;gap:6px;padding:14px 40px 14px 14px;display:grid;position:relative}.enquiry-card:active{background:var(--surface-muted);transform:scale(.995)}.card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-name{overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.3}.card-line{min-width:0;color:var(--text-muted);align-items:center;gap:6px;font-size:14px;display:flex}.card-line svg{color:var(--text-faint);flex:none}.card-address{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-meta{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:inline-flex}.card-staff{align-items:center;gap:5px;display:inline-flex}.card-chevron{color:var(--text-faint);margin-top:-9px;position:absolute;top:50%;right:12px}.fab{right:18px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:20;background:var(--primary);color:#fff;border:0;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;box-shadow:0 8px 22px #1d5fa866}.mobile-details{z-index:30;background:var(--surface);flex-direction:column;animation:.2s ease-out slide-in;display:flex;position:fixed;inset:0}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.mobile-details-header{padding:calc(6px + env(safe-area-inset-top)) 8px 6px;background:var(--brand);color:#fff;flex:none;justify-content:space-between;align-items:center;display:flex}.back-button,.header-text-button{color:#fff;background:0 0;border:0;align-items:center;gap:2px;min-height:44px;padding:0 8px;font-size:16px;font-weight:600;display:inline-flex}.header-text-button{gap:6px;padding:0 12px}.mobile-details-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-width:0;padding-bottom:env(safe-area-inset-bottom);flex:1;overflow:hidden auto}.variant-mobile .details-header{padding:18px 16px 6px}.variant-mobile .details-heading h2{font-size:22px}.variant-mobile .quick-actions{padding:12px 16px 6px}.variant-mobile .quick-action{background:var(--primary-soft);min-height:62px;color:var(--primary);border-color:#0000;border-radius:12px;flex-direction:column;gap:3px;font-size:13px}.variant-mobile .quick-action svg{width:22px;height:22px}.variant-mobile .details-section{padding:16px}.variant-mobile .status-option{min-height:44px}.variant-mobile .detail-list>div{grid-template-columns:1fr;gap:1px}.variant-mobile .detail-list dt{font-size:12.5px}.variant-mobile .detail-list dd{font-size:15px}.variant-mobile .attachment-actions .icon-button{width:42px;height:42px}.variant-mobile .details-footer{padding:14px 16px 32px}@media (width<=760px){.modal-backdrop{height:100vh;height:var(--modal-viewport-height,100dvh);top:var(--modal-viewport-top,0px);grid-template-rows:minmax(0,1fr);place-items:stretch stretch;padding:0;bottom:auto}.modal,.modal-large{border-radius:0;max-width:none;height:100%;max-height:100%;animation:.22s ease-out sheet-up}.modal-small{height:auto;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;align-self:end}.modal-header{padding-top:calc(14px + env(safe-area-inset-top))}.modal-small .modal-header{padding-top:14px}.modal-body{padding:16px}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.modal-footer .button{flex:1;min-height:46px}.modal input,.modal select,.modal textarea{min-height:44px;font-size:16px}.modal input[type=datetime-local],.modal input[type=date]{appearance:none;width:100%;min-width:0;max-width:100%;display:block}.modal input::-webkit-date-and-time-value{text-align:left;min-width:0}.form-grid{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(32px)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.attachments{grid-template-columns:minmax(0,1fr);justify-items:start;gap:10px;display:grid}.attachments .attachment-list{width:100%}.auth-screen{background:linear-gradient(160deg, var(--brand) 0%, #1f4670 100%);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow-lg);text-align:center;border-radius:16px;justify-items:center;gap:14px;padding:32px 28px;display:grid}.auth-logo .logo-text{text-align:left;color:var(--text)}.auth-logo .logo-text span{opacity:1;color:var(--text-muted)}.auth-title{margin-top:6px;font-size:21px}.auth-text{overflow-wrap:anywhere;font-size:14.5px}.auth-footnote{color:var(--text-faint);font-size:12.5px}.google-button{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:46px;color:var(--text);gap:10px;font-size:15px}.google-button:hover:not(:disabled){background:var(--surface-muted)}.account-summary{align-items:center;gap:14px;display:flex}.account-summary>div{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.role-pill{background:var(--primary-soft);color:var(--primary);border-radius:999px;margin-top:4px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.role-pill.inactive{background:var(--neutral-bg);color:var(--neutral);margin-top:0}.menu-actions{gap:8px;margin-top:18px;display:grid}.staff-list{gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.staff-row{border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.staff-row.is-inactive{background:var(--surface-muted)}.staff-row.is-inactive .staff-info{opacity:.6}.staff-info{overflow-wrap:anywhere;flex-direction:column;flex:180px;min-width:0;font-size:14px;display:flex}.staff-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.staff-controls select{width:auto;min-width:108px}.staff-add{border-top:1px solid var(--border);padding-top:18px}.staff-add h3{margin-bottom:12px;font-size:15px}.staff-add-submit{justify-content:flex-end}.form-banner{border-radius:var(--radius);gap:10px;padding:12px 14px;font-size:14px;display:grid}.form-banner.warning{background:var(--todo-bg);border:1px solid #f3cf95}.form-banner.error{color:var(--danger);background:#fdeee6;border:1px solid #f3c7b3}.form-banner-actions{flex-wrap:wrap;gap:8px;display:flex}.notice{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;border-radius:var(--radius);color:#fff;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);cursor:pointer;background:#1b2533;padding:12px 18px;font-size:14px;position:fixed;transform:translate(-50%)}@media (width<=760px){.notice{bottom:calc(92px + env(safe-area-inset-bottom))}.staff-controls{width:100%;margin-left:46px}}.tabs-row{border-bottom:1px solid var(--border);align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.tabs-row .status-tabs-tabs{border-bottom:0;margin-bottom:0}.trash-link{border-radius:var(--radius-small);color:var(--text-muted);background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:0 0 6px auto;padding:6px 10px;font-size:13.5px;font-weight:600;display:inline-flex}.trash-link:hover{background:var(--surface);border-color:var(--border);color:var(--text)}.trash-link .count{background:var(--border);text-align:center;border-radius:999px;min-width:20px;padding:0 6px;font-size:12px}.trash-link.compact{justify-self:end;margin:-2px 0 0;padding:4px 6px}.trash-bar{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:14px;padding:10px 14px;font-size:13.5px;display:flex}.mobile-controls .trash-bar{margin-bottom:0}.trash-banner{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--neutral-bg);align-items:flex-start;gap:12px;margin:14px 22px 0;padding:12px 14px;font-size:13.5px;display:flex}.trash-banner>svg{color:var(--text-muted);flex:none;margin-top:2px}.trash-banner>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trash-banner .button{flex:none}.variant-mobile .trash-banner{flex-wrap:wrap;margin:12px 16px 0}.admin-zone{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-zone>div{flex-direction:column;font-size:13.5px;display:flex}.button.danger-solid{background:var(--danger);color:#fff}.button.danger-solid:hover:not(:disabled){background:#a53a0b}.confirm-body{gap:10px;font-size:14.5px;display:grid}.confirm-body ul{color:var(--text-muted);margin:0;padding-left:20px}.status-option:disabled,select:disabled{cursor:not-allowed;opacity:.6}.notice{cursor:default;align-items:center;gap:14px;display:flex}.notice-action{color:#8ec5ff;background:0 0;border:0;padding:2px 4px;font-size:14px;font-weight:700}.notice-close{color:#fff9;background:0 0;border:0;padding:0 2px;font-size:18px;line-height:1}.register,.details-panel,.modal-body,.mobile-details-scroll{position:relative}.unread-badges{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.new-badge{background:var(--primary);color:#fff;letter-spacing:.01em;white-space:nowrap;text-transform:none;border-radius:999px;flex:none;align-items:center;padding:1px 8px;font-size:11.5px;font-weight:700;line-height:1.6;display:inline-flex}.new-badge.is-update{color:#fff;background:#7040a0}.card-name .unread-badges{vertical-align:2px;margin-left:8px}.details-section h3 .new-badge{letter-spacing:0}.activity-list{gap:2px;margin:0 0 6px;padding:0;list-style:none;display:grid}.activity{border-radius:var(--radius-small);gap:10px;padding:7px 8px;display:flex}.activity.is-new{background:var(--primary-soft)}.activity-content{flex:1;min-width:0}.activity-content p{overflow-wrap:anywhere;font-size:13.5px;line-height:1.4}.activity-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:1px;font-size:12px;display:flex}.new-dot{color:var(--primary);font-weight:700}.attachments{border-radius:var(--radius);position:relative}.attachments.is-dragging{outline:2px dashed var(--primary);outline-offset:6px}.drop-overlay{z-index:3;border-radius:var(--radius);color:var(--primary);text-align:center;pointer-events:none;background:#eaf2fbeb;place-items:center;padding:16px;font-weight:700;display:grid;position:absolute;inset:-6px}.upload-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attachment-thumb{cursor:pointer;border:0;padding:0}.attachment-info .attachment-meta+.attachment-meta{margin-top:-1px}.icon-button.danger-icon:hover{color:var(--danger);background:#fdeee6}.icon-button:disabled{opacity:.5;cursor:progress}.upload-list{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.upload-item{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);gap:6px;padding:10px 12px;display:grid}.upload-item.has-error{background:#fdf6f2;border-style:solid;border-color:#f3c7b3}.upload-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;font-size:13.5px;display:flex}.progress{background:var(--border);border-radius:999px;height:4px;display:block;overflow:hidden}.progress>span{background:var(--primary);border-radius:999px;height:100%;transition:width .2s;display:block}@media (hover:none){.drop-hint{display:none}}.attachment-name-button{width:100%;max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;display:block}.attachment-name-button:hover{color:var(--primary);text-decoration:underline}.viewer-backdrop{z-index:60;background:#0a101cb8;place-items:center;padding:24px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0}.viewer{width:min(1400px,100%);height:100%;box-shadow:var(--shadow-lg);color:#f3f5f8;background:#2b313b;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.viewer-bar{background:#1f242c;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:56px;padding:8px 10px 8px 18px;display:flex}.viewer-title{flex-direction:column;flex:1;min-width:0;display:flex}.viewer-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.viewer-title span{color:#a9b2c0;font-size:12px}.viewer-actions{flex:none;align-items:center;gap:4px;display:flex}.viewer-button{color:#e7ebf1;min-width:40px;height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:600;transition:background-color .12s;display:inline-flex}.viewer-button:hover{background:#ffffff1a}.viewer-button:focus-visible,.viewer-zoombar button:focus-visible{outline-offset:1px;outline:2px solid #8fbaf0}.viewer-download{background:var(--primary);color:#fff;margin-left:4px}.viewer-download:hover{background:var(--primary-hover)}.viewer-alert{color:#fde2e2;background:#5c1d1d;margin:0;padding:8px 18px;font-size:13px}.viewer-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;outline:none;flex:1;min-height:0;position:relative;overflow:auto}.viewer-status{color:#d5dbe4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.viewer-status p{max-width:420px;margin:0}.viewer-status-actions{gap:10px;display:flex}.viewer-progress{background:#ffffff26;width:min(260px,70%)}.viewer-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite viewer-spin}@keyframes viewer-spin{to{transform:rotate(360deg)}}.pdf-pages{will-change:transform;margin:0 auto;position:relative}.pdf-page{background:#fff;position:absolute;overflow:hidden;box-shadow:0 2px 10px #00000059}.pdf-page canvas{display:block;position:absolute}.pdf-page-base{width:100%;height:100%;inset:0}.pdf-page-loading{color:#98a2b3;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.image-stage{box-sizing:border-box;width:max-content;min-width:100%;min-height:100%;padding:16px;display:flex}.viewer-image{will-change:transform;-webkit-user-drag:none;background:#fff;flex:none;max-width:none;margin:auto;display:block;box-shadow:0 2px 10px #00000059}.viewer-zoombar{-webkit-backdrop-filter:blur(6px);background:#141921e6;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000059}.viewer-zoombar button{color:#fff;min-width:40px;height:38px;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.viewer-zoombar button:hover{background:#ffffff1f}.viewer-zoom-level{min-width:58px!important}.viewer-page{color:#d5dbe4;white-space:nowrap;font-variant-numeric:tabular-nums;border-left:1px solid #ffffff2e;padding:0 12px 0 8px;font-size:13px}@media (width<=760px){.viewer-backdrop{background:#2b313b;place-items:stretch stretch;padding:0}.viewer{width:100%;box-shadow:none;border-radius:0}.viewer-bar{padding:calc(6px + env(safe-area-inset-top)) calc(6px + env(safe-area-inset-right)) 6px calc(14px + env(safe-area-inset-left))}.viewer-download span{display:none}.viewer-download{padding:0}.viewer-button{min-width:44px;height:44px}.viewer-zoombar{bottom:calc(14px + env(safe-area-inset-bottom))}.viewer-zoombar button{min-width:44px;height:42px}}@media (prefers-reduced-motion:reduce){.viewer-backdrop{animation:none}}.field-note{color:var(--todo);margin-top:4px;font-size:12px;line-height:1.4;display:block}.reports-page{z-index:40;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.reports-topbar{min-height:var(--topbar-height);background:var(--brand);color:#fff;flex:none;align-items:center;gap:16px;padding:0 20px;display:flex}.reports-back{border-radius:var(--radius-small);color:#fff;height:36px;font:inherit;cursor:pointer;background:#ffffff1a;border:0;align-items:center;gap:4px;padding:0 12px 0 8px;font-size:14px;font-weight:600;display:inline-flex}.reports-back:hover{background:#ffffff2e}.reports-title{align-items:center;gap:10px;display:flex}.reports-title h1{margin:0;font-size:18px}.reports-admin-pill{color:#dbe5f0;background:#ffffff24;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.reports-main{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:1180px;margin:0 auto;padding:20px 24px 40px;overflow-y:auto}.reports-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.reports-presets{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.reports-presets button{height:32px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:13px;font-weight:600}.reports-presets button:hover{color:var(--text);background:var(--surface-muted)}.reports-presets button.is-active{background:var(--primary);color:#fff}.reports-preset-select{display:none}.reports-custom{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.reports-custom label{color:var(--text-muted);flex-direction:column;gap:3px;font-size:12px;font-weight:600;display:flex}.reports-custom input{border:1px solid var(--border-strong);border-radius:var(--radius-small);background:var(--surface);height:34px;color:var(--text);font:inherit;padding:0 8px;font-size:14px}.reports-hint{color:var(--text-muted)}.reports-error{border-radius:var(--radius);background:var(--rejected-bg);color:var(--rejected);border:1px solid #f3c7c7;align-items:center;gap:12px;padding:12px 16px;display:flex}.reports-error p{margin:0}.reports-content{transition:opacity .15s}.reports-content.is-updating{opacity:.6}.reports-section{margin-bottom:28px}.reports-section-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px;display:flex}.reports-section-head h2{margin:0;font-size:16px}.reports-range{color:var(--text-muted);font-size:14px}.reports-live{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.reports-cards{grid-template-columns:1.4fr repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.stat-card.is-featured{background:var(--primary-soft);border-color:#c9dbf1}.stat-label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.15}.stat-note{color:var(--text-muted);font-size:12px}.chart-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);padding:16px 18px}.chart-card h3{margin:0 0 12px;font-size:14px}.chart-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.column-chart{gap:8px;height:220px;padding-bottom:22px;display:flex}.column-axis{flex:none;width:24px;position:relative}.column-axis span{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;right:0;transform:translateY(50%)}.column-plot{flex:1;min-width:0;position:relative}.column-grid{border-top:1px solid var(--border);position:absolute;left:0;right:0}.column-bars{align-items:flex-end;gap:2px;display:flex;position:absolute;inset:0}.column-slot{cursor:default;outline:none;flex:1;justify-content:center;align-items:flex-end;min-width:0;height:100%;display:flex;position:relative}.column-slot.is-hover,.column-slot:focus-visible{background:#1d5fa80f}.column-bar{background:var(--primary);border-radius:4px 4px 0 0;width:100%;max-width:24px;min-height:0}.column-label{color:var(--text-muted);white-space:nowrap;font-size:11px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.column-tip{z-index:2;border:1px solid var(--border);background:var(--surface);min-width:110px;box-shadow:var(--shadow);color:var(--text-muted);white-space:nowrap;pointer-events:none;border-radius:8px;flex-direction:column;padding:8px 10px;font-size:12px;display:flex;position:absolute;bottom:calc(100% - 4px);left:50%}.column-slot .column-tip{top:0;bottom:auto;transform:translate(-50%)}.column-slot .column-tip.is-left{transform:translate(-90%)}.column-tip strong{color:var(--text);font-size:16px}.reports-table{border-collapse:collapse;width:100%;font-size:14px}.reports-table th,.reports-table td{border-bottom:1px solid var(--border);text-align:left;padding:6px 8px}.reports-table td:last-child,.reports-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.reports-current-grid{grid-template-columns:1fr 1.3fr;gap:12px;display:grid}.outstanding-hero{color:var(--text-muted);align-items:baseline;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.outstanding-hero .stat-value{color:var(--todo)}.hbar-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hbar-list li{grid-template-columns:minmax(90px,34%) 1fr auto;align-items:center;gap:10px;font-size:14px;display:grid}.hbar-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.hbar-track{background:var(--neutral-bg);border-radius:999px;height:10px;overflow:hidden}.hbar-fill{border-radius:0 4px 4px 0;height:100%;display:block}.hbar-fill.is-staff{background:var(--primary)}.hbar-fill.is-unassigned{background:var(--text-faint)}.hbar-fill.is-todo,.status-dot.is-todo{background:var(--todo)}.hbar-fill.is-done,.status-dot.is-done{background:var(--done)}.hbar-fill.is-rejected,.status-dot.is-rejected{background:var(--rejected)}.status-dot{border-radius:50%;flex:none;width:8px;height:8px}.hbar-value{min-width:28px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.hbar-pct{color:var(--text-muted);font-weight:500}.former-tag{background:var(--neutral-bg);color:var(--neutral);border-radius:999px;padding:1px 6px;font-size:11px}.reports-footnote{max-width:760px;color:var(--text-faint);font-size:12px;line-height:1.5}@media (width<=1000px){.reports-cards{grid-template-columns:repeat(3,1fr)}.reports-cards .stat-card.is-featured{grid-column:span 3}}@media (width<=760px){.reports-topbar{padding:env(safe-area-inset-top) 12px 0;min-height:calc(var(--topbar-height) + env(safe-area-inset-top))}.reports-main{padding:14px 14px calc(32px + env(safe-area-inset-bottom))}.reports-presets{display:none}.reports-preset-select{border:1px solid var(--border-strong);border-radius:var(--radius-small);background-color:var(--surface);cursor:pointer;width:100%;height:44px;color:var(--text);font:inherit;padding:0 40px 0 12px;font-size:16px;display:block}.reports-custom{width:100%}.reports-custom label{flex:1}.reports-custom input{width:100%;height:44px;font-size:16px}.reports-custom .button{min-height:44px}.reports-cards{grid-template-columns:repeat(2,1fr);gap:10px}.reports-cards .stat-card.is-featured{grid-column:span 2}.stat-value{font-size:26px}.reports-current-grid{grid-template-columns:1fr}.column-chart{height:180px}.column-label.is-minor{display:none}}.app-update-notice{top:calc(12px + env(safe-area-inset-top));z-index:200;border:1px solid var(--border);background:var(--surface);width:max-content;max-width:calc(100% - 24px);box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.app-update-notice .button{flex-shrink:0}.mobile-details-header .reports-back{min-height:44px}.pull-refresh-notice{z-index:210;top:calc(10px + env(safe-area-inset-top));border:1px solid var(--border);background:var(--surface);max-width:calc(100% - 24px);color:var(--brand);box-shadow:var(--shadow);white-space:nowrap;pointer-events:none;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.pull-refresh-notice>span{font-size:22px}.mobile-header .trash-link.compact{color:#fff;background:#ffffff1a;flex:none;min-height:44px;margin:0;padding:0 8px}.mobile-header .trash-link.compact:hover{background:#ffffff2e;border-color:#0000}.mobile-header .trash-link .count{background:#ffffff2e}.mobile-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.help-guide{overflow-wrap:anywhere;gap:22px;min-width:0;font-size:14.5px;line-height:1.5;display:grid}.help-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:13px;font-weight:700}.help-section p{margin:0}.help-section ul,.help-section ol{gap:6px;margin:0;padding-left:20px;display:grid}.help-section svg{vertical-align:-2px}.help-badges{gap:10px;margin:0;display:grid}.help-badge-row{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:12px;display:grid}.help-badge-row dt{padding-top:1px;display:flex}.help-badge-row dd{margin:0}.help-example-staff{color:var(--text-muted);align-items:center;gap:5px;font-size:13px;display:inline-flex}.help-example-icon{border-radius:var(--radius-small);background:var(--brand-soft);width:28px;height:28px;color:var(--brand);place-items:center;display:inline-grid}.help-tip{color:var(--text-muted);margin-top:10px!important}.pull-refresh-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:20px;height:20px;display:inline-block}.pull-refresh-spinner.is-spinning{animation:.7s linear infinite pull-refresh-spin}@keyframes pull-refresh-spin{to{transform:rotate(360deg)}}.staff-roles-help{margin:12px 0 0;font-size:13px;line-height:1.5}.col-due{white-space:nowrap;width:124px}.quote-due-section .field{flex-direction:column;gap:6px;min-width:0;display:flex}.quote-due-control{align-items:center;gap:8px;min-width:0;display:flex}.quote-due-box{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface);font-variant-numeric:tabular-nums;min-width:0;min-height:40px;color:var(--text-muted);flex:0 190px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 12px;display:inline-flex;position:relative}.quote-due-box>span{color:var(--text);font-weight:600}.quote-due-box.is-empty>span{color:var(--text-faint);font-weight:400}.quote-due-box:hover{border-color:var(--text-faint)}.quote-due-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1d5fa82e}.quote-due-box input[type=date]{opacity:0;cursor:pointer;appearance:none;border:0;width:100%;min-width:0;height:100%;margin:0;padding:0;position:absolute;inset:0}.quote-due-box input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.quote-due-readonly{font-weight:600}.field-hint{color:var(--text-muted);font-size:12.5px}.card-due{color:var(--text-muted)}.upload-item.is-failed{background:#fdf6f2;border-style:solid;border-color:#f3c7b3}.upload-item.is-saved{background:#f2fbf5;border-style:solid;border-color:#b7e2c5}.upload-row .attachment-name{flex:1;min-width:0}.upload-state{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.upload-saving{color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.upload-saved{color:#1d7a3c;font-weight:600}.spinner{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}.progress.is-saving>span{animation:1.2s ease-in-out infinite upload-pulse}.progress.is-saved>span{background:#1d7a3c}@keyframes upload-pulse{50%{opacity:.45}}.upload-keep-open{border-radius:var(--radius-small);color:#7a5a0b;background:#fff8e6;margin:0;padding:8px 10px;font-size:13px;font-weight:600}.upload-tray{left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:90;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:8px;width:min(380px,100% - 32px);padding:12px;display:grid;position:fixed;box-shadow:0 10px 30px #1018282e}.upload-tray-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;font-size:13.5px;display:flex}.upload-tray-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=760px){.upload-tray{width:auto;left:12px;right:84px;bottom:calc(12px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.spinner,.progress.is-saving>span{animation-duration:3s}}.field-label-note{color:var(--text-faint);margin-left:4px;font-weight:500}.assignment-readonly{overflow-wrap:anywhere;font-weight:600}.card-supervisor{color:var(--text-muted);min-width:0}.card-supervisor-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.quote-due-cell{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.25;display:inline-flex}@media (width>=761px){.col-due .quote-due-cell{align-items:center}}.quote-due-cell.is-soon .quote-due-date{color:#a15c07;font-weight:600}.quote-due-cell.is-overdue .quote-due-date{color:var(--rejected);font-weight:600}.quote-due-flag{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:1px 7px;font-size:11.5px;font-weight:700;line-height:1.4;display:inline-flex}.quote-due-flag.is-soon{color:#8a4b05;background:#fff1d6;border-color:#f5c56b}.quote-due-flag.is-overdue{color:#9f1414;background:#fde8e8;border-color:#f2a5a5}.card-due{flex-wrap:wrap}.card-due.is-soon{color:#a15c07;font-weight:600}.card-due.is-overdue{color:var(--rejected);font-weight:600}.quote-due-control{flex-wrap:wrap}.quote-due-readonly{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.help-example-due{flex-wrap:wrap;gap:4px;display:inline-flex}.customer-review-flag{color:#8a4b05;white-space:nowrap;background:#fff1d6;border:1px solid #f5c56b;border-radius:999px;flex:none;align-items:center;padding:1px 7px;font-size:11.5px;font-weight:700;line-height:1.4;display:inline-flex}.card-name .customer-review-flag{margin-left:6px}.customer-review-notice{border-radius:var(--radius-small);color:#6b3a03;background:#fff8ea;border:1px solid #f5c56b;margin:0 0 12px;padding:10px 12px;font-size:13.5px;line-height:1.45}.cell-customer .truncate{min-width:56px}.push-settings{border:1px solid var(--border-strong);border-radius:var(--radius-small);overflow-wrap:anywhere;margin:16px 0;padding:12px}.push-settings p{margin:8px 0;font-size:13px}.notification-setup>p{margin:0 0 12px}.notification-setup .button{width:100%;min-height:44px}.notification-setup .menu-actions{margin:12px 0}@media (width>=769px) and (width<=1200px){.workspace:not(.has-panel) .col-source{display:none}}
