/* Sales workbenches share a compact hierarchy and the selected workspace palette. */
@media screen {
.sales-library-back {display:none;}
@media(min-width:1400px) {
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing.active {display:grid;grid-template-columns:minmax(250px,290px) minmax(0,1fr);gap:20px;align-items:start;}
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing.active>* {grid-column:2;min-inline-size:0;}
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing.active>:is(.panel-head,.pricing-floor) {grid-column:1/-1;}
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing.active>.pricing-studio-tools {grid-column:1;grid-row:3/8;display:flex;flex-direction:column;position:sticky;inset-block-start:16px;}
}
@media(max-width:1000px) {
 .sales-library-back {display:block;min-block-size:44px;margin-block:0 16px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-split,
 html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-workspace {display:block;}
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-library[data-sales-view=list] .documents-detail,
 html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-workspace[data-sales-view=list] .contracts-detail {display:none;}
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-library[data-sales-view=detail] .documents-list,
 html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-workspace[data-sales-view=detail] .contracts-library {display:none;}
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-library[data-sales-view=detail] .documents-detail,
 html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-workspace[data-sales-view=detail] .contracts-detail {display:block;}
}
html[data-rattib-material="glass"] .workspace-framed :is(#panel-pricing,#panel-proposal,#panel-contracts) :is(.panel-head,.documents-head,.contracts-header) {
  align-items:center;gap:16px;padding-block:0 18px;margin-block:0 18px;border-block-end:1px solid var(--border);
}
html[data-rattib-material="glass"] .workspace-framed :is(#panel-pricing,#panel-proposal,#panel-contracts) :is(.panel-head,.documents-head,.contracts-header) h1 {
  font:650 clamp(24px,2.2vw,32px)/1.25 var(--font);letter-spacing:-.035em;margin:0 0 8px;
}
html[data-rattib-material="glass"] .workspace-framed :is(#panel-pricing,#panel-proposal,#panel-contracts) :is(.pricing-studio-lead,.proposal-studio-lead,.documents-head .muted,.contracts-header .contracts-caption) {
  font-size:14px;line-height:1.6;max-inline-size:65ch;margin:0;color:var(--muted);
}
html[data-rattib-material="glass"] .workspace-framed :is(#panel-pricing,#panel-proposal,#panel-contracts) :is(input:not([type="checkbox"]),select,textarea) {font-size:16px;}
/* The pricing board uses the whole canvas, rather than a mostly empty settings rail. */
@media(max-width:1399px) {
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing.active {display:block;}
}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-floor {
  padding:16px;border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent-business-soft) 60%,transparent),transparent),var(--glass-card);
  border:1px solid var(--border);border-block-start:2px solid var(--accent-business);margin-block:0;gap:10px;
}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-floor-top {gap:16px;align-items:center;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-floor :is(p,ul) {margin-block:0;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-floor-caption {font-size:12px;line-height:1.6;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-floor-figures {display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-floor-stat {padding:10px 16px;background:color-mix(in srgb,var(--card) 70%,transparent);border-radius:14px;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-floor-stat-num {font-size:24px;color:var(--accent-business);font-weight:600;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-currency-strip {
  display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:16px 20px;margin-block:0 14px;
  background:var(--glass-card);border:1px solid var(--border);border-radius:16px;
}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-currency-strip>label {flex:0 1 310px;min-inline-size:0;margin:0;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-currency-strip .currency-hint {flex:1 1 220px;line-height:1.65;margin:0;font-size:13px;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-studio-tools {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;margin:0 0 20px;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-setting {padding:8px 16px;border-radius:14px;background:var(--glass-card);}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-setting>summary {font-size:13px;line-height:1.5;min-block-size:44px;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-setting[open] {padding-block-end:16px;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing #pricing-packages-label {margin:20px 0 14px;font-size:15px;font-weight:600;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing #pricing-table tbody {grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:20px;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing #pricing-table .pricing-package-card {padding:22px;border-radius:20px;gap:20px 12px;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing #pricing-table [data-pricing-output] {padding:14px 10px;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing #pricing-table [data-pricing-output="price"] {background:var(--accent-business-soft);border:1px solid color-mix(in srgb,var(--accent-business) 30%,var(--border));}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing #pricing-table [data-pricing-output] .calc.money-fig {font-size:21px;font-weight:600;}
html[data-rattib-material="glass"] .workspace-framed #panel-pricing #pricing-table [data-pricing-field="notes"] input {font-weight:400;}
/* Library / Editor are always available; less frequent document actions remain in a disclosure. */
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-current {padding:10px 16px;margin:0 0 12px;border-radius:12px;background:var(--accent-business-soft);}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-current:has(.documents-feedback:empty) {min-block-size:0;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-feedback:empty {display:none;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-tools-bar {display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:12px;margin-block:0 18px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-modes {display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--glass-card);}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal #documents-root .documents-modes>button {padding:8px 18px;min-block-size:44px;border-radius:10px;font-size:14px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal #documents-root .documents-modes>button[aria-pressed="true"] {background:var(--accent-business-soft);border-color:var(--accent-business);color:var(--studio-ink);}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-secondary {margin:0;min-inline-size:200px;max-inline-size:100%;border-radius:14px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-secondary>summary {min-block-size:44px;padding:12px 16px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal :is(.documents-note,.documents-limits) {font-size:12px;line-height:1.6;margin-block:6px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-note {margin-block-start:12px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-toolbar {padding:16px;border-radius:16px;background:var(--glass-card);}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-split {grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:20px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-list {display:grid;align-content:start;gap:8px;padding:12px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-row {border-radius:12px;padding:16px;border:1px solid transparent;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-row[aria-pressed="true"] {border-color:var(--accent-business);background:var(--accent-business-soft);}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-toolbar {margin-block:18px 12px;padding:14px 0;border-block-start:1px solid var(--border);border-block-end:0;gap:12px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-toolbar h2 {font:600 22px/1.3 var(--font);}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-lead {font-size:13px;line-height:1.6;margin:6px 0 0;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-section-nav {display:flex;flex-wrap:wrap;gap:8px;margin-block:8px 16px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-section-nav button {min-block-size:44px;border-radius:12px;padding:8px 16px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal :is(#invoice-essentials-heading,#invoice-preview-heading,#invoice-payments-heading) {scroll-margin-block-start:24px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal :is(.invoice-feedback,.invoice-output-feedback):empty {display:none;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-workspace {grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:22px;margin-block-start:16px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-editor {gap:18px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal :is(.invoice-essentials,.invoice-line,.invoice-business,.invoice-global-adjustments>details) {border-radius:16px;background:var(--glass-card);}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-essentials {padding:22px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-preview-wrap {padding:20px;border-radius:20px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-preview-heading {font-size:14px;margin:0 0 14px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-output {margin:0 0 18px;padding:0;background:transparent;border:0;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-output-hint {font-size:12px;line-height:1.6;margin:8px 0 0;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-paper {--border:#d5ded9;--text:#1b342a;--muted:#51685f;--row:#fdfefb;--card:#fdfefb;--accent:#1b5942;--accent-business:#1b5942;background:#fdfefb;color:var(--text);border:1px solid #d5ded9;border-radius:6px;padding:28px;font-size:13px;box-shadow:0 8px 24px #0002;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-paper .invoice-state {background:#edf2ec;color:#425c50;border:1px solid #d5ded9;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-paper :is(thead,th) {background:#edf3ee;color:#425c50;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-paper td {background:transparent;color:#1b342a;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-paper .invoice-total {background:#edf3ee;color:#1b342a;border-color:#d5ded9;padding:12px;border-radius:8px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-payments {margin-block-start:22px;padding-block-start:20px;border-block-start:1px solid var(--border);}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal #proposal-form.proposal-bento {gap:20px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal #proposal-form.proposal-bento>.proposal-bento-card {border-radius:18px;}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal #proposal-form .proposal-core {padding:24px;border-block-start:2px solid var(--accent-business);}
html[data-rattib-material="glass"] .workspace-framed #panel-proposal .proposal-core h2 {font:600 20px/1.3 var(--font);}
/* A useful contract library and a distinct reading surface. */
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-filters {padding:16px;border-radius:16px;gap:14px;margin:0 0 18px;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-feedback:empty {display:none;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-workspace {grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-library {padding:12px;border:1px solid var(--border);border-radius:18px;background:var(--glass-card);}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-results {display:grid;gap:8px;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-row {padding:16px;border-radius:12px;border:1px solid transparent;background:transparent;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-row[aria-pressed="true"] {border-color:var(--accent-business);background:var(--accent-business-soft);}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-row strong {font-size:15px;font-weight:600;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-row :is(small,time) {font-size:12px;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-templates {margin:16px 4px 0;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-detail {padding:24px;border-radius:18px;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-detail:has(.contracts-welcome) {background:linear-gradient(130deg,var(--accent-business-soft),transparent 75%),var(--glass-card);}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-welcome {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-block-size:300px;text-align:center;max-inline-size:46ch;margin-inline:auto;padding:20px;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-welcome-icon {display:grid;place-items:center;inline-size:64px;block-size:64px;border-radius:18px;font-size:34px;color:var(--accent-business);background:var(--accent-business-soft);border:1px solid var(--border);}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-welcome h2 {font:600 24px/1.4 var(--font);letter-spacing:-.025em;margin:8px 0 0;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-welcome p {margin:0;font-size:14px;line-height:1.6;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-welcome button {margin-block-start:8px;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-detail>h2 {font:600 26px/1.4 var(--font);margin:8px 0;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-paper {border-radius:6px;padding:28px;box-shadow:0 8px 24px #0002;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-dialog {border-radius:20px;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts #contracts-form>.contracts-actions {position:sticky;inset-block-end:0;padding:12px 0;margin-block-start:20px;border-block-start:1px solid var(--border);background:var(--card);z-index:2;}
html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-block-fields {padding:16px;border:1px solid var(--border);border-radius:14px;margin-block:12px;background:var(--row);}
@media(max-width:1199px) {
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-workspace {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:900px) {
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-studio-tools {grid-template-columns:minmax(0,1fr);gap:8px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-split,
 html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-workspace {grid-template-columns:minmax(0,1fr);}
 html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-welcome {min-block-size:220px;}
}
@media(max-width:600px) {
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-floor {padding:16px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-floor-top {display:grid;gap:16px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing .pricing-currency-strip {padding:16px;gap:10px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-pricing #pricing-table .pricing-package-card {grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-tools-bar {gap:8px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal .documents-secondary {flex:1 1 100%;}
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal :is(.invoice-essentials,.invoice-preview-wrap) {padding:16px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-proposal .invoice-paper,
 html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-paper {padding:18px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-detail {padding:16px;}
 html[data-rattib-material="glass"] .workspace-framed #panel-contracts .contracts-welcome {padding:12px;}
}
}