/* SPEC114 Y1 + Z1 (owner 02.10, ledger 129, 131): the Case form of the owner's main screen.
   Z1: the tooth squares are the pre-Y1 squares again (index.html `.tooth.on` rules: light gold border + faint fill,
   no filled circle); the small circles between the numbers are bridge connectors and get a gold ring on hover,
   never a square outline; selection is scoped to the one selected tooth / work row; every other control gets a
   clean gold OUTLINE (#d7b56d) on hover, never a muddy brown and never a filled tile. */
/* ledger 211: the Y1 names read the one champagne family of main_y2.css (declared on body too, so they follow the theme) */
:root,body{--y1-gold:var(--champ,#d7b56d);--y1-gold-deep:var(--champ-deep,#c39f58);--y1-gold-bright:#ecd08e;--y1-gold-ink:#3a2a0f}

/* --- bridge connectors: the circle between two numbers, a gold ring on hover, filled gold when joined ------ */
#teeth .bridge-connector,#teeth .bridge-connector:hover,#teeth .bridge-connector:focus-visible{border:0!important;box-shadow:none!important;background:transparent!important;outline:0}
#teeth .bridge-connector::before{border-color:rgba(215,181,109,.5)}
#teeth .bridge-connector:hover::before{border-color:var(--y1-gold);box-shadow:0 0 0 2px rgba(215,181,109,.35);transform:scale(1.15)}
#teeth .bridge-connector.on::before{border-color:var(--y1-gold-deep);background:var(--y1-gold);box-shadow:0 0 0 2px rgba(215,181,109,.28)}
#teeth .bridge-connector.committed::before{border-color:rgba(195,159,88,.8);background:rgba(215,181,109,.4)}
body[data-theme="light"] #teeth .bridge-connector::before{background:#fff;border-color:#cfb67c}
body[data-theme="light"] #teeth .bridge-connector.on::before{background:var(--y1-gold);border-color:var(--y1-gold-deep)}
/* the selected square itself: a light gold outline + faint fill (index.html), never a saturated fill */
#teeth .tooth:hover{box-shadow:0 0 0 1px rgba(215,181,109,.6)}
#teeth .tooth.on:hover{box-shadow:0 0 0 1px rgba(215,181,109,.75)}

/* --- selected work: the one "Select work" trigger / "Implant" trigger with a value is outlined, not filled ------ */
/* v069.css pins `body[data-theme] #workToggle` with !important, so the state must out-rank it (0,3,1). */
body[data-theme="light"] #workToggle.has-value,body:not([data-theme="light"]) #workToggle.has-value,
body[data-theme="light"] #implantToggle.has-value,body:not([data-theme="light"]) #implantToggle.has-value{
  border-color:var(--y1-gold-deep)!important;background:rgba(215,181,109,.1)!important;box-shadow:0 0 0 1px rgba(215,181,109,.35)!important;font-weight:800}
body[data-theme="light"] #workToggle.has-value,body[data-theme="light"] #implantToggle.has-value{color:var(--y1-gold-ink)!important}
body[data-theme="light"] #workToggle.has-value b,body[data-theme="light"] #workToggle.has-value span,body[data-theme="light"] #implantToggle.has-value span{color:var(--y1-gold-ink)!important}
body:not([data-theme="light"]) #workToggle.has-value,body:not([data-theme="light"]) #implantToggle.has-value{color:#f0d89f!important}
body:not([data-theme="light"]) #workToggle.has-value b,body:not([data-theme="light"]) #workToggle.has-value span,body:not([data-theme="light"]) #implantToggle.has-value span{color:#f0d89f!important}
#workOptions .option-choice.on,#implantOptions .option-choice.on,#shadeOptions .shade-option.on{border-color:var(--y1-gold-deep)!important;
  background:rgba(215,181,109,.14)!important;box-shadow:inset 3px 0 0 var(--y1-gold-deep)}
/* only the one work row being edited is marked */
#lines .work-item.editing{border-color:var(--y1-gold-deep)!important;background:rgba(215,181,109,.08)!important;box-shadow:inset 3px 0 0 var(--y1-gold-deep)!important}
#lines .work-item.editing::before{background:var(--y1-gold-deep)!important;width:3px}
body[data-theme="light"] #lines .work-item.editing{background:#fcf8ef!important}

/* --- hover on any control of the Case form: a clean gold outline ------------------------------------------ */
.primary-work .control:hover,.primary-work .control:focus,.service-card .control:hover,.service-card .control:focus,
.case-work-card .control:hover,.case-work-card .control:focus,.primary-work .clinic-case-field input:hover,
.primary-work .case-form-grid input:hover,.primary-work .case-form-grid select:hover{border-color:var(--y1-gold)!important;box-shadow:0 0 0 1px rgba(215,181,109,.45)}
.service-card button:not(:disabled):hover,.case-work-card button:not(:disabled):hover,.primary-work button:not(:disabled):hover,
.service-card .pl-side-button:hover,#addCasePhotos:hover,.assign-technician:hover,.case-actions button:hover{border-color:var(--y1-gold)!important;box-shadow:0 0 0 1px var(--y1-gold)!important}
body[data-theme="light"] .service-card button:not(:disabled):hover,body[data-theme="light"] .case-work-card button:not(:disabled):hover,
body[data-theme="light"] .primary-work button:not(:disabled):hover,body[data-theme="light"] #addCasePhotos:hover,body[data-theme="light"] .assign-technician:hover{color:#6a4a16;background:#fffdf7}
.assign-technician:hover,.assign-technician.on,#addCasePhotos:hover{background:rgba(215,181,109,.08)}

