:root{--canvas:#f5f6f3;--surface:#fff;--ink:#203b3b;--muted:#73807e;--teal:#16675f;--teal-dark:#103c39;--teal-soft:#e8f2ed;--orange:#df8c52;--orange-soft:#fff0e3;--line:#e4e9e4;--danger:#a3362e;--radius:13px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none} .native-import-card,.native-source-detail{padding:23px;margin-bottom:22px;min-width:0}.native-import-card>.section-heading,.native-source-detail>.section-heading{padding:0 0 18px}.native-import-card input[type=file]{max-width:100%;display:block;margin-top:8px}.native-source-detail h3,.native-source-detail h4{overflow-wrap:anywhere}.native-source-detail>.hash-item{margin:10px 0}.native-amounts,.native-attachments,.native-review,.native-conversion{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);min-width:0}.native-amount-family{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:8px}.native-source-path{display:block;font-size:9px;color:var(--muted);font-weight:400;overflow-wrap:anywhere}.native-fact-tree{margin:12px 0;font-size:12px;min-width:0}.native-fact-tree>summary{cursor:pointer;overflow-wrap:anywhere;color:var(--teal);font-weight:550}.native-fact-children{padding:4px 0 4px 13px;margin-top:8px;border-left:2px solid var(--line);min-width:0}.native-fact{display:grid;grid-template-columns:minmax(90px,.5fr) minmax(0,1.5fr);gap:10px;padding:7px 0;font-size:11px}.native-fact>span{color:var(--muted);overflow-wrap:anywhere}.native-fact>code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}.native-evidence>.button{margin-right:8px}.native-verified{margin:14px 0}.native-source-preview pre,.native-source-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;font-size:10px}.native-review form{margin-top:17px}.native-review form>label{margin:16px 0}.native-conversion>.badge{margin-top:12px;white-space:normal}.native-blocking-reason{font-size:12px;color:#905825;overflow-wrap:anywhere;margin-top:10px}.native-attachments .practice-client-row{align-items:flex-start}.native-attachments .practice-client-row>.button{white-space:normal;flex-shrink:0;max-width:160px}.native-source-detail .invoice-facts dt{overflow-wrap:anywhere} @media(max-width:760px){.native-import-card,.native-source-detail{padding:17px}.native-source-detail>.section-heading{gap:10px;align-items:flex-start}.native-source-detail>.section-heading>.button{white-space:normal;text-align:right;max-width:100px}.native-source-detail .button{white-space:normal}.native-amount-family{padding:11px}.native-amount-family .invoice-facts{grid-template-columns:minmax(0,1fr)}.native-amount-family .invoice-facts dd{margin-bottom:9px}.native-fact{grid-template-columns:minmax(0,1fr);gap:3px}.native-fact-children{padding-left:9px}.native-review .form-grid{grid-template-columns:minmax(0,1fr)}.native-evidence>.button{display:block;width:100%;margin-right:0}.native-conversion>.button{width:100%}.native-attachments .practice-client-row{flex-direction:column}.native-attachments .practice-client-row>.button{max-width:100%}} *{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e9a36b;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.25}h1{font-size:31px;letter-spacing:-1px;font-weight:650}h2{font-size:17px;letter-spacing:-.25px}h3{font-size:16px}h4{font-size:14px}p+p{margin-top:8px}input,select,textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid #dce3dd;border-radius:7px;background:#fff;color:var(--ink)}textarea{resize:vertical}select{padding-right:28px}input[type=checkbox]{width:17px;min-height:17px;height:17px;margin:3px 0;accent-color:var(--teal);flex-shrink:0}input[type=file]{font-size:12px;padding:8px;max-width:270px;background:#fff}input[type=file]::file-selector-button{border:0;border-radius:4px;background:var(--teal-soft);color:var(--teal);padding:5px 9px;margin-right:10px;cursor:pointer}label{display:block;font-weight:550;font-size:12px}label>input,label>select,label>textarea{margin-top:6px}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-.02em;font-weight:600;font-kerning:normal;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:33px;height:33px;line-height:1;font-size:30px;border:1px solid #74a499;border-radius:9px;background:#22504a;color:#f5f4df;letter-spacing:-2px;padding-bottom:4px}.skip-link{position:fixed;top:8px;left:8px;padding:10px 16px;background:#fff;z-index:10;transform:translateY(-150%)}.skip-link:focus{transform:none}.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}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:10px 16px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.button.primary{background:var(--teal);color:#fff}.button.primary:hover:enabled{background:#11574f}.button.secondary{background:#fff;color:var(--ink);border-color:#dce3dd}.button.secondary:hover:enabled{background:#f2f6f1}.button.text{background:transparent;color:var(--teal);padding:8px 4px}.button.text:hover:enabled{text-decoration:underline}.button.small{min-height:32px;font-size:11px;padding:7px 10px}.full-width{width:100%}.field-hint{font-size:11px;font-weight:400;color:var(--muted);margin:7px 0 12px;line-height:1.6}.form-error{color:var(--danger);font-size:12px;margin-top:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 3px #1f403205}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:650;white-space:nowrap}.badge.neutral{background:#f0f3f0;color:#6a7a73}.badge.success{background:var(--teal-soft);color:var(--teal)}.badge.warning{background:var(--orange-soft);color:#a4642d}.badge.danger{background:#ffebe8;color:var(--danger)}.notice{padding:12px 16px;border-radius:8px;background:var(--teal-soft);color:var(--teal);border:1px solid #cfe1d6;margin-bottom:20px;font-size:13px;overflow-wrap:anywhere}.notice.error{color:var(--danger);background:#fff0ed;border-color:#f0cfc8}.notice.warning{color:#905825;background:var(--orange-soft);border-color:#f3d3b7}.pending-commands:empty{display:none}.pending-card{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:0 0 14px;background:#fff5e7;border:1px solid #edd6b0;border-radius:9px}.pending-card>div{flex:1}.pending-card p{font-size:12px;color:#865c33}.pending-card strong{font-size:13px}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr)}.login-story{background:var(--teal-dark);color:#fff;display:flex;flex-direction:column;padding:48px 12% 36px;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #cce5c31a;border-radius:50%;bottom:-230px;right:-180px;box-shadow:0 0 0 65px #cce5c307,0 0 0 130px #cce5c305;pointer-events:none}.login-message{margin:auto 0;padding:60px 0}.login-message .eyebrow{color:#a6c6b5}.login-message h1{font-size:clamp(35px,4vw,58px);font-weight:550;line-height:1.12;letter-spacing:-2px;margin:25px 0}.login-message p{color:#b9d0c4;font-size:15px;max-width:350px;line-height:1.8}.login-footnote{font-size:12px;color:#9ebdaf}.login-form-wrap{display:grid;place-items:center;padding:50px;background:#fcfcf9}.login-form{max-width:390px;width:100%}.login-form h2{font-size:29px;letter-spacing:-.8px;line-height:1.25;margin:15px 0}.login-form>.muted{margin-bottom:30px}.login-form .button{margin-top:15px;min-height:46px;justify-content:space-between}.app-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--teal-dark);color:#d5e4d9;position:fixed;inset:0 auto 0 0;width:218px;padding:30px 18px;display:flex;flex-direction:column;z-index:3}.sidebar .brand{margin:0 8px 44px}.sidebar-label{font-size:9px;color:#86a69a;letter-spacing:1.5px;padding:0 12px;margin-bottom:13px;font-weight:650}.main-nav{display:grid;gap:7px}.main-nav button{border:0;background:none;display:flex;align-items:center;width:100%;gap:10px;padding:12px;border-radius:8px;color:#bad0c6;text-align:left;font-size:12px}.main-nav button:hover{background:#ffffff08}.main-nav button[aria-current=page]{background:#ffffff0e;color:#fff}.nav-icon{font-size:20px;line-height:1;width:19px;text-align:center;color:#9dc0ad}.main-nav button[aria-current=page] .nav-icon{color:#e9cda4}.nav-count{font-size:10px;border-radius:4px;background:#ffffff0c;margin-left:auto;padding:1px 5px}.sidebar-bottom{margin-top:auto;padding:15px 10px 0;font-size:10px;color:#b0c8bc}.status-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#9bb998}.sidebar-bottom p{margin-top:8px;color:#719488;font-size:10px;line-height:1.7}.workspace-shell{grid-column:2;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:87px;padding:18px 36px;background:#fff;border-bottom:1px solid var(--line)}.workspace-switch{min-width:220px;max-width:480px}.workspace-switch label{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted)}.workspace-switch select{margin-top:2px;padding:3px 24px 3px 0;border:0;min-height:28px;font-size:15px;font-weight:650;max-width:100%;background:transparent}.identity{display:flex;align-items:center;gap:10px;min-width:0}.identity strong,.identity span{display:block;line-height:1.4}.identity strong{font-size:12px}.identity>div>span{font-size:10px;color:var(--muted)}.avatar{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#f0ede4;color:#746a4e;font-size:11px;font-weight:650;flex-shrink:0}.identity .button{margin-left:10px}main{padding:29px 36px 18px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.breadcrumb{color:var(--muted);font-size:10px;margin-bottom:16px}.breadcrumb>span:first-child{padding:0 7px;color:#abb5ad}.page-heading h1{margin-bottom:7px}.page-heading>.button{margin-top:25px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:27px}.metric{padding:18px 21px}.metric-label{font-size:9px;letter-spacing:1.2px;font-weight:650;color:var(--muted)}.metric>div{display:flex;align-items:center;justify-content:space-between;margin:8px 0 2px}.metric strong{font-size:32px;font-weight:550;letter-spacing:-1px;line-height:1.2}.metric-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;font-size:23px}.metric-icon.teal{background:var(--teal-soft);color:var(--teal)}.metric-icon.orange{background:var(--orange-soft);color:#bd7b43}.metric-icon.pale{background:#f1f3ed;color:#8b9a75}.metric-caption{font-size:10px;color:var(--muted)}.upload-card{display:flex;align-items:center;gap:16px;padding:22px;margin-bottom:23px;background:#fbfcf8;border:1px dashed #c5d5c8;box-shadow:none}.upload-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;background:#edf2e8;color:var(--teal);font-size:25px;flex-shrink:0}.upload-copy{flex:1}.upload-copy h2{font-size:14px}.upload-copy p{font-size:10px;color:var(--muted);margin-top:4px}.upload-form{display:flex;align-items:center;gap:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px}.section-heading p{font-size:11px;margin-top:5px}.search-field{display:flex;gap:6px;align-items:center;min-width:180px;padding:0 9px;border:1px solid var(--line);border-radius:6px;font-weight:400}.search-field>span:first-child{font-size:20px;color:var(--muted)}.search-field input{border:0;min-height:35px;padding:7px 0;font-size:11px;background:transparent;max-width:175px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafbf8;padding:11px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;font-weight:650;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}td{padding:15px 20px;border-bottom:1px solid #eef1eb;font-size:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.document-title{display:flex;align-items:center;gap:11px;min-width:160px}.file-icon{display:grid;place-items:center;min-width:31px;height:36px;border:1px solid #dfe7de;border-radius:5px;background:#f6f8f1;color:#758c71;font-size:8px;font-weight:700}.document-title strong{display:block;font-weight:550;overflow-wrap:anywhere;max-width:350px}.document-title small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.row-actions{display:flex;justify-content:flex-end;gap:5px}.table-footer{padding:12px 20px;color:#8a958c;background:#fdfefb;border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);font-size:10px}.empty-state{padding:65px 30px;text-align:center;color:var(--muted)}.empty-state h2,.empty-state h3{color:var(--ink);margin-bottom:10px}.empty-state p{max-width:450px;margin:auto;font-size:12px;line-height:1.8}.empty-symbol{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 18px;border-radius:14px;background:#f0f5ec;color:#88a28b;font-size:30px}.empty-state.compact{padding:40px 25px}.workspace-footer{display:flex;justify-content:space-between;gap:15px;padding:25px 0 0;color:#8c988e;font-size:10px}.workspace-footer>span:first-child{font-weight:600}.footer-divider{padding:0 8px;color:#bec7bc}.proposals-heading{padding:0 0 19px}.proposal-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.queue-card>.section-heading{padding:18px}.queue-card h3{font-size:13px}.queue-item{display:block;padding:16px 18px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;width:100%;color:var(--ink)}.queue-item:hover{background:#f7f9f3}.queue-item[aria-current=true]{background:#edf5ed;border-left:3px solid var(--teal);padding-left:15px}.queue-item strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.queue-item .queue-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:8px;color:var(--muted);font-size:10px}.queue-empty{padding:22px 18px;color:var(--muted);font-size:12px}.editor-card,.review-card{padding:23px}.editor-card>.section-heading,.review-card>.section-heading{padding:0 0 22px}.editor-card h3{margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:17px}.form-static{padding-top:1px;font-size:12px}.form-static span,.form-static strong{display:block}.form-static strong{padding-top:12px}.span-two{grid-column:span 2}.entries-heading{display:flex;justify-content:space-between;align-items:center;margin:19px 0 8px}.draft-entries{display:grid;gap:10px}.entry-row{display:grid;grid-template-columns:minmax(130px,1.3fr) 75px minmax(95px,1fr) 30px;gap:9px;align-items:end;padding-bottom:10px;border-bottom:1px solid var(--line)}.entry-row.has-source{grid-template-columns:minmax(100px,1.3fr) 65px minmax(85px,1fr) minmax(85px,1fr) 25px}.entry-row label{font-size:10px}.entry-row input,.entry-row select{font-size:12px;padding:7px;min-height:38px}.remove-entry{border:0;background:transparent;color:#9a7c6b;font-size:20px;min-height:38px;padding:0}.balance-strip{margin-top:13px;padding:11px 12px;background:#f2f5ed;border-radius:6px;font-size:11px;color:#6a7b68}.balance-strip.unbalanced{background:var(--orange-soft);color:#9b6734}.checkbox-row{display:flex;gap:10px;align-items:flex-start;font-weight:450;font-size:12px;line-height:1.7}.fx-toggle{margin:19px 0 12px}.fx-fields{border:1px solid #dfe7da;border-radius:8px;padding:15px;margin:14px 0 18px;background:#fafcf7}.fx-fields legend{font-size:12px;font-weight:600;padding:0 6px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.review-steps{display:flex;align-items:center;gap:7px;margin-bottom:23px;font-size:10px;color:var(--muted)}.review-steps .complete{color:var(--teal)}.review-steps .active{color:#a56531;font-weight:600}.review-summary{display:flex;justify-content:space-between;gap:15px;margin-bottom:17px}.review-summary h3{margin:0 0 5px}.review-summary p{color:var(--muted);font-size:11px}.review-explanation{font-size:12px;line-height:1.8;padding:13px 15px;background:#f8faf4;border:1px solid var(--line);border-radius:7px;margin:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}.review-card td,.review-card th{padding-left:10px;padding-right:10px}.hash-list{display:grid;gap:8px;margin:17px 0}.hash-item{font-size:10px}.hash-item>span{display:block;color:var(--muted);margin-bottom:2px}.hash-item code{font-size:10px;color:#688172;word-break:break-all}.source-block{border:1px solid var(--line);border-radius:8px;padding:14px;margin:15px 0}.source-block .button{margin-top:10px}.source-block h4{margin-bottom:4px}.source-block>p{font-size:11px;color:var(--muted)}.source-preview{margin-top:15px}.source-preview iframe{width:100%;height:440px;border:1px solid var(--line);border-radius:6px;background:#fafbf8}.source-preview img{display:block;max-width:100%;max-height:650px;margin:auto;border:1px solid var(--line)}.source-preview .source-tools{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.source-verified{font-size:10px;color:var(--teal)}.source-viewer{padding:22px;margin-top:23px}.source-viewer>.section-heading{padding:0 0 10px}.review-controls{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.review-controls>.checkbox-row{padding:12px;background:#f8faf4;border-radius:7px;margin-bottom:15px}.review-controls .form-actions{margin:0;border:0;padding:0;justify-content:space-between;flex-wrap:wrap}.review-controls>.field-hint{margin-bottom:0}.evidence-details{margin-top:16px;font-size:11px;color:var(--muted)}.evidence-details summary{cursor:pointer}.evidence-details pre{background:#f6f8f2;padding:12px;border-radius:7px;overflow:auto;font-size:10px;max-height:400px;color:var(--ink)}.journal-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.journal-ref{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-amount{white-space:nowrap;color:var(--muted);font-size:10px} .table-scroll{position:relative} .invoice-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 19px}.invoice-tabs .button[aria-pressed=true]{color:var(--teal);border-color:#b9d3c5;background:var(--teal-soft)}.invoice-filter-label{min-width:145px}.invoice-filter-label select{font-size:12px;min-height:35px}.invoice-row-meta{display:block;margin-top:4px;font-size:10px;color:var(--muted);max-width:300px;overflow-wrap:anywhere}.invoice-editor,.invoice-detail{padding:23px;margin-top:22px;min-width:0}.invoice-editor>.section-heading,.invoice-detail>.section-heading{padding:0 0 20px}.invoice-editor h3{margin-top:5px;overflow-wrap:anywhere}.invoice-editor form>label{margin-top:16px}.invoice-editor .form-grid{margin-top:15px}.invoice-editor .source-block{margin-top:20px}.invoice-editor .form-actions{justify-content:space-between}.invoice-detail>h3{margin:8px 0 18px;overflow-wrap:anywhere}.invoice-facts{display:grid;grid-template-columns:minmax(100px,.6fr) minmax(0,1.4fr);gap:7px 20px;padding:0;margin:15px 0 20px;font-size:12px;line-height:1.65}.invoice-facts dt{color:var(--muted)}.invoice-facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.invoice-binding{padding:15px;border:1px solid #caddce;background:#f3f8ef;border-radius:8px;margin:0 0 18px;font-size:12px;overflow-wrap:anywhere}.invoice-binding>p{margin-top:7px}.invoice-binding .field-hint{margin-bottom:8px}.invoice-binding .hash-item{margin-top:11px}.invoice-history{margin-top:23px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}.invoice-history>summary{cursor:pointer;color:var(--teal);font-weight:600}.invoice-history>details{margin-top:12px;padding:12px;border-radius:7px;background:#f8faf4}.invoice-history>details>summary{cursor:pointer;font-size:12px}.invoice-related{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.invoice-related .button{display:flex}.parties-list{padding:12px 22px}.parties-list>.muted{padding:18px 0}.invoice-related h4{margin-bottom:8px}#invoice-party-snapshot{white-space:pre-wrap}#invoice-add-party{margin-bottom:8px} .practice-heading{padding:0 0 20px}.practice-card{padding:23px;margin-bottom:22px;min-width:0}.practice-card>.section-heading{padding:0 0 17px}.practice-card>.section-heading h3{margin-top:7px}.practice-card>.muted{margin-bottom:20px;max-width:780px;line-height:1.8}.practice-form{max-width:900px}.practice-fieldset{min-width:0;margin:0 0 22px;padding:18px;border:1px solid var(--line);border-radius:9px}.practice-fieldset legend{padding:0 7px;font-size:12px;font-weight:650;color:var(--teal)}.practice-fieldset>.form-grid{margin-bottom:15px}.practice-fieldset>label+label{margin-top:15px}.practice-fieldset .field-hint{max-width:750px}.permission-grid,.assignee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px}.permission-grid .checkbox-row,.assignee-grid .checkbox-row{padding:8px 10px;background:#f8faf5;border-radius:6px;font-size:11px}.permission-grid .checkbox-row span,.assignee-grid .checkbox-row span{overflow-wrap:anywhere}.practice-declaration-check{margin-top:18px!important}.practice-form>.form-actions{align-items:center;justify-content:space-between}.account-file-label{max-width:400px}.account-file-label input{display:block;max-width:100%}.access-issued{padding:18px;margin-top:22px;background:var(--teal-soft);border:1px solid #cee1d5;border-radius:9px;max-width:900px}.access-issued input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;min-width:0}.access-token-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.practice-roster{margin-top:28px}.practice-roster>h4{margin-bottom:12px}.practice-roster td:first-child{max-width:400px;overflow-wrap:anywhere}.practice-client-list{margin-top:26px;padding-top:21px;border-top:1px solid var(--line)}.practice-client-list>h4{margin-bottom:15px}.practice-client-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 0}.practice-client-row>div{min-width:0}.practice-client-row strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.practice-client-row p{font-size:10px;margin-top:4px}.practice-client-list .field-hint{margin-bottom:0}input:read-only{background:#f7f9f4} .preview-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 8px}.preview-page-label{font-size:11px;color:var(--muted);text-align:center}.preview-image-slot{margin-top:12px}.preview-image-slot img{max-height:none}.preview-image-slot:empty{min-height:100px} .extraction-card{padding:23px;margin-top:23px}.extraction-card>.section-heading{padding:0 0 14px;align-items:flex-start}.extraction-card h3{margin-top:6px;overflow-wrap:anywhere}.extraction-history{max-width:600px;margin:18px 0}.extraction-empty,.extraction-result-message{padding:18px 0;font-size:12px;color:var(--muted);line-height:1.8}.extraction-facts{display:grid;gap:12px;margin-top:19px}.extraction-fact{padding:15px;background:#fcfdf9;border:1px solid var(--line);border-radius:8px}.extraction-field-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.extraction-field-heading h4{font-size:12px}.extraction-evidence{font-size:10px;color:var(--muted)}.extraction-field-inputs{display:grid;grid-template-columns:minmax(0,1.2fr) 78px minmax(0,1.4fr);gap:13px;align-items:start}.extraction-field-inputs label{min-width:0;font-size:10px}.extraction-field-inputs input,.extraction-field-inputs textarea{font-size:12px;min-width:0}.extraction-field-inputs :disabled{background:#f3f6ef;color:#7b897a}.extraction-check{margin:15px 0}.extraction-reviewed{margin:15px 0;color:var(--teal);font-size:12px}.extraction-warnings{padding:14px 18px 14px 33px;background:var(--orange-soft);border-radius:8px;font-size:12px;color:#936333}.extraction-use-draft{margin-top:12px}.extraction-retry,.extraction-revision-history{margin-top:22px;padding-top:15px;border-top:1px solid var(--line);font-size:12px}.extraction-retry summary,.extraction-revision-history summary{cursor:pointer;color:var(--teal);font-weight:600}.extraction-retry .button{margin-top:10px}.extraction-revision-history>details{padding:13px;background:#f8faf4;margin-top:10px;border-radius:7px}.extraction-revision-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;font-size:12px}.extraction-revision-history dl{display:grid;grid-template-columns:150px minmax(0,1fr);font-size:11px;gap:6px}.extraction-revision-history dt{color:var(--muted)}.extraction-revision-history dd{margin:0;overflow-wrap:anywhere} @media(max-width:760px){.extraction-card{padding:17px}.extraction-field-inputs{grid-template-columns:minmax(0,1fr) 68px;gap:10px}.extraction-field-inputs>label:last-child{grid-column:1 / -1}.extraction-field-heading{align-items:flex-start}.extraction-evidence{font-size:9px;text-align:right;max-width:135px}.extraction-use-draft{white-space:normal;width:100%}.extraction-revision-history dl{grid-template-columns:100px minmax(0,1fr)}} @media(min-width:1600px){main{padding-left:48px;padding-right:48px}.topbar{padding-left:48px;padding-right:48px}} @media(max-width:1250px){.upload-card{flex-wrap:wrap}.upload-form{width:100%;padding-left:61px}.upload-form input{max-width:none;flex:1}.upload-form button{margin-left:auto}.proposal-layout{grid-template-columns:230px minmax(0,1fr)}.identity>div:not(.avatar){display:none}.identity .button{margin-left:0}} @media(max-width:1050px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{width:180px;padding:25px 12px}.sidebar .brand{font-size:25px;margin-left:5px}.main-nav button{font-size:11px;gap:7px;padding:11px 8px}main{padding:24px}.topbar{padding:17px 24px}.metric{padding:15px}.metric-label{font-size:8px;letter-spacing:.6px}.metric strong{font-size:28px}.proposal-layout{grid-template-columns:1fr}.queue-card{max-height:260px;overflow:auto}.queue-item{padding:12px 18px}.queue-item .queue-meta{margin-top:5px}.section-heading{padding:19px}td,th{padding-left:15px;padding-right:15px}} @media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-story{padding:25px 30px}.login-message{padding:30px 0}.login-message h1{font-size:34px;margin:15px 0}.login-message h1 br{display:none}.login-message p,.login-footnote{display:none}.login-form-wrap{padding:35px 30px}.login-form{max-width:500px}.login-form h2{font-size:25px}.app-shell{display:block}.sidebar{position:static;width:auto;padding:15px 20px;display:flex;flex-direction:row;align-items:center;gap:25px}.sidebar .brand{font-size:23px;margin:0;gap:7px}.brand-mark{width:28px;height:28px;font-size:26px}.sidebar-label,.sidebar-bottom,.nav-count{display:none}.main-nav{display:flex;gap:5px;margin-left:auto}.main-nav button{width:auto;font-size:0;padding:8px 11px;min-height:36px}.nav-icon{font-size:23px}.topbar{padding:13px 20px;min-height:77px}.workspace-switch{min-width:0;max-width:calc(100vw - 150px)}.workspace-switch select{font-size:13px}.identity{gap:7px}.avatar{display:none}main{padding:22px 20px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:27px}.breadcrumb{margin-bottom:12px}.page-heading .muted{font-size:11px}.page-heading>.button{font-size:10px;padding:9px;min-height:35px}.metric-grid{gap:8px;margin-bottom:20px}.metric{padding:12px}.metric-label{font-size:7px;letter-spacing:.4px;display:block;min-height:21px}.metric-caption{font-size:8px}.metric strong{font-size:25px}.metric-icon{width:26px;height:26px;font-size:18px}.upload-card{padding:17px;gap:12px}.upload-icon{width:35px;height:35px;font-size:21px}.upload-copy p{font-size:9px}.upload-form{padding-left:0;flex-wrap:wrap}.upload-form input{width:100%;max-width:none}.upload-form button{width:100%}.section-heading{padding:17px;align-items:flex-start}.section-heading h2{font-size:14px}.section-heading p{font-size:10px}.search-field{min-width:0;max-width:135px}.search-field input{width:105px;font-size:10px}.table-card td,.table-card th{padding:12px}.document-title strong{max-width:180px;font-size:11px}.row-actions{flex-direction:column;align-items:flex-end}.row-actions .button{padding:4px;min-height:25px}.proposals-heading{padding:0 0 15px}.proposals-heading .button{font-size:10px;padding:9px}.proposals-heading h2{font-size:14px}.proposals-heading p{font-size:10px}.editor-card,.review-card{padding:17px}.entry-row,.entry-row.has-source{grid-template-columns:minmax(110px,1fr) 65px minmax(80px,1fr) 24px}.entry-row.has-source .entry-source{grid-column:1 / 4;grid-row:2}.entry-row.has-source .remove-entry{grid-column:4;grid-row:1}.form-actions{flex-wrap:wrap}.form-actions>.button{flex:1}.source-preview iframe{height:340px}.workspace-footer{font-size:9px}.pending-card{align-items:stretch;flex-direction:column;gap:8px}.pending-card .button{align-self:flex-start}.identity .button{font-size:10px}.review-steps{font-size:9px;gap:5px;flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} .bank-import-card{padding:23px;margin-bottom:23px}.bank-import-card>.section-heading{padding:0 0 18px}.bank-import-card .span-two{grid-column:1 / -1}.bank-import-card input[type=file]{max-width:100%}.bank-active-check{margin:18px 0}.bank-view .invoice-detail h3{overflow-wrap:anywhere}.bank-view .invoice-facts dd{white-space:pre-wrap}.bank-entry-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.bank-entry-pagination .muted{font-size:11px;text-align:center}.bank-statement-entries{margin-top:23px;min-width:0}.bank-observations{margin-top:23px}.bank-observations>h4{margin-bottom:10px}.bank-view .invoice-detail>.section-heading{padding:0 0 18px}.bank-view .invoice-detail>.button{margin-top:12px}.bank-view td:first-child{overflow-wrap:anywhere}.bank-view .invoice-facts{margin-top:18px} .treasury-allocation{padding:17px;border:1px solid var(--line);border-radius:9px;background:#fafcf7;margin:15px 0}.treasury-allocation>.section-heading{padding:0 0 14px}.treasury-allocation>.form-grid{margin-top:15px}.treasury-rate-fields{margin:20px 0}.treasury-rate-fields .form-grid{margin:0}.treasury-allocation .practice-fieldset{background:#fff;margin-bottom:0}#treasury-allocation-section>.section-heading{padding:15px 0}#treasury-candidate{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}#treasury-candidate>.field-hint{margin-top:12px}#treasury-candidate .table-scroll{margin:15px 0}.treasury-review-summary{padding:16px;background:var(--teal-soft);border-radius:8px;margin:18px 0}.bank-source-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;font-size:10px}#funding-lot-detail .table-scroll{margin-top:20px}#settlement-history-card{margin-top:22px} @media(max-width:760px){.treasury-allocation{padding:13px}.treasury-rate-fields{padding:13px}.treasury-rate-fields .form-grid{grid-template-columns:minmax(0,1fr)}#treasury-allocation-section>.section-heading{gap:10px;align-items:flex-start}#treasury-allocation-section>.section-heading .button{font-size:10px;white-space:normal;max-width:105px}.treasury-review-summary{padding:12px}.bank-source-preview .source-tools{align-items:flex-start;flex-direction:column}} @media(max-width:760px){.bank-import-card{padding:17px}.bank-import-card .form-grid{grid-template-columns:minmax(0,1fr)}.bank-import-card .span-two{grid-column:auto}.bank-entry-pagination{gap:6px}.bank-entry-pagination .button{font-size:10px;padding:7px}.bank-entry-pagination .muted{font-size:9px}.bank-view .invoice-detail>.section-heading{gap:10px;align-items:flex-start}.bank-view .invoice-detail>.section-heading>.button{white-space:normal;text-align:right;max-width:100px}.bank-import-card .form-grid label{min-width:0}.bank-view .invoice-detail>.button{white-space:normal;width:100%}} @media(max-width:760px){.sidebar{flex-wrap:wrap;gap:10px}.main-nav{flex-wrap:wrap}.invoice-editor,.invoice-detail{padding:17px}.invoice-editor .form-grid{grid-template-columns:minmax(0,1fr)}.invoice-editor .span-two{grid-column:auto}.invoice-editor>.section-heading{gap:10px;align-items:flex-start}.invoice-editor>.section-heading>.button{white-space:normal;text-align:right;max-width:100px}.invoice-facts{grid-template-columns:100px minmax(0,1fr);gap:7px 12px;font-size:11px}.invoice-filter-label{min-width:110px;max-width:130px}.invoice-tabs{gap:7px}.invoice-tabs .button{font-size:10px}.invoice-editor .form-actions>.button{white-space:normal}.invoice-row-meta{max-width:200px}.parties-list{padding:8px 17px}.invoice-binding{padding:12px}.invoice-binding .invoice-facts{grid-template-columns:85px minmax(0,1fr)}} @media(max-width:760px){.sidebar{gap:12px}.main-nav button{padding:8px}.practice-card{padding:17px}.practice-fieldset{padding:14px;margin-bottom:18px}.practice-fieldset .form-grid{grid-template-columns:minmax(0,1fr)}.practice-fieldset .span-two{grid-column:auto}.permission-grid,.assignee-grid{grid-template-columns:minmax(0,1fr);gap:8px}.practice-form>.form-actions{align-items:stretch;gap:12px}.practice-form>.form-actions>.badge{white-space:normal;justify-content:center}.practice-client-row{align-items:flex-start}.practice-client-row .button{white-space:normal;text-align:right}.access-token-actions .button{flex:1}.access-issued{padding:14px}.practice-card>.section-heading h3{font-size:15px}} .native-amount-provenance{font-size:10px;margin-top:3px;min-width:0}.native-amount-provenance>summary{cursor:pointer;color:var(--teal)}.native-amount-provenance[open]{margin-bottom:8px}.native-amount-provenance>code{font-weight:400;margin-top:5px;white-space:pre-wrap} /* Reconciled opening work stays readable without rendering the whole XML tree. */ .cutover-module > .card { margin-top: 1.25rem; padding: 1.5rem; } .cutover-list-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--border, #e3e7ed); } .cutover-list-row > div { min-width: 0; } .cutover-list-row code, .cutover-module .hash-item code { overflow-wrap: anywhere; } .cutover-module textarea { width: 100%; max-width: 100%; font-family: inherit; } .cutover-module .evidence-details textarea { font-family: ui-monospace, monospace; font-size: .85rem; } .cutover-module .practice-form { margin-top: 1rem; } .cutover-source-choices { display: grid; gap: .6rem; margin: .75rem 0; } .cutover-source-choices .checkbox-row { align-items: flex-start; overflow-wrap: anywhere; } .cutover-tree, .cutover-record { margin: .65rem 0; padding: .65rem; border: 1px solid var(--border, #e3e7ed); border-radius: .5rem; min-width: 0; } .cutover-tree > div { margin: .65rem 0 .25rem .5rem; } .cutover-tree summary, .cutover-record summary { cursor: pointer; overflow-wrap: anywhere; } .cutover-claim { display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(0, 2fr); gap: .7rem; padding: .3rem 0; overflow-wrap: anywhere; } .cutover-verified-source { margin-top: 1rem; min-width: 0; } .cutover-verified-source .preview-image-slot img { display: block; width: 100%; max-width: 100%; height: auto; } .cutover-module h3, .cutover-module h4 { overflow-wrap: anywhere; } .cutover-module .button, .cutover-proposal-source .button { white-space: normal; text-align: center; } .cutover-proposal-source .source-block { margin-top: 1.25rem; } .cutover-structured-row { border: 1px solid var(--border, #e3e7ed); border-radius: .6rem; padding: 1rem; margin: 1rem 0; } .cutover-provenance { border: 0; margin: 1rem 0 0; padding: .5rem 0 0; } .cutover-provenance legend { font-weight: 600; } .cutover-module pre, .cutover-proposal-source pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; max-height: 32rem; overflow: auto; } @media (max-width: 700px) { .cutover-module > .card { padding: 1rem; } .cutover-list-row { flex-direction: column; } .cutover-claim { grid-template-columns: minmax(0, 1fr); gap: .2rem; } } /* Retained methodology is authored, reviewed and adopted as separate decisions. */ .methodology-card { padding: 23px; margin-bottom: 22px; min-width: 0; } .methodology-card > .section-heading, .methodology-edit-row > .section-heading { padding: 0 0 16px; } .methodology-card h3, .methodology-card h4, .methodology-card summary { overflow-wrap: anywhere; } .methodology-card > label { margin: 18px 0; } .methodology-list-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); } .methodology-list-row > div { min-width: 0; flex: 1; } .methodology-claim { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr); gap: 10px; margin: 8px 0; font-size: 12px; overflow-wrap: anywhere; } .methodology-claim > span { white-space: pre-wrap; } .methodology-card .hash-item { margin: 10px 0; } .methodology-card .hash-item code { overflow-wrap: anywhere; } .methodology-retained { border: 1px solid var(--line); border-radius: 7px; padding: 11px; margin: 12px 0; min-width: 0; } .methodology-retained > summary, .methodology-revision-withdrawal > summary { cursor: pointer; color: var(--teal); } .methodology-retained > div { margin: 12px 0 0 8px; } .methodology-edit-row, .methodology-content-row { margin: 18px 0; padding: 16px; border: 1px solid var(--line); border-radius: 8px; min-width: 0; } .methodology-edit-row > label { margin-bottom: 15px; } .methodology-card .practice-form { margin-top: 22px; } .methodology-card .practice-form > label { margin: 20px 0; } /* Keep long methodology names, identifiers and actions reachable at zoom. */ .methodology-card { overflow-wrap: anywhere; } .methodology-module > .section-heading { flex-wrap: wrap; } .methodology-module > .section-heading > * { min-width: 0; max-width: 100%; } .methodology-card .section-heading { flex-wrap: wrap; } .methodology-card .section-heading > * { min-width: 0; max-width: 100%; } .methodology-card .practice-fieldset legend { max-width: 100%; overflow-wrap: anywhere; } .methodology-card :is(input:not([type="checkbox"]), select, textarea) { min-width: 0; max-width: 100%; } .methodology-card .checkbox-row > span { min-width: 0; overflow-wrap: anywhere; } .methodology-module .form-grid > label { min-width: 0; } .methodology-currencies { border: 0; margin: 18px 0; padding: 0; display: flex; flex-wrap: wrap; gap: 20px; } .methodology-currencies legend { font-size: 12px; font-weight: 550; margin-bottom: 10px; } .methodology-account-chips { display: flex; flex-wrap: wrap; gap: 7px; } .methodology-module .button, .methodology-proposal-evidence .button { white-space: normal; } .methodology-edit-row > .button { margin: 12px 8px 0 0; } .methodology-prose { margin: 20px 0; } .methodology-prose p { margin: 12px 0 22px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.75; } .methodology-content > section, .methodology-decision, .methodology-adoption-history { margin-top: 26px; } .methodology-proof { margin: 22px 0; padding: 18px; background: var(--teal-soft); border-radius: 8px; } .methodology-verified { margin-top: 14px; } .methodology-review-form, .methodology-adopt-form, .methodology-withdrawal { border-top: 1px solid var(--line); padding-top: 20px; } .methodology-revision-withdrawal { margin-top: 25px; } .methodology-policy-info { margin: 15px 0; padding: 15px; background: #f5f8f3; border: 1px solid var(--line); border-radius: 8px; min-width: 0; } .methodology-policy-info:empty { display: none; } .methodology-proposal-evidence { margin: 22px 0; padding: 17px; border: 1px solid var(--line); border-radius: 8px; min-width: 0; } .report-card { padding: 23px; margin-bottom: 22px; min-width: 0; } .reports-module > .section-heading { padding: 0 0 23px; } .report-list-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; padding: 18px 0; border-bottom: 1px solid var(--line); } .report-list-row > div { min-width: 0; flex: 1; } .report-card .hash-item { margin: 10px 0; } .report-card .hash-item code { overflow-wrap: anywhere; } .report-card h3, .report-card h4, .report-card summary { overflow-wrap: anywhere; } .report-fact { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(0, 2fr); gap: 12px; padding: 7px 0; font-size: 12px; overflow-wrap: anywhere; } .report-card .practice-form > label { margin: 18px 0; } .report-card .form-grid > label { min-width: 0; } .report-chart-editor { margin: 20px 0; padding: 16px; border: 1px solid var(--line); border-radius: 8px; min-width: 0; } .report-chart-editor > label { margin: 16px 0; } .report-chart-editor select { min-width: 200px; } .report-card .button { white-space: normal; } .report-card .table-scroll { margin: 15px 0; } .report-card th, .report-card td { padding: 12px; font-size: 11px; } .report-card td:first-child { overflow-wrap: anywhere; } .report-card td.journal-amount { white-space: nowrap; } .report-trial table { min-width: 1600px; } .report-trial th:first-child, .report-trial td:first-child { min-width: 180px; } .report-card td .button { margin: 3px; min-width: 90px; } .report-summary, .report-filter-totals { padding: 16px; border: 1px solid var(--line); background: #f8faf5; border-radius: 8px; margin: 22px 0; } .report-history-warning { padding: 16px; margin-top: 22px; background: var(--orange-soft); border: 1px solid #e7b88d; border-radius: 8px; color: #80501f; font-size: 13px; line-height: 1.7; } .report-provenance { margin: 20px 0; padding: 15px; border: 1px solid var(--line); border-radius: 8px; } .report-provenance > summary { cursor: pointer; color: var(--teal); } .report-provenance > h4 { margin-top: 16px; } .report-exports { padding: 16px; margin: 22px 0; background: var(--teal-soft); border-radius: 8px; } .report-exports > .button { margin: 4px 6px 4px 0; } .report-trial, .report-lines, .report-controls, .report-positions, .report-source { margin-top: 30px; min-width: 0; } .report-positions .table-scroll table { min-width: 1300px; } .report-positions td { vertical-align: top; } .report-positions th:first-child, .report-positions td:first-child { min-width: 220px; max-width: 380px; } .report-positions th:last-child, .report-positions td:last-child { min-width: 460px; } .report-positions td:last-child .button { white-space: nowrap; } .report-trial > label { margin-top: 18px; } .report-source .source-preview img { max-width: 100%; height: auto; } .report-source { border-top: 1px solid var(--line); padding-top: 22px; } .correction-card { padding: 23px; margin-bottom: 22px; min-width: 0; } .corrections-module > .section-heading { padding: 0 0 23px; } .correction-card > .button, .correction-card > form > .button { margin-top: 14px; } .correction-card h3, .correction-card h4, .correction-card code, .correction-proposal-proof code { overflow-wrap: anywhere; } .correction-card .hash-item, .correction-proposal-proof .hash-item { margin: 12px 0; } .correction-card .button, .correction-proposal-proof .button { white-space: normal; } .correction-fact { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr); gap: 12px; padding: 8px 0; font-size: 12px; overflow-wrap: anywhere; } .correction-segment, .correction-invoice-facts, .correction-source, .correction-history, .correction-position, .correction-editor, .correction-replacement, .correction-entry-editor, .correction-amendment, .correction-candidate, .correction-memo { margin-top: 26px; min-width: 0; } .correction-card .table-scroll, .correction-proposal-proof .table-scroll { margin: 15px 0; } .correction-card table, .correction-proposal-proof table { min-width: 680px; } .correction-card th, .correction-card td, .correction-proposal-proof th, .correction-proposal-proof td { padding: 12px; font-size: 11px; } .correction-card .journal-amount, .correction-proposal-proof .journal-amount { white-space: nowrap; } .correction-card .form-grid > label, .correction-entry-row > label { min-width: 0; } .correction-card fieldset { min-width: 0; } .correction-fact > span { white-space: pre-wrap; } .correction-editor > label, .correction-replacement > label { margin: 18px 0; } .correction-entry-row { display: grid; grid-template-columns: minmax(160px, 1.5fr) 72px minmax(110px, 1fr) minmax(110px, 1fr) 82px; gap: 10px; align-items: end; margin: 15px 0; padding: 15px; border: 1px solid var(--line); border-radius: 8px; } .correction-support-row { padding: 15px; margin: 15px 0; border: 1px solid var(--line); border-radius: 8px; } .correction-support-row > label { margin: 12px 0; } .correction-memo { padding: 17px; border: 1px solid var(--line); border-radius: 8px; background: #f8faf5; } .correction-memo p, td.correction-memo { white-space: pre-wrap; overflow-wrap: anywhere; } .correction-memo h4 { margin-bottom: 14px; } .correction-evidence { margin-top: 25px; } .correction-proposal-proof { min-width: 0; } .correction-candidate { padding: 17px; border: 1px solid var(--line); border-radius: 8px; } @media (max-width: 760px) { .correction-card { padding: 17px; } .correction-fact, .correction-card .form-grid { grid-template-columns: minmax(0, 1fr); gap: 4px; } .correction-entry-row { grid-template-columns: minmax(0, 1fr) 72px; padding: 12px; } .correction-entry-row > .button { grid-column: 1 / -1; justify-self: end; } .correction-card > .button, .correction-editor > .button { max-width: 100%; } } @media (max-width: 760px) { .methodology-card { padding: 17px; } .methodology-list-row { flex-direction: column; } .methodology-claim { grid-template-columns: minmax(0, 1fr); gap: 3px; } .methodology-edit-row, .methodology-content-row { padding: 12px; } .methodology-module .form-grid { grid-template-columns: minmax(0, 1fr); } .methodology-module > .section-heading > .button { max-width: 115px; } .report-card { padding: 17px; } .report-list-row { flex-direction: column; } .report-fact, .report-card .form-grid { grid-template-columns: minmax(0, 1fr); gap: 4px; } .reports-module > .section-heading > .button { max-width: 105px; } .report-chart-editor { padding: 11px; } } /* Source-grounded VAT workbench. Wide financial tables scroll independently. */ .vat-module { min-width: 0; } .vat-module > .section-heading { padding: 0 0 20px; } .vat-module .button { white-space: normal; } .vat-tabs, .vat-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; } .vat-tabs [aria-current=page] { background: var(--teal-soft); border-color: var(--teal); color: var(--teal); } .vat-card { padding: 23px; margin-bottom: 23px; min-width: 0; } .vat-card h3, .vat-card h4, .vat-card label, .vat-card summary { overflow-wrap: anywhere; } .vat-card h3 { margin-bottom: 18px; } .vat-card h4 { margin-bottom: 12px; } .vat-card input, .vat-card select, .vat-card textarea, .vat-card .form-grid > label { min-width: 0; } .vat-card form > label, .vat-card form > .button { margin-top: 16px; } .vat-card fieldset { min-width: 0; } .vat-fact { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr); gap: 12px; padding: 7px 0; font-size: 12px; overflow-wrap: anywhere; } .vat-card .hash-item { margin: 10px 0; } .vat-card .hash-item code { overflow-wrap: anywhere; } .vat-list-row { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 15px; padding: 17px 0; border-bottom: 1px solid var(--line); } .vat-list-row > div { min-width: 0; } .vat-source-row, .vat-subform, .vat-evidence-editor, .vat-prose, .vat-lines-editor, .vat-effects, .vat-file { margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--line); min-width: 0; } .vat-source-row:first-child { margin-top: 0; } .vat-source-row .vat-actions { margin-top: 17px; } .vat-line-row, .vat-evidence-row { padding: 16px; margin: 15px 0; border: 1px solid var(--line); border-radius: 8px; min-width: 0; } .vat-line-row legend { font-size: 12px; padding: 0 6px; font-weight: 600; } .vat-line-row > label + label { margin-top: 12px; } .vat-evidence-row > .button { margin-top: 10px; } .vat-card .checkbox-row { margin: 16px 0; } .vat-prose p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; font-size: 12px; } .vat-blockers { margin: 24px 0; padding: 16px; background: var(--orange-soft); border: 1px solid #e6c39c; border-radius: 8px; } .vat-blocker + .vat-blocker { border-top: 1px solid #e6c39c; padding-top: 14px; margin-top: 14px; } .vat-blocker p { font-size: 12px; overflow-wrap: anywhere; } .vat-reconciled { margin: 24px 0; padding: 16px; background: var(--teal-soft); border-radius: 8px; } .vat-card .table-scroll { margin: 15px 0; } .vat-card table { min-width: 900px; } .vat-card th, .vat-card td { padding: 12px; font-size: 11px; vertical-align: top; } .vat-card td { overflow-wrap: anywhere; } .vat-card td.journal-amount { white-space: nowrap; } .vat-effects table { min-width: 1350px; } .vat-effects td:first-child { min-width: 170px; max-width: 210px; } .vat-effects td:last-child { min-width: 290px; max-width: 350px; } .vat-effects td .button { display: block; margin: 0 0 7px; } .vat-effects td details { margin-top: 12px; } .vat-xml { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 480px; overflow: auto; padding: 16px; border: 1px solid var(--line); border-radius: 7px; background: #f7f9f4; font-size: 10px; margin-top: 16px; } .vat-file > .button { margin: 5px 8px 5px 0; } @media(max-width:760px) { .vat-card { padding: 17px; } .vat-fact, .vat-card .form-grid { grid-template-columns: minmax(0, 1fr); gap: 4px; } .vat-line-row, .vat-evidence-row { padding: 12px; } .vat-list-row { flex-direction: column; align-items: stretch; } .vat-card .form-actions { flex-direction: column; align-items: stretch; } .vat-tabs .button { flex: 1 1 45%; } } /* Reviewed original tax-fact corrections, with independent scoped editors. */ .vat-corrections-module { min-width: 0; } .vat-corrections-module .vc-prose { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; font-size: 12px; } .vat-corrections-module .vc-retained { margin: 13px 0; min-width: 0; } .vat-corrections-module .vc-retained > summary { cursor: pointer; font-size: 12px; overflow-wrap: anywhere; } .vat-corrections-module .vc-retained > div { padding-left: 12px; border-left: 1px solid var(--line); } .vat-corrections-module .vc-candidate { margin: 24px 0; min-width: 0; } .vat-corrections-module .vc-candidate .vat-card { padding: 0; margin: 0; border: 0; box-shadow: none; background: transparent; } .vat-corrections-module .vc-candidate .practice-fieldset { margin-top: 20px; } .vat-corrections-module .vc-facts { padding: 18px; background: #f8faf7; border: 1px solid var(--line); border-radius: 8px; } .vat-corrections-module .vat-effects table { min-width: 1200px; } .vat-corrections-module .vat-effects td:first-child { min-width: 180px; max-width: 230px; } .vat-corrections-module .vat-effects td:last-child { min-width: 310px; max-width: 400px; } .vat-corrections-module .vat-effects td > .button { margin-top: 8px; } .vat-corrections-module .vat-source { margin: 20px 0; } .vat-corrections-module .vat-source > .button { margin: 10px 0; } .vat-corrections-module form > .button { margin-top: 20px; } @media (max-width: 760px) { .vat-corrections-module .vc-facts { padding: 12px; } .vat-corrections-module .form-actions { flex-direction: column; align-items: stretch; } .vat-corrections-module .vc-candidate .vat-card { padding: 0; } } /* Explicit VAT calculation units and separate payment rounding evidence. */ .vat-calculation-editor { margin: 18px 0; padding: 16px; border: 1px solid var(--line); border-radius: 8px; } .vat-calculation-editor legend { max-width: 100%; padding: 0 6px; white-space: normal; overflow-wrap: anywhere; } .vat-calculation-editor > label, .vat-calculation-editor .field-hint { margin-top: 14px; } .vat-calculation-facts { margin-top: 24px; } .vat-calculation-facts td { min-width: 145px; max-width: 300px; } @media (max-width: 760px) { .vat-calculation-editor { padding: 12px; } } /* Retained filing evidence and professionally reviewed procedural successors. */ .vat-filings-module { min-width: 0; } .vat-filings-module .button { white-space: normal; } .vat-filings-module .vf-list-row { padding: 17px 0; border-bottom: 1px solid var(--line); } .vat-filings-module .vf-list-row > .button { margin-top: 12px; } .vat-filings-module .vf-fact { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr); gap: 12px; padding: 7px 0; font-size: 12px; overflow-wrap: anywhere; } .vat-filings-module .vf-reference, .vat-filings-module .vf-review, .vat-filings-module .vf-procedure, .vat-filings-module .vf-table-section, .vat-filings-module .vf-review-history, .vat-filings-module .vf-prose, .vat-filings-module .vf-file { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); min-width: 0; } .vat-filings-module .vf-selected-reference { padding: 14px; margin: 12px 0; border: 1px solid var(--line); border-radius: 8px; } .vat-filings-module .vf-selected-reference > .button { margin-top: 12px; } .vat-filings-module .vf-provenance { margin-top: 12px; font-size: 12px; min-width: 0; } .vat-filings-module .vf-provenance > div { padding-left: 12px; border-left: 1px solid var(--line); } .vat-filings-module .vf-provenance summary { cursor: pointer; overflow-wrap: anywhere; } .vat-filings-module .vf-exact-text { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 480px; overflow: auto; padding: 16px; background: #f7f9f4; border: 1px solid var(--line); border-radius: 8px; font-size: 10px; margin: 15px 0; } .vat-filings-module .vf-prose p { white-space: pre-wrap; overflow-wrap: anywhere; } .vat-filings-module .vf-important, .vat-filings-module .vf-blockers { padding: 16px; margin: 18px 0; background: var(--orange-soft); border: 1px solid #e6c39c; border-radius: 8px; font-size: 12px; } .vat-filings-module .vf-blockers > li { margin: 12px 0 12px 15px; } .vat-filings-module .vf-dp-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; } .vat-filings-module fieldset { min-width: 0; padding: 16px; margin-top: 17px; border: 1px solid var(--line); border-radius: 8px; } .vat-filings-module legend { padding: 0 6px; white-space: normal; overflow-wrap: anywhere; font-size: 12px; font-weight: 600; } .vat-filings-module label + label, .vat-filings-module fieldset > .button { margin-top: 14px; } .vat-filings-module .table-scroll { max-width: 100%; overflow: auto; } .vat-filings-module td { min-width: 120px; max-width: 350px; } .vat-filings-module td .button { display: block; margin-top: 10px; } @media (max-width: 760px) { .vat-filings-module .vf-fact, .vat-filings-module .vf-dp-inputs { grid-template-columns: minmax(0, 1fr); gap: 4px; } .vat-filings-module fieldset { padding: 12px; } } /* Production uses ordinary real forms and wraps long actual source identities. */ #production-root {min-width:0;overflow-wrap:anywhere} #production-root fieldset {min-width:0;margin-block:1rem} #production-root input,#production-root select,#production-root textarea {max-width:100%;min-width:0;width:100%;box-sizing:border-box} #production-root .form-actions {display:flex;gap:.6rem;flex-wrap:wrap} #production-root button {white-space:normal;max-width:100%;overflow-wrap:anywhere} #production-root pre {white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%} #production-root .field {display:flex;flex-direction:column;gap:.3rem;margin-block:.65rem} #production-root .card {padding:1rem;margin-block:1rem} #production-root > .form-actions {justify-content:flex-start;margin-block:1rem} #production-root details {margin-block:1rem} @media(max-width:760px){#production-root .form-actions > .button {flex:1 1 9rem}} /* Retained group reports keep long hashes, receipts and controls readable. */ #group-reporting-root { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } #group-reporting-root .card { padding: 23px; margin-block: 18px; min-width: 0; } #group-reporting-root .hash-item { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; margin: 12px 0; min-width: 0; } #group-reporting-root .hash-item code, #group-reporting-root pre { min-width: 0; max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal; } #group-reporting-root .badge { max-width: 100%; white-space: normal; overflow-wrap: anywhere; } #group-reporting-root .button { max-width: calc(100% - .4rem); margin: .35rem .4rem .35rem 0; white-space: normal; overflow-wrap: anywhere; vertical-align: top; } #group-reporting-root .form-actions { display: flex; flex-wrap: wrap; gap: .6rem; } #group-reporting-root .form-actions .button { max-width: 100%; margin: 0; } #group-reporting-root fieldset, #group-reporting-root label, #group-reporting-root details, #group-reporting-root .form-grid > * { min-width: 0; max-width: 100%; } #group-reporting-root fieldset { padding: 16px; margin-block: 16px; } #group-reporting-root legend, #group-reporting-root summary { max-width: 100%; white-space: normal; overflow-wrap: anywhere; } #group-reporting-root input, #group-reporting-root select, #group-reporting-root textarea { min-width: 0; max-width: 100%; } #group-reporting-root form > label + label { margin-top: 14px; } #group-reporting-root details + details { margin-top: 12px; } @media (max-width: 760px) { #group-reporting-root .card { padding: 16px; } #group-reporting-root .form-grid { grid-template-columns: minmax(0, 1fr); } #group-reporting-root .form-actions > .button { flex: 1 1 9rem; } } /* Scoped project-assignment supervision; no global layout changes. */ #project-agent-root .form-grid > *, #project-agent-root .form-actions > * { min-width: 0; } #project-agent-root input:not([type="checkbox"]), #project-agent-root select, #project-agent-root textarea { width: 100%; max-width: 100%; min-width: 0; } #project-agent-root pre { white-space: pre-wrap; overflow-wrap: anywhere; } #project-agent-root .form-actions { flex-wrap: wrap; } #project-agent-root .form-actions > button { min-width: min(9rem, 100%); max-width: 100%; white-space: normal; } #jmhz-root { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } #jmhz-root > .card { min-width: 0; padding: 23px; margin-block: 18px; } #jmhz-root > .card:empty { display: none; } #jmhz-root label { display: flex; flex-direction: column; gap: .35rem; margin-block: .9rem; min-width: 0; } #jmhz-root input:not([type="checkbox"]), #jmhz-root select, #jmhz-root textarea { width: 100%; min-width: 0; max-width: 100%; } #jmhz-root input[type="checkbox"] { width: auto; align-self: flex-start; } #jmhz-root .button { max-width: 100%; margin: .35rem .4rem .35rem 0; white-space: normal; vertical-align: top; } #jmhz-root a { overflow-wrap: anywhere; } #jmhz-root fieldset { min-width: 0; margin-block: 1rem; } @media (max-width: 760px) { #jmhz-root > .card { padding: 16px; } } /* Keep every permitted agenda reachable in the fixed desktop sidebar. */ @media(min-width:761px){.main-nav{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;align-content:start}.sidebar .brand,.sidebar-label,.sidebar-bottom{flex-shrink:0}} /* ADR072: actual full statements remain readable on narrow screens. */ #year-close-root {display:grid;gap:1rem;min-width:0;overflow-wrap:anywhere;} #year-close-root .card,#year-close-root fieldset,#year-close-root label {min-width:0;} #year-close-root fieldset {display:grid;gap:.7rem;border:1px solid var(--line,#d6dce5);padding:1rem;margin-block:.6rem;} #year-close-root input,#year-close-root select,#year-close-root textarea {max-width:100%;width:100%;box-sizing:border-box;} #year-close-root input[type=checkbox] {width:auto;margin-inline-end:.5rem;} #year-close-root .button-row {display:flex;flex-wrap:wrap;gap:.6rem;} #year-close-root button {white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:2.5rem;} #year-close-root table {width:100%;table-layout:fixed;border-collapse:collapse;font-size:.85rem;} #year-close-root td,#year-close-root th {padding:.5rem;overflow-wrap:anywhere;vertical-align:top;border-bottom:1px solid var(--line,#d6dce5);} #year-close-root .hash-item span {white-space:normal;overflow-wrap:anywhere;} @media(max-width:42rem){#year-close-root .section-heading,#year-close-root .button-row {display:grid;}#year-close-root table {font-size:.7rem;}#year-close-root td,#year-close-root th{padding:.25rem;}#year-close-root fieldset{padding:.6rem;}} /* Source-bound purchasing and project-work billing. */ #commercial-links-root {min-width:0;overflow-wrap:anywhere;} #commercial-links-root .section-heading,#commercial-links-root .button-row {display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;} #commercial-links-root .section-heading > div {min-width:0;} #commercial-links-root .card,#commercial-links-root .source-block {min-width:0;margin-block:.8rem;padding:1rem;} #commercial-links-root button {max-width:100%;white-space:normal;} #commercial-links-root input,#commercial-links-root select,#commercial-links-root textarea {min-width:0;max-width:100%;box-sizing:border-box;} #commercial-links-root label {display:grid;gap:.35rem;margin-block:.65rem;} /* ADR082 bank panel; no global clipping or hidden overflow. */ #bank-autonomy-root { min-width:0; margin-block:1rem; } #bank-autonomy-root .bank-autonomy { min-width:0; padding:1rem; } #bank-autonomy-root .bank-auto-row { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; padding-block:.6rem; } #bank-autonomy-root .correction-segment { display:grid; gap:.75rem; min-width:0; margin-block:1rem; } #bank-autonomy-root :is(label,p,code,span,details,summary) { min-width:0; overflow-wrap:anywhere; } #bank-autonomy-root :is(input,select,textarea,button) { max-width:100%; min-width:0; } #bank-autonomy-root .hash-item { display:flex; flex-wrap:wrap; gap:.35rem; } @media(max-width:42rem){#bank-autonomy-root .bank-autonomy{padding:.75rem;}#bank-autonomy-root button{white-space:normal;min-height:2.75rem;width:100%;}} /* ADR084: scoped source forms and retained bank outcomes; no clipping. */ #bank-autonomy-v2-root .card { padding:1.25rem; margin-bottom:1.25rem; min-width:0; } #bank-autonomy-v2-root form { display:grid; gap:.8rem; margin:1rem 0; min-width:0; } #bank-autonomy-v2-root label { display:grid; gap:.35rem; min-width:0; } #bank-autonomy-v2-root input,#bank-autonomy-v2-root select,#bank-autonomy-v2-root textarea { max-width:100%; min-width:0; } #bank-autonomy-v2-root fieldset { display:grid; gap:.5rem; min-width:0; } #bank-autonomy-v2-root fieldset label { display:flex; gap:.5rem; align-items:baseline; } #bank-autonomy-v2-root button,#bank-autonomy-v2-root .hash-item,#bank-autonomy-v2-root td,#bank-autonomy-v2-root th { overflow-wrap:anywhere; white-space:normal; } #bank-autonomy-v2-root pre { white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; } #bank-autonomy-v2-root table { width:100%; table-layout:fixed; } @media(max-width:600px){#bank-autonomy-v2-root .card{padding:.8rem;}#bank-autonomy-v2-root button{max-width:100%;}} /* Keep the complete payment-file hash readable on narrow screens. */ #payment-orders-root { min-width: 0; overflow-wrap: anywhere; } #payroll-statutory-root .button {max-width:100%;white-space:normal;overflow-wrap:anywhere;} .own-client-renewal {min-width:0;} .own-client-renewal button {max-width:100%;white-space:normal;overflow-wrap:anywhere;} .email-auth-settings { margin-bottom: 20px; padding: 18px; min-width: 0; } .email-auth-settings > summary { cursor: pointer; font-weight: 650; color: var(--teal); } .email-auth-settings form { display: grid; gap: 8px; max-width: 560px; margin-top: 14px; } .email-auth-settings :is(input, select) { width: 100%; min-width: 0; } .email-auth-settings button { justify-self: start; max-width: 100%; white-space: normal; overflow-wrap: anywhere; } .own-ai-step { border: 2px solid var(--primary, #315bd7); margin-block: 1rem; } .own-ai-actions { display: flex; gap: .65rem; flex-wrap: wrap; align-items: center; } /* ADR-159: the public login surface owns only these scoped presentation rules. */ #login-screen { --auth-cream: #f7f7ef; --auth-green: #236744; --auth-ink: #173d2c; --auth-muted: #5e6d61; --auth-lime: #dcebb7; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; align-items: center; gap: 32px; padding: 30px 32px 24px; background: var(--auth-cream); color: var(--auth-ink); } #login-screen .auth-header { width: 100%; max-width: 1120px; display: flex; align-items: center; justify-content: space-between; gap: 20px; } #login-screen .brand { color: var(--auth-ink); font-size: 30px; gap: 10px; } #login-screen .brand-mark { width: 34px; height: 34px; border-color: var(--auth-green); background: var(--auth-ink); color: var(--auth-lime); font-size: 30px; } #login-screen .auth-home { display: inline-flex; align-items: center; gap: 8px; padding: 10px 0; color: var(--auth-muted); font-size: 13px; font-weight: 550; text-decoration: none; } #login-screen .auth-home:hover { color: var(--auth-green); text-decoration: underline; text-underline-offset: 4px; } #login-screen .auth-card { width: min(100%, 448px); min-width: 0; margin: auto; padding: 34px; background: #fffef9; border: 1px solid #dce3d5; border-radius: 18px; box-shadow: 0 10px 36px #173d2c08; } #login-screen .auth-heading { margin-bottom: 26px; } #login-screen .auth-heading .eyebrow { color: var(--auth-green); font-size: 10px; letter-spacing: 1.6px; } #login-screen .auth-heading h1 { margin: 12px 0 10px; color: var(--auth-ink); font-size: 29px; font-weight: 650; line-height: 1.2; letter-spacing: -.7px; } #login-screen .auth-heading p { margin: 0; color: var(--auth-muted); font-size: 14px; line-height: 1.6; } #login-screen .auth-alternatives { margin-top: 24px; } #login-screen .auth-alternatives > summary { width: fit-content; margin: auto; padding: 8px 0; color: var(--auth-green); font-size: 13px; font-weight: 550; cursor: pointer; } #login-screen .auth-alternatives > summary:hover { text-decoration: underline; text-underline-offset: 4px; } #login-screen .auth-alternatives > summary:focus-visible { outline: 3px solid var(--auth-green); outline-offset: 4px; } #login-screen .auth-methods { display: grid; gap: 4px; margin-top: 10px; padding: 8px; border: 1px solid #e0e5d8; border-radius: 10px; background: #f5f6ee; } #login-screen .auth-methods button { width: 100%; min-width: 0; min-height: 42px; padding: 9px 12px; border: 0; border-radius: 7px; background: transparent; color: var(--auth-green); font: inherit; font-size: 13px; font-weight: 550; line-height: 1.3; text-align: left; cursor: pointer; } #login-screen .auth-methods button[aria-pressed="true"] { color: var(--auth-muted); } #login-screen .auth-methods button[aria-pressed="true"]::after { content: " · právě zvoleno"; font-size: 12px; } #login-screen .auth-methods button:hover:enabled { background: #e8efdd; } #login-screen .auth-methods button:disabled { cursor: default; opacity: .6; } #login-screen .auth-panel { min-width: 0; } #login-screen .login-form { width: 100%; max-width: none; margin: 0; } #login-screen .login-form label { display: block; margin: 0 0 8px; color: var(--auth-ink); font-size: 13px; font-weight: 650; } #login-screen .login-form input { display: block; width: 100%; min-width: 0; min-height: 48px; margin: 0 0 22px; padding: 11px 13px; border: 1px solid #ccd7c7; border-radius: 8px; background: #fff; color: var(--auth-ink); font: inherit; font-size: 16px; line-height: 1.4; } #login-screen .login-form input:focus { border-color: var(--auth-green); outline: none; box-shadow: 0 0 0 3px #23674414; } #login-screen .auth-panel .button { width: 100%; min-height: 48px; margin-top: 4px; padding: 12px 15px; justify-content: center; border-radius: 8px; font-size: 14px; line-height: 1.4; white-space: normal; } #login-screen .auth-panel .button.primary { background: var(--auth-green); color: #fff; } #login-screen .auth-panel .button.primary:hover:enabled { background: #1c5437; } #login-screen .auth-panel .button:disabled { cursor: default; opacity: .6; } #login-screen .auth-panel-intro { margin: 0 0 22px; color: var(--auth-muted); font-size: 14px; line-height: 1.6; } #login-screen .field-hint { margin: 13px 0 0; color: var(--auth-muted); font-size: 12px; line-height: 1.65; } #login-screen .auth-status { margin: 18px 0 0; padding: 12px 13px; border: 1px solid #dce3d5; border-radius: 8px; background: #f2f5e9; color: var(--auth-ink); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; } #login-screen .auth-status:empty { display: none; } #login-screen #login-global-status:not(:empty) { margin: -6px 0 22px; } #login-screen #password-login-status:not(:empty), #login-screen .form-error:not(:empty) { border-color: #e8d1c5; background: #fff3eb; color: #963e30; } #login-screen .login-form h2 { margin: 0 0 14px; color: var(--auth-ink); font-size: 20px; font-weight: 650; line-height: 1.3; letter-spacing: -.3px; } #login-screen .auth-back { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin-top: 16px; padding: 10px 0; border: 0; background: transparent; color: var(--auth-green); font: inherit; font-size: 13px; line-height: 1.4; cursor: pointer; } #login-screen .auth-back:hover { text-decoration: underline; text-underline-offset: 4px; } #login-screen .auth-register { margin: 28px 0 0; padding-top: 23px; border-top: 1px solid #e5e8dc; color: var(--auth-muted); font-size: 13px; line-height: 1.8; text-align: center; } #login-screen .auth-register a { color: var(--auth-green); font-weight: 650; text-underline-offset: 3px; } #login-screen .auth-footer { margin: 0; color: var(--auth-muted); font-size: 12px; line-height: 1.5; text-align: center; } #login-screen :is(a, button):focus-visible { outline: 3px solid var(--auth-green); outline-offset: 4px; } @media (max-width: 520px) { #login-screen { gap: 26px; padding: 20px 16px; } #login-screen .auth-header { gap: 14px; } #login-screen .brand { font-size: 27px; gap: 8px; } #login-screen .brand-mark { width: 31px; height: 31px; font-size: 28px; } #login-screen .auth-home { gap: 5px; font-size: 12px; } #login-screen .auth-card { margin: auto; padding: 28px 22px; border-radius: 15px; } #login-screen .auth-heading h1 { font-size: 26px; } #login-screen .auth-methods button { padding: 9px 7px; } } /* A quiet authenticated entry; detailed agendas keep their own controls. */ #app-home-panel{max-width:1120px;margin:0 auto 32px} .home-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 40px;margin-bottom:34px;border:1px solid #dce6dc;border-radius:18px;background:#eef2e8;overflow:hidden} .home-welcome .eyebrow{color:#5b7562} .home-welcome h2{font-size:32px;font-weight:600;letter-spacing:-1px;margin:10px 0 14px;line-height:1.15} .home-welcome p{font-size:15px;line-height:1.75;color:#5d7268} .home-welcome-mark{display:grid;place-content:center;width:112px;height:112px;border:1px solid #b6cabb;border-radius:29px;transform:rotate(-8deg);color:var(--teal);font-size:94px;letter-spacing:-13px;line-height:1;flex-shrink:0;font-weight:650;position:relative;padding-right:12px;background:#f7f8ed} .home-welcome-mark span{color:#c27b46;position:absolute;bottom:6px;right:9px;font-size:62px} .home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 17px} .home-section-heading h2{font-size:20px;margin-bottom:5px} .home-company-count{font-size:11px;color:var(--muted);white-space:nowrap} .home-workspaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .home-company{padding:26px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;transition:border-color .15s,box-shadow .15s} .home-company:hover{border-color:#b3c7b9;box-shadow:0 5px 18px #173c3008} .home-company-mark{width:43px;height:43px;border-radius:12px;background:#f0f3ed;color:var(--teal);display:grid;place-items:center;font-size:20px;font-weight:600;margin-bottom:17px} .home-company h3{font-size:19px;overflow-wrap:anywhere;margin-bottom:7px} .home-company .button{margin-top:24px;min-width:155px} .home-no-company{grid-column:1/-1;padding:28px} .home-no-company h3{margin-bottom:10px} .home-work-actions{display:flex;align-items:center;gap:20px;padding:24px 26px;margin-top:24px} .home-work-actions>div:nth-child(2){flex:1;min-width:0} .home-work-actions h2{font-size:16px;margin-bottom:6px} .home-work-actions p{font-size:12px;line-height:1.65;color:var(--muted);max-width:490px} .home-action-icon{display:grid;place-items:center;width:42px;height:42px;font-size:27px;color:var(--teal);background:var(--teal-soft);border-radius:50%;flex-shrink:0} .home-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin:20px 2px 0} #account-panel{max-width:850px;margin-bottom:32px} .account-intro{padding:8px 0 24px} .account-intro h2{font-size:22px;margin:9px 0} #account-panel .email-auth-settings{margin:0 0 14px;padding:20px 24px} #account-panel details>summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--teal);padding:3px 0} #account-panel details[open]>summary{margin-bottom:22px} #account-panel form{max-width:530px} #account-panel form>label{margin-top:15px} #account-panel form>.button{margin-top:17px} #account-nav[aria-current=page]{background:var(--teal-soft);text-decoration:none} .progressive-filters{margin:18px 0 22px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px 17px} .progressive-filters>summary{font-size:12px;font-weight:650;color:var(--teal);cursor:pointer} .progressive-filters[open]>.form-grid{margin-top:20px} .centre-section{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:26px} .centre-section>p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:7px} .centre-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:17px} .centre-tabs [aria-selected=true]{background:var(--teal-soft);border-color:#bdd3c4;color:var(--teal)} .centre-section [data-testid^=centre-company-]{border-top:1px solid var(--line);padding:16px 0 3px;margin-top:15px;font-size:12px} .centre-section [data-testid^=centre-company-] h3{font-size:14px;margin-bottom:6px} .centre-section [data-testid^=centre-unavailable-] details{margin-top:8px;color:var(--muted);font-size:11px} .work-source-details{margin-top:12px;font-size:11px;color:var(--muted);overflow-wrap:anywhere} .work-source-details>summary{cursor:pointer} .work-source-details>p{margin-top:8px} .work-exception-summary{font-size:13px;line-height:1.65;margin-top:12px} @media(max-width:1050px){.home-work-actions{flex-wrap:wrap}.home-work-actions>.button{margin-left:62px}.home-welcome{padding:28px}.home-welcome-mark{width:90px;height:90px;font-size:77px}} @media(max-width:760px){ #app-shell .topbar{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 20px} #app-shell .identity{width:100%;flex-wrap:wrap;gap:8px} #app-shell .identity>div:nth-child(2){flex:1;min-width:90px} #app-shell .identity .button{margin-left:0;padding:7px} #app-shell main{padding:24px 18px 18px} .home-welcome{padding:25px 23px;margin-bottom:27px} .home-welcome h2{font-size:27px}.home-welcome p{font-size:13px} .home-welcome-mark{display:none} .home-workspaces{grid-template-columns:minmax(0,1fr);gap:13px} .home-company{padding:23px}.home-company .button{width:100%} .home-section-heading{align-items:flex-start;flex-direction:column;gap:6px} .home-work-actions{padding:22px;gap:14px} .home-work-actions>div:nth-child(2){flex-basis:calc(100% - 60px)} .home-work-actions>.button{margin-left:0;width:100%;white-space:normal} #account-panel .email-auth-settings{padding:18px} .centre-section{padding:18px}.centre-tabs{gap:5px} } /* Programmatic heading focus announces navigation; interactive focus stays visible. */ #page-title:focus{outline:none} /* No password-form flash while the existing browser session is being checked. */ .session-check-screen{min-height:100vh;padding:38px 7%;background:var(--teal-dark);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:32px} .session-check-card{padding:36px;max-width:580px;width:100%} .session-check-card h1{font-size:27px;margin:14px 0} .session-check-card .muted{line-height:1.8} .session-check-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px} .session-check-actions:empty{display:none} @media(max-width:760px){.session-check-screen{padding:26px 20px}.session-check-card{padding:27px}.session-check-card h1{font-size:24px}} /* Practice administration: one deliberate task, with results before editors. */ .practice-intro{margin-bottom:22px}.practice-intro h2{font-size:23px;margin-bottom:9px} .practice-task-nav{display:flex;flex-wrap:wrap;gap:6px;padding:6px;margin-bottom:25px;border:1px solid var(--line);border-radius:12px;background:#fff} .practice-task-nav button,.practice-privilege-choices button,.practice-module-tools button{border:0;border-radius:7px;background:transparent;padding:11px 17px;font-size:12px;font-weight:600;color:#647a70} .practice-task-nav button:hover,.practice-privilege-choices button:hover,.practice-module-tools button:hover{background:#f1f5ee} .practice-task-nav button[aria-current=page],.practice-privilege-choices button[aria-pressed=true],.practice-module-tools button[aria-pressed=true]{background:var(--teal-soft);color:var(--teal)} .practice-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .practice-overview-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;min-width:0} .practice-overview-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--teal-soft);border-radius:12px;font-size:23px;color:var(--teal);margin-bottom:20px} .practice-overview-card h3{font-size:20px;margin-bottom:10px}.practice-overview-card p{font-size:13px;color:var(--muted);line-height:1.8;flex:1;margin-bottom:26px} .practice-overview-card .button{width:100%;justify-content:space-between} .practice-overview-note{display:flex;align-items:center;gap:20px;margin-top:25px;padding:24px;border-top:1px solid var(--line)} .practice-overview-note>div{flex:1}.practice-overview-note h3{font-size:15px;margin-bottom:7px}.practice-overview-note p{font-size:12px;color:var(--muted);line-height:1.7} .practice-task-actions,.practice-module-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0} .practice-editor-panel{border:1px solid #cfded1;border-radius:12px;background:#fcfdf9;padding:24px!important;margin:22px 0 0!important} .practice-editor-panel>.button.text{margin-top:18px}.practice-view .practice-roster{margin-top:24px} .practice-privilege-choices,.practice-module-tools{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 17px} .practice-privilege-choices{border-bottom:1px solid var(--line);padding-bottom:13px} .permission-picker.permission-grid{display:block} .permission-picker-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px} .permission-search{flex:1;min-width:180px}.permission-search input{min-height:41px;background:#fff} .permission-selected{font-size:12px;color:var(--teal);line-height:1.8;margin:10px 0 15px} .permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start} .permission-group{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;min-width:0} .permission-group>summary{cursor:pointer;color:var(--teal);font-size:12px;font-weight:650;line-height:1.6} .permission-group[open]>summary{margin-bottom:12px} .permission-group .checkbox-row{border:0!important;padding:7px 2px!important;min-width:0;font-size:12px;background:none!important;overflow-wrap:anywhere} .permission-group .checkbox-row>span{min-width:0} .practice-module-tools{padding:5px;border:1px solid var(--line);border-radius:10px;background:#f7f9f3} .practice-view .access-issued{overflow-wrap:anywhere} @media(max-width:1120px){.practice-overview-grid{grid-template-columns:minmax(0,1fr)}.practice-overview-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:7px 19px;align-items:center}.practice-overview-mark{grid-row:1/3;margin:0}.practice-overview-card h3{grid-column:2;margin:0}.practice-overview-card p{grid-column:2;margin:0}.practice-overview-card .button{grid-column:3;grid-row:1/3;min-width:145px}} @media(max-width:760px){.practice-task-nav{gap:4px;padding:5px}.practice-task-nav button{padding:10px 12px}.practice-overview-card{display:flex;padding:24px;align-items:flex-start;gap:0}.practice-overview-mark{margin-bottom:17px}.practice-overview-card h3{margin-bottom:10px}.practice-overview-card p{margin-bottom:21px}.practice-overview-note{padding:22px 0;flex-direction:column;align-items:flex-start}.practice-overview-note .button{width:100%}.practice-editor-panel{padding:18px!important}.permission-groups{grid-template-columns:minmax(0,1fr)}.practice-privilege-choices button,.practice-module-tools button{padding:9px 11px;white-space:normal}.practice-task-actions .button{flex:1;white-space:normal}.practice-view .practice-card{padding:18px}} /* Assignment history is a list; only an explicit action opens the modal. */ .service-assignment-row{padding:20px 0;border-bottom:1px solid var(--line);min-width:0} .service-assignment-row:last-child{border-bottom:0} .service-assignment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .service-assignment-heading>div{min-width:0}.service-assignment-heading h4{overflow-wrap:anywhere;margin-bottom:6px;font-size:15px} .service-assignment-heading .badge{white-space:normal;flex-shrink:0;max-width:50%;text-align:right} .service-assignment-details{margin:12px 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere} .service-assignment-details>summary{cursor:pointer;color:var(--teal)} .service-assignment-details ul{padding-left:19px;margin:12px 0}.service-assignment-details li{margin:4px 0} .service-revoke-dialog{width:min(610px,calc(100vw - 36px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #d6dfd6;border-radius:15px;color:var(--ink);background:#fff;box-shadow:0 25px 90px #071d2540;overflow:auto} .service-revoke-dialog::backdrop{background:#0a2929a3} .service-revoke-dialog form{padding:30px} .service-revoke-dialog h2{font-size:25px;line-height:1.25;margin:12px 0 24px} .service-revoke-facts{display:grid;grid-template-columns:125px minmax(0,1fr);gap:10px 18px;margin:0 0 20px} .service-revoke-facts dt{font-size:12px;color:var(--muted)}.service-revoke-facts dd{margin:0;font-size:13px;overflow-wrap:anywhere;font-weight:550} #service-assignment-dialog-scope{max-height:140px;overflow:auto;margin:0;padding-left:18px;font-weight:400} #service-assignment-dialog-scope li+li{margin-top:5px} .service-revoke-consequence{font-size:12px;line-height:1.8;padding:15px 17px;background:#f4f5ee;border-radius:8px;margin-bottom:22px} .service-revoke-dialog textarea{margin-top:7px;min-height:94px} .service-revoke-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:24px} .service-revoke-confirm{background:#95473c;color:#fff}.service-revoke-confirm:hover:enabled{background:#80392f} #service-assignment-dialog-error{margin:10px 0} #service-assignment-history:focus{outline:none} .credential-revoke-dialog{max-height:calc(100% - 36px)} .credential-revoke-dialog .service-revoke-actions{flex-wrap:wrap} .credential-revoke-dialog .service-revoke-actions .button{flex:1 1 10rem;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere} @media(max-width:760px){.service-assignment-heading{flex-direction:column;gap:10px}.service-assignment-heading .badge{max-width:100%;text-align:left}.service-revoke-dialog form{padding:23px}.service-revoke-dialog h2{font-size:23px}.service-revoke-facts{grid-template-columns:minmax(0,1fr);gap:5px}.service-revoke-facts dd{margin-bottom:10px}.service-revoke-actions .button{flex:1;white-space:normal}} /* ADR-163 A: observed work only; no global navigation or brand changes. */ .front-work{font-size:14px;line-height:1.65;color:#143e35} .front-work p,.front-work .field-hint,.front-work label,.front-work .correction-fact,.front-work .work-source-details{font-size:14px;color:#425a52} .front-work h3{font-size:18px;line-height:1.4}.front-work h4{font-size:16px;line-height:1.4} .front-work .button,.front-work summary{min-height:40px;box-sizing:border-box;font-size:14px} .front-work summary{padding:8px 0;cursor:pointer;overflow-wrap:anywhere} .front-work .button{white-space:normal;max-width:100%;padding:9px 14px} .front-work :is(button,summary,select,input,textarea):focus-visible{outline:3px solid #246b50;outline-offset:3px} .front-work .centre-tabs [aria-pressed=true]{background:#e7eedb;border-color:#246b50;color:#143e35} .front-work .work-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;min-width:0} .front-work .work-metric{font-size:14px;display:flex;flex-direction:column;padding:16px;border:1px solid #d9e2d8;border-radius:9px;background:#f6f5ef;min-width:0;overflow-wrap:anywhere;color:#143e35} .front-work .work-metric strong{font-size:28px;line-height:1.3;font-variant-numeric:tabular-nums;font-weight:650} .front-work .work-metric[data-state=attention]{background:#fff3df;border-color:#e4bd7f;color:#704017} .front-work .work-total{grid-column:1/-1;margin:0;font-size:14px;color:#425a52} .front-work .work-observation{font-size:14px;color:#425a52;margin:10px 0} .front-work .work-empty{padding:20px;background:#f6f5ef;border:1px solid #d9e2d8;border-radius:9px} .front-work .notice.warning{color:#704017;background:#fff3df} .front-work .card{min-width:0;overflow-wrap:anywhere} .front-work [data-testid^=centre-entry-]{padding:20px;margin:16px 0} @media(max-width:760px){.front-work .work-metrics{grid-template-columns:minmax(0,1fr);gap:8px}.front-work .work-metric{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.front-work .work-metric strong{font-size:24px}.front-work [data-testid^=centre-entry-]{padding:16px}} .front-work [data-testid^=centre-company-] h3{font-size:18px} /* ADR-163 B: grouped navigation and reachable account/company controls. */ #app-shell .workspace-navigation{min-height:0;flex:1;display:flex;flex-direction:column} #app-shell .workspace-navigation>summary{display:none} #app-shell .main-nav{min-height:0;overflow-y:auto;align-content:start;font-size:14px} #app-shell .main-nav button{font-size:14px;min-height:42px;white-space:normal;overflow-wrap:anywhere} #app-shell .nav-group{min-width:0;border:1px solid #ffffff26;border-radius:8px;padding:4px} #app-shell .nav-group>summary{font-size:14px;font-weight:600;min-height:42px;padding:10px 12px;cursor:pointer;color:#edf5ed} #app-shell .nav-section{min-width:0}.nav-section .nav-group-label{font-size:11px;font-weight:650;color:#c7ddd0;padding:12px 12px 3px} #app-shell .main-nav :is(button,summary):focus-visible{outline:3px solid #e7eedb;outline-offset:-3px} #app-shell .topbar{flex-wrap:wrap;align-items:center;min-width:0} #app-shell .workspace-switch{flex:1 1 220px;min-width:0;max-width:100%} #app-shell .workspace-switch select{width:100%;min-height:40px;max-width:100%} #app-shell .identity{flex:1 1 340px;flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%;gap:8px} #app-shell .identity>div:nth-child(2){flex:1 1 120px;min-width:0;overflow-wrap:anywhere} #app-shell .identity .button{flex:0 1 auto;margin-left:0;min-height:40px;max-width:100%;white-space:normal} @media(max-width:760px){ #app-shell .sidebar{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px 20px} #app-shell .sidebar .brand{align-self:flex-start} #app-shell .workspace-navigation{display:block;flex:none;width:100%} #app-shell .workspace-navigation>summary{display:list-item;color:#edf5ed;font-size:15px;padding:10px;min-height:44px;cursor:pointer} #app-shell .main-nav{display:grid;margin:8px 0 0;gap:6px;overflow:visible} #app-shell .main-nav button{width:100%;font-size:14px;text-align:left} #app-shell .topbar{align-items:stretch;gap:12px} #app-shell .workspace-switch{flex:none;width:100%;max-width:100%;min-width:0} #app-shell .identity{flex:none;justify-content:flex-start;width:100%} } /* ADR163 D: only the existing autonomous case detail. */ .front-work .case-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 25rem), 1fr)); gap: 1.25rem; align-items: start; } .front-work .case-detail-grid > section { min-width: 0; overflow-wrap: anywhere; } .front-work .case-detail-origin { padding: 1rem; background: var(--surface-soft, #f6f7f3); border-radius: .75rem; } .front-work .case-detail-shortcuts { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: .75rem 1rem; } .front-work .case-detail-shortcuts .button { min-height: 44px; } .front-work .case-detail-grid .correction-fact { flex-wrap: wrap; overflow-wrap: anywhere; } .front-work .case-detail-grid pre { white-space: pre-wrap; overflow-wrap: anywhere; } .front-work .case-detail-grid iframe, .front-work .case-detail-grid object { width: 100%; max-width: 100%; } .front-work .case-detail-grid > section:focus { outline: 2px solid currentColor; outline-offset: 4px; } /* ADR163 D header addendum: let the heading text and refresh control reflow. */ .page-heading { flex-wrap: wrap; } .page-heading > div { flex: 1 1 16rem; min-width: 0; overflow-wrap: anywhere; } .page-heading > .button { flex: 0 1 auto; max-width: 100%; white-space: normal; } @media (max-width: 600px) { .page-heading > .button { margin-top: 0; } } /* ADR163 D header R2: only the Documents list heading and its search. */ #view-documents > .table-card > .section-heading { flex-wrap: wrap; } #view-documents > .table-card > .section-heading > div { flex: 1 1 12rem; min-width: 0; overflow-wrap: anywhere; } #view-documents > .table-card > .section-heading > .search-field { flex: 0 1 15rem; min-width: 0; max-width: 100%; } #view-documents > .table-card > .section-heading #document-search { width: 100%; min-width: 0; max-width: 100%; } /* ADR163 operator follow-up: company and account belong to the sidebar. */ .brand .brand-icon { display: block; flex: 0 0 auto; width: auto; height: 32px; aspect-ratio: 318 / 208; } #app-shell .sidebar { min-width: 0; gap: 16px; overflow-y: auto; } #app-shell .sidebar .brand { margin: 0 8px 4px; } #app-shell .sidebar-workspace { flex: none; min-width: 0; width: 100%; max-width: 100%; } #app-shell .sidebar-workspace label { display: block; color: #d5e4d9; font-size: 10px; line-height: 1.5; letter-spacing: .6px; } #app-shell .sidebar-workspace select { width: 100%; min-width: 0; min-height: 44px; margin-top: 6px; padding: 8px; color: #fff; background: #22504a; border: 1px solid #86a69a; border-radius: 7px; font-size: 14px; } #app-shell .sidebar-workspace option { color: #203b3b; background: #fff; } #app-shell .sidebar-account { flex: none; min-width: 0; margin-top: auto; padding-top: 14px; border-top: 1px solid #ffffff26; } #app-shell .sidebar-account .identity { display: grid; grid-template-columns: 32px minmax(0, 1fr); flex: none; width: 100%; gap: 8px; justify-content: start; } #app-shell .sidebar-account .identity > div { display: block; min-width: 0; } #app-shell .sidebar-account .identity .avatar { display: grid; width: 32px; height: 32px; place-items: center; } #app-shell .sidebar-account .identity strong { color: #fff; font-size: 13px; overflow-wrap: anywhere; } #app-shell .sidebar-account .identity #identity-organization { color: #d5e4d9; font-size: 11px; overflow-wrap: anywhere; } #app-shell .sidebar-account .identity .sidebar-account-actions { display: flex; flex-wrap: wrap; grid-column: 1 / -1; gap: 6px; } #app-shell .sidebar-account .button { flex: 1 1 65px; min-width: 0; min-height: 44px; padding: 7px 5px; color: #edf5ed; border: 1px solid #ffffff40; font-size: 12px; line-height: 1.4; white-space: normal; text-align: center; } #app-shell .sidebar-account .button:hover { background: #ffffff0e; } #app-shell .sidebar :is(select, a, button):focus-visible { outline: 3px solid #e9cda4; outline-offset: 2px; } #app-shell :is(.nav-group, .nav-section):not(:has(button:not([hidden]):not([disabled]))) { display: none; } #app-shell .workspace-navigation:not(:has(button:not([hidden]):not([disabled]))) { display: none; } @media (min-width: 761px) { #app-shell .workspace-navigation { min-height: 80px; flex: 1 1 0; overflow-y: auto; } #app-shell .workspace-navigation .main-nav { overflow: visible; } } @media (max-width: 760px) { #app-shell .sidebar { overflow-y: visible; } #app-shell .sidebar .brand { margin: 0; } #app-shell .sidebar-account { margin-top: 0; padding-top: 12px; width: 100%; } #app-shell .sidebar-account .identity { grid-template-columns: 32px minmax(0, 1fr); } } /* Latest operator artwork: transparent sidebar symbol keeps its 318:208 ratio. */ #app-shell .sidebar .brand .brand-icon { flex: 0 0 auto; width: auto; height: 32px; aspect-ratio: 318 / 208; } /* ADR163: source and job details retain the initiating list behind a modal. */ dialog.work-detail-dialog { position: fixed; inset: 0; margin: auto; padding: 0; width: calc(100% - 2rem); max-width: 90rem; height: calc(100% - 2rem); max-height: calc(100% - 2rem); border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); } dialog.work-detail-dialog::backdrop { background: #0b2829a6; } .work-detail-surface { display: flex; flex-direction: column; height: 100%; min-width: 0; min-height: 0; } .work-detail-heading { display: flex; flex: none; align-items: flex-start; gap: 12px; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--line); } .work-detail-heading > div { min-width: 0; overflow-wrap: anywhere; } .work-detail-heading h2 { margin: 0; font-size: 20px; line-height: 1.4; } .work-detail-heading p { margin: 4px 0 0; font-size: 13px; } .work-detail-heading > button { flex: none; min-height: 44px; } .work-detail-body { flex: 1; min-height: 0; min-width: 0; overflow: auto; padding: 20px; } .work-detail-body > :is(#document-viewer, #automation-detail) { padding: 0; margin: 0; border: 0; box-shadow: none; min-width: 0; } #extraction-detail-dialog .extraction-card { padding: 0; margin: 0; border: 0; box-shadow: none; min-width: 0; overflow-wrap: anywhere; } #extraction-detail-dialog .extraction-revision-history:not([open]) > details { display: none; } #view-documents .document-processing-status { margin-top: .4rem; max-width: 18rem; overflow-wrap: anywhere; color: var(--muted); font-size: 12px; } #view-documents .document-actions { position: relative; } #view-documents .document-actions > summary { cursor: pointer; color: var(--teal); font-weight: 600; } #view-documents .document-actions > button { display: flex; width: 100%; justify-content: flex-start; white-space: normal; text-align: left; } #extraction-detail-dialog .extraction-result-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; align-items: start; margin: 1rem 0; } #extraction-detail-dialog .extraction-reading { min-width: 0; overflow-wrap: anywhere; } #extraction-detail-dialog .extraction-reading dl { margin: .75rem 0; } #extraction-detail-dialog .extraction-reading-row { padding: .55rem 0; border-bottom: 1px solid var(--line); } #extraction-detail-dialog .extraction-reading-row dt { font-weight: 650; } #extraction-detail-dialog .extraction-reading-row dd { margin: .25rem 0 0; } #extraction-detail-dialog .extraction-reading-row dd > * { display: block; white-space: pre-wrap; overflow-wrap: anywhere; } #extraction-detail-dialog .extraction-review-comparison { margin: 1rem 0; padding: 1rem; border: 1px solid var(--line); overflow-wrap: anywhere; } #extraction-detail-dialog .extraction-comparison-row { margin-top: .75rem; } .work-detail-body .source-preview { margin-top: 0; } .work-detail-body .source-tools, .work-detail-body .preview-pagination { flex-wrap: wrap; } .work-detail-body .source-preview img { max-width: 100%; height: auto; } .work-detail-body :is(a, button) { max-width: 100%; white-space: normal; overflow-wrap: anywhere; } dialog.work-detail-drawer { margin: 0 0 0 auto; width: calc(100% - 1rem); max-width: 64rem; height: 100%; max-height: 100%; border-radius: 12px 0 0 12px; } @media (max-width: 760px) { dialog.work-detail-dialog { width: 100%; max-width: 100%; height: 100%; max-height: 100%; border-radius: 0; } .work-detail-heading { padding: 12px; } .work-detail-heading h2 { font-size: 18px; } .work-detail-body { padding: 12px; } .work-detail-body .case-detail-grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 480px) { #extraction-detail-dialog .extraction-result-layout { grid-template-columns: minmax(0, 1fr); } #extraction-detail-dialog .extraction-field-inputs { grid-template-columns: minmax(0, 1fr); } #extraction-detail-dialog .extraction-field-inputs > label:last-child { grid-column: auto; } } /* Operator branding: the footer wordmark carries no decorative terminal dot. */ .workspace-footer .brand-wordmark { font-weight: 600; letter-spacing: -.02em; font-kerning: normal; color: var(--ink); } /* ADR165: the explicit EUR setup and retained-plan read only. */ .foreign-entry { margin-block: 1rem; } .foreign-wizard { min-width: 0; overflow-wrap: anywhere; } .foreign-wizard form { display: grid; gap: 1rem; margin-block: 1rem; } .foreign-wizard form > label, .foreign-rate-selector > label { display: grid; gap: .35rem; min-width: 0; } .foreign-wizard input:not([type="checkbox"]), .foreign-wizard select, .foreign-wizard textarea { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; } .foreign-wizard label:has(input[type="checkbox"]) { display: flex; align-items: flex-start; gap: .65rem; } .foreign-wizard input[type="checkbox"] { flex: 0 0 auto; margin-top: .2rem; } .foreign-wizard button, .foreign-entry button { max-width: 100%; height: auto; white-space: normal; overflow-wrap: anywhere; } .foreign-steps { display: flex; flex-wrap: wrap; list-style: none; padding: 0; gap: .5rem 1rem; } .foreign-steps [aria-current="step"] { font-weight: 700; color: var(--green-dark, #215744); } .foreign-fact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: .5rem 1rem; padding-block: .4rem; overflow-wrap: anywhere; } .foreign-record, .foreign-review, .foreign-plan { padding: 1rem; margin-block: .75rem; border: 1px solid var(--border, #d4ded6); border-radius: .6rem; min-width: 0; } .foreign-rate-selector { display: grid; gap: 1rem; margin-block: 1rem; } .foreign-amounts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: .5rem 1rem; } .foreign-amounts .foreign-fact { display: flex; flex-direction: column; gap: .2rem; } @media (max-width: 600px) { .foreign-fact { grid-template-columns: minmax(0, 1fr); gap: .15rem; } .foreign-record, .foreign-review, .foreign-plan { padding: .65rem; } } /* Exact reviewed configuration stays readable inside the existing EUR dialog. */ .foreign-wizard pre { white-space: pre-wrap; overflow-wrap: anywhere; min-width: 0; max-width: 100%; } /* Authentication revocation confirmation, scoped to this dialog. */ .auth-revoke-dialog { width: min(32rem, calc(100% - 2rem)); border: 0; border-radius: .75rem; padding: 1.5rem; color: var(--ink, #172126); box-shadow: 0 1rem 3rem #0004; } .auth-revoke-dialog::backdrop { background: #0a2028a8; } .auth-revoke-dialog h2 { margin: 0 0 1rem; } .auth-revoke-target { font-weight: 600; overflow-wrap: anywhere; } .auth-revoke-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; margin-top: 1.5rem; } /* ADR-163 / UX-S02: bank tasks, then results; setup is an explicit dialog. */ #view-bank .bank-workbench-tabs { display: flex; flex-wrap: wrap; gap: 8px; } #view-bank .bank-workbench-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 20px; } #view-bank .bank-auto-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); } #view-bank .bank-workbench-dialog { width: min(760px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 0; border: 1px solid var(--line); border-radius: 14px; color: inherit; background: var(--surface, #fff); overflow: auto; box-sizing: border-box; } #view-bank .bank-workbench-dialog::backdrop { background: rgba(20, 35, 27, .45); } #view-bank .bank-workbench-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-bottom: 1px solid var(--line); } #view-bank .bank-workbench-dialog-heading h3 { margin: 0; font-size: 20px; overflow-wrap: anywhere; } #view-bank .bank-workbench-dialog-body { padding: 20px; min-width: 0; } #view-bank .bank-workbench-dialog :is(form, label, fieldset, select, input, textarea, .hash-item) { min-width: 0; max-width: 100%; box-sizing: border-box; } #view-bank .bank-workbench-dialog label { display: block; margin: 12px 0; overflow-wrap: anywhere; } #view-bank .bank-workbench-dialog :is(input:not([type="checkbox"]), select, textarea) { display: block; width: 100%; margin-top: 6px; } #view-bank .bank-workbench-dialog :is(button, select, input:not([type="checkbox"])) { min-height: 44px; } #view-bank :is(.bank-workbench-dialog pre, .bank-workbench-dialog .hash-item, #bank-v2-jobs button) { overflow-wrap: anywhere; white-space: normal; } #view-bank #bank-v2-jobs { display: grid; gap: 10px; } @media (max-width: 600px) { #view-bank .bank-workbench-dialog-heading { padding: 14px; } #view-bank .bank-workbench-dialog-body { padding: 14px; } #view-bank .bank-workbench-dialog-heading h3 { font-size: 18px; } #view-bank .bank-workbench-tools > button { flex: 1 1 160px; min-height: 44px; } #view-bank .bank-auto-row > button { width: 100%; min-height: 44px; } } /* P17 / UX-S05: presentation filters never narrow the complete JMHZ manifest. */ .jmhz-person-workspace .jmhz-workspace-context { padding: 1.25rem; margin-bottom: 1rem; } .jmhz-person-workspace .jmhz-workspace-selectors { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; } .jmhz-person-workspace .jmhz-workspace-selectors label { display: grid; gap: .4rem; min-width: 0; } .jmhz-person-workspace input,.jmhz-person-workspace textarea,.jmhz-person-workspace select { min-width: 0; max-width: 100%; } .jmhz-person-workspace button { white-space: normal; overflow-wrap: anywhere; max-width: 100%; } .jmhz-person-workspace [data-testid="jmhz-list"],.jmhz-person-workspace [data-testid="jmhz-detail"],.jmhz-person-workspace [data-testid="jmhz-form"] { padding: 1.25rem; margin-bottom: 1rem; } .jmhz-person-workspace .jmhz-person-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; align-items: center; gap: .75rem; border-bottom: 1px solid var(--border,#dbe1e8); padding: .8rem 0; } .jmhz-person-workspace .jmhz-person-navigation { display: flex; flex-wrap: wrap; gap: .6rem; margin: .75rem 0; } .jmhz-person-workspace .jmhz-person-dialog { width: calc(100% - 2rem); max-width: 54rem; max-height: calc(100% - 2rem); padding: 1.25rem; border: 1px solid var(--border,#dbe1e8); border-radius: 1rem; overflow: auto; overflow-wrap: anywhere; } .jmhz-person-workspace .jmhz-person-dialog::backdrop { background: rgba(15,23,42,.5); } .jmhz-person-workspace .jmhz-person-dialog label { display: grid; gap: .35rem; margin: .75rem 0; } .jmhz-person-workspace .jmhz-person-dialog input,.jmhz-person-workspace .jmhz-person-dialog select { width: 100%; } .jmhz-person-workspace [data-testid="jmhz-month-form"] > section > label { display: grid; gap: .4rem; margin: .8rem 0; } @media(max-width:600px){ .jmhz-person-workspace .jmhz-workspace-selectors { grid-template-columns: minmax(0,1fr); } .jmhz-person-workspace .jmhz-person-row { grid-template-columns: minmax(0,1fr); } .jmhz-person-workspace .jmhz-person-dialog { padding: .75rem; } } .jmhz-person-workspace [data-testid^="jmhz-person-panel-"] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .25rem 1rem; } .jmhz-person-workspace [data-testid^="jmhz-person-panel-"] > p { grid-column: 1 / -1; } @media(max-width:600px){ .jmhz-person-workspace [data-testid^="jmhz-person-panel-"] { grid-template-columns: minmax(0,1fr); } } /* P06: one payroll period/person; profile commands retain their native contracts. */ .payroll-workspace .payroll-workspace-context { margin-bottom: 1rem; padding: 1.25rem; } .payroll-workspace [data-testid="payroll-list"] { padding: 1.25rem; } .payroll-workspace .methodology-list-row { display: block; padding: .75rem 0; } .payroll-workspace .payroll-workspace-selectors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; max-width: 52rem; } .payroll-workspace .payroll-workspace-selectors label { display: grid; gap: .4rem; min-width: 0; } .payroll-workspace .payroll-workspace-selectors input, .payroll-workspace .payroll-workspace-selectors select { width: 100%; min-width: 0; max-width: 100%; } .payroll-workspace .payroll-workspace-tabs, .payroll-workspace .payroll-workspace-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; } .payroll-workspace .payroll-workspace-tabs [aria-pressed="true"] { background: var(--accent, #1e40af); color: white; border-color: var(--accent, #1e40af); } .payroll-workspace button { white-space: normal; overflow-wrap: anywhere; max-width: 100%; } .payroll-workspace [data-testid="payroll-workspace-tasks"], .payroll-workspace [data-testid="payroll-workspace-results"], .payroll-workspace [data-testid="payroll-workspace-liabilities"] { padding: .7rem 0; } .payroll-workspace [data-testid="payroll-workspace-results"] button { margin: .3rem .4rem .3rem 0; } .payroll-workspace .payroll-workspace-profile { border-top: 1px solid var(--border, #dbe1e8); padding: 1rem 0; margin-top: 1rem; } .payroll-workspace .payroll-workspace-dialog { width: calc(100% - 2rem); max-width: 54rem; max-height: calc(100% - 2rem); padding: 1.2rem; border: 1px solid var(--border, #dbe1e8); border-radius: 1rem; overflow: auto; overflow-wrap: anywhere; } .payroll-workspace .payroll-workspace-dialog::backdrop { background: rgba(15, 23, 42, .5); } .payroll-workspace .payroll-workspace-dialog-heading { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: .7rem; } .payroll-workspace .payroll-workspace-dialog input, .payroll-workspace .payroll-workspace-dialog textarea, .payroll-workspace .payroll-workspace-dialog select { min-width: 0; max-width: 100%; } @media (max-width: 600px) { .payroll-workspace .payroll-workspace-selectors { grid-template-columns: minmax(0, 1fr); } .payroll-workspace .payroll-workspace-tabs .button { flex: 1 1 9rem; } .payroll-workspace .payroll-workspace-dialog { padding: .75rem; } } /* Q-PAYROLL: person presence/errors are visible without expanding each person. */ .jmhz-person-workspace .jmhz-person-row { grid-template-columns: minmax(8rem,1fr) minmax(12rem,2fr) minmax(7rem,1fr) auto; } .jmhz-person-workspace [data-testid="jmhz-person-attention"] { flex-basis: 100%; } .jmhz-person-workspace [data-testid="jmhz-person-attention-only"] { width: auto; } @media(max-width:800px){.jmhz-person-workspace .jmhz-person-row { grid-template-columns: minmax(0,1fr); }} /* ADR163 corrections: bounded search and an explicit, separate editor. */ .corrections-module .correction-search { min-width:0; } .corrections-module .correction-search-row { padding:12px 0; border-bottom:1px solid var(--line,#ddd); min-width:0; overflow-wrap:anywhere; } .corrections-module .correction-search-row .hash-item { display:grid; grid-template-columns:minmax(0,1fr); } .corrections-module .correction-search-row code { overflow-wrap:anywhere; word-break:break-word; } .corrections-module .correction-retained-details { padding:12px 0; } .corrections-module .correction-retained-details > summary { cursor:pointer; font-weight:650; } .corrections-module .correction-editor-panel { margin-top:16px; } .corrections-module [data-testid="correction-advanced-lookup"] { padding:12px 0; } /* UX-S11: one selected identity, separate book/tax tasks and native values. */ .asset-workspace .asset-workspace-context { padding:1rem;margin-bottom:1rem; } .asset-workspace .asset-workspace-context nav { display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0; } .asset-workspace .asset-workspace-context label { display:grid;gap:.4rem;max-width:48rem; } .asset-workspace .asset-workspace-context select { max-width:100%;min-width:0; } .asset-workspace .asset-workspace-register-row { display:grid;grid-template-columns:minmax(8rem,2fr) minmax(8rem,2fr) minmax(7rem,1fr) auto;gap:.75rem;align-items:center;padding:.75rem 0; } .asset-workspace button { white-space:normal;max-width:100%;overflow-wrap:anywhere; } .asset-workspace .asset-workspace-dialog { width:calc(100% - 2rem);max-width:58rem;max-height:calc(100% - 2rem);padding:1rem;border:1px solid var(--border);border-radius:1rem;overflow:auto;overflow-wrap:anywhere; } .asset-workspace .asset-workspace-dialog::backdrop { background:rgba(15,23,42,.5); } .asset-workspace .asset-workspace-dialog input,.asset-workspace .asset-workspace-dialog select,.asset-workspace .asset-workspace-dialog textarea { min-width:0;max-width:100%; } .asset-workspace .asset-workspace-tax-row { border-top:1px solid var(--border);padding:.75rem 0; } @media(max-width:750px){.asset-workspace .asset-workspace-register-row { grid-template-columns:minmax(0,1fr); }} /* UX-S12: results first, explicit rules/settings, one existing command editor. */ .project-agent-workspace .project-agent-workspace-tabs { display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0; } .project-agent-workspace .project-agent-workspace-tabs [aria-pressed="true"] { background:var(--accent,#1e40af);color:white; } .project-agent-workspace .project-agent-workspace-dialog { width:calc(100% - 2rem);max-width:58rem;max-height:calc(100% - 2rem);padding:1rem;border:1px solid var(--border);border-radius:1rem;overflow:auto;overflow-wrap:anywhere; } .project-agent-workspace .project-agent-workspace-dialog::backdrop { background:rgba(15,23,42,.5); } .project-agent-workspace button { white-space:normal;max-width:100%;overflow-wrap:anywhere; } .project-agent-workspace .project-agent-workspace-dialog input,.project-agent-workspace .project-agent-workspace-dialog select,.project-agent-workspace .project-agent-workspace-dialog textarea { min-width:0;max-width:100%; } /* UX-S13/S14: bounded production queue and explicit dated capacity rows. */ .production-workspace .production-workspace-tabs { display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0; } .production-workspace .production-workspace-tabs [aria-pressed="true"] { background:var(--accent,#1e40af);color:white; } .production-workspace .production-workspace-filters { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0; } .production-workspace .production-workspace-row { display:grid;grid-template-columns:minmax(8rem,2fr) minmax(5rem,1fr) minmax(10rem,2fr) auto;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border); } .production-workspace button { white-space:normal;max-width:100%;overflow-wrap:anywhere; } .production-workspace input,.production-workspace select,.production-workspace textarea { min-width:0;max-width:100%; } .production-workspace [data-testid="production-capacity-rows"] fieldset { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:1rem;margin:.75rem 0;border:1px solid var(--border); } .production-workspace [data-testid^="production-capacity-error-"] { color:var(--danger,#9f1239);grid-column:1/-1; } .production-workspace [aria-invalid="true"] { border-color:var(--danger,#9f1239); } @media(max-width:750px){.production-workspace .production-workspace-filters,.production-workspace .production-workspace-row,.production-workspace [data-testid="production-capacity-rows"] fieldset { grid-template-columns:minmax(0,1fr); }} /* UX-CA010: scoped transfer stages; native collections keep their paging. */ .cutover-module #cutover-overview > .card, .cutover-module #cutover-library > .card { margin-top:1rem; padding:1.25rem; } .cutover-module .cutover-stage-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.5rem; margin:1rem 0; } .cutover-module .cutover-stage-button { min-width:0; padding:.8rem .55rem; transition:none; } .cutover-module .cutover-stage-button[aria-pressed="true"], .cutover-module .cutover-stage-button[aria-pressed="true"]:hover:enabled { background:var(--primary,#1c5f49); color:#fff; border-color:var(--primary,#1c5f49); } .cutover-module .cutover-stage-panel { min-width:0; margin-top:1rem; } .cutover-module .cutover-stage-panel > h4 { font-size:1.15rem; margin:.5rem 0; } .cutover-module .cutover-stage-hint { padding:.85rem; border-left:3px solid var(--primary,#1c5f49); background:var(--surface-alt,#f3f6f2); overflow-wrap:anywhere; } .cutover-module .cutover-stage-panel:focus, .cutover-module h4:focus { outline:2px solid var(--primary,#1c5f49); outline-offset:3px; } .cutover-module .cutover-replace-dialog { width:calc(100% - 2rem); max-width:34rem; max-height:calc(100% - 2rem); overflow:auto; border:1px solid var(--border,#d9e2dd); border-radius:.8rem; padding:1.25rem; } .cutover-module .cutover-replace-dialog::backdrop { background:#12261b80; } .cutover-module .cutover-replace-dialog .button { margin:.3rem; max-width:100%; } .cutover-module .practice-fieldset, .cutover-module .form-grid > *, .cutover-module label { min-width:0; } .cutover-module .cutover-stage-panel input:not([type="checkbox"]), .cutover-module .cutover-stage-panel select { max-width:100%; min-width:0; } @media(max-width:760px) { .cutover-module .cutover-stage-nav { grid-template-columns:repeat(2,minmax(0,1fr)); } .cutover-module #cutover-overview > .card, .cutover-module #cutover-library > .card { padding:1rem; } } /* Explicit end-all-browser-sessions confirmation. */ .end-all-sessions-dialog { width:min(32rem,calc(100% - 2rem)); max-height:calc(100% - 2rem); overflow:auto; overflow-wrap:anywhere; border:0; border-radius:.75rem; padding:1.5rem; color:var(--ink,#172126); box-shadow:0 1rem 3rem #0004; } .end-all-sessions-dialog::backdrop { background:#0a2028a8; } .end-all-sessions-dialog h2 { margin:0 0 1rem; } .end-all-sessions-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.75rem; margin-top:1.5rem; } /* UX-CA-007: selected methodology adoption and explicit scoped withdrawal. */ .methodology-module .methodology-decision-actions { margin:1.25rem 0; padding:1rem; border:1px solid var(--line); border-radius:.5rem; } .methodology-module .methodology-decision-actions .button { margin:.25rem .5rem .25rem 0; } .methodology-module .methodology-adoption-dialog { width:min(38rem,calc(100% - 2rem)); max-height:calc(100% - 2rem); overflow:auto; overflow-wrap:anywhere; border:1px solid var(--line); border-radius:.75rem; padding:1.25rem; } .methodology-module .methodology-adoption-dialog::backdrop { background:#0a2028a8; } .methodology-module .methodology-adoption-dialog textarea { width:100%; min-width:0; } /* UX-CA-013: working views of one retained report. */ .reports-module .report-workview-navigation { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0; } .reports-module .report-workview-navigation [aria-pressed="true"] { border-color:var(--teal); color:var(--teal); font-weight:700; } .reports-module .report-workview { min-width:0; overflow-wrap:anywhere; } /* HUMAN USD source, proposal and VAT controls keep long references usable at zoom. */ .human-usd-source, .human-usd-proof, .human-usd-source form, .human-usd-proof form { min-width: 0; max-width: 100%; } .human-usd-source select, .human-usd-source textarea, .human-usd-proof select, .human-usd-proof textarea { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; } .human-usd-source .button, .human-usd-proof .button { box-sizing: border-box; max-width: 100%; min-width: 0; height: auto; white-space: normal; overflow-wrap: anywhere; text-align: center; } .human-usd-source code, .human-usd-proof code { overflow-wrap: anywhere; } .payroll-evidence-field { margin: 20px 0; } .payroll-evidence-field > label { display: inline-block; } .payroll-evidence-field > select { display: block; margin-top: 6px; } .payroll-evidence-help { display: inline-block; margin-left: 6px; vertical-align: middle; } .payroll-evidence-help[open] { display: block; margin: 4px 0 0; } .payroll-evidence-help > summary { display: inline-grid; place-items: center; width: 24px; min-height: 24px; height: 24px; padding: 0; border: 1px solid currentColor; border-radius: 50%; color: var(--teal); font-size: 13px; font-weight: 650; line-height: 1; cursor: pointer; list-style: none; } .payroll-evidence-help > summary::-webkit-details-marker { display: none; } .payroll-evidence-help > summary::marker { content: ""; } .payroll-evidence-help > p { margin-top: 8px; font-size: 12px; line-height: 1.5; }