/* One light workspace, with the colours of the workshop's orbit. */
body{background:var(--brand-canvas);color:var(--brand-ink)}
button,input,select,textarea{border-color:var(--brand-line);border-radius:9px}
button{background:#fff;color:var(--brand-ink)}
button:hover{background:var(--brand-blue-soft);border-color:#b9cef2}
button.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 3px 8px #2563d419}
button.primary:hover{background:#1d54bf;border-color:#1d54bf}
input,select,textarea{background:#fff;color:var(--brand-ink);min-width:0}
input:disabled,select:disabled,textarea:disabled{background:#eef1f7;color:#8791a3;border-color:#e0e5ed;cursor:not-allowed;opacity:1}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-blue)}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-color:var(--brand-blue)}
small,.muted,.eyebrow,.footnote,.field-help{color:var(--brand-muted)}
.sidebar{background:#fff;color:var(--brand-ink);border-right:1px solid var(--brand-line);padding-top:30px}
.sidebar::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--brand-spectrum)}
.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.5px}
.brand-name{color:var(--brand-ink)!important;white-space:nowrap}
.brand-name>span{color:var(--brand-violet)}
.sidebar small,.sidebar .nav-label{color:var(--brand-muted)}
.sidebar>div:first-child>small{display:block;margin-top:10px;font-size:12px}
.sidebar .nav{display:flex;flex-direction:column;gap:5px}.sidebar .nav button{flex:0 0 auto;color:#52627c;min-height:42px;border:1px solid transparent;border-radius:9px}
.sidebar .nav button:hover{color:var(--brand-blue);background:#f5f8fe}
.sidebar .nav button.active{background:var(--brand-blue-soft);color:#1e52b2;border-color:#d5e3fb;font-weight:650}
.sidebar .nav button.active small{color:#5974a1}
.profile{border-color:var(--brand-line)}.profile button{border-color:var(--brand-line);color:var(--brand-muted);background:#fff}
.nav-label{font-size:10px;line-height:1.6}
.page-navigation button{color:var(--brand-muted)}
.panel,.stat,.work,.organization-account{border-color:var(--brand-line);background:#fff}
.panel,.stat{box-shadow:0 2px 8px #233e6304}
.workspace-tabs button{background:#fff;border-color:var(--brand-line);color:var(--brand-muted)}
.workspace-tabs button.active{background:var(--brand-blue-soft);border-color:#bcd2f5;color:#2157bd}
.board{gap:16px;scrollbar-color:#c0cce0 #ecf1f9}
.column{background:#f4f7fc;border:1px solid var(--brand-line);border-top:3px solid var(--column-accent);color:var(--brand-ink);box-shadow:0 2px 7px #233e6305;border-radius:13px}
.column[data-color=sand]{--column-accent:var(--brand-gold)}
.column[data-color=purple]{--column-accent:var(--brand-violet)}
.column[data-color=blue]{--column-accent:var(--brand-blue)}
.column[data-color=cyan]{--column-accent:var(--brand-cyan)}
.column[data-color=orange]{--column-accent:var(--brand-pink)}
.column[data-color=green]{--column-accent:#07a4b0}
.column[data-color=slate]{--column-accent:#8294af}
.column-header{padding:0;background:#fff;flex:none}
.column-drag-label{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 13px;background:color-mix(in srgb,var(--column-accent) 12%,#fff);border-bottom:1px dashed color-mix(in srgb,var(--column-accent) 45%,#fff);color:#485b77;font-size:11px;font-weight:700;letter-spacing:.025em;line-height:1.3}
.column-drag-label .column-grip{font-size:21px;color:inherit;line-height:16px}
.column-drag-arrow{margin-left:auto;font-size:17px;font-weight:400}
.column-header[data-column-drag]:hover .column-drag-label{background:color-mix(in srgb,var(--column-accent) 20%,#fff)}
.column-header[data-column-drag]:focus-visible{outline-color:var(--brand-blue)}
.column-head{padding:14px 13px 0;margin:0 0 8px;align-items:center}
.column-head h2{font-size:15px;font-weight:700;letter-spacing:-.15px}
.count{background:var(--brand-blue-soft);color:#49658e;border:1px solid #dce8fa;border-radius:6px;font-size:11px}
.column-menu{color:#8594aa}.column-menu:hover{background:var(--brand-blue-soft);color:var(--brand-blue)}
.column-sum{padding:0 13px;margin-bottom:7px;color:var(--brand-muted);font-size:12px}
.column-sum strong{color:var(--brand-ink);font-weight:650}
.add-in-column{margin:0;padding:9px 13px 12px;background:transparent;color:var(--brand-blue);font-size:13px;border-radius:0}
.add-in-column:hover{background:var(--brand-blue-soft);color:#1d54bf}
.column-cards{padding:10px 9px;border-top:1px solid var(--brand-line);scrollbar-color:#c3cee0 transparent}
.empty{color:#7c8ba0;font-size:13px}
.card{background:#fff;border:1px solid #dbe3ef;color:var(--brand-ink);box-shadow:0 2px 5px #304b7510;border-radius:10px}
.card:hover{background:#fff;border-color:#b7cae8;box-shadow:0 4px 12px #304b7512}
.card-open,.card-open:hover{background:transparent;color:var(--brand-ink)}
.card-number,.card-heading .direction-label,.card p.card-trade,.card p.card-description,.card-bottom,.card .contact-label{color:var(--brand-muted)}
.card p.card-client{color:#52627d}.card h3{font-weight:650}
.card .price-badge{background:var(--brand-blue-soft);color:#2157bd;font-weight:700}
.card .badge,.badge{background:#eef3fb;color:#4e6791}
.card .badge.red,.badge.red{color:#a43b51;background:#feecf0}
.card .badge.yellow,.badge.yellow{color:#886119;background:var(--brand-gold-soft)}
.card .meeting-date,.meeting-date{color:#7049b6;background:var(--brand-violet-soft)}
.card .contact-label.danger{color:#b14159}
.avatar,.card .avatar{background:var(--brand-violet-soft);border-color:#ded0f5;color:#7954ba}
.card-controls{background:#f3f7ff;border-top:1px solid #e0e9f8}
.card-controls button{color:#2861bc;background:transparent}
.card-controls button:hover{background:#e8f0ff;color:#1c4fae}
.card-controls .card-move{background:#f8faff;color:#63748d;border-left:1px solid #e0e9f8}
.card-controls .card-move:hover{background:#edf2fb;color:#375b8a}
.card-controls .card-measurement{background:var(--brand-violet-soft);color:#7049b6}
.card-delete{background:#fffef0ed;color:#b5576d;border:1px solid #f2e5e9;box-shadow:0 1px 4px #24324a08}
.card-delete:hover{background:#feecf0;color:#a43b51}
.card-works,.card-documents{border-color:var(--brand-line)}
.card-works>summary,.card-documents>summary{color:#3c5476}
.card-works>summary span{background:var(--brand-blue-soft);color:#3d65a4}
.card-work-row{border-color:#e8edf5}.card-work-main>small{color:var(--brand-muted)}
.card-work-main>button:hover{color:var(--brand-blue)}
.card-document-row>a{color:#315fa5}.card-document-row small{color:var(--brand-muted)}
.card-gallery,.card-cover{background:#eaf0f9;border-color:var(--brand-line)}
.work-preview{color:var(--brand-ink)}.work-preview small{color:var(--brand-muted)}
.column.drop-target{border-color:var(--brand-blue);box-shadow:inset 0 0 0 2px #2563d44d}
.card.photo-drop-target{outline-color:var(--brand-cyan)}
.card-cover:focus-visible{outline-color:var(--brand-blue)}
.column.column-dragging{outline-color:var(--brand-blue);background:#e9f1ff}
.column-drag-ghost{outline-color:var(--brand-blue);box-shadow:0 20px 55px #24457430}
.column-create button{color:var(--brand-blue);border-color:#b8cbeb;background:#fff}
.column-create button:hover{background:var(--brand-blue-soft)}
.saving-move .card-number::after{color:var(--brand-blue)}
dialog,#project-dialog{background:var(--brand-canvas);border-color:var(--brand-line)}
dialog::backdrop,#project-dialog::backdrop,.crm-letter-dialog::backdrop{background:#23355755;backdrop-filter:blur(2px)}
.modal-top,.modal-actions,.drawer-windowbar,.order-tabs,#project-dialog #back{background:var(--brand-canvas);border-color:var(--brand-line)}
.order-tabs [aria-selected=true]{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}
.window-close,.drawer-windowbar .window-close{background:#fff;color:#63748d;border-color:var(--brand-line)}
#order-calculator,.calculator-total,.button-link{background:var(--brand-violet-soft);color:#7049b6;border-color:#e1d5f5}
.calculator-total output{color:#7049b6}
.calculator-choices button{background:#fff;border-color:var(--brand-line);border-top:3px solid var(--brand-blue);color:var(--brand-ink)}
.calculator-choices button:nth-child(3n+2){border-top-color:var(--brand-violet)}
.calculator-choices button:nth-child(3n){border-top-color:var(--brand-pink)}
.calculator-choices button:hover{background:var(--brand-blue-soft);border-color:#b6ccef}
.calculator-choices button:focus-visible{outline-color:var(--brand-blue)}
.order-facts>span,.work-spec,.document-preview,.document-list>a{background:#f4f7fd;border-color:var(--brand-line)}
.form-section,.order-sections>details,.chat-message,.chat-composer,.reminders,.billing-defaults{border-color:var(--brand-line)}
.reminders{background:#f2f5fc}.party-result{background:#f3f7ff;border-color:#cedcf3}
.assignees label{background:#f1f5fc}.button-link{color:#7049b6}
th{color:#687a94;background:#f7f9fd}th,td,.comment,.ledger-row{border-color:#e6ecf5}
#toast,#drawer-status:not(:empty){background:#3158a2;color:#fff}
.client-identity-line{display:flex;align-items:end;gap:10px;margin-top:12px;flex-wrap:wrap}
.client-identity-line>.order-client-inn-label{flex:1 1 210px;max-width:none;margin:0;min-width:0}
.individual-switch{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--brand-line);border-radius:9px;background:#fff;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600}
.individual-switch:has(input:checked){background:var(--brand-violet-soft);border-color:#c9b5ec;color:#7049b6}
.individual-switch input{width:17px;height:17px;margin:0;accent-color:var(--brand-violet)}
.client-identity-line .client-add{min-width:44px;height:44px;padding:0;font-size:25px;color:var(--brand-blue);background:var(--brand-blue-soft);border-color:#cdddf8}
.client-identity-line #order-client-list{min-height:44px;font-size:12px}
.client-picker{position:relative}.client-picker>.client-suggestions{top:74px}
.client-suggestions{border-color:#c5d5ee;box-shadow:0 12px 28px #294a7e20}
.client-suggestions [aria-selected=true]{background:var(--brand-blue-soft)}
.client-list-items span{color:var(--brand-blue)}
.client-picker #order-client-edit{font-size:12px;color:var(--brand-blue)}
.login-intro{background:radial-gradient(ellipse at 10% 100%,#fff6d9 0%,transparent 50%),radial-gradient(ellipse at 95% 10%,#f6e9fa 0%,transparent 48%),#eef5ff;color:var(--brand-ink);border-top:5px solid transparent;border-image:var(--brand-spectrum) 1}
.login-intro p{color:var(--brand-muted)}.login-intro small{color:#7e88a0}
.login-form{background:#fff;border:1px solid var(--brand-line);border-radius:18px;margin:28px;box-shadow:0 14px 50px #345c9610}
.login-intro h1{letter-spacing:-2px;font-weight:750}
#photo-viewer,.photo-viewer-tools{background:#f6f8fd;color:var(--brand-ink)}
.photo-viewer-tools a{color:var(--brand-blue)}
@media(max-width:1000px){.sidebar .brand{font-size:18px;gap:7px}.sidebar .brand-orbit{width:29px;height:29px;font-size:19px}.sidebar{padding-left:12px;padding-right:12px}}
@media(max-width:650px){.sidebar{position:relative;border-right:0;border-bottom:1px solid var(--brand-line);padding-top:17px}.sidebar .nav{flex-direction:row;gap:5px}.sidebar .nav button{min-height:36px}.sidebar .brand{font-size:20px}.sidebar>div:first-child>small{display:none}.login-form{margin:20px;width:calc(100% - 40px);padding:26px}.login-intro h1{letter-spacing:-1px}.client-identity-line{gap:8px}.client-identity-line>.order-client-inn-label{flex-basis:calc(100% - 115px)}.client-identity-line #order-client-list{flex:1}.individual-switch{padding:10px}.column-drag-label{min-height:36px}.card-document-row button{min-height:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Compact cards keep their data and grow naturally when photos are attached. */
.column-drag-label{min-height:18px;height:18px;padding:2px 12px;gap:5px}.column-drag-label .column-grip{font-size:17px;line-height:12px}.column-drag-arrow{font-size:14px}.column-header:not([data-column-drag]) .column-drag-label{display:none}
.card-open{padding:7px 9px 6px}.card h3{font-size:13px;line-height:1.25;margin:3px 0;display:block;-webkit-line-clamp:unset}.card p.card-client{font-size:11px;line-height:1.3;margin-bottom:4px}.card-heading{gap:5px}.card-heading .card-number,.card-heading .direction-label{font-size:10px}.card-badges{gap:4px;margin-top:4px}.card .price-badge,.card .badge{font-size:10px;padding:2px 5px}.card-bottom{font-size:10px;margin-top:4px}.card .avatar{width:18px;height:18px;font-size:10px}.card-delete{width:28px;height:28px;font-size:23px;border-radius:7px}.card-delete+.card-open .card-heading{padding-right:24px;min-height:20px}
.card-controls>button{min-height:29px;padding:5px 7px;font-size:11px}.card-works{margin:0 9px;padding:3px 0 0}.card-works>summary{font-size:11px;min-height:24px}.card-works>summary:before{font-size:16px}.card-works>summary span{font-size:10px;padding:1px 5px}.card-documents{margin:0 9px 4px}.card-documents>summary{font-size:11px;padding:6px 0}.card-work-row{padding:5px 0;gap:5px}.card-work-main>button,.card-work-main>span,.card-work-row>strong{font-size:11px}.card-work-main>small{font-size:10px;margin-top:2px}.card-work-row>.card-work-delete{flex-basis:24px;min-width:24px;min-height:24px;font-size:18px}.card-work-list{padding:1px 0 4px}.card-document-row{gap:5px}.card-document-row>a{font-size:11px}.card-document-row small{font-size:10px}.card-document-row button{min-height:26px}
.individual-switch:has(input:disabled){opacity:.55;cursor:not-allowed}
@media(max-width:650px){.card-controls>button{min-height:34px}.card-delete{width:32px;height:32px}}

.archive-change{overflow-wrap:anywhere;border-bottom:1px solid var(--brand-line);padding:10px 0}.archive-change td{font-size:12px;max-width:230px;overflow-wrap:anywhere}.settlement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.document-entry{flex-wrap:wrap}.document-entry>button{font-size:11px}.document-entry>a{flex-basis:50%}.card-document-row{flex-wrap:wrap}.card-document-row>a{flex:1 1 130px}.card-document-row>button{flex:0 0 auto}

/* Additional column colours use the same light surfaces. */
.column[data-color="red"]{--column-accent:#df404b;--column-wash:#fff0f1}
.column[data-color="coral"]{--column-accent:#ef7364;--column-wash:#fff2ee}
.column[data-color="peach"]{--column-accent:#dc9772;--column-wash:#fff4ec}
.column[data-color="amber"]{--column-accent:#db8a22;--column-wash:#fff5e5}
.column[data-color="lemon"]{--column-accent:#b6a91d;--column-wash:#fffde5}
.column[data-color="lime"]{--column-accent:#87aa28;--column-wash:#f5fbe5}
.column[data-color="emerald"]{--column-accent:#279460;--column-wash:#eaf8ef}
.column[data-color="mint"]{--column-accent:#65ad91;--column-wash:#edf9f3}
.column[data-color="teal"]{--column-accent:#287f83;--column-wash:#eaf5f5}
.column[data-color="sky"]{--column-accent:#59a6e4;--column-wash:#edf7ff}
.column[data-color="azure"]{--column-accent:#188ccc;--column-wash:#eaf6ff}
.column[data-color="indigo"]{--column-accent:#5255b6;--column-wash:#efeffc}
.column[data-color="lavender"]{--column-accent:#9a89ce;--column-wash:#f6f2ff}
.column[data-color="lilac"]{--column-accent:#b77bc6;--column-wash:#faf0fc}
.column[data-color="magenta"]{--column-accent:#ad4094;--column-wash:#fbedf7}
.column[data-color="fuchsia"]{--column-accent:#cb3e8b;--column-wash:#ffedf7}
.column[data-color="rose"]{--column-accent:#c88f9b;--column-wash:#fff2f4}
.column[data-color="burgundy"]{--column-accent:#973a58;--column-wash:#f8edf2}
.column[data-color="brown"]{--column-accent:#98735c;--column-wash:#f7f1ec}
.column[data-color="beige"]{--column-accent:#ad9b78;--column-wash:#faf6ee}
.column[data-color="olive"]{--column-accent:#858b44;--column-wash:#f4f6e9}
.column[data-color="steel"]{--column-accent:#537b94;--column-wash:#edf4f8}

.execution-progress{display:grid;gap:3px;padding:5px 9px;color:var(--brand-muted);font-size:11px;border-top:1px solid var(--brand-line)}.card-controls{flex-wrap:wrap}.card-controls .card-handoff{flex:1 1 100%;font-size:11px;background:var(--brand-blue-soft);color:var(--brand-blue)}.workspace-tabs{flex-wrap:wrap}

/* Execution approval and dated department boards. */
.board{scroll-snap-type:none;cursor:grab}.board-panning,.board-panning *{cursor:grabbing!important;user-select:none!important}.column-cards,.column .empty{cursor:grab}.column-work-date{display:block;margin-top:5px;font-size:11px;font-weight:500;color:var(--text-muted,#64748b)}
.execution-state{display:grid;gap:3px;padding:8px 10px;margin:0 8px 7px;border-radius:7px;font-size:12px;background:#edf7f5;color:#236658;border:1px solid #cce6df}.execution-state.pending{background:#fff6e7;border-color:#efd8aa;color:#8b6022}.execution-state.complete{background:#eaf8ec;color:#246037;border-color:#bedfc6}.execution-state small{font-size:11px}.card-controls .card-approve{color:#795513;background:#fff3d9}.card-controls .card-complete{color:#246237;background:#e9f7ed}.card .badge.execution-done{background:#e9f7ed;color:#246237}
.execution-approvals:empty{display:none}.execution-approvals{margin:0 0 18px;padding:14px;background:#fff9ef;border:1px solid #eeddbd;border-radius:10px}.execution-approvals h2{margin:0 0 10px;font-size:16px}.approval-list{display:grid;gap:8px;max-height:230px;overflow:auto}.approval-list article{display:flex;align-items:center;gap:14px;background:white;border:1px solid #eee3cf;padding:9px;border-radius:7px}.approval-list article>button:first-child{display:grid;gap:4px;text-align:left;flex:1;background:transparent;border:0}.approval-list small{display:block;color:#64748b}.approval-list article>span{font-size:12px;color:#64748b}
@media(max-width:650px){.approval-list article{flex-wrap:wrap;gap:8px}.approval-list article>button:first-child{flex-basis:100%}.approval-list .primary{margin-left:auto}}

.brand-name sup{font-size:11px;vertical-align:middle;background:var(--brand-violet-soft);color:var(--brand-violet);padding:2px 4px;border-radius:4px;margin-left:1px}.sidebar .brand{font-size:20px;gap:7px}.sidebar>div>small{display:block;line-height:1.45;margin-top:8px;font-size:11px}

.sidebar .brand{font-size:18px}.sidebar .brand-orbit{width:32px;height:32px;font-size:21px}

/* Shared work planning stays a light, read-only calendar. */
.planning-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 14px}
.planning-heading h2{font-size:21px;margin:5px 0}.planning-heading p{margin:6px 0}
.planning-board{height:auto;min-height:320px;padding-bottom:16px;align-items:stretch}
.planning-day{min-width:270px;max-width:300px;flex:0 0 280px;height:auto}
.planning-day>.column-header{min-height:88px}.planning-day h3{margin:6px 0}
.planning-lane{padding:12px;border-top:1px solid #dfe6f3;min-height:120px}
.planning-lane h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;color:#32476a}
.planning-card{background:#fff;border:1px solid #dfe6f3;border-left:3px solid #43b9d0;border-radius:12px;margin:8px 0;box-shadow:0 3px 10px #20315706}
.planning-card>button{display:flex;align-items:flex-start;flex-direction:column;gap:6px;width:100%;padding:12px;background:transparent;border:0;text-align:left}
.planning-card small{color:#697b93}.planning-card strong{font-size:14px;overflow-wrap:anywhere}.planning-card span{font-size:12px}
.planning-unassigned .planning-lane{display:inline-block;vertical-align:top;width:49%;box-sizing:border-box}
.order-actions{display:flex;gap:8px;margin-bottom:16px}.measurement-summary{margin-bottom:16px}.measurement-summary button{margin-right:6px}
@media(max-width:700px){.planning-heading{align-items:flex-start}.planning-heading h2{font-size:18px}.planning-unassigned .planning-lane{display:block;width:100%}}

/* Customer identity and compact order controls. */
.masterrek-brand{height:auto!important;justify-content:center}.masterrek-brand img{display:block;width:132px;height:132px;background:#091022;border-radius:18px;object-fit:contain}.login .masterrek-brand{justify-content:flex-start}.login .masterrek-brand img{width:160px;height:160px}
.client-name-grid,.client-bank-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.client-name-grid label{display:flex;flex-direction:column;gap:8px}.client-name-grid input[readonly]{background:#eef2f8;color:#536581}.client-bank-fields{margin-top:16px;padding:12px 0;border-top:1px solid var(--brand-line)}.client-bank-fields summary{font-weight:600;cursor:pointer}.client-bank-grid{margin:14px 0}.client-bank-fields small{color:#687b97}
.card-actions.card-controls{display:block;padding:0}.card-actions>summary{display:flex;justify-content:space-between;padding:8px 10px;cursor:pointer;font-weight:600;background:#f6f8fd;color:#415c80}.card-actions>summary::after{content:'▾'}.order-action-buttons{display:flex;flex-wrap:wrap;gap:6px;padding:10px}.order-action-buttons button{flex:1 1 150px;font-size:12px;padding:8px}.order-action-buttons small{color:#71809a}
.card-deadlines{border-top:1px solid var(--brand-line);font-size:12px}.card-deadlines>summary{padding:8px 10px;cursor:pointer;font-weight:600;color:#465c7d}.card-deadlines>summary span{float:right;font-size:11px}.card-deadlines>div{padding:0 10px 10px}.deadline-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,1fr);gap:9px 14px;font-size:13px}.deadline-list dt{color:#687993;overflow-wrap:anywhere}.deadline-list dd{margin:0}.column-trash-hint{font-size:11px;margin:5px 0;color:#865e79}
.calculator-category{border:1px solid var(--brand-line);border-top:3px solid var(--brand-violet);border-radius:10px;background:white}.calculator-category summary{list-style:none;font-size:18px;font-weight:700;padding:20px;cursor:pointer}.calculator-category summary::after{content:'▾';float:right}.calculator-category summary span{display:block;font-size:12px;font-weight:400;color:#6f7d94;margin-top:7px}.calculator-category>div{padding:0 14px 14px;display:flex;flex-direction:column;gap:8px}.calculator-category>div button{text-align:left;min-height:46px;padding:12px}

[data-board-pan],.planning-heading{cursor:grab;user-select:none}.planning-heading{margin-top:18px}.board-top{margin-bottom:10px}.workspace-tabs{margin-bottom:14px}
@media(max-width:700px){.client-name-grid,.client-bank-grid{grid-template-columns:1fr}.masterrek-brand img{width:66px;height:66px}.calculator-category summary{padding:16px}}

/* Board controls above the order columns. */
.shared-work-page{padding-top:16px}
.work-board-header{display:grid;gap:8px;margin-bottom:10px;min-width:0}
.work-header-tools,.work-header-title{display:flex;align-items:center;gap:12px;min-width:0}
.work-board-header .page-navigation{margin:0;gap:6px;flex:none;flex-wrap:nowrap}
.work-board-header button,.work-board-header input{font-size:13px;padding:7px 10px;min-height:34px}
.work-header-tools .board-toolbar{flex:1 1 360px;flex-wrap:nowrap;gap:8px;margin:0;min-width:180px}
.work-header-tools #search{min-width:0;max-width:none;flex:1}
.work-header-tools .reminders{flex:0 1 290px;min-width:180px;height:34px;margin:0;position:relative}
.work-header-tools .reminders details{padding:8px 10px;font-size:11px}
.work-header-tools .reminders summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-header-tools .reminders details[open]{position:absolute;inset:0 0 auto auto;z-index:8;width:max(100%,340px);max-height:60dvh;overflow-y:auto;background:white;border:1px solid var(--brand-line);border-radius:8px;box-shadow:0 8px 28px #24324a20}
.work-header-tools .reminders details[open] summary{white-space:normal}
.work-header-title .board-title{margin-right:auto;min-width:0}
.work-header-title .eyebrow{font-size:9px;letter-spacing:1px}
.work-header-title h1{font-size:23px;line-height:1.2;margin:3px 0 0;letter-spacing:-.5px}
.work-header-title .board-totals{flex:none;margin:0;gap:14px;font-size:12px}
.work-header-title .board-actions{flex:none}
.work-header-title .execution-approvals{position:relative;flex:0 1 260px;margin:0;padding:8px 10px;font-size:11px}
.work-header-title .execution-approvals summary{cursor:pointer;font-weight:600;min-height:28px;line-height:14px}
.work-header-title .execution-approvals details[open] .approval-list{position:absolute;top:100%;right:0;z-index:7;width:440px;max-width:70vw;max-height:55dvh;margin-top:5px;padding:8px;background:#fff9ef;border:1px solid #eeddbd;border-radius:10px;box-shadow:0 8px 28px #24324a20}
.work-header-title .approval-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}
.work-header-title .approval-list article>button:first-child{grid-column:1/-1;min-width:0;padding:4px}
.work-header-title .approval-list article>span{grid-column:1/-1}
.work-header-title .approval-list .primary{margin-left:0}
.work-board-header .workspace-tabs{gap:6px;margin:0;flex-wrap:wrap}
.work-preparation-heading{margin:10px 0 12px;gap:8px}
.work-preparation-heading>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.work-preparation-heading .eyebrow{font-size:10px;letter-spacing:1px}
.work-preparation-heading h2{font-size:18px;line-height:1.3;margin:0}
@media(max-width:1150px){
 .work-header-tools{flex-wrap:wrap;gap:8px}
 .work-header-tools .board-toolbar{flex-basis:320px}
 .work-header-tools .reminders{flex-basis:240px;min-width:160px}
 .work-header-title{flex-wrap:wrap;gap:8px 12px}
 .work-header-title .board-totals{flex-wrap:wrap;margin-left:auto}
}
@media(max-width:700px){
 .shared-work-page{padding-top:12px}
 .work-header-tools .board-toolbar{flex-basis:100%;min-width:0}
 .work-header-tools .reminders{flex:1;min-width:0}
 .work-header-tools .reminders details[open]{width:min(340px,calc(100vw - 24px))}
 .work-header-title .board-title{flex:1 1 100%}
 .work-header-title .board-totals{font-size:11px;gap:10px;margin:0;flex:1}
 .work-header-title .board-actions{margin-left:auto}
 .work-header-title .execution-approvals{flex-basis:100%}
 .work-header-title .execution-approvals details[open] .approval-list{width:100%;max-width:none}
 .work-board-header .workspace-tabs button{flex:1 1 auto;min-height:38px;font-size:12px}
 .work-preparation-heading h2{font-size:16px}

}

/* Order conversation: a side panel with a persistent message composer. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#project-dialog{inset:0 0 0 auto;width:min(620px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--brand-line);border-radius:0;background:#fff;overflow:hidden;box-shadow:-14px 0 50px #24324a20}
#project-dialog::backdrop{background:#23355735;backdrop-filter:blur(1px)}
#project-content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
#project-dialog .drawer-windowbar{position:static;flex:none;padding:8px 16px;margin:0;background:#fff;border-bottom:1px solid var(--brand-line)}
#project-dialog .drawer-windowbar #back{min-height:36px;padding:6px 0;border:0;background:transparent;color:var(--brand-blue);font-size:13px}
#project-dialog .window-close{width:36px;height:36px;min-height:36px;padding:0;border:0;background:#fff}
#project-dialog .topbar{flex:none;align-items:flex-start;margin:0;padding:14px 18px 10px;background:#fff;gap:12px}
#project-dialog .topbar>div{min-width:0;flex:1}
#project-dialog .topbar h1{font-size:21px;line-height:1.35;letter-spacing:-.35px;margin:5px 0;overflow-wrap:anywhere}
#project-dialog .topbar .eyebrow{font-size:10px;letter-spacing:.6px;line-height:1.5;overflow-wrap:anywhere}
#project-dialog .topbar>button{flex:none;font-size:12px;padding:8px 10px}
#project-dialog .order-tabs{position:static;flex:none;min-height:48px;margin:0;padding:0 10px;background:#fff;border-bottom:1px solid var(--brand-line);gap:1px;scrollbar-width:thin}
#project-dialog .order-tabs button{min-height:46px;padding:10px 12px;border:0;border-bottom:3px solid transparent;border-radius:0;font-size:12px;color:var(--brand-muted);background:transparent}
#project-dialog .order-tabs [aria-selected=true]{color:var(--brand-blue);border-bottom-color:var(--brand-blue);background:var(--brand-blue-soft)}
#project-dialog [role=tabpanel]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;margin:0;border:0;border-radius:0;scrollbar-width:thin}
#project-dialog [role=tabpanel]>.panel{padding:16px;margin-bottom:14px}
#project-dialog #tab-chat{display:flex;flex-direction:column;overflow:hidden;padding:0;background:var(--brand-canvas)}
#project-dialog .chat-feed{position:relative;flex:1;min-height:0;max-height:none;padding:18px;overflow-y:auto;background-color:#f7f9fe;background-image:radial-gradient(#8253d612 1px,transparent 1px);background-size:18px 18px}
.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center;color:var(--brand-muted);padding:25px 10px}
.chat-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--brand-violet-soft);color:var(--brand-violet);font-size:28px;margin-bottom:12px}
.chat-empty strong{font-size:16px;color:var(--brand-ink)}.chat-empty p{font-size:13px;margin:7px 0;line-height:1.6}
.chat-day{text-align:center;clear:both;padding:4px 0 16px}.chat-day span{display:inline-block;padding:4px 10px;border-radius:20px;background:#eaf0fa;color:var(--brand-muted);font-size:10px}
#project-dialog .chat-message{max-width:92%;margin:0 auto 12px 0;padding:11px 13px;border:1px solid var(--brand-line);border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 2px 5px #233e6305;font-size:13px;line-height:1.5}
#project-dialog .chat-message.own{margin-left:auto;margin-right:0;border-color:#d8e5fb;border-radius:12px 12px 3px 12px;background:#edf4ff}
.chat-message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:10px;line-height:1.5}
.chat-message-meta strong{color:var(--brand-violet);overflow-wrap:anywhere}.chat-message.own .chat-message-meta strong{color:var(--brand-blue)}.chat-message-meta time{color:var(--brand-muted);font-size:9px;white-space:nowrap}
.chat-private{display:block;font-size:10px;color:var(--brand-muted);margin-top:4px}
#project-dialog .chat-message p{margin:5px 0 0;line-height:1.55}.chat-message .photos{gap:6px;margin:8px 0 0}.chat-message .photos a{max-width:100%}.chat-message .photos img{max-width:100%;width:180px;height:132px;object-fit:contain}
#project-dialog .chat-composer{flex:none;border:0;border-top:1px solid var(--brand-line);border-radius:0;background:#fff;margin:0;padding:10px 14px max(10px,env(safe-area-inset-bottom))}
.chat-input-row{display:flex;align-items:flex-end;gap:8px}
#project-dialog .chat-input{flex:1;min-width:0}
#project-dialog .chat-input textarea{display:block;min-height:42px;max-height:140px;resize:none;border-radius:13px;padding:11px 12px;background:#f6f8fd;line-height:20px;font-size:13px;font-weight:400}
#project-dialog .chat-attach{flex:none;display:grid;place-items:center;width:36px;height:42px;min-height:42px;padding:0;border:0;background:#fff;font-size:20px;border-radius:10px}
#project-dialog .chat-send{flex:none;width:42px;height:42px;min-height:42px;padding:0;border-radius:13px;font-size:25px;font-weight:500}
.chat-composer #chat-error{font-size:12px;margin:6px 0 0}.chat-composer #chat-error:empty{display:none}
.chat-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;font-size:10px;color:var(--brand-muted)}
.chat-people{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.chat-people>span:first-child{margin-right:4px}
.chat-person{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand-violet-soft);color:var(--brand-violet);font-size:10px;border:1px solid #e6dcf8}
.chat-person:nth-child(2n){background:var(--brand-gold-soft);color:#8b6817;border-color:#f4e3ac}.chat-person:nth-child(3n){background:var(--brand-blue-soft);color:var(--brand-blue);border-color:#d5e3fb}
.chat-help{position:relative;flex:none}.chat-help summary{cursor:pointer;min-height:24px;display:flex;align-items:center;color:var(--brand-blue)}
.chat-help p{position:absolute;bottom:25px;right:0;z-index:5;width:250px;padding:12px;background:#fff;border:1px solid var(--brand-line);border-radius:10px;box-shadow:0 4px 16px #24324a20;line-height:1.6;font-size:12px}
#project-dialog .chat-attachments{margin:0 0 10px;gap:9px}.chat-attachments img{width:80px;height:65px}.chat-readonly{flex:none;padding:12px 18px;margin:0;border-top:1px solid var(--brand-line);font-size:12px;background:#fff}
#project-dialog .client-requisites{font-size:13px;grid-template-columns:minmax(120px,1fr) minmax(0,1.6fr)}
.card .card-work-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;line-height:1.45;font-size:11px;color:var(--brand-muted);margin:4px 0 0}
#project-dialog #drawer-status:not(:empty){position:absolute;top:auto;bottom:105px;left:16px;right:16px;z-index:8;padding:10px 12px;background:var(--brand-blue);color:#fff;font-size:12px;box-shadow:0 5px 20px #24324a20}
@media(max-width:650px){
 #project-dialog{width:100vw;border-left:0}
 #project-dialog .drawer-windowbar{padding-top:max(8px,env(safe-area-inset-top))}
 #project-dialog .topbar{padding:11px 12px 7px}#project-dialog .topbar h1{font-size:18px}
 #project-dialog .topbar>button{font-size:11px;padding:7px}
 #project-dialog .order-tabs{padding:0 4px}#project-dialog .order-tabs button{font-size:12px;padding:8px 10px}
 #project-dialog [role=tabpanel]{padding:12px}#project-dialog .chat-feed{padding:12px}
 #project-dialog .chat-message{max-width:96%}#project-dialog .chat-composer{padding-left:8px;padding-right:8px}
 #project-dialog .client-requisites{grid-template-columns:1fr;gap:4px}#project-dialog .client-requisites dd{margin-bottom:10px}
 .chat-message-meta{gap:10px}.chat-message-meta time{font-size:8px}
}

.chat-attach svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* All operational tabs share the same compact header. */
.compact-board-page{padding-top:16px}
.work-header-tools .board-toolbar{margin-left:auto}
.work-header-title{min-height:36px}
.work-board-header .workspace-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.work-board-header .workspace-tabs button{flex:0 0 auto;white-space:nowrap}
.work-header-tools .reminders:empty{display:none}
.calculation-approval{display:flex;align-items:center;gap:6px;padding:7px 10px;margin:0 10px 8px;border:1px solid transparent;border-radius:7px;font-size:11px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.calculation-approval.approved{background:#e6f7ec;color:#18733e;border-color:#b8e6c9;font-weight:700}
.calculation-approval.approved:hover{background:#d7f0e0;border-color:#8fd2a8}
.calculation-approval.pending{background:#fff8e5;color:#896516;border-color:#f0dfaa}
.calculation-approval.changed{background:#fff0f0;color:#a74343;border-color:#efd0d0}
.calculation-approval.self-approved{background:#f5f1ff;color:#62429a;border-color:#ded3f3;flex-wrap:wrap}
.calculation-approval.self-approved input{width:14px;height:14px;margin:0;accent-color:#8253d6;opacity:1}
.calculation-approval.self-approved small{flex-basis:100%;font-size:10px;padding-left:20px}
#project-content>.calculation-approval{flex:none;margin:0 18px 10px;align-self:flex-start}
.order-action-buttons>.send-work-menu{flex:1 1 100%;min-width:0;border:1px solid #bfd1f3;border-radius:8px;background:#fff}
.send-work-menu>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:10px 12px;border-radius:7px;list-style:none;cursor:pointer;background:var(--brand-blue);color:#fff;font-weight:650;font-size:13px}
.send-work-menu>summary::-webkit-details-marker{display:none}
.send-work-menu[open]>summary{border-radius:7px 7px 0 0}
.release-options{padding:10px;display:grid;gap:6px;background:#f7faff;border-radius:0 0 7px 7px}
.release-consent{display:flex;align-items:flex-start;gap:8px;padding:4px 0 8px;font-size:12px;line-height:1.5;font-weight:650;color:var(--brand-ink)}
.release-consent input{width:17px;height:17px;flex:none;margin:2px 0 0}
.release-consent small{display:block;margin-top:3px;font-size:10px;font-weight:400;line-height:1.5;color:var(--brand-muted)}
.release-options>button{display:block;width:100%;padding:9px 10px;border:1px solid var(--brand-line);border-radius:6px;text-align:left;background:#fff;color:var(--brand-blue);font-size:12px}
.release-options>button:disabled{cursor:not-allowed;opacity:.45}
.release-options>button:hover:not(:disabled){background:var(--brand-blue-soft);border-color:#b5caee}
.release-error{font-size:11px;margin:4px 0 0}.release-error:empty{display:none}
.release-options[popover]{position:fixed;inset:auto;margin:0;border:1px solid #c8d7ef;border-radius:9px;padding:12px;max-height:calc(100dvh - 24px);overflow-y:auto;box-shadow:0 10px 35px #24324a26;font:inherit;color:var(--brand-ink)}
.release-options[popover]:not(:popover-open){display:none}
.review-board{height:calc(100dvh - 205px);min-height:440px}
.review-column>.column-header{padding:12px}.review-column .column-head{margin:0;min-height:40px;align-items:center}
.review-card .card-open>small{display:block;font-size:10px;color:var(--brand-muted)}
.review-card-actions{display:flex;gap:6px;flex-wrap:wrap;padding:0 10px 10px}.review-card-actions button{flex:1;font-size:11px;padding:7px}
.review-notice{padding:12px 14px;border-radius:8px;background:var(--brand-blue-soft);font-size:13px;line-height:1.6;margin:0 0 12px}
.review-notice.changed{background:#fff0f0;color:#9c3d3d}
.review-work{border:1px solid var(--brand-line);border-radius:10px;padding:14px;margin:12px 0;background:#fff}
.review-work h3{margin:0;font-size:15px}.review-work>.row{align-items:flex-start;gap:12px}.review-work>.row>strong{white-space:nowrap}
.review-work p{font-size:13px;line-height:1.6;margin:9px 0}.review-work details{font-size:12px;margin:8px 0}.review-work summary{cursor:pointer;min-height:30px}
.review-total{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;font-size:17px;border-top:1px solid var(--brand-line)}
@media(max-width:700px){.compact-board-page{padding-top:12px}.work-board-header .workspace-tabs button{flex:0 0 auto}.review-board{height:calc(100dvh - 280px)}.review-work>.row{flex-wrap:wrap}}
@media(max-width:700px){
 .work-header-title{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 .work-header-title .board-title{grid-row:1;margin:0;width:100%}
 .work-header-title .board-totals{grid-row:2;margin:0;min-height:24px;height:24px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;gap:12px;font-size:11px;scrollbar-width:thin}
 .work-header-title .board-totals>span{flex:none;white-space:nowrap}
 .work-header-title .board-actions{grid-row:3;min-height:34px;margin:0;justify-content:flex-end}
 .work-header-title .execution-approvals{grid-row:4}
}
@media(max-width:650px){
 .sidebar .nav{flex-direction:row;flex-wrap:nowrap;gap:4px;overflow-x:auto;overflow-y:hidden;min-width:0;max-width:100%}
 .sidebar .nav button{flex:none;white-space:nowrap;width:auto;font-size:12px;min-height:34px;padding:7px 9px}
 .sidebar>div:first-child>small{display:none}
}

/* 0.17 — personal plans and workshop breakdown */
.task-card{border-left:4px solid var(--task-accent,#2864e7);position:relative}.task-card .card-open{padding:10px;width:100%;text-align:left}.task-card .card-open h3{margin:8px 0}.task-card .task-preview{margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.task-done{background:#f2fbf5}.task-complete,button.card-complete{background:#e8f8ee;color:#207446;border:1px solid #9dd4b0;font-weight:650}.task-complete:hover,button.card-complete:hover{background:#d5f1df}.task-card>.task-complete{margin:0 10px 10px;width:calc(100% - 20px);padding:7px}.task-welcome{max-width:720px;margin-top:20px}.task-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.task-dialog-head h2{margin:6px 0}.task-dialog-head button{font-size:22px;padding:3px 10px}.task-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.task-photo-row{display:flex;gap:12px;justify-content:space-between;padding:8px 0;align-items:center}.task-photo-row a{overflow-wrap:anywhere}.personal-board .column{min-height:400px}.personal-board .column-header{cursor:grab}.personal-board .column-header:active{cursor:grabbing}#task-dialog{width:min(680px,96vw);padding:20px;max-height:94dvh}#task-dialog .workspace-tabs{margin-bottom:12px}#task-dialog .chat-feed{max-height:45dvh;min-height:180px;overflow:auto}#task-dialog .chat-composer{position:static}#task-dialog .chat-footer{font-size:12px}.task-chat{display:block}#task-dialog .chat-input textarea{min-height:44px}#task-photo-tools{margin-top:12px}#task-dialog:has(#photo-viewer[open]){overflow:hidden}@media(max-width:650px){#task-dialog{width:100vw;max-width:none;max-height:100dvh;border-radius:0}.task-dialog-actions button{padding:8px}.personal-board{min-height:420px}}

.task-card[data-task-color="sand"]{--task-accent:#d6ab40}.task-card[data-task-color="purple"]{--task-accent:#8456ed}.task-card[data-task-color="blue"]{--task-accent:#2864e7}.task-card[data-task-color="cyan"]{--task-accent:#10a9d5}.task-card[data-task-color="orange"]{--task-accent:#e842b6}.task-card[data-task-color="green"]{--task-accent:#16a49c}.task-card[data-task-color="slate"]{--task-accent:#8290a9}.task-card[data-task-color="red"]{--task-accent:#df404b}.task-card[data-task-color="coral"]{--task-accent:#ef7364}.task-card[data-task-color="peach"]{--task-accent:#dc9772}.task-card[data-task-color="amber"]{--task-accent:#db8a22}.task-card[data-task-color="lemon"]{--task-accent:#b6a91d}.task-card[data-task-color="lime"]{--task-accent:#87aa28}.task-card[data-task-color="emerald"]{--task-accent:#279460}.task-card[data-task-color="mint"]{--task-accent:#65ad91}.task-card[data-task-color="teal"]{--task-accent:#287f83}.task-card[data-task-color="sky"]{--task-accent:#59a6e4}.task-card[data-task-color="azure"]{--task-accent:#188ccc}.task-card[data-task-color="indigo"]{--task-accent:#5255b6}.task-card[data-task-color="lavender"]{--task-accent:#9a89ce}.task-card[data-task-color="lilac"]{--task-accent:#b77bc6}.task-card[data-task-color="magenta"]{--task-accent:#ad4094}.task-card[data-task-color="fuchsia"]{--task-accent:#cb3e8b}.task-card[data-task-color="rose"]{--task-accent:#c88f9b}.task-card[data-task-color="burgundy"]{--task-accent:#973a58}.task-card[data-task-color="brown"]{--task-accent:#98735c}.task-card[data-task-color="beige"]{--task-accent:#ad9b78}.task-card[data-task-color="olive"]{--task-accent:#858b44}.task-card[data-task-color="steel"]{--task-accent:#537b94}

#task-dialog .chat-input{flex:1;min-width:0}#task-dialog .chat-input textarea{width:100%;max-height:140px}#task-dialog .chat-attach{flex:none;width:36px;padding:0;border:0;display:grid;place-items:center}#task-dialog .chat-message.own{margin-left:auto;margin-right:0;border-color:#d8e5fb;border-radius:12px 12px 3px 12px;background:#edf4ff}#task-dialog .chat-send{flex:none;width:42px;height:42px;padding:0}#task-dialog .chat-feed{background:#f7f9fe;padding:12px;border-radius:10px}.order-photo-tools{padding:10px 14px;background:#fff;border-top:1px solid var(--brand-line)}

/* 0.18 documentation */
.documentation-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin:16px 0}.documentation-template{margin:0;display:flex;flex-direction:column;gap:8px}.documentation-template h2{margin:0}.documentation-template p{margin:0 0 8px}.documentation-template .board-actions{margin-top:auto;flex-wrap:wrap}.documentation-issuers{display:grid;gap:16px}.documentation-issuers>article{border:1px solid var(--brand-line);border-radius:12px;padding:16px}.issuer-visuals{display:flex;gap:24px;flex-wrap:wrap;margin-top:14px}.issuer-visuals>section{width:240px;display:grid;gap:8px}.issuer-visuals img{width:180px;height:110px;object-fit:contain;border:1px solid var(--brand-line);background:#fff;border-radius:8px}.contract-template-editor{min-height:320px;font-size:13px;line-height:1.6}.documentation-forms .button{display:inline-block;padding:9px 12px;border:1px solid var(--brand-line);border-radius:8px;text-decoration:none;background:white}.regulatory-note p{font-size:13px}.regulatory-note a{overflow-wrap:anywhere}@media(max-width:650px){.documentation-forms{grid-template-columns:1fr}.issuer-visuals>section{width:100%}}

/* Inline task and column creation. */
.quick-create{display:grid;gap:10px;margin:10px 0;padding:12px;background:#fff;border:1px solid var(--brand-line);border-radius:12px;text-align:left;cursor:default}
.quick-create input{box-sizing:border-box;width:100%;min-width:0;font-size:15px}
.quick-create-actions{display:flex;gap:8px;flex-wrap:wrap}
.quick-create-actions button{min-height:36px;padding:7px 12px;font-size:13px}
.quick-create .error{margin:0;font-size:13px}
.column-create .quick-create{width:280px;max-width:100%}
.column-create .quick-create-actions button{width:auto;min-height:36px;border-style:solid;font-size:13px}
.task-subtasks{padding:0 14px 10px;text-align:left}
.task-subtasks:empty{display:none}
.task-subtasks summary{padding:5px 0;font-size:13px;font-weight:600;cursor:pointer}
.subtask-list{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:7px}
.subtask-list li{display:flex;align-items:flex-start;gap:6px}
.subtask-list label{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0;font-size:14px;font-weight:400;line-height:1.4}
.subtask-list input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:var(--brand-blue)}
.subtask-list span{overflow-wrap:anywhere}
.subtask-list .subtask-done span{text-decoration:line-through;opacity:.65}
.subtask-list li>button{padding:0 6px;min-height:24px;border:0;background:transparent;color:var(--muted,#718096);font-size:18px}
.task-subtasks .add-subtask{border:0;background:transparent;color:var(--brand-blue);padding:5px 0;font-size:13px}
#task-dialog>.task-subtasks,#task-dialog>section:has(>.task-subtasks){margin-bottom:12px}

/* Compact boards at desktop scale, with readable forms on phones. */
body{font-size:14px}.shell{grid-template-columns:184px minmax(0,1fr)}.main{padding:16px 18px}.sidebar{padding:22px 14px;gap:24px}.sidebar .nav{gap:3px}.nav button{font-size:13px;padding:9px 11px}.nav-label{margin:14px 10px 4px;font-size:10px}.sidebar .brand img{width:110px;height:110px}.sidebar small{font-size:11px}
.board{gap:10px;padding-bottom:10px}.board .column{flex:0 0 294px;width:294px;min-width:294px;border-radius:9px}.board .column-header{border-radius:9px 9px 0 0}.column-head{gap:6px;margin:0;padding:9px 11px 5px}.column-head h2{font-size:14px;line-height:1.3;letter-spacing:0;margin:0}.column-work-date{font-size:10px;margin-top:4px}.column-drag-label{min-height:12px;height:12px;font-size:11px;padding:0 9px}.column-head .count{font-size:10px;padding:1px 5px}.column-menu,.column-head>button{min-width:22px;padding:1px 5px;min-height:24px}.add-in-column{font-size:12px;padding:5px 11px 8px}.column-cards{padding:7px}.column-sum{font-size:11px;padding:2px 11px 6px}.board .column-create{flex:0 0 294px}.column-create>button{min-height:38px;font-size:13px}.board .empty{font-size:11px;padding:12px 8px}.board .card{border-radius:7px;margin-bottom:7px}.board .card-open{padding:8px 10px}.board .card h3{font-size:13px;line-height:1.4;margin:3px 0 5px}.board .card small,.board .card-client,.board .card p{font-size:11px}.board .card-client{margin:0 0 5px}.card-number,.direction-label,.board .card-bottom{font-size:10px}.board .card-bottom{padding-top:4px}.board .avatar{width:20px;height:20px;font-size:10px}.board .card-gallery{height:96px}.board .card-badges .badge,.board .price-badge{font-size:10px;padding:2px 5px}.board .card-delete{width:22px;height:22px;padding:0;font-size:17px}.board .card-works>summary,.board .card-documents>summary,.board .card-deadlines>summary,.board .card-actions>summary{padding:6px 10px;font-size:11px}.board .execution-state,.board .execution-progress,.board .calculation-approval{margin:3px 9px;padding:5px 7px;font-size:10px}.board .execution-state strong,.board .execution-state span,.board .execution-state small{font-size:10px}.board .card-controls button{font-size:11px;min-height:30px;padding:6px 9px}.work-header-title h1{font-size:22px;margin:3px 0}.work-board-header{margin-bottom:10px}.work-header-tools .toolbar{gap:8px}.work-header-tools input,.work-header-tools button{font-size:12px;min-height:32px;padding:7px 10px}.workspace-tabs{gap:5px}.workspace-tabs button{font-size:12px;padding:7px 9px}.board-totals{font-size:11px}.footnote{font-size:11px;margin-top:8px}
.quick-create{position:relative;gap:5px;padding:8px;margin:4px 7px 8px;border-radius:7px}.quick-create input{padding:7px 49px 7px 8px;font-size:12px;min-height:34px}.quick-create-actions{position:absolute;right:12px;top:11px;gap:3px}.quick-create-actions button,.column-create .quick-create-actions button{width:22px;min-height:24px;height:24px;padding:0;border:0;font-size:15px;background:transparent;color:var(--brand-blue);box-shadow:none}.quick-create-actions button:last-child{color:var(--brand-muted)}.quick-create .error{font-size:11px;line-height:1.3}.column-create .quick-create{width:auto}.task-card-heading{display:flex;gap:7px;align-items:flex-start;padding:8px 9px}.task-card-heading>input{margin:3px 0 0;width:15px;height:15px;flex:0 0 15px;cursor:pointer}.task-card-heading .card-open{padding:0!important;min-width:0;flex:1;background:transparent!important;border:0;box-shadow:none}.task-card-heading .card-open h3{margin:1px 0!important;font-size:13px!important;font-weight:500;line-height:1.4}.task-card{padding:0;border-left-width:3px}.task-assignee,.task-order{display:block;font-size:10px;padding:0 9px 5px;color:var(--brand-muted)}.task-card .task-preview{padding:0 9px;margin:0 0 5px;font-size:11px;-webkit-line-clamp:2}.task-done .task-card-heading h3{text-decoration:line-through;color:var(--brand-muted)}.task-subtasks{padding:0 9px 6px}.task-subtasks summary{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:10px;color:var(--brand-muted)}.subtask-progress{flex:1;display:block}.subtask-progress progress{display:block;width:100%;height:5px;border:0;accent-color:var(--brand-blue)}.subtask-list{position:relative;padding-left:9px;margin:5px 0;gap:6px;border-left:1px solid #9bbcf0}.subtask-list .subtask-card{display:block;min-height:48px;border:1px solid var(--brand-line);background:#f8faff;border-radius:6px;padding:7px}.subtask-heading{display:flex;gap:4px;align-items:flex-start}.subtask-list label{font-size:12px;line-height:1.35;gap:6px}.subtask-list input[type=checkbox]{width:14px;height:14px;flex-basis:14px;margin-top:1px}.subtask-heading>button{border:0;padding:0;background:transparent;color:var(--brand-muted);font-size:15px;line-height:18px}.task-subtasks .add-subtask{font-size:11px;padding:4px 0}.subtask-card .card-gallery{height:80px!important;margin:5px -3px -3px}.card-add-work{border:0;background:transparent;color:var(--brand-blue);font-size:11px;padding:6px 0}.image-drop-target{outline:2px dashed var(--brand-blue)!important;outline-offset:-3px;background-color:#edf4ff!important}.image-drop-target[aria-busy=true]{opacity:.65}
.personal-nav{position:relative;display:flex;gap:2px;align-items:center}.personal-nav>button{flex:1}.personal-page-menu>summary{list-style:none;cursor:pointer;padding:8px;font-size:18px;color:var(--brand-blue);border-radius:7px}.personal-page-menu[open]>summary{background:var(--brand-blue-soft)}.personal-page-menu>div{position:absolute;z-index:85;top:100%;left:0;width:250px;padding:7px;background:#fff;border:1px solid var(--brand-line);border-radius:9px;box-shadow:0 12px 32px #24324a24}.personal-page-menu>div>button{display:block;width:100%;white-space:normal;overflow-wrap:anywhere}.personal-page-menu .quick-create{margin:5px 0}.personal-page-menu .quick-create input{width:100%}.task-welcome{padding:18px}.task-welcome h2{font-size:18px}
@media(min-width:1000px){.board .column{min-height:calc(100dvh - 176px)}}
@media(max-width:650px){body{font-size:14px}.shell{display:block}.main{padding:12px}.sidebar{padding:12px}.sidebar .brand img{width:56px;height:56px}.sidebar .nav{overflow:visible}.personal-nav{flex-shrink:0}.personal-page-menu>div{left:0;width:240px}.board .column{flex-basis:min(294px,85vw);width:min(294px,85vw);min-width:min(294px,85vw)}.board .column-create{flex-basis:min(294px,85vw)}.board .column-drag-label{min-height:20px;height:20px}.board .card h3{font-size:14px}.quick-create input{font-size:16px}.workspace-tabs button{min-height:34px}.personal-nav>button{min-height:36px}.subtask-list label{font-size:13px}.task-card-heading>input,.subtask-list input[type=checkbox]{width:18px;height:18px;flex-basis:18px}.task-card-heading .card-open h3{font-size:14px!important}}

@media(max-width:650px){.sidebar .nav{overflow-x:auto;overflow-y:visible}.personal-page-menu>div{position:fixed;top:112px;left:12px;max-height:65dvh;overflow:auto}}

.work-header-title .board-actions:empty,.work-header-title .execution-approvals:empty{display:none}

/* Personal planner and shared compact navigation for every role. */
.sidebar .nav .sidebar-group{min-width:0;flex:none;margin:1px 0;border:0}.sidebar-group>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;min-height:36px;padding:8px 10px;border-radius:7px;color:var(--brand-ink);font-size:12px;font-weight:600;line-height:1.35}.sidebar-group>summary::-webkit-details-marker{display:none}.sidebar-group>summary::after{content:'⌄';flex:none;color:var(--brand-muted);font-size:15px;line-height:1;transition:transform .15s}.sidebar-group[open]>summary::after{transform:rotate(180deg)}.sidebar-group>summary:hover,.sidebar-group[open]>summary{background:#f4f7fc}.sidebar-group>summary:focus-visible{outline:2px solid var(--brand-blue);outline-offset:1px}.sidebar-group-items{display:flex;flex-direction:column;gap:2px;padding:3px 0 5px 6px;border-left:1px solid var(--brand-line);margin:0 0 2px 9px}.sidebar .nav .sidebar-group-items>button{display:block;white-space:normal;width:100%;min-width:0;min-height:32px;padding:7px 8px;text-align:left;font-size:12px;line-height:1.4;border-radius:6px}.sidebar-group-items>button>small{display:block;font-size:10px;line-height:1.35;margin-top:2px;color:var(--brand-muted)}
.personal-nav{flex-wrap:wrap;gap:1px;align-items:center}.personal-nav>[data-view=tasks]{min-width:0;flex:1 1 102px;padding-left:9px;padding-right:4px}.sidebar .nav .personal-page-add{flex:0 0 25px;width:25px;min-width:25px;min-height:30px;padding:1px 0;font-size:21px;line-height:1;color:var(--brand-blue);font-weight:500}.personal-page-menu>summary{padding:5px;min-width:18px;font-size:16px;line-height:24px;text-align:center}.personal-nav>.quick-create{flex:1 0 100%;margin:4px 0 6px;width:100%;max-width:100%;box-sizing:border-box}.personal-pages-label{display:block;padding:5px 8px 7px;font-size:10px!important;color:var(--brand-muted)}
.board .execution-state{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;margin:3px 8px 5px;padding:4px 6px;border-radius:5px;font-size:10px;line-height:1.35}.board .execution-state strong,.board .execution-state span,.board .execution-state small{font-size:10px;line-height:1.35}.board .execution-state strong{font-weight:600}.board .execution-state small{color:inherit;opacity:.85}.board .execution-progress{display:flex;flex-wrap:wrap;gap:4px;margin:3px 8px 5px;padding:0;border:0}.board .execution-progress>span{display:inline-block;max-width:100%;padding:3px 5px;border-radius:4px;background:#f1f5fb;font-size:10px;line-height:1.35}.board .calculation-approval{min-height:0;padding:4px 6px;border-radius:5px;font-size:10px;line-height:1.35}.board .calculation-approval input[type=checkbox]{width:13px;height:13px;flex:0 0 13px;margin:0}.board .card-actions>summary{font-weight:500;min-height:28px;line-height:1.35}.board .order-action-buttons{gap:4px;padding:7px}.board .order-action-buttons>button{flex:1 1 120px;min-height:28px;padding:5px 7px;font-size:11px}.board-approval-summary{margin:0}.board-approval-summary>summary{cursor:pointer;font-size:11px;line-height:1.4;padding:5px 7px;color:var(--brand-muted)}.board-approval-summary .approval-list{gap:5px}.board-approval-summary .approval-list>article{padding:6px;gap:6px}.board-approval-summary .approval-list button{min-height:28px;padding:5px 7px;font-size:11px}.board-approval-summary .approval-list strong,.board-approval-summary .approval-list small,.board-approval-summary .approval-list span{font-size:11px}
@media(max-width:650px){.sidebar .nav>.sidebar-group{position:static}.sidebar-group>summary{white-space:nowrap;min-height:34px;padding:7px 9px;font-size:12px}.sidebar-group[open]>.sidebar-group-items{position:fixed;top:112px;left:12px;z-index:86;width:min(280px,calc(100vw - 24px));max-height:65dvh;overflow:auto;margin:0;padding:7px;box-sizing:border-box;border:1px solid var(--brand-line);border-radius:9px;background:#fff;box-shadow:0 12px 32px #24324a24}.sidebar .nav .sidebar-group-items>button{min-height:36px;white-space:normal;padding:8px 9px}.personal-nav{min-width:172px;flex:0 0 172px}.personal-nav>[data-view=tasks]{flex:1 1 110px}.sidebar .nav .personal-page-add{min-height:34px}.board .card-controls button{min-height:32px}.board .execution-state,.board .execution-state strong,.board .execution-state span,.board .execution-state small,.board .execution-progress>span{font-size:11px}}
.sidebar .nav .personal-nav{display:grid;grid-template-columns:minmax(0,1fr) 25px 22px;gap:1px;align-items:center}.personal-nav>[data-view=tasks]{grid-column:1;grid-row:1;white-space:nowrap}.personal-nav>.personal-page-add{grid-column:2;grid-row:1}.personal-nav>.personal-page-menu{grid-column:3;grid-row:1}.personal-page-menu>summary{width:22px;min-width:0;padding:3px 2px;box-sizing:border-box}.personal-nav>.quick-create{grid-column:1/-1;grid-row:2}

/* Personal navigation and the non-modal task panel. */
.sidebar .nav .personal-nav{grid-template-columns:minmax(0,1fr) 24px;gap:0}
.sidebar .personal-nav>[data-view=tasks]{min-width:0;padding:9px 6px;text-align:left;font-size:13px;white-space:nowrap;letter-spacing:-.15px}
.personal-nav>.personal-page-menu{grid-column:2}
.personal-page-menu>summary{width:24px;padding:5px 3px}
.task-card-heading{align-items:flex-start;gap:7px;padding:8px 9px 3px}
.board .task-card-heading>.card-open{padding:0;min-width:0;flex:1}
.task-card-heading .card-open h3{margin:0 0 4px;overflow-wrap:anywhere}
.subtask-title{display:flex;gap:7px;align-items:flex-start;flex:1;min-width:0;font-size:12px;line-height:1.4}
.subtask-title>span{flex:1;min-width:0;overflow-wrap:anywhere}
.subtask-title.subtask-done>span{text-decoration:line-through;color:var(--brand-muted)}
.task-card-heading>input[type=checkbox],.subtask-title>input[type=checkbox],#task-panel-check{appearance:none;-webkit-appearance:none;box-sizing:border-box;flex:0 0 17px;width:17px;height:17px;min-width:17px;padding:0;margin:1px 0 0;border:1.5px solid #a8b4c6;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer}
.task-card-heading>input[type=checkbox]::after,.subtask-title>input[type=checkbox]::after,#task-panel-check::after{content:'✓';font-size:12px;font-weight:700;line-height:1;color:#fff;opacity:0}
.task-card-heading>input[type=checkbox]:checked,.subtask-title>input[type=checkbox]:checked,#task-panel-check:checked{background:#2a9a61;border-color:#2a9a61}
.task-card-heading>input[type=checkbox]:checked::after,.subtask-title>input[type=checkbox]:checked::after,#task-panel-check:checked::after{opacity:1}
.task-card-heading>input[type=checkbox]:disabled,.subtask-title>input[type=checkbox]:disabled,#task-panel-check:disabled{cursor:default;opacity:.6}
.task-card-heading>input[type=checkbox]:focus-visible,.subtask-title>input[type=checkbox]:focus-visible,#task-panel-check:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}
#task-dialog{position:fixed;inset:0 0 0 auto;z-index:80;margin:0;width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;border-left:1px solid var(--brand-line);border-radius:0;padding:18px;background:#fff;color:var(--brand-ink);box-shadow:-12px 0 36px #182a4a20;overflow:hidden}
#task-dialog[open]{display:flex;flex-direction:column;gap:0;animation:task-panel-in .16s ease-out}
#task-dialog .task-dialog-head{flex:none;gap:12px;margin-bottom:8px}
#task-dialog .task-dialog-head>div{min-width:0;flex:1}
#task-dialog .task-dialog-head h2{font-size:18px;line-height:1.4;overflow-wrap:anywhere;max-height:20dvh;overflow:auto;margin:0}
#task-dialog .task-dialog-head small{display:block;margin-bottom:8px;font-size:11px}
#task-dialog .task-dialog-head>button{flex:none;width:30px;height:30px;min-height:30px;padding:0;border:0;font-size:24px;line-height:1}
.task-panel-title{display:flex;gap:10px;align-items:flex-start}
#task-panel-check{flex-basis:20px;width:20px;height:20px;min-width:20px;margin-top:3px}
#task-dialog .task-dialog-actions{flex:none;gap:6px;margin:6px 0 10px}
#task-dialog .task-dialog-actions button{font-size:12px;padding:6px 8px;min-height:30px}
#task-dialog .task-dialog-actions+section{flex:none;max-height:24dvh;overflow:auto}
#task-dialog .workspace-tabs{flex:none;margin-bottom:10px}
#task-dialog #task-tab-description{min-height:0;overflow:auto;flex:1}
#task-dialog .task-chat{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
#task-dialog [hidden]{display:none!important}
#task-dialog .chat-feed{flex:1;min-height:80px;max-height:none;overflow:auto;border-radius:8px;padding:12px}
#task-dialog .chat-composer{flex:none;position:static;margin-top:10px;padding:10px 0 0;background:#fff}
#task-dialog .chat-input-row{align-items:flex-end}
#task-dialog .chat-footer{font-size:11px}
#task-photo-tools{flex:none;max-height:18dvh;overflow:auto;margin-top:8px;font-size:12px}
#task-error{flex:none;margin:4px 0 0}
.detail-loading{padding:24px 12px;color:var(--brand-muted)}
.docs-kind-checks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 20px;margin:0;padding:12px;border:1px solid var(--brand-line);border-radius:8px}
.docs-kind-checks legend{padding:0 6px;font-size:12px;color:var(--brand-muted)}
.docs-kind-checks .check{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:13px}
.docs-kind-checks input[type=checkbox]{width:16px;height:16px;flex:none}
.docs-archived-label{color:var(--brand-muted)}
.company-picker{max-width:680px;margin:16px 0}
.company-picker label{display:grid;gap:8px;font-weight:600}
.company-picker select{width:100%}
@keyframes task-panel-in{from{transform:translateX(24px);opacity:.7}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#task-dialog[open]{animation:none}}
@media(max-width:650px){#task-dialog{padding:14px;width:100vw}.sidebar .personal-nav>[data-view=tasks]{font-size:12px;padding:7px 9px}.docs-kind-checks{gap:10px 14px}.company-picker{max-width:none}}

/* Clear column grips and a personal order for menu sections. */
.board .column-drag-label{height:26px;min-height:26px;display:flex;align-items:center;gap:8px;padding:6px 10px}
.board .column-grip,.sidebar-grip{display:inline-block;width:8px;height:12px;flex:none;font-size:0;background:radial-gradient(circle,#7b8da4 1.2px,transparent 1.4px) 0 0/4px 4px}
.board .column-head h2{font-weight:400}
.sidebar [data-nav-drag]{cursor:grab;touch-action:pan-x;user-select:none}
.sidebar .personal-nav>[data-view=tasks]{display:flex;align-items:center;gap:5px}
.sidebar-grip{height:12px;width:8px;opacity:.45;margin-right:4px}
.sidebar-group>summary{justify-content:flex-start}
.sidebar-group>summary::after{margin-left:auto}
.sidebar-order-ghost{position:fixed;z-index:20000;background:#fff;border:1px solid #b9ccea;border-radius:7px;box-shadow:0 8px 25px #1c345b30;padding:10px;color:var(--brand-ink);list-style:none;pointer-events:none;font-size:13px}
.sidebar-item-moving{opacity:.35;outline:1px dashed var(--brand-blue);border-radius:7px}
.card-issue-invoice{border:0;background:transparent;color:var(--brand-blue);font-size:11px;padding:6px 0}
.review-card[data-review-state=pending]{animation:review-attention 5s ease-in-out infinite;border-color:#e4c66a}
@keyframes review-attention{0%,55%,100%{background:#fffdf5;box-shadow:none}70%,85%{background:#fff0b8;box-shadow:0 0 0 2px #ebc75c40}}
@media(prefers-reduced-motion:reduce){.review-card[data-review-state=pending]{animation:none;background:#fff4cf}}
.chat-measurement-select{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--brand-muted);margin-bottom:8px}
.chat-measurement-select select{flex:1;font-size:12px;padding:6px;max-width:330px}
.chat-measurement-topic{display:block;font-size:11px;color:#36639a;margin:6px 0}
.chat-file{display:flex;flex-direction:column;gap:5px;border:1px solid #c6d8ee;border-radius:7px;padding:10px;min-width:150px;max-width:100%;text-decoration:none;background:#f7faff;font-size:12px}
.chat-file span{overflow-wrap:anywhere}
.chat-pdf-preview{display:grid;place-items:center;width:110px;height:75px;font-size:11px;overflow:hidden;background:#eef3fb;border-radius:6px;padding:8px;overflow-wrap:anywhere}
/* Every preview preserves the entire image inside a predictable light frame. */
.board .card-gallery{height:auto;aspect-ratio:16/9;background:#fff}.board .card-cover,.card-gallery .card-cover{background:#fff}.card-gallery .card-cover img{object-fit:contain;object-position:center;max-height:none}.photos a:not(.chat-file){background:#fff}.photos img,.chat-message .photos img{object-fit:contain;object-position:center;background:#fff}.review-photos{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.review-photos>a{display:block;width:220px;aspect-ratio:16/10;border:1px solid #dce5f2;background:#fff;border-radius:7px;overflow:hidden}.review-photos img{display:block;width:100%;height:100%;object-fit:contain}.review-photo-missing{font-size:12px;color:#ac3434;background:#fff0f0;border-radius:6px;padding:8px}.board .card .card-legal{font-size:10px;line-height:1.35;color:#62738d;margin:4px 0;overflow-wrap:anywhere}.board .card .order-work-summary{font-size:11px;line-height:1.45;margin:5px 0 7px;color:#344660}.order-card-deadline{display:block;font-size:11px;margin:5px 0;color:#34577e}.workspace-tabs button[data-pending-approvals]:not([data-pending-approvals="0"]){animation:pending-approval-tab 5s ease-in-out infinite;border-color:#df7777}.pending-review-count{display:inline-block;padding:1px 5px;margin-left:5px;background:#b93232;color:white;border-radius:8px;font-size:10px}@keyframes pending-approval-tab{0%,12%,24%,100%{background:#fff;color:#913535;box-shadow:none}5%,18%{background:#db3b3b;color:white;box-shadow:0 0 0 3px #e75b5b26}}@media(prefers-reduced-motion:reduce){.workspace-tabs button[data-pending-approvals]:not([data-pending-approvals="0"]){animation:none!important;background:#ffe7e7!important;color:#982d2d!important}}
.document-subtabs{display:flex;gap:6px;margin:8px 0 14px}.document-subtabs button.active{background:#e5eeff;border-color:#9ab9ed;color:#2053a8}.release-payment-panel{padding:12px;border:1px solid #d9e3f2;border-radius:8px;background:#f8fbff;margin-bottom:12px}.release-payment-panel h3{font-size:14px;margin:0 0 8px}.release-payment-options{display:flex;gap:7px;flex-wrap:wrap}.release-payment-options label{display:flex;align-items:center;gap:6px;border:1px solid #d4deed;border-radius:6px;background:white;padding:8px;font-size:12px}.release-payment-options input,.release-payment-confirm input{width:15px;height:15px;margin:0;accent-color:#3674c9}.release-payment-confirm{display:flex;align-items:flex-start;gap:7px;font-size:12px;margin:12px 0}.release-payment-meta{font-size:11px;color:#637793;line-height:1.5}.release-payment-error{font-size:12px}.release-gate-checks{margin:0;padding-left:20px;font-size:13px;line-height:1.8}.release-gate-checks .ready{color:#23724a}.release-gate-checks .blocked{color:#a43c3c}.invoice-consent{display:flex;align-items:flex-start;gap:8px;font-size:13px;background:#fff4e2;border:1px solid #ead2a4;padding:12px;border-radius:8px}.invoice-consent input{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0}.review-card-actions button{font-size:11px}.return-order-menu label{font-size:13px}@media(max-width:650px){.review-photos>a{width:100%}.release-payment-options{flex-direction:column}.release-payment-options label{min-height:40px}.release-payment-confirm{line-height:1.5}}

.document-subtabs button[aria-pressed=true]{background:#e5eeff;border-color:#9ab9ed;color:#2053a8}.release-payment{padding:14px;border:1px solid #d9e3f2;border-radius:8px;background:#f8fbff;margin-bottom:16px}.release-payment h3{font-size:14px;margin:0 0 8px}.release-payment fieldset{display:grid;gap:10px;border:0;padding:8px 0;margin:0}.release-payment legend{font-size:12px;color:#637793;margin-bottom:6px}.release-payment fieldset>label{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:400}.release-payment input[type=radio],.release-payment input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0;accent-color:#3674c9}.release-payment-form button{justify-self:start}.release-preflight ul{padding-left:19px;line-height:1.9}.chat-attachments img{object-fit:contain;background:white}.subtask-card .card-gallery{aspect-ratio:auto}

.board .order-work-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
/* Compact order sections load their data only when opened. */
.board .card-order-tasks,.board .card-payments{border-top:1px solid #e0e7f1;background:#fff}.board .card-order-tasks>summary,.board .card-payments>summary{padding:6px 10px;font-size:11px;cursor:pointer}.board .card-title-line{display:flex;align-items:center;gap:4px;min-width:0}.board .card-title-line h3{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin:2px 0;font-size:12px}.board .card-title-line .price-badge{flex:none;background:transparent;padding:0;color:#294b74;font-size:10px;font-weight:500;white-space:nowrap}.board .card-inline-date{flex:none;white-space:nowrap}.board .card-inline-date .badge{padding:2px 3px;font-size:9px}.board .card-heading{padding-right:20px;min-height:20px}.board .card-heading .avatar{margin-left:auto;flex:none;width:17px;height:17px}.board .card-open{padding:6px 8px}.board .card .card-legal{margin:2px 0;font-size:10px}.board .card-bottom{margin-top:2px;padding-top:0}.board .card-gallery{gap:2px;border:0;border-radius:0;margin:0;width:100%;aspect-ratio:auto;min-height:100px;max-height:200px}.board .card-gallery[data-count="1"]{height:150px}.board .card-gallery[data-count="2"],.board .card-gallery[data-count="3"]{height:120px;grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.board .card-gallery[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.board .card-gallery[data-count="3"]>.card-cover:first-child{grid-row:auto}.board .card-gallery[data-count="4"]{height:190px}.board .card-gallery .card-cover{min-height:0}.board .card-gallery .card-cover img{width:100%;height:100%;object-fit:contain;background:#fff}.chat-message:has(.photos a[data-photo]){max-width:98%;padding:8px}.chat-message .photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:3px;margin:6px -4px 0;max-width:100%}.chat-message .photos a[data-photo]{width:100%;height:200px;min-width:0;max-width:none;aspect-ratio:auto}.chat-message .photos img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.compact-order-tasks{padding:8px;min-width:0}.order-task-toolbar{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-bottom:7px}.order-task-toolbar select{min-width:0;max-width:100%;flex:1;font-size:11px;padding:5px}.order-task-toolbar button{padding:3px 7px}.order-task-item{border:1px solid #dce5ef;border-radius:6px;margin:5px 0;background:#fff}.order-task-item>summary{display:flex;align-items:center;gap:6px;padding:7px 6px;list-style:none;cursor:pointer;font-size:12px}.order-task-item>summary::-webkit-details-marker{display:none}.order-task-item>summary>span{min-width:0;flex:1;overflow-wrap:anywhere}.order-task-item>summary>small{white-space:nowrap;font-size:10px;color:#6d7f94}.order-task-item>summary>button,.order-subtask>button{border:0;background:transparent;padding:0 4px;font-size:16px;color:#77879b}.order-task-item input[type=checkbox],.order-subtask input[type=checkbox]{appearance:none;width:16px;height:16px;flex:0 0 16px;border:1px solid #a2b2c4;border-radius:50%;margin:0;display:grid;place-items:center;cursor:pointer}.order-task-item input[type=checkbox]:checked,.order-subtask input[type=checkbox]:checked{background:#3a9265;border-color:#3a9265}.order-task-item input[type=checkbox]:checked:after,.order-subtask input[type=checkbox]:checked:after{content:'✓';font-size:11px;color:white}.order-task-item.is-done>summary>span,.order-subtask .is-done{text-decoration:line-through;color:#7b8b9e}.order-task-content{padding:0 7px 8px;border-top:1px solid #edf1f6}.order-subtask{display:flex;gap:7px;align-items:center;font-size:11px;margin:7px 0}.order-subtask>span{flex:1;min-width:0;overflow-wrap:anywhere}.order-task-content button,.compact-order-tasks>[data-order-task-add]{font-size:11px;padding:5px 7px}.order-task-messages{max-height:230px;overflow-y:auto;margin-top:8px}.order-task-messages article{padding:6px 0;border-top:1px solid #edf1f6;font-size:11px}.order-task-messages article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.order-task-messages article small{font-size:10px;color:#647990}.order-task-messages .photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.order-task-messages .photos a{width:100%;height:90px}.order-task-messages .photos img{width:100%;height:100%;object-fit:contain}.order-task-comment textarea{font-size:12px;min-height:40px;max-height:150px;padding:7px;width:100%;resize:vertical}.order-task-comment-tools{display:flex;align-items:center;gap:5px;margin-top:4px}.order-task-comment-tools>button{margin-left:auto}.order-task-attach{cursor:pointer;font-size:18px;padding:0 5px}.order-task-attach input{display:none}.order-task-upload-preview{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.order-task-upload-preview>div{position:relative}.order-task-upload-preview img{width:55px;height:45px;object-fit:contain}.order-task-upload-preview button{position:absolute;top:0;right:0;padding:0 4px;background:#fff}.compact-order-tasks .quick-create{margin:5px 0;padding:5px}.compact-order-tasks .error:empty{display:none}.card-payments [data-order-payment-root]{padding:6px}.card-payments .release-payment{padding:8px;margin:0;border:0}.card-payments .release-payment h3{display:none}.card-payments .release-payment fieldset{gap:6px;padding:4px 0}.card-payments .release-payment label{font-size:11px}.card-payments .release-payment .field-help{font-size:10px}.card-payments .release-payment button{font-size:11px;padding:6px}.order-payment-method-options{display:flex;gap:9px;flex-wrap:wrap}.release-payment .order-payment-method-options{display:flex;gap:8px}.release-payment .order-payment-method-options label{display:flex;align-items:center;gap:4px}.contract-variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.contract-variant-grid button{text-align:left;min-height:45px}.company-contract-templates h2{font-size:18px}.company-contract-template{padding:10px 0;border-bottom:1px solid #e0e7f1}.company-contract-template>summary{cursor:pointer;font-size:14px}.company-contract-template>summary small{font-size:11px;margin-left:10px;color:#6d7f94}.company-contract-template .board-actions{justify-content:flex-start}.card-document-row:has([data-order-contract]){flex-wrap:wrap}.card-document-row [data-order-contract],.card-document-row [data-order-contract-year]{font-size:10px;padding:3px 5px}.card-document-row a{min-width:0}.contract-template-editor{width:100%}@media(max-width:650px){.chat-message .photos{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.chat-message .photos a[data-photo]{height:160px}.contract-variant-grid{grid-template-columns:1fr}.company-contract-template>summary small{display:block;margin-left:0}.order-tabs{overflow-x:auto;white-space:nowrap}}
.release-payment .payment-channel-options{display:flex;flex-wrap:wrap;gap:8px 12px}.release-payment .payment-channel-options>label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:400;margin:0}.release-payment .payment-channel-options input{margin:0}.order-task-attach{display:flex;align-items:center;justify-content:center;min-width:22px;min-height:24px}.order-task-comment-tools small{font-size:10px}
/* All expandable sections on an order share one compact header. */
.board .card :is(.card-works,.card-documents,.card-payments,.card-order-tasks,.card-deadlines){margin:0;border:0;border-top:1px solid var(--brand-line);padding:0;background:#fff;border-radius:0}
.board .card :is(.card-works,.card-documents,.card-payments,.card-order-tasks,.card-deadlines)>summary{display:flex;align-items:center;gap:5px;min-height:30px;padding:7px 10px;font-size:11px;font-weight:500;line-height:1.25;color:#3c5476;cursor:pointer;list-style:none}
.board .card :is(.card-works,.card-documents,.card-payments,.card-order-tasks,.card-deadlines)>summary::-webkit-details-marker{display:none}
.board .card :is(.card-works,.card-documents,.card-payments,.card-order-tasks,.card-deadlines)>summary:before{content:'▸';font-size:12px;flex:0 0 9px;line-height:1}
.board .card :is(.card-works,.card-documents,.card-payments,.card-order-tasks,.card-deadlines)[open]>summary:before{content:'▾'}
.board .card :is(.card-works,.card-documents,.card-deadlines)>summary>span{margin-left:auto;float:none;font-size:10px;font-weight:400;background:transparent;color:#547096;padding:0}
.card-work-list,.card-document-list{padding:2px 9px 7px}.calculation-variants{display:grid;gap:5px}.calculation-variant{border:1px solid #dfe7f1;border-radius:5px;padding:0 5px;background:#fff;min-width:0}.calculation-variant.selected{border-color:#9cbbeb;background:#fafcff}.calculation-variant-heading{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:4px;align-items:start}.calculation-variant-heading>details{min-width:0}.calculation-variant-heading>details>summary{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:11px;line-height:1.4;list-style:none;min-height:29px}.calculation-variant-heading>details>summary:before{content:'▸';color:#59718b}.calculation-variant-heading>details[open]>summary:before{content:'▾'}.calculation-variant-heading>details>summary::-webkit-details-marker{display:none}.calculation-variant-heading>details>summary>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calculation-variant-heading>details>summary>small{font-size:10px;white-space:nowrap}.calculation-selection{display:grid;justify-items:center;gap:1px;padding:5px 0;font-size:9px;color:#52749d;cursor:pointer}.calculation-selection input{width:14px;height:14px;min-height:0;margin:0;accent-color:#2865ce;cursor:pointer}.calculation-selection>span{font-size:8px}.calculation-work-items{border-top:1px solid #e5ebf3}.calculation-work-items .card-work-row{gap:4px;align-items:start}.calculation-work-items .card-work-main{min-width:0;flex:1}.calculation-work-items .card-work-main>button{font-size:10px;font-weight:400;text-align:left;padding:0;border:0;background:transparent}.calculation-work-items .card-work-row>strong{font-size:10px;font-weight:500;white-space:nowrap}.calculation-work-items .card-work-row>button{min-width:19px;min-height:20px;padding:0 4px;font-size:15px;border:0}.calculation-work-items>[data-variant-add-work],[data-add-order-calculation]{font-size:11px;padding:5px 2px;border:0;background:transparent;color:#3163a7;text-align:left}.calculation-proposal-actions{display:flex;flex-wrap:wrap;gap:4px;padding:5px 0}.calculation-proposal-actions button{font-size:10px;padding:4px 5px;min-height:24px}.calculation-rename{margin-left:auto}.payment-balance{display:grid;gap:4px;padding:5px 0 9px;font-size:12px}.payment-balance>span{display:flex;justify-content:space-between;gap:8px}.payment-balance strong{white-space:nowrap;font-weight:500}.card-payments .payment-balance{font-size:10px}.release-payment input[name=release_payment_amount]{width:110px;min-height:28px;padding:4px 6px;font-size:12px}.invoice-source-options{display:flex;flex-wrap:wrap;gap:12px}.invoice-source-options label{display:flex;align-items:center;gap:5px;font-size:13px}.invoice-source-options input{width:15px;min-height:15px}.invoice-edit-table{width:100%}.invoice-edit-table input{min-width:0;width:100%}#drawer-calculations .calculation-variant-heading{grid-template-columns:minmax(0,1fr) 45px}#drawer-calculations .calculation-variant-heading>details>summary{font-size:13px}#drawer-calculations .calculation-work-items .card-work-main>button{font-size:12px}#drawer-calculations .calculation-variant{padding:2px 9px}@media(max-width:650px){.invoice-editor-dialog .invoice-edit-scroll{max-width:100%;overflow-x:auto}.invoice-editor-dialog .fields{grid-template-columns:minmax(0,1fr)}.invoice-editor-dialog{max-width:calc(100vw - 12px);width:calc(100vw - 12px);padding:14px}.invoice-editor-dialog .invoice-source-options{gap:7px}.invoice-editor-dialog .invoice-source-options label{font-size:12px}}
/* Personal pages use the same compact tab strip on desktop and mobile. */
.personal-page-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;max-width:100%;padding:0 0 10px;margin:0 0 8px;border-bottom:1px solid var(--brand-line)}.personal-page-tabs>button{flex:0 0 auto;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;padding:7px 11px;min-height:34px}.personal-page-tabs>button.active{background:var(--brand-blue-soft);color:var(--brand-blue);border-color:#a5bfe9}.personal-page-tabs>[data-add-task-page]{font-size:21px;padding:0 10px;min-width:34px}.personal-page-tabs>.quick-create{flex:0 0 220px;margin:0}.calculation-variant-heading,#drawer-calculations .calculation-variant-heading{grid-template-columns:minmax(0,1fr)}.new-company-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0;margin-top:8px;border-top:1px solid var(--brand-line)}.new-company-account .wide{grid-column:1/-1}.new-company-account h3{display:flex;justify-content:space-between;align-items:center;font-size:14px}.new-company-account label{min-width:0}.new-company-account input{width:100%;box-sizing:border-box}.payment-document-method{font-size:11px;color:var(--brand-muted);margin:6px 0}.release-payment [data-edit-release-payment]{font-size:11px;padding:5px 8px}.release-payment-form[hidden]{display:none!important}@media(max-width:650px){.personal-page-tabs>button{font-size:12px;max-width:220px}.new-company-account{grid-template-columns:minmax(0,1fr)}}
.requested-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;padding:12px}.requested-services legend{font-size:13px}.requested-services label.check{font-size:12px;font-weight:400;line-height:1.4}.requested-services input[type=checkbox]{flex:0 0 15px}.design-status{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:5px 8px;background:#f1eafa;color:#71529d;font-size:10px}.design-status button{font-size:10px;padding:3px 5px}.order-services-caption{font-size:10px;line-height:1.4;color:var(--brand-muted);margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.billing-default-group{padding:7px 0}.billing-default-group>strong{display:block;margin-bottom:7px;font-size:12px}.new-company-account .billing-defaults{margin:4px 0}@media(max-width:650px){.requested-services{grid-template-columns:minmax(0,1fr)}}

/* Reserve the scroll track before a card expands. */
.board .column-cards{scrollbar-gutter:stable;min-width:0}.board .card{width:100%;min-width:0;box-sizing:border-box}.board .card details,.board .card details>div{min-width:0;max-width:100%;box-sizing:border-box}
.order-task-item input[type=checkbox],.order-subtask input[type=checkbox]{position:relative;box-sizing:border-box;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;flex:0 0 16px!important;padding:0!important;margin:0!important;line-height:1;display:block}
.order-task-item input[type=checkbox]:checked:after,.order-subtask input[type=checkbox]:checked:after{content:'';position:absolute;left:3px;top:4px;width:7px;height:4px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(-45deg)}
.invoice-split-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #cbd9ec;border-radius:8px;padding:16px}.invoice-split-fields[hidden]{display:none}.invoice-split-presets{display:flex;gap:8px;grid-column:1/-1}.invoice-line-account{display:block;color:#647793;margin:0 0 4px}.invoice-edit-table textarea[readonly]{background:#f4f7fc;color:#263f63}.invoice-editor-dialog [data-toggle-invoice-split]{justify-self:start}
@media(max-width:650px){.invoice-split-fields{grid-template-columns:minmax(0,1fr)}}

.task-card-heading .task-card-delete{flex:0 0 22px;align-self:start;width:22px;height:22px;min-height:22px;padding:0;border:0;background:transparent;color:#9a5b62;font-size:18px;line-height:1}.task-card-heading .card-open{flex:1;min-width:0}.calculation-variant-heading>details>summary .calculation-delete{flex:0 0 20px;width:20px;height:20px;min-height:20px;padding:0;border:0;background:transparent;color:#a15b64;font-size:17px;line-height:1}.order-action-status:disabled{color:#967623;background:#fff9e7;opacity:1;cursor:default}
.task-card{position:relative}.task-card .task-card-delete{position:absolute;right:4px;top:4px;z-index:2;background:rgba(255,255,255,.94);border-radius:4px}.task-card-heading{padding-right:22px}
.card-share-documents{display:grid;gap:2px;width:100%;box-sizing:border-box;white-space:normal;line-height:1.35;padding:7px 6px;text-align:center;font-size:11px}.card-share-documents small{font-size:10px;font-weight:400}

/* Compact registries and the live form editor. */
.client-registry-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.client-registry-toolbar label{width:min(560px,75%)}.client-registry-toolbar input{width:100%}.client-registry-panel{padding:0;overflow:hidden}.client-registry-table{width:100%;table-layout:fixed;font-size:13px}.client-registry-table th,.client-registry-table td{padding:7px 10px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.client-registry-table th:first-child{width:33%}.client-registry-table th:nth-child(2){width:13%}.client-registry-table th:nth-child(3){width:17%}.client-registry-table th:last-child{width:130px}.client-registry-table button{padding:4px 7px;font-size:12px}.client-registry-table .client-registry-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;padding:0;background:none;font-size:13px;text-align:left}.client-registry-legal,.client-registry-email{display:block;font-size:11px;color:#697b89;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-registry-actions{white-space:nowrap;text-align:right}.client-registry-pagination{display:flex;align-items:center;justify-content:center;gap:15px;padding:10px;border-top:1px solid #e4e9ed}
dialog.form-editor-dialog{width:min(1220px,96vw);max-width:96vw}.form-editor-dialog .fields{display:block}.form-editor{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:24px}.form-editor-controls{min-width:0;display:flex;flex-direction:column;gap:12px}.form-editor-controls label{display:flex;flex-direction:column;gap:5px}.form-editor-controls label.check{flex-direction:row}.form-editor-controls textarea{width:100%;min-height:90px;resize:vertical}.form-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-editor-preview{min-width:0;position:sticky;top:0;align-self:start}.form-editor-preview iframe{width:100%;height:min(65vh,740px);border:1px solid #cbd5dd;border-radius:5px;background:#e8ecf0}.form-editor-preview p{font-size:12px}.form-editor-controls .field-help{font-size:12px;margin:0}.form-editor-dialog input,.form-editor-dialog select{min-width:0;width:100%}.form-editor-dialog input[type=checkbox]{width:auto}.form-editor-dialog .modal-actions{position:sticky;bottom:0;padding:12px 0;background:#fff}
/* Large boards do not need translucent blur on every dialog open. */
dialog::backdrop,#project-dialog::backdrop,.crm-letter-dialog::backdrop{backdrop-filter:none}
.board .card{content-visibility:auto;contain-intrinsic-size:auto 240px}
@media(max-width:760px){.form-editor{grid-template-columns:1fr}.form-editor-preview{position:static}.form-editor-preview iframe{height:65vh}.client-registry-table{min-width:650px}.client-registry-toolbar{align-items:center}.client-registry-toolbar label{width:100%}}

#backup-state pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:10px;background:#f4f6f8;border-radius:5px}

.form-preview-frame{width:100%;max-height:65vh;overflow:auto;background:#e6ebf0;border:1px solid #d1dce5;border-radius:5px;padding:3px}.form-preview-canvas{display:block;width:100%;height:auto;background:white}.form-preview-pages{position:sticky;top:0;display:flex;justify-content:center;align-items:center;gap:14px;background:#e6ebf0;padding:5px;z-index:1;font-size:12px}.form-preview-pages button{padding:4px 9px}.form-editor-dialog input[type=number]{font-variant-numeric:tabular-nums}@media(max-width:760px){.form-preview-frame{max-height:65vh}.form-editor-controls input,.form-editor-controls select,.form-editor-controls textarea{font-size:16px}}

/* Counterparty rows open a compact read-only card; links and actions stay independent. */
.client-registry-table tbody tr[data-client-row]{cursor:pointer}.client-registry-table tbody tr[data-client-row]:hover{background:#f2f6fc}.client-registry-table tbody tr[data-client-row]:focus-visible{outline:2px solid var(--brand-blue);outline-offset:-2px}.client-registry-table th:last-child{width:80px}.client-details{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:0}.client-details>div{padding:8px 0;border-bottom:1px solid var(--brand-line);min-width:0}.client-details dt{color:var(--brand-muted);font-size:11px;margin-bottom:3px}.client-details dd{margin:0;overflow-wrap:anywhere}@media(max-width:650px){.client-details{grid-template-columns:1fr}}

.crm-calculator-actions{display:flex;align-items:center;gap:7px}.crm-calculator-actions button{font-size:12px;padding:6px 10px}@media(max-width:650px){.crm-calculator-actions{gap:3px}.crm-calculator-actions button{font-size:10px;padding:5px}.crm-letter-dialog-head>strong{font-size:12px}}


/* Task accents remain visible separately from deadline warnings. */
.order-task-item{border-left:4px solid var(--task-accent,#2864e7);background:var(--task-pale,#edf3ff)}
.task-options{position:relative;display:flex;flex-direction:column;align-items:flex-end;margin:4px 0}.task-options>button{min-width:32px;font-size:20px;line-height:1}.task-options-menu{position:static;z-index:30;width:100%;max-width:260px;min-width:0;padding:6px;background:var(--surface,#fff);border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 8px 22px #172b4526}.task-options-menu[hidden]{display:none}.task-options-menu button{display:block;width:100%;text-align:left;border:0;padding:10px}.task-deadline-label{display:block;margin:6px 0;padding:4px 7px;border-radius:6px;line-height:1.4;color:#334155}.task-panel-options{padding:8px;border-left:4px solid var(--task-accent)}
[data-task-urgency="warning"]{background:#fff5c2!important;box-shadow:inset 0 0 0 1px #d4a300!important}[data-task-urgency="danger"]{background:#ffe0e3!important;box-shadow:inset 0 0 0 1px #dc3545!important}[data-task-urgency="danger"] .task-deadline-label{color:#9e1b32;font-weight:700}[data-task-urgency="warning"] .task-deadline-label{color:#795500;font-weight:700}
.task-color-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:10px;border:0;padding:4px}.task-color-palette label{display:flex;align-items:center;flex-direction:column;gap:4px;cursor:pointer;font-size:11px}.task-color-palette input{position:absolute;opacity:0;width:1px;height:1px}.task-color-palette span{width:28px;height:28px;border-radius:50%;border:3px solid transparent;outline:1px solid #cbd5e1}.task-color-palette input:checked+span{outline:3px solid #172b45;border-color:#fff}.task-color-palette input:focus-visible+span{outline:3px solid #2563eb}.task-deadline-actions{display:flex;flex-wrap:wrap;gap:8px}.design-complete{background:#eaf8ef;color:#176742;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.design-complete small{font-size:11px}
#task-reminder-notices{position:fixed;right:16px;bottom:22px;z-index:80;width:min(360px,calc(100vw - 32px));max-height:45vh;overflow:auto;background:#fff8df;color:#172b45;border:1px solid #dbb454;border-radius:12px;box-shadow:0 8px 28px #172b4526;padding:10px}#task-reminder-notices[hidden]{display:none}#task-reminder-notices summary{cursor:pointer;font-weight:700}#task-reminder-notices details>div{display:flex;gap:6px;align-items:center;margin-top:8px}#task-reminder-notices [data-open-reminder]{flex:1;text-align:left;background:white}#task-reminder-notices small{display:block;font-size:11px}


/* Larger login mark, bounded on small phones. */
.login .masterrek-brand img{width:clamp(180px,24vw,320px);height:auto;aspect-ratio:1;max-width:100%}
@media(max-width:700px){.login .masterrek-brand img{width:180px}}


.proposal-section{margin:0 0 20px}.proposal-section h3{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.proposal-line{min-width:0;border:1px solid var(--brand-line);border-radius:12px;padding:14px;margin:12px 0}.proposal-line label{display:block;margin-bottom:10px}.proposal-line textarea{width:100%;box-sizing:border-box;resize:vertical}.proposal-line p{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.proposal-section .variant-gallery img{max-width:160px;max-height:110px;object-fit:contain}