/* --- CASE PARAMETERS: outline only, never a filled tile ---------------------------------------------------- */
.advanced-slip-button,.advanced-slip-button.has-data,.advanced-slip-button:hover,.advanced-slip-button:focus-visible{background:transparent!important;box-shadow:none!important;font-weight:800}
.advanced-slip-button{border-color:rgba(215,181,109,.55)!important;color:var(--y1-gold-deep)!important}
.advanced-slip-button:hover,.advanced-slip-button:focus-visible,.advanced-slip-button.has-data{border-color:var(--y1-gold)!important;box-shadow:0 0 0 1px var(--y1-gold)!important}
body:not([data-theme="light"]) .advanced-slip-button,body:not([data-theme="light"]) .advanced-slip-button.has-data,body:not([data-theme="light"]) .advanced-slip-button:hover{color:#e8c878!important}
body[data-theme="light"] .advanced-slip-button:hover,body[data-theme="light"] .advanced-slip-button.has-data{color:#6a4a16!important;background:#fffdf7!important}

/* --- compact button row: LAB SLIP PREVIEW · SAVE/UPDATE CASE & LAB SLIP in the common button style ------------- */
.case-work-save-row.case-work-save-row-y1{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:6px}
.case-work-save-row.case-work-save-row-y1>button{height:29px!important;min-height:29px;padding:0 10px;font-size:9px;letter-spacing:.06em;border-radius:8px}
.case-work-save-row.case-work-save-row-y1>button[hidden]{display:none}
.case-work-save-row.case-work-save-row-y1>.work-save-primary{font-weight:900}
.case-work-save-row.case-work-save-row-y1>.work-save-primary:hover{border-color:var(--y1-gold)!important;box-shadow:0 0 0 1px var(--y1-gold)}
#editCaseTop{height:25px;padding:0 9px;font-size:8px;letter-spacing:.07em}
#editCaseTop[hidden]{display:none}

/* --- flag chips in Special instructions ---------------------------------------------- */
.case-flag-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 6px}
.case-flag-chips:empty{display:none}
.case-flag-chip{height:22px;padding:0 9px;border:1px solid rgba(215,181,109,.38);border-radius:999px;background:rgba(215,181,109,.07);color:#9a8a66;
  font-family:inherit;font-size:8px;font-weight:800;letter-spacing:.07em;line-height:1;text-transform:uppercase;cursor:pointer;transition:.12s}
body[data-theme="light"] .case-flag-chip{background:#fbf7ee;color:#7f6a3d;border-color:#d9c79b}
.case-flag-chip:hover:not(:disabled){border-color:var(--y1-gold);box-shadow:0 0 0 1px var(--y1-gold);color:var(--y1-gold-ink)}
body:not([data-theme="light"]) .case-flag-chip:hover:not(:disabled){color:#f0d89f}
.case-flag-chip:disabled{opacity:.45;cursor:default}
.case-flag-chip.on{border-color:var(--y1-gold-deep);color:var(--y1-gold-ink);background:rgba(215,181,109,.28)}
body:not([data-theme="light"]) .case-flag-chip.on{color:#f7e3b0}
.case-flag-chip.flag-urgent.on{border-color:#c95c57;background:rgba(201,92,87,.22);color:#7a2522}
body:not([data-theme="light"]) .case-flag-chip.flag-urgent.on{color:#f3b5b1}
.case-flag-chip.flag-special_attention.on{border-color:#9d6ac4;background:rgba(157,106,196,.2);color:#4a2470}
body:not([data-theme="light"]) .case-flag-chip.flag-special_attention.on{color:#dcc4f1}

/* --- HIDE FROM TECHNICIAN toggle inside each block ---------------------------------------- */
.case-form-grid .field-label-actions{align-items:center}
.case-form-grid .inline-privacy.hide-toggle{height:16px;min-height:16px;margin:0;padding:0 6px;border-radius:999px;cursor:pointer;user-select:none;
  border-color:rgba(215,181,109,.4);color:#9a8a66;background:rgba(215,181,109,.06);font-size:7px!important;letter-spacing:.07em}
body[data-theme="light"] .case-form-grid .inline-privacy.hide-toggle{background:#fbf7ee;color:#7f6a3d;border-color:#d9c79b}
.case-form-grid .inline-privacy.hide-toggle:hover{border-color:var(--y1-gold);box-shadow:0 0 0 1px var(--y1-gold)}
.case-form-grid .inline-privacy.hide-toggle.on{border-color:var(--y1-gold-deep);color:var(--y1-gold-ink);background:rgba(215,181,109,.28);font-weight:900}
body:not([data-theme="light"]) .case-form-grid .inline-privacy.hide-toggle.on{color:#f7e3b0}
.case-form-grid .inline-privacy.hide-toggle .mask-code{display:none}
.case-form-grid .inline-privacy.hide-toggle.on .mask-code{display:inline;color:inherit;border-left-color:rgba(58,42,15,.35)}
.case-form-grid .inline-privacy.hide-toggle input{width:9px;height:9px;accent-color:var(--y1-gold-deep)}
.case-form-grid #clinicHideToggle{margin-inline-start:auto}
#clinicSlipDefaults.inline-privacy{height:16px;min-height:16px;margin:0;padding:0 6px;border-radius:999px;font-size:7px!important}

/* --- the Case number the moment the form opens (Z1: `MM-W-HHMM-NNN`, no suffix) ------------------------------ */
#caseStatusBadge{white-space:nowrap}

/* --- date picker: light in the light theme, gold accents in both ----------------------------- */
body[data-theme="light"] input[type="date"].control,body[data-theme="light"] .production-form input[type="date"]{color-scheme:light;accent-color:var(--y1-gold-deep)}
body:not([data-theme="light"]) input[type="date"].control{color-scheme:dark;accent-color:var(--y1-gold)}
input[type="date"].control::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}
body[data-theme="light"] input[type="date"].control::-webkit-calendar-picker-indicator{filter:sepia(1) saturate(2.4) hue-rotate(-12deg) brightness(.78)}
/* Ledger 208 (owner 07.10, p.2): the due-date calendar is calm too — neutral face, frame, month title and arrows; the gold
   tokens mark only hover, today and the selected day. */
.gold-calendar-popover{border-color:var(--side-line)!important}
.gold-calendar-head strong,.gold-calendar-head button{color:inherit}
.gold-calendar-head button{border-color:var(--side-line)}
.gold-calendar-days button:hover,.gold-calendar-days button.today{border-color:var(--gold)}
body[data-theme="light"] .gold-calendar-popover{background:#fff;color:#25272b;box-shadow:0 18px 40px rgba(60,50,30,.16)}
body[data-theme="light"] .gold-calendar-head button{background:#fff}
body[data-theme="light"] .gold-calendar-week span{color:#8a8d93}
body[data-theme="light"] .gold-calendar-days button{background:transparent;color:#25272b}
.gold-calendar-days button.selected,body[data-theme="light"] .gold-calendar-days button.selected{background:var(--champ-sel-bg);color:var(--champ-sel-ink);border-color:var(--champ)}

/* --- Z1: Invoice block header (no second "Invoice" word, the expand control is the two-arrow icon only) -------- */
.summary-toolbar .invoice-open{width:31px;min-width:31px;padding:0;font-size:15px;line-height:1;display:grid;place-items:center}
/* --- Z1: light theme — calmer tones on the main screen ------------------------------------------------------ */
body[data-theme="light"] .work-save{background:#fbf8f1;border-color:#d6c49b;color:#6a4a16}
body[data-theme="light"] .work-save:hover{background:#fffdf7}
body[data-theme="light"] .case-number{background:#faf5ea;border-color:#d8c8a9;color:var(--champ-text)}
body[data-theme="light"] .summary .actions .secondary:disabled,body[data-theme="light"] .summary .actions .primary:disabled{color:#a39a88;border-color:#e1dbcd;background:#f7f5f0;opacity:1}

/* ===== SPEC114 Z4 (owner 02.10, ledger 132 p.6) ===================================================================
   Softer gold on hover (a thin translucent line instead of a solid ring); one flat style for CREATE INVOICE PDF,
   ADD WORK, SHIPPING LABEL, CASE LABEL and DELIVERY RECORD — no gradients; the patient field about a third wider. */
.service-card .pl-side-button:hover,#addCasePhotos:hover,.assign-technician:hover,.case-actions button:hover,
.case-form-grid .inline-privacy.hide-toggle:hover,.case-work-save-row.case-work-save-row-y1>.work-save-primary:hover{
  border-color:rgba(215,181,109,.78)!important;box-shadow:0 0 0 1px rgba(215,181,109,.32)!important}
.primary-work .case-form-grid input:hover,.primary-work .case-form-grid select:hover{border-color:rgba(215,181,109,.8)!important;box-shadow:0 0 0 1px rgba(215,181,109,.28)}
#teeth .tooth:hover{box-shadow:0 0 0 1px rgba(215,181,109,.45)}
#teeth .tooth.on:hover{box-shadow:0 0 0 1px rgba(215,181,109,.6)}
/* Z4: the patient field stays the widest; release 132: the clinic name (with its ⋯ menu) gets more room and its full name is the field tooltip (recovery.js renderSummary). */
/* Fixes after 133: the patient column keeps room for «Patient» + «Hide patient info» (the button ran over «Case date»). */
/* Columns: clinic · doctor · ship to (AL step 1) · patient · case date. */
.case-form-grid{grid-template-columns:minmax(0,1.3fr) minmax(124px,.9fr) minmax(0,1.2fr) minmax(140px,1.4fr) minmax(94px,.65fr)!important}
.case-form-grid .field-label-actions{min-width:0;max-width:100%}
.case-form-grid .field-label-actions .privacy-toggle{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Ledger 208 (owner 07.10, p.3): "brownish buttons → gold" — the same one flat style in the gold button tokens of
   main_y2.css (--gold-btn-*); ledger 211: the tokens are the champagne family (#3e3a32 face, muted #d7b56d line, #f2dba6
   caption in the dark theme; ivory / #ceb37e / #66491f in the light one) and switch with the theme. */
body[data-theme] #saveInvoice,body[data-theme] #addLine,body[data-theme] .label-actions #caseLabel,body[data-theme] .label-actions #shippingLabelMenuToggle,
body[data-theme] .label-actions .tool-menu>button,body[data-theme] .label-actions #caseDelivery{
  border:1px solid var(--gold-btn-line)!important;border-radius:9px!important;background:var(--gold-btn-face)!important;background-image:none!important;
  color:var(--gold-btn-ink)!important;box-shadow:none!important;filter:none!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
body[data-theme] #saveInvoice:hover,body[data-theme] #addLine:hover,body[data-theme] .label-actions #caseLabel:hover,body[data-theme] .label-actions #shippingLabelMenuToggle:hover,
body[data-theme] .label-actions .tool-menu>button:hover,body[data-theme] .label-actions #caseDelivery:hover{
  border-color:var(--gold-btn-line-hover)!important;background:var(--gold-btn-face-hover)!important;color:var(--gold-btn-ink-hover)!important;box-shadow:0 0 0 1px var(--gold-btn-ring)!important}

/* ===== SPEC114 Y4 (owner 03.10, ledger 137) =======================================================================
   The Invoice column: PREVIEW INVOICE is a small button beside ONE LABELS button (DELIVERY RECORD left the column);
   the LABELS menu is translucent (blur, rounded, gold accents); the preview's bottom row SAVE PDF / PRINT / SEND;
   the four bottom buttons (HISTORY, DESKS, ANALYTICS, SETTINGS) share the flat Invoice-button style instead of white;
   the Rush / New doctor / Special attention chips sit inside the Special instructions box, bottom-right; and the
   HIDE FROM TECHNICIAN substitute ID is shown inside the field. */
/* PREVIEW INVOICE: a small button beside the patient (recovery.js keeps it in the Invoice date row), no longer a big tile */
/* Ledger 208 (owner 07.10, p.5): PREVIEW INVOICE narrower and exactly as tall as the patient tile beside it — it stretches
   to the row (the tile sets the height) and wraps its two words, so it is only as wide as its longest word. */
.invoice-date-row #saveInvoice,body[data-theme] .invoice-date-row #saveInvoice{height:auto!important;min-height:0!important;align-self:stretch;padding:0 10px!important;font-size:9px!important;letter-spacing:.06em;line-height:1.25;white-space:normal;text-align:center}
.label-actions>[hidden],.label-actions>button[hidden]{display:none!important}
/* Ledger 208 (owner 07.10, p.6): HISTORY / TEAM / ANALYTICS / SETTINGS — four equal compact buttons in one row when the
   column is wide enough for their captions, otherwise 2 × 2; never 3 + 1 with an odd gap. The column (.utility-menu) is
   the size container; with the setup helper circle beside the toolbar it needs 64 px more for one row. */
.summary .utility-menu{container-type:inline-size;container-name:pl-toolbar}
.main-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.main-toolbar:not(:has(#teamTool)){grid-template-columns:repeat(3,minmax(0,1fr))!important}
@container pl-toolbar (min-width:400px){body:not([data-helper-bubble]) .main-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@container pl-toolbar (min-width:464px){.main-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.main-toolbar .utility-btn{white-space:nowrap;padding:0 6px!important;font-size:9px!important;height:34px!important;min-height:34px!important;overflow:hidden;text-overflow:ellipsis}
#clinicSlipDefaults[hidden]{display:none!important}
/* Ledger 208 p.3: the same gold button tokens; OPEN / PRINT and the Case save row (LAB SLIP PREVIEW · SAVE CASE & LAB SLIP)
   join the list — they were the remaining brownish buttons of the main screen. */
body[data-theme] .label-actions #labelsMenuToggle,body[data-theme] .main-toolbar .utility-btn,body[data-theme] #invoicePreviewBar>button,body[data-theme] #openInvoiceDocument,body[data-theme] .case-work-save-row>button{
  border:1px solid var(--gold-btn-line)!important;border-radius:9px!important;background:var(--gold-btn-face)!important;background-image:none!important;
  color:var(--gold-btn-ink)!important;box-shadow:none!important;filter:none!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
body[data-theme] .label-actions #labelsMenuToggle:hover,body[data-theme] .main-toolbar .utility-btn:hover,body[data-theme] #invoicePreviewBar>button:not(:disabled):hover,body[data-theme] #openInvoiceDocument:not(:disabled):hover,body[data-theme] .case-work-save-row>button:not(:disabled):hover{
  border-color:var(--gold-btn-line-hover)!important;background:var(--gold-btn-face-hover)!important;color:var(--gold-btn-ink-hover)!important;box-shadow:0 0 0 1px var(--gold-btn-ring)!important}
body[data-theme] #openInvoiceDocument:disabled{opacity:.45;cursor:not-allowed}
.main-toolbar .utility-btn i{color:inherit}
/* the translucent LABELS menu: three items, blur behind, rounded, gold accents */
/* ledger 208 p.6: OPEN / PRINT (layout.js P.pairInvoiceActions) and LABELS share one row — no empty cell beside either */
.label-actions #labelsGroup{grid-column:auto}
.label-actions #labelsGroup:only-child{grid-column:1/-1}
#invoiceDocumentActions:empty{display:none!important}
.label-actions .labels-menu{inset-inline-start:auto;inset-inline-end:0;min-width:max(100%,300px);padding:8px;border:1px solid var(--champ-menu-line)!important;border-radius:14px;
  background:rgba(27,30,35,.72)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 44px rgba(0,0,0,.42)}
/* ledger 208 p.3/p.7: the three menu items in one case (the #caseLabel id rule above no longer upper-cases one of them) and
   in the gold tokens: a quiet face, the gold line on hover */
body[data-theme] .label-actions .labels-menu>button,body[data-theme] .label-actions .labels-menu>button:is(#shippingLabel,#caseLabel,#localLabel){border:1px solid var(--champ-row-line)!important;background:var(--champ-row-bg)!important;background-image:none!important;color:inherit!important;box-shadow:none!important;filter:none!important;text-transform:none;letter-spacing:.02em;font-size:10px!important}
body[data-theme] .label-actions .labels-menu>button:hover,body[data-theme] .label-actions .labels-menu>button:is(#shippingLabel,#caseLabel,#localLabel):hover{border-color:var(--gold-btn-line-hover)!important;background:var(--gold-btn-face-hover)!important;color:var(--gold-btn-ink-hover)!important;box-shadow:0 0 0 1px var(--gold-btn-ring)!important}
/* ledger 208: LABELS sits in the right half of its row — the menu (rule above) opens from its right edge, wide enough for the hints */
.label-actions .labels-menu>button small{white-space:normal}
.summary .label-actions .tool-group-toggle{gap:5px}
.label-actions .labels-menu>button small{color:var(--muted,#9ea3aa);font-weight:500;text-transform:none}
body[data-theme="light"] .label-actions .labels-menu{background:rgba(255,253,248,.72)!important;border-color:var(--champ-menu-line)!important;box-shadow:0 18px 44px rgba(67,54,36,.22)}
body[data-theme="light"] .label-actions .labels-menu>button,body[data-theme="light"] .label-actions .labels-menu>button:is(#shippingLabel,#caseLabel,#localLabel){color:#26272b!important}
/* the preview's bottom row: hidden with the case, shown with the full-screen Invoice */
.invoice-preview-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:0 0 auto;margin:0 17px 14px;padding-top:10px;border-top:1px solid rgba(215,181,109,.3)}
.invoice-preview-bar[hidden],body:not([data-invoice-expanded]) .invoice-preview-bar{display:none!important}
.invoice-preview-bar>button{height:40px!important;min-height:40px;font-size:11px!important}
.invoice-preview-bar>button:disabled{opacity:.42;cursor:not-allowed}
/* the carrier offer after a shipping label (inside the PDF preview, or under the LABELS button) */
.carrier-offer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;padding:8px 10px;border:1px solid rgba(215,181,109,.5);border-radius:11px;background:rgba(215,181,109,.1);font-size:12px}
.pdf-preview80 .carrier-offer{margin:0 0 8px}
.carrier-offer .control{width:auto;min-width:150px;height:34px}
.carrier-offer>button{height:34px;padding:0 12px;font-size:10px;font-weight:800;letter-spacing:.04em}
.label-actions .carrier-offer{grid-column:1/-1}
/* the chips live inside the Special instructions box, bottom-right */
.case-notes-box{position:relative}
.case-notes-box textarea.control{width:100%;padding-bottom:30px!important}
.case-notes-box .case-flag-chips{position:absolute;inset-inline-end:8px;bottom:8px;z-index:2;margin:0;justify-content:flex-end;flex-wrap:nowrap;pointer-events:none}
.case-notes-box .case-flag-chips>button{pointer-events:auto}
.case-notes-box .case-flag-chips:empty{display:none}
/* HIDE FROM TECHNICIAN: no notice above the clinic; the substitute ID sits inside the field */
.case-privacy-notice{display:none!important}
.field-mask-id{position:absolute;z-index:3;transform:translateY(-50%);max-width:72%;overflow:hidden;padding:2px 7px;border:1px solid rgba(215,181,109,.5);border-radius:999px;background:rgba(215,181,109,.16);
  color:#f3dca4;font-size:9px;font-weight:850;letter-spacing:.06em;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.field-mask-id[hidden]{display:none}
body[data-theme="light"] .field-mask-id{background:#f5ecdc;border-color:#cbb27b;color:#5a3f12}
.control.is-masked{padding-inline-end:72%!important}
body[data-invoice-expanded] .invoice-date-row #saveInvoice{display:none!important}
.case-form-grid .inline-privacy.hide-toggle .mask-code,.case-form-grid .inline-privacy.hide-toggle.on .mask-code{display:none}
#clinicSlipDefaults.inline-privacy{white-space:nowrap}
/* SPEC114 Y5 (owner 03.10, ledger 138): the "⋯" button and its compact translucent menu beside the Clinic field; "+ Add doctor…"
   last in the doctor list; the private-practice dialog. Same gold tokens and flat style as the Y4 LABELS menu. */
.recovery-combo.clinic-combo-tools{display:flex;align-items:stretch;gap:6px}
.recovery-combo.clinic-combo-tools>#clinicSearch{flex:1 1 auto;min-width:0}
.clinic-tools-toggle{flex:0 0 34px;width:34px;height:34px;min-height:34px;margin:0;padding:0;border:1px solid var(--gold-btn-line);border-radius:9px;background:var(--gold-btn-face);color:var(--gold-btn-ink);
  font-size:18px;font-weight:800;line-height:1;letter-spacing:.05em;cursor:pointer;box-shadow:none}
.clinic-tools-toggle:hover,.clinic-tools-toggle[aria-expanded="true"]{border-color:var(--gold-btn-line-hover);background:var(--gold-btn-face-hover);color:var(--gold-btn-ink-hover);box-shadow:0 0 0 1px var(--gold-btn-ring)}
.clinic-tools-toggle[hidden]{display:none}
.clinic-tools-menu{position:absolute;z-index:36;top:calc(100% + 4px);inset-inline-start:0;min-width:260px;max-width:min(380px,calc(100vw - 32px));padding:8px;border:1px solid var(--champ-menu-line);border-radius:14px;
  background:rgba(27,30,35,.72);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 44px rgba(0,0,0,.42);display:grid;gap:4px}
.clinic-tools-menu[hidden]{display:none}
.clinic-tools-menu>button{display:block;width:100%;margin:0;padding:9px 11px;text-align:start;border:1px solid var(--champ-row-line);border-radius:9px;background:var(--champ-row-bg);color:inherit;
  font:inherit;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;box-shadow:none}
.clinic-tools-menu>button:hover:not(:disabled),.clinic-tools-menu>button:focus-visible{border-color:var(--gold-btn-line-hover);background:var(--gold-btn-face-hover);color:var(--gold-btn-ink-hover);box-shadow:0 0 0 1px var(--gold-btn-ring);outline:none}
.clinic-tools-menu>button:disabled{opacity:.42;cursor:default}
body[data-theme="light"] .clinic-tools-menu{background:rgba(255,253,248,.72);border-color:var(--champ-menu-line);box-shadow:0 18px 44px rgba(67,54,36,.22)}
/* ledger 208 p.3: the clinic "⋯" menu items like the LABELS menu items — a quiet face, the gold tokens on hover */
body[data-theme="light"] .clinic-tools-menu>button{color:#26272b}
#doctorChoices .doctor-add-choice{margin-top:5px;padding-top:10px;border-top:1px solid var(--ui-accent-line);border-radius:0 0 6px 6px;font-weight:750;color:var(--ui-accent-text)}
.private-practice-card p{margin:0 0 10px;color:#e9e4d8;opacity:.9;font-size:13px;line-height:1.45}
.private-practice-card .field{margin:12px 0}
.private-practice-card .field label{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ui-accent-text)}

/* ===== SPEC114 Y6 (owner 03.10, ledger 147) =======================================================================
   p.2 Hide clinic / doctor / patient info — three plain toggle buttons (aria-pressed), no checkbox; p.3 CASE PARAMETERS
   in the same black-and-white style as ASSIGN TECHNICIAN; p.4 OUTSOURCE as the fourth button of the row; p.5 NEW PATIENT
   CASE wider and PREVIEW INVOICE narrower in one row, nudged to the Invoice side; Discount / Markup as four option
   buttons and the value field; p.7 the clinic "⋯" menu starts at the button's left edge. */
.case-form-grid .inline-privacy.hide-toggle{display:none!important}
.privacy-toggle{height:18px;margin:0;padding:0 7px;border:1px solid rgba(215,181,109,.45);border-radius:999px;background:transparent;color:#d8dade;font:inherit;font-size:7.5px;font-weight:750;letter-spacing:.01em;
  line-height:1;text-transform:none;white-space:nowrap;cursor:pointer;flex:0 0 auto}
.case-form-grid .field-label-actions:has(.privacy-toggle){gap:4px;min-width:0}
.privacy-toggle:hover,.privacy-toggle:focus-visible{border-color:var(--y1-gold);outline:none}
.privacy-toggle[aria-pressed="true"]{border-color:var(--y1-gold);background:rgba(215,181,109,.18);color:#f3dca4;box-shadow:0 0 0 1px rgba(215,181,109,.35)}
body[data-theme="light"] .privacy-toggle{border-color:#d6d1c8;color:#4a4d53;background:#fff}
body[data-theme="light"] .privacy-toggle[aria-pressed="true"]{background:#f5ecdc;color:#5a3f12;border-color:#c6a25e}
.privacy-toggle[hidden]{display:none!important}
#unifiedWork .tech-action-row,.tech-action-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:760px){#unifiedWork .tech-action-row,.tech-action-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.tech-action-row .advanced-slip-button,.tech-action-row .advanced-slip-button.has-data,.tech-action-row .advanced-slip-button:hover,.tech-action-row .advanced-slip-button:focus-visible,
.tech-action-row .outsource-button,.tech-action-row .outsource-button:hover{width:100%;height:33px;border:1px solid rgba(255,255,255,.16)!important;border-radius:9px;background:#111316!important;color:#e8e9e7!important;
  font-family:inherit;font-size:9px;font-weight:650;letter-spacing:normal;box-shadow:none!important;text-transform:uppercase}
.tech-action-row .advanced-slip-button:hover,.tech-action-row .outsource-button:hover,.tech-action-row .advanced-slip-button:focus-visible{border-color:rgba(215,181,109,.42)!important;background:#151719!important;color:#f0d89f!important}
.tech-action-row .advanced-slip-button.has-data{border-color:rgba(215,181,109,.48)!important}
body:not([data-theme="light"]) .tech-action-row .advanced-slip-button,body:not([data-theme="light"]) .tech-action-row .advanced-slip-button.has-data,body:not([data-theme="light"]) .tech-action-row .outsource-button{background:#4b5057!important;border-color:#737b85!important;color:#eceef1!important}
body:not([data-theme="light"]) .tech-action-row .advanced-slip-button:hover,body:not([data-theme="light"]) .tech-action-row .outsource-button:hover{background:#585e66!important;color:#f0d89f!important}
body[data-theme="light"] .tech-action-row .advanced-slip-button,body[data-theme="light"] .tech-action-row .advanced-slip-button.has-data,body[data-theme="light"] .tech-action-row .outsource-button{border-color:#d6d1c8!important;background:#fff!important;color:#25272b!important}
body[data-theme="light"] .tech-action-row .advanced-slip-button:hover,body[data-theme="light"] .tech-action-row .outsource-button:hover{border-color:rgba(215,181,109,.6)!important;background:#fffdf7!important;color:#6a4a16!important}
.invoice-date-row{grid-template-columns:minmax(0,1fr) auto!important}
/* ledger 208 p.5: only as wide as its longest word (two short lines), still at the Invoice side of the row */
.invoice-date-row #saveInvoice,body[data-theme] .invoice-date-row #saveInvoice{justify-self:end;width:min-content;min-width:0;padding:0 10px!important}
/* Ledger 208 (owner 07.10, p.4): Discount / Markup is ONE button again — its caption is the chosen option — beside the
   value field; a click opens a small menu with all four options at once (no list to scroll, nothing highlighted in the
   middle of a row). The state stays the hidden #discountType (percent / cash / markup / cash_markup, layout.js
   P.discountOptions); the old picker keeps its hidden markup for original.js. */
.discount{grid-template-columns:auto minmax(0,1fr)!important;gap:6px;align-items:stretch}
.discount .discount-picker{display:none!important}
.discount-options.tool-group{position:relative;min-width:0}
.discount-options>.discount-menu-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:auto;min-width:118px;height:100%;min-height:34px;padding:0 11px;
  border:1px solid var(--line,#5b6068);border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:none}
.discount-options>.discount-menu-toggle:hover,.discount-options>.discount-menu-toggle:focus-visible,.discount-options>.discount-menu-toggle[aria-expanded="true"]{border-color:var(--gold-btn-line-hover);box-shadow:0 0 0 1px var(--gold-btn-ring);outline:none}
.discount-options>.discount-menu-toggle .discount-menu-caret{font-size:9px;opacity:.7}
body[data-theme="light"] .discount-options>.discount-menu-toggle{border-color:#d6d1c8;background:#fff;color:#25272b}
.discount-options>.discount-options-menu{top:calc(100% + 6px);bottom:auto;grid-template-columns:repeat(2,minmax(0,1fr));min-width:250px;padding:6px;gap:5px}
.discount-options>.discount-options-menu>button{justify-content:center!important;min-height:34px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.04em;border:1px solid var(--champ-row-line);border-radius:9px;background:var(--champ-row-bg);color:var(--champ-row-ink);box-shadow:none}
.discount-options>.discount-options-menu>button[aria-checked="true"]{border-color:var(--champ);background:var(--champ-sel-bg);color:var(--champ-sel-ink)}
.discount-options>.discount-options-menu>button[aria-checked="true"]::before{content:"✓";margin-inline-end:5px}
.clinic-tools-menu{inset-inline-start:calc(100% - 34px);inset-inline-end:auto}

/* --- SPEC114 AK.9 step 3 (ledger 202): lab-term chips under Special instructions, contradictions, Ship to ------- */
.pl-term-chips{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 0}
.pl-term-chips[hidden]{display:none}
.pl-term-chips>small{font-size:8px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.pl-term-chip{display:inline-flex;align-items:center;height:18px;padding:0 7px;border:1px solid rgba(215,181,109,.38);border-radius:999px;
  background:rgba(215,181,109,.07);color:#b9a77d;font-size:9px;font-weight:700;line-height:1;white-space:nowrap}
body[data-theme="light"] .pl-term-chip{background:#fbf7ee;color:#7f6a3d;border-color:#d9c79b}
.pl-conflict-field{outline:1px solid #d98c3a;outline-offset:2px;border-radius:8px}
.pl-conflict{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;padding:3px 7px;border:1px solid rgba(217,140,58,.55);
  border-radius:7px;background:rgba(217,140,58,.1);color:#e2a35c;font-size:10px;line-height:1.3}
body[data-theme="light"] .pl-conflict{background:#fff4e6;color:#8a4f12;border-color:#e3b47c}
.pl-conflict-switch{height:20px;padding:0 8px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;
  font:inherit;font-size:9px;font-weight:800;letter-spacing:.05em;cursor:pointer}
.pl-conflict-switch:hover{border-color:var(--y1-gold);color:var(--y1-gold)}
.pl-ship-clinic{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:11px;line-height:1.35;opacity:.9}
.pl-ship-clinic[hidden],.pl-received-from[hidden]{display:none}
.pl-ship-clinic .link-button{padding:0;border:0;background:none;color:var(--y1-gold);font:inherit;font-size:10px;text-decoration:underline;cursor:pointer}
.pl-received-from{display:block;font-size:10px;opacity:.75}

/* --- Fixes after 133: the Inbox suggestion card «Suggestion: A2 — APPLY» floats next to the field (inbox_autofill.js
   places it in viewport coordinates and keeps it inside the window); before it fell to the end of the page. ------ */
.pl-inbox-suggest{position:fixed;z-index:1200;top:0;left:0;width:max-content;max-width:min(340px,calc(100vw - 16px));padding:8px 10px;
  border:1px solid rgba(var(--champ-rgb),.7);border-radius:10px;background:#1d2025;color:#f1e6cc;font-size:12px;line-height:1.35;
  box-shadow:0 10px 28px rgba(0,0,0,.42)}
.pl-inbox-suggest[hidden]{display:none}
.pl-inbox-suggest .pl-suggest-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px}
.pl-inbox-suggest .pl-suggest-body strong{font-weight:750;overflow-wrap:anywhere}
.pl-inbox-suggest .pl-suggest-body button{height:24px;padding:0 10px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.05em;white-space:nowrap}
.pl-inbox-suggest .pl-suggest-body small{grid-column:1/-1;color:var(--muted,#a3a8b0);font-size:10.5px;overflow-wrap:anywhere}
body[data-theme="light"] .pl-inbox-suggest{background:#fffdf7;color:#2b2416;border-color:var(--champ);box-shadow:0 10px 26px rgba(80,60,20,.18)}
body[data-theme="light"] .pl-inbox-suggest .pl-suggest-body small{color:#776b55}

/* SPEC114 AQ step 1: ASC / implant chips beside the Case flags (read-only) and the calm Invoice suggestion. */
.case-cad-chips{display:contents}
.case-flag-chip.case-cad-chip{display:inline-flex;align-items:center;cursor:default;pointer-events:auto}
.case-flag-chip.case-cad-chip.cad-asc,.case-flag-chip.case-cad-chip.cad-asc.on{border-color:#c0612b;background:rgba(192,97,43,.22);color:#f2b48c}
body[data-theme="light"] .case-flag-chip.case-cad-chip.cad-asc{color:#8f3f12;background:#fdeee4;border-color:#d98b5f}
.case-flag-chip.case-cad-chip:hover{box-shadow:none}
.cad-suggest-host:empty{display:none}
.cad-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;padding:8px 10px;border:1px solid rgba(215,181,109,.38);border-radius:8px;background:rgba(215,181,109,.06)}
.cad-suggest p{flex:1 1 220px;margin:0;display:grid;gap:2px}.cad-suggest p strong{font-size:12px}.cad-suggest p small{color:var(--muted,#9a8a66);font-size:11px}
.cad-suggest-price{display:flex;align-items:center;gap:6px;font-size:11px}.cad-suggest-price input{width:90px;height:28px}
.cad-suggest button{height:28px;padding:0 14px}
/* ===== Ledger 211 + 212 (owner 07.10): the champagne selection and ONE hover for every hoverable tile ================
   The owner's reference shots (docs/references/gold-2026-10-07): a row / tile under the cursor or chosen gets a subtle
   warm fill (rgba(215,181,109,.15) — #39362f on the dark menu), a 1px champagne line (#d7b56d) and lighter text
   (#f3dca4); a field under the cursor (Select work / implant / shade) gets the line and the gold text; the light theme
   the same with the light champagne fill (#f4ead7, #c9a45a, #594322). The light stays on while the cursor is over the
   tile — the transition (--champ-hover-ease, .14s) is only the fade in and out. No layout shift: the tiles already
   have their 1px border (the line only changes colour); the borderless ones (the Inbox pill segments, the clinic /
   doctor list rows) draw the line inside with an inset shadow.
   Why a cascade layer: important declarations of a layer win over every unlayered important declaration whatever its
   specificity (CSS Cascade 5), so this one hover replaces the many older per-control hovers (Y1, Z4, Y4, ledger 208)
   without a specificity race; everything here is !important for that reason. The tokens live in main_y2.css (1). */
.tooth-marker-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line,#d7d0c2);border-radius:10px;background:rgba(212,178,91,.08)}
.tooth-marker-tools[hidden]{display:none}
.tooth-marker-tools>span{font-weight:700}
.tooth-marker-tools>div{display:flex;gap:6px;flex-wrap:wrap}
.tooth-marker-tools button{border:1px solid currentColor;border-radius:999px;padding:5px 10px;background:transparent;color:inherit}
.tooth-marker-tools button.on{background:#d6b45d;color:#17191d}
.tooth-marker-tools small{flex-basis:100%;opacity:.72}
#teeth .tooth.has-tooth-role-marks{position:relative}
.tooth-role-marks{position:absolute;left:50%;bottom:1px;display:flex;gap:1px;transform:translateX(-50%);pointer-events:none}
.tooth-role-marks i{display:grid;place-items:center;width:9px;height:9px;border-radius:2px;background:#d6b45d;color:#17191d;font:700 6px/1 sans-serif;font-style:normal}

/* AQ.5: one calm confirmation over the existing result picker. */
.cad-design-summary { margin: auto; width: min(92vw, 36rem); max-height: 85vh; overflow: auto; padding: 1.5rem; border: 1px solid var(--champ, #d7b56d); border-radius: 14px; color: inherit; background: var(--panel, #fff); }
.cad-design-summary::backdrop { background: rgb(0 0 0 / 55%); }
.cad-design-summary dl { display: grid; grid-template-columns: minmax(7rem, 1fr) 2fr; gap: .65rem 1rem; }
.cad-design-summary dd { margin: 0; overflow-wrap: anywhere; }
.cad-design-summary .actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }

@layer pl-champagne{
  /* the class .pl-hover marks any other tile (JS-rendered lists) for the same look */
  .pl-hover,.option-choice,.shade-option,.option-tile,.work-option,.option-grid>button,.tooth-parameter-picker button,
  .tool-menu>button,.labels-menu>button,.clinic-tools-menu>button,.discount-options-menu>button,
  #teeth .tooth,.pl-mini-day,.pl-queue-row,.pl-inbox-item,.pl-conversation-choice,.pl-side-button,.gold-calendar-days button,
  .main-toolbar .utility-btn,.utility-btn,.tool-group-toggle,#labelsMenuToggle,#openInvoiceDocument,#invoicePreviewBar>button,
  .case-work-save-row>button,#saveInvoice,#addLine,.invoice-open,.clinic-tools-toggle,.discount-menu-toggle,.tech-action-row>button,
  .case-search-toggle,.fullscreen-toggle,.secondary,.assign-technician,#addCasePhotos,.privacy-toggle,.search-scope-tab,
  .analytics-period-switch button,.helper-bubble-action,.recovery-settings .settings-nav button,.recovery-settings button:not(.primary),
  .settings-choice-v68 button,.recovery-role-choices button,.position-scope button,.production-option,.pl-mode-seg,.recovery-choices button,
  #workToggle,#implantToggle,#shadeSelection,.option-trigger,.implant-toggle{
    transition:background-color var(--champ-hover-ease),border-color var(--champ-hover-ease),color var(--champ-hover-ease),box-shadow var(--champ-hover-ease)!important}
  /* tiles and rows: fill + line + lighter text */
  :is(.pl-hover,.option-choice,.shade-option,.option-tile,.work-option,.option-grid>button,.tooth-parameter-picker button,
  .tool-menu>button,.labels-menu>button,.clinic-tools-menu>button,.discount-options-menu>button,
  #teeth .tooth,.pl-mini-day,.pl-queue-row,.pl-inbox-item,.pl-conversation-choice,.pl-side-button,.gold-calendar-days button,
  .main-toolbar .utility-btn,.utility-btn,.tool-group-toggle,#labelsMenuToggle,#openInvoiceDocument,#invoicePreviewBar>button,
  .case-work-save-row>button,#saveInvoice,#addLine,.invoice-open,.clinic-tools-toggle,.discount-menu-toggle,.tech-action-row>button,
  .case-search-toggle,.fullscreen-toggle,.secondary,.assign-technician,#addCasePhotos,.privacy-toggle,.search-scope-tab,
  .analytics-period-switch button,.helper-bubble-action,.recovery-settings .settings-nav button,.recovery-settings button:not(.primary),
  .settings-choice-v68 button,.recovery-role-choices button,.position-scope button,.production-option):not(:disabled):hover{
    border-color:var(--champ-hover-line)!important;background:var(--champ-hover-bg)!important;color:var(--champ-hover-ink)!important;box-shadow:none!important;filter:none!important}
  :is(.option-choice,.shade-option,.tool-menu>button,.labels-menu>button,.clinic-tools-menu>button,.discount-options-menu>button,
  .pl-queue-row,.pl-inbox-item,.pl-conversation-choice,.pl-side-button,.recovery-settings .settings-nav button):not(:disabled):hover :is(strong,b){color:inherit!important}
  /* borderless tiles: the same line drawn inside */
  :is(.pl-mode-seg,.recovery-choices button):not(:disabled):hover{
    background:var(--champ-hover-bg)!important;color:var(--champ-hover-ink)!important;box-shadow:inset 0 0 0 1px var(--champ-hover-line)!important;outline:0!important}
  /* fields: the line and the gold text, the face stays */
  :is(#workToggle,#implantToggle,#shadeSelection,.option-trigger,.implant-toggle):not(:disabled):hover{
    border-color:var(--champ-hover-line)!important;color:var(--champ-hover-ink)!important;box-shadow:none!important}
  :is(#workToggle,#implantToggle,#shadeSelection,.option-trigger,.implant-toggle):not(:disabled):hover :is(span,b){color:inherit!important}
  /* the chosen item: the same look (the selected row of Select work, the chosen tooth, the active Inbox segment, the
     ticked discount option, the selected calendar day, an open menu's button) */
  :is(.option-choice.on,.shade-option.on,#teeth .tooth.on,.pl-mini-day.selected,.gold-calendar-days button.selected,
  .discount-options-menu>button[aria-checked="true"],.tool-group>.tool-group-toggle[aria-expanded="true"],
  .clinic-tools-toggle[aria-expanded="true"],.discount-menu-toggle[aria-expanded="true"],.privacy-toggle[aria-pressed="true"],
  .search-scope-tab.on,.analytics-period-switch button.on,.recovery-settings .settings-nav button.on,.settings-choice-v68 button.on,
  .recovery-role-choices button[aria-pressed="true"],.position-scope button[aria-pressed="true"],.production-option[aria-pressed="true"],
  .pl-conversation-choice.selected,.pl-inbox-item.focused){
    border-color:var(--champ)!important;background:var(--champ-sel-bg)!important;color:var(--champ-sel-ink)!important;box-shadow:none!important}
  :is(.pl-mode-seg.is-active,.pl-mode-seg[aria-selected="true"],.recovery-choices button[aria-selected="true"]){
    background:var(--champ-sel-bg)!important;color:var(--champ-sel-ink)!important;box-shadow:inset 0 0 0 1px var(--champ)!important}
}

/* L41: retain the complete ISO date at the 1440px owner workspace width. */
.summary-context .account-line{grid-template-columns:minmax(0,1fr) minmax(136px,.8fr)}
.invoice-date-pill #invoiceDate{padding-inline:6px;font-size:12px;min-width:0}

/* L41: localized labels and actions keep their own columns on the owner form. */
.service-row .field>label{white-space:normal;overflow-wrap:anywhere;line-height:1.25}
#lines .work-item{grid-template-columns:minmax(160px,1.5fr) minmax(75px,.8fr) 55px minmax(55px,.7fr) minmax(55px,max-content) max-content!important}
#lines .work-row-actions{grid-template-columns:max-content 30px}
#lines .work-item [data-edit-work]{width:auto!important;padding-inline:7px}