/* Shared content geometry. Container breakpoints account for the open sidebar. */
body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main{max-width:1600px;margin-inline:auto;padding:32px 32px 56px;min-width:0;container:page / inline-size}
body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main :is(.ocean-heading,.docs-heading,.r-heading,.billing-heading){display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px}
body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main h1{font:700 34px/1.25 Manrope,'DM Sans',sans-serif;letter-spacing:-.035em;margin:7px 0 9px;overflow-wrap:break-word}
body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main :is(.preview-note,.demo-note){margin:0 0 24px;font-size:13px;line-height:1.6}
body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main :is(input,select,textarea){box-sizing:border-box;min-width:0;max-width:100%}
body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main :is(input[type=date],input[type=time]){appearance:none;-webkit-appearance:none;min-height:46px}
/* Alaska & Hawaii: equal field tracks, coherent sections and a separate summary. */
.ocean-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}
#ocean-form{min-width:0;container:ocean-form / inline-size;display:grid;gap:24px}
.ocean-panel,.ocean-summary{margin:0;padding:24px;border-radius:14px}
.ocean-main>.ocean-panel{margin-top:24px}
.ocean-panel h2{padding-bottom:18px;margin:0 0 22px;border-bottom:1px solid #e2e9f1;line-height:1.4}
.ocean-panel h2>span{flex:none;display:grid;place-items:center;width:30px;height:30px;padding:0}
.ocean-location-grid{gap:20px;align-items:start;margin-top:24px}
.ocean-location{padding:20px}
.ocean-location .fields{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ocean-location .field{display:flex;flex-direction:column;min-width:0;gap:8px;line-height:1.5}
.ocean-location .location-fields>.field:has(input[type=date]),.ocean-location .location-fields>.field:has(input[type=time]){grid-column:1/-1}
.ocean-location :is(input,select){height:46px}
.ocean-location textarea{resize:vertical;min-height:96px}
.ocean-location .hours-info{margin:18px 0}
.ocean-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
.ocean-fields>label{grid-template-rows:auto 46px;align-content:start;min-width:0}
.ocean-fields>label:has(textarea){grid-template-rows:auto auto}
.ocean-fields :is(input,select){height:46px}
.ocean-fields .sample-spec-marker{grid-row:3}
.ocean-help{margin:12px 0 0}
.ocean-summary{position:sticky;top:24px;align-self:start}
.ocean-summary h2{font-size:22px}
.ocean-summary .costs strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.ocean-island{padding:14px;background:#edf3fb;border-radius:8px;border:1px solid #dce5f1}
.ocean-island .text-button{align-self:flex-start}
@container ocean-form (max-width:740px){.ocean-location-grid{grid-template-columns:minmax(0,1fr)}}
/* Document filters: reset inherited grid positions to avoid phantom columns. */
body[data-workspace-page=documents] .library-filters{grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 24px 24px;gap:16px}
body[data-workspace-page=documents] .library-filters .library-search{grid-column:1/4;grid-row:1}
body[data-workspace-page=documents] .library-filters .clear{grid-column:4;grid-row:1;justify-self:end;align-self:end;font-size:14px;min-height:46px}
body[data-workspace-page=documents] .library-filters.is-documents{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-workspace-page=documents] .library-filters.is-documents .library-search{grid-column:1/3}
body[data-workspace-page=documents] .library-filters.is-documents .clear{grid-column:3}
body[data-workspace-page=documents] .library-filters.is-packets{grid-template-columns:minmax(0,1fr) auto}
body[data-workspace-page=documents] .library-filters.is-packets .library-search{grid-column:1}
body[data-workspace-page=documents] .library-filters.is-packets .clear{grid-column:2}
.library-filters label{font-size:14px;line-height:1.5}
.library-filters :is(input,select){height:46px}
.doc-load-header{padding:22px 24px;gap:24px}
.doc-load-heading{flex:1}
.doc-load-actions{justify-content:flex-end;min-width:0;flex-wrap:wrap}
.document-files{padding-inline:24px}
.document-file{grid-template-columns:28px minmax(0,1fr) auto;gap:14px}
.document-file strong{font-size:14px;line-height:1.5}
.document-file-actions{align-items:center;justify-content:flex-end;gap:16px}
.document-file-actions button{min-height:44px;font-size:14px}
.collection-actions{flex-wrap:wrap}
/* Reports: aligned filter rows, consistent card edges and tabular values. */
.r-heading>div{min-width:0}.r-actions{flex-wrap:wrap;justify-content:flex-end}
.r-controls{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;padding:24px}
.r-controls :is(input,select){height:46px;font-size:14px}
.r-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:center}
.r-filters #query{grid-column:1/5;min-width:0}
.r-filters #clear{grid-column:5;grid-row:1}
.r-filters :is(input,select,button){width:100%;min-width:0;height:46px;font-size:14px}
.r-metrics{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:16px}
.r-metric,.r-metrics>div{min-width:0;padding:20px!important}
.r-metric strong,.r-metrics>div strong{font-size:clamp(22px,2vw,28px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.r-metric small{margin-top:auto;line-height:1.5}
.r-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px}
.r-two>*{min-width:0}.r-two>.r-panel{margin-bottom:0}
#charts,#additional{margin-bottom:24px}
.r-panel{padding:24px;margin-bottom:24px;min-width:0}
.r-panel-head{align-items:end}.r-panel-head h2{line-height:1.4}
.r-performance,.score-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.performance-stat{min-width:0;padding:16px!important;line-height:1.5}
.rank-row{align-items:center;gap:16px}.rank-row>span{min-width:0;overflow-wrap:anywhere}.rank-row strong{flex:none;text-align:right;font-variant-numeric:tabular-nums}
.attention-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Invoice rows: stable columns, vertically aligned amounts and controls. */
body[data-workspace-page=invoices] .invoice-summary{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 100px;gap:20px;padding:24px 24px 24px 56px}
body[data-workspace-page=invoices] .invoice-summary>.due-cell{grid-column:2;grid-row:1}
body[data-workspace-page=invoices] .invoice-summary>.balance-cell{grid-column:3;grid-row:1;text-align:right}
body[data-workspace-page=invoices] .invoice-summary>.status-cell{grid-column:4;grid-row:1;text-align:left}
body[data-workspace-page=invoices] .invoice-summary>.disclosure{grid-column:5;grid-row:1;margin:0;text-align:right}
.invoice-select{top:44px}
.invoice-summary small{line-height:1.5}
.invoice-status{white-space:normal;text-align:center}
.billing-metrics{align-items:stretch;gap:20px}
body[data-workspace-page=invoices] .metric{display:flex;flex-direction:column;gap:8px;padding:24px}
body[data-workspace-page=invoices] .metric .metric-link{margin-top:auto;padding-top:12px}
.payment-options{margin:24px 0 20px;padding:24px}
.payment-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.payment-option{align-items:center}.payment-option small{line-height:1.5}
.invoice-filters{display:grid;grid-template-columns:minmax(0,1fr) 180px 180px auto;gap:12px;padding:24px 24px 12px}
.invoice-filters .search-field{min-width:0}.invoice-filters :is(input,select){width:100%;height:46px}
.statement-filters{min-width:0}.statement-filters label{min-width:0}.statement-filters input{width:100%}
@container page (max-width:1100px){
 .ocean-layout{grid-template-columns:minmax(0,1fr)}.ocean-summary{position:static}
 .r-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
 .r-metrics,.r-performance,.score-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .payment-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .invoice-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.invoice-filters .search-field{grid-column:1/-1}
 body[data-workspace-page=invoices] .invoice-summary{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
 body[data-workspace-page=invoices] .invoice-summary>.due-cell{grid-column:1;grid-row:2}
 body[data-workspace-page=invoices] .invoice-summary>.balance-cell{grid-column:3;grid-row:1}
 body[data-workspace-page=invoices] .invoice-summary>.status-cell{grid-column:2;grid-row:1}
 body[data-workspace-page=invoices] .invoice-summary>.disclosure{grid-column:3;grid-row:2}
}
@container page (max-width:760px){
 main .r-heading{flex-wrap:wrap}.r-actions{justify-content:flex-start}
 .r-two{grid-template-columns:minmax(0,1fr)}
 .r-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.r-filters #query{grid-column:1/-1}.r-filters #clear{grid-column:auto;grid-row:auto}
 .r-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .r-metrics,.r-performance,.score-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .r-panel-head{align-items:start}.r-panel-head>div{flex-basis:100%}
 body[data-workspace-page=documents] .library-filters,body[data-workspace-page=documents] .library-filters.is-documents{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-workspace-page=documents] .library-filters .library-search{grid-column:1/-1;grid-row:auto}
 body[data-workspace-page=documents] .library-filters .clear{grid-column:2;grid-row:auto}
 .doc-load-header{flex-direction:column;align-items:stretch;gap:12px}.doc-load-actions{justify-content:space-between;width:100%}
 .notary-context{grid-template-columns:1fr}.collection-header{flex-wrap:wrap}
 .attention-grid{grid-template-columns:1fr}
 .billing-metrics{grid-template-columns:1fr}.billing-metrics .metric strong{font-size:28px}
 body[data-workspace-page=invoices] .invoice-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-workspace-page=invoices] .invoice-summary>.balance-cell{grid-column:2;grid-row:1}
 body[data-workspace-page=invoices] .invoice-summary>.status-cell{grid-column:2;grid-row:2;text-align:right}
 body[data-workspace-page=invoices] .invoice-summary>.disclosure{grid-column:2;grid-row:3}
 .invoice-detail-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main{padding:24px 16px 40px}
 body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main :is(.ocean-heading,.docs-heading,.r-heading,.billing-heading){flex-direction:column;align-items:flex-start;gap:16px}
 body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main h1{font-size:28px}
 body:is([data-workspace-page=ocean],[data-workspace-page=documents],[data-workspace-page=reports],[data-workspace-page=invoices]) main :is(input,select,textarea){font-size:16px}
 .ocean-panel,.ocean-summary,.r-panel{padding:20px}.ocean-location{padding:16px}
 .ocean-fields{grid-template-columns:minmax(0,1fr)}
 .ocean-condition>label{grid-template-rows:auto auto}.ocean-summary{position:static}
 body[data-workspace-page=documents] .tabs{display:flex;gap:22px;padding-inline:16px;overflow:auto}
 body[data-workspace-page=documents] .library-filters{padding:16px}
 .document-file{grid-template-columns:22px minmax(0,1fr)}.document-file-actions{grid-column:2;justify-content:flex-start}
 .doc-load-header{padding:18px}.document-files{padding-inline:18px}
 .r-controls{padding:16px}.r-metric,.r-metrics>div{padding:16px!important}
 .r-actions button{flex:1}.r-actions{width:100%}
 .payment-options{padding:18px}.invoice-filters{padding:18px 16px 12px}
 body[data-workspace-page=invoices] .invoice-summary{padding:20px 16px 20px 44px;gap:14px}
 .invoice-select{left:16px;top:40px}.statement-filters{flex-wrap:wrap}.statement-search-label{width:auto;flex-basis:100%}
}
@media print{body[data-workspace-page=reports] main{max-width:none;padding:0;container-type:normal}.r-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Documents: account-scoped search and delivery dates. */
body[data-workspace-page=documents] .library-filters:is(.is-compliance,.is-documents){grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)) auto;align-items:end}
body[data-workspace-page=documents] .library-filters:is(.is-compliance,.is-documents) .library-search{grid-column:auto;grid-row:auto}
body[data-workspace-page=documents] .library-filters:is(.is-compliance,.is-documents) .clear{grid-column:auto;grid-row:auto}
body[data-workspace-page=documents] .packet-search-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media(max-width:1000px){
 body[data-workspace-page=documents] .library-filters:is(.is-compliance,.is-documents){grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-workspace-page=documents] .library-filters:is(.is-compliance,.is-documents) .library-search{grid-column:1/-1}
 body[data-workspace-page=documents] .library-filters:is(.is-compliance,.is-documents) .clear{grid-column:2}
}
@media(max-width:760px){body[data-workspace-page=documents] .packet-search-grid{grid-template-columns:1fr}}