/* Generated visual layer; source: styles/docket.css */
/* Quick Invoice visual layer. No document, API, authentication or billing logic. */
@media screen {
 :root,html[data-theme=light]{--docket-ink:var(--color-text);--docket-blue:var(--color-action);--docket-paper:var(--color-surface);--docket-stone:var(--brand-stone);--docket-muted:var(--color-muted);--docket-green:var(--color-success);--docket-red:var(--color-danger);--docket-line:var(--color-border);--work-bg:var(--color-surface);--work-surface:var(--color-surface);--work-raised:var(--shade-pale);--work-text:var(--color-text);--work-muted:var(--color-muted);--work-border:var(--color-border);--work-radius:var(--measure-6px);--work-shadow:none;--work-primary:var(--color-action);--work-focus:var(--color-action)}
 html[data-theme=dark]{--docket-ink:var(--shade-pale);--docket-blue:var(--color-action);--docket-paper:var(--shade-dark);--docket-stone:var(--shade-dark-raised);--docket-muted:var(--shade-muted-light);--docket-green:var(--shade-green-light);--docket-red:var(--shade-red-light);--docket-line:var(--shade-dark-line);--work-bg:var(--shade-dark);--work-surface:var(--shade-dark);--work-raised:var(--shade-dark-raised);--work-text:var(--shade-pale);--work-muted:var(--shade-muted-light);--work-border:var(--shade-dark-line);--work-shadow:none}
 html{scroll-padding-block:var(--measure-96px) var(--measure-108px)}body{background:var(--docket-paper)!important;color:var(--docket-ink)!important;font:var(--weight-normal) var(--font-body)/var(--line-body) var(--font-family)!important;font-variant-numeric:tabular-nums}
 :where(button,input,select,textarea,summary){font:inherit} :where(button,.btn,input:not([type=checkbox],[type=radio],[type=color]),select,summary,a.btn){min-height:var(--size-tap)!important}
 :where(input,textarea,select){font-size:var(--font-body)!important;color:var(--docket-ink)!important;background:var(--docket-paper)!important;line-height:var(--line-body);border:var(--border-width) solid var(--docket-line)!important;border-radius:var(--measure-5px)!important;scroll-margin-block:var(--measure-88px) var(--measure-112px)}
 :where(input,textarea)::placeholder{color:var(--docket-muted)!important;opacity:1}textarea{min-height:var(--measure-112px);padding:var(--measure-12px)!important;resize:vertical}input[type=checkbox],input[type=radio]{width:var(--measure-24px);height:var(--measure-24px);accent-color:var(--docket-blue)}
 :where(p,small,.hint,.sub,.field label,.mobile-search-label,.section-title,.record-meta,.record-badge,.feature-empty){font-size:var(--font-body)!important;line-height:var(--line-body)!important}
 :where(h1,h2,h3,h4){color:var(--docket-ink)!important;letter-spacing:var(--tracking-heading);line-height:var(--line-heading)!important;text-transform:none!important}h1{font-size:var(--font-page)!important;margin:0 0 var(--measure-8px)!important}h2{font-size:var(--font-section)!important}h3,h4{font-size:var(--font-subheading)!important}.hint,.sub,small{color:var(--docket-muted)!important}
 .section-title,.brand small,.auth-eyebrow{letter-spacing:var(--tracking-normal)!important;text-transform:none!important}.section-title{font-weight:var(--weight-section)!important}
 :where(.btn,button,summary){box-shadow:var(--shadow-none)!important;text-transform:none!important;letter-spacing:var(--tracking-normal)!important;border-radius:var(--measure-5px)!important;touch-action:manipulation}
 :is(.btn,.qi-button){padding:var(--measure-11px) var(--measure-16px)!important;font-size:var(--font-body)!important;font-weight:var(--weight-control)!important;background:var(--docket-paper)!important;border:var(--border-width) solid var(--docket-line)!important;color:var(--docket-ink)!important}
 .btn.primary,button.primary{background:var(--docket-blue)!important;border-color:var(--docket-blue)!important;color:var(--docket-paper)!important}.btn.danger{color:var(--docket-red)!important;border-color:var(--docket-red)!important}
 :where(button,a,input,select,textarea,summary):focus-visible{outline:var(--border-strong) solid var(--docket-blue)!important;outline-offset:var(--border-strong)!important}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}button:active:not(:disabled),a.btn:active{transform:translateY(var(--border-width))}
 *,*::before,*::after{animation:none!important;transition:none!important} [aria-busy=true]{cursor:progress}
 .top{background:var(--docket-paper)!important;color:var(--docket-ink)!important;border-bottom:var(--border-width) solid var(--docket-stone)!important;padding:var(--measure-16px) var(--measure-28px)!important;gap:var(--measure-20px);box-shadow:var(--shadow-none)!important}.top>.tag{display:none!important}
 .docket-identity{display:flex;align-items:center;gap:var(--measure-12px);min-width:0;margin-right:auto}.docket-logo{width:var(--measure-44px);height:var(--measure-44px);flex:0 0 var(--measure-44px);border-radius:var(--measure-6px)}.docket-product{display:block;white-space:nowrap;font-size:var(--font-product);font-weight:var(--weight-brand);letter-spacing:var(--tracking-brand);line-height:var(--line-brand)}.top .brand{font-size:var(--font-body)!important;font-weight:var(--weight-medium)!important;letter-spacing:0!important;color:var(--docket-muted)!important}.top .brand small{display:none!important}.docket-identity-text{min-width:0}.top #accountControl button{width:var(--size-tap);min-width:var(--size-tap);max-width:var(--size-tap);padding:var(--measure-6px)!important;overflow:hidden}.top #accountControl img{width:var(--measure-34px);height:var(--measure-34px);object-fit:cover;display:block}.top #workshopTheme{font-size:var(--font-body)!important;min-height:var(--size-tap);border:var(--border-width) solid var(--docket-line)!important;background:var(--docket-paper)!important;color:var(--docket-ink)!important}
 .wrap.workspace-shell{max-width:var(--measure-1440px)!important;padding:var(--measure-28px) var(--measure-28px) var(--measure-80px)!important;gap:var(--measure-36px)!important;grid-template-columns:var(--measure-208px) minmax(0,1fr)!important}.workspace-main{min-width:0}.workspace-nav{border:0!important;border-radius:0!important;background:var(--docket-paper)!important;padding:0 var(--measure-16px) 0 0!important;box-shadow:var(--shadow-none)!important;border-right:var(--border-width) solid var(--docket-stone)!important}.workspace-nav .btn{background:transparent!important;color:var(--docket-ink)!important;border:0!important;border-radius:0!important;text-align:left;padding:var(--measure-13px) var(--measure-12px)!important;margin:0!important}.workspace-nav .btn.active,.workspace-nav .btn[aria-current=page]{color:var(--docket-blue)!important;background:var(--work-raised)!important;box-shadow:var(--shadow-active-navigation)!important}.workspace-nav .workspace-back{border-bottom:var(--border-width) solid var(--docket-stone)!important;margin-bottom:var(--measure-12px)!important}
 .workspace-view{max-width:var(--measure-1056px);margin:0!important}.mobile-page-heading,.work-header{margin-bottom:var(--measure-24px)!important}.mobile-page-heading p{margin:var(--measure-4px) 0 var(--measure-20px)}.mobile-home-actions{gap:var(--measure-8px) var(--measure-24px)!important;margin:var(--measure-20px) 0 var(--measure-24px)!important;grid-template-columns:1fr 1fr!important}.mobile-home-actions>.primary{min-height:var(--size-primary)!important;border-radius:var(--measure-5px)!important;font-size:var(--font-lead)!important;padding:var(--measure-14px)!important}.mobile-home-actions>.btn:not(.primary){border:0!important;background:transparent!important;color:var(--docket-blue)!important;padding:var(--measure-8px) 0!important;text-decoration:underline;text-underline-offset:var(--measure-4px);justify-content:flex-start;text-align:left}.mobile-home-actions>.btn:nth-child(n+4){font-size:var(--font-body)!important}.docket-home-more{grid-column:1/-1;border:0!important;border-bottom:var(--border-width) solid var(--docket-stone)!important;background:transparent!important;padding:0!important}.docket-home-more>summary{font-size:var(--font-body)!important;color:var(--docket-muted);padding-block:var(--measure-10px)}.docket-home-more .actions{padding-bottom:var(--measure-12px)}
 .workday-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border-block:var(--border-width) solid var(--docket-stone)!important;margin:var(--measure-24px) 0 var(--measure-28px)!important}.workday-metrics>.workday-metric{min-height:var(--measure-64px)!important;border:0!important;border-right:var(--border-width) solid var(--docket-stone)!important;border-radius:0!important;padding:var(--measure-12px)!important;background:var(--docket-paper)!important;color:var(--docket-ink)!important;font-size:var(--font-body)!important;text-align:left}.workday-metrics>.workday-metric:last-child{border-right:0!important}
 #workspaceView>section{margin:var(--measure-28px) 0!important}#workspaceView .mobile-result-card,#workspaceView .workspace-panel,.contact-row,.order-row{border:0!important;border-bottom:var(--border-width) solid var(--docket-stone)!important;border-radius:0!important;box-shadow:var(--shadow-none)!important;background:transparent!important;padding:var(--measure-20px) 0!important;margin:0!important}.mobile-result-card h2,.mobile-result-card h3{margin:0 0 var(--measure-8px)!important}.mobile-result-card p{margin:var(--measure-4px) 0!important}.mobile-result-card>.btn{margin-top:var(--measure-12px)!important}.docket-current-draft{border-left:var(--measure-4px) solid var(--docket-blue)!important;padding-left:var(--measure-20px)!important}
 .workspace-grid{gap:0 var(--measure-32px)!important}.business-tool-group{border:0!important;border-bottom:var(--border-width) solid var(--docket-stone)!important;background:transparent!important;box-shadow:var(--shadow-none)!important;border-radius:0!important;padding:var(--measure-16px) 0!important}.business-group-actions>.btn{border:0!important;border-bottom:var(--border-width) solid var(--docket-stone)!important;border-radius:0!important;padding-inline:0!important;background:transparent!important;color:var(--docket-blue)!important}.business-grouped{gap:0 var(--measure-32px)!important}
 /* Low-stock summary belongs on Home only; retain the item's inventory status. */
 #lowStockNotice{display:none!important}
 .workday-metrics>.docket-low-stock{outline:var(--border-width) solid currentColor!important;outline-offset:var(--offset-outline);color:var(--docket-red)!important;border:var(--border-width) solid currentColor!important;border-radius:var(--measure-5px)!important;margin:var(--measure-8px);min-height:var(--size-tap)!important;padding:var(--measure-10px)!important;background:var(--docket-paper)!important}
 :where(.paper,.panel,.metric-card,.money-summary>div,.stock-field-group){box-shadow:var(--shadow-none)!important;border-radius:var(--measure-5px)!important;border-color:var(--docket-stone)!important;background:var(--docket-paper)!important}.paper{border:0!important;padding:0!important}.mark{background:none!important;background-clip:initial!important;-webkit-text-fill-color:var(--docket-ink)!important;color:var(--docket-ink)!important}.banner{border-bottom:var(--measure-2px) solid var(--docket-blue)!important}.doc-type{font-size:var(--font-total)!important}.totals{border-top:var(--border-strong) solid var(--docket-blue)!important;background:var(--work-raised);padding:var(--measure-16px)!important}.total-row{gap:var(--measure-16px);font-size:var(--font-lead)!important}.total-row.grand{font-size:var(--font-total)!important;line-height:var(--line-heading)}.cost-summary{font-size:var(--font-body)!important}.invoice-list-summary strong{font-size:var(--font-product)!important}
 :where(.record-badge,.status){border-radius:var(--border-strong)!important;letter-spacing:var(--tracking-normal)!important;text-transform:none!important;line-height:var(--line-status)!important;padding:var(--measure-4px) var(--measure-8px)!important;font-size:var(--font-body)!important;font-weight:var(--weight-strong)!important;background:var(--docket-stone)!important;color:var(--docket-ink)!important}.docket-status-paid{color:var(--docket-green)!important;background:transparent!important;border:var(--border-width) solid currentColor!important}.docket-status-overdue{color:var(--docket-red)!important;background:transparent!important;border:var(--border-width) solid currentColor!important}.docket-status-sent{color:var(--docket-blue)!important;background:transparent!important;border:var(--border-width) solid currentColor!important}
 :where(.notice,.sync-state,.feature-empty,[role=alert],.action-feedback-error){border-radius:var(--measure-4px)!important;padding:var(--measure-16px)!important;font-size:var(--font-body)!important;line-height:var(--line-body)!important;box-shadow:var(--shadow-none)!important}.notice,.sync-state,.feature-empty{background:var(--work-raised)!important;color:var(--docket-ink)!important;border-left:var(--border-strong) solid var(--docket-line)!important}[role=alert]:not(:empty),.action-feedback-error{color:var(--docket-red)!important}
 :where(dialog,#workspaceDialog,#stockDialog,#profileDialog){border:var(--border-width) solid var(--docket-line)!important;border-radius:var(--measure-8px)!important;box-shadow:var(--shadow-none)!important;background:var(--docket-paper)!important;color:var(--docket-ink)!important;padding:var(--measure-24px)!important;max-height:calc(var(--docket-height,var(--measure-100dvh)) - var(--measure-40px))!important;scroll-padding-block:var(--measure-80px) var(--measure-100px)}dialog::backdrop{background:var(--backdrop)!important}dialog .work-header{padding-bottom:var(--measure-16px);border-bottom:var(--border-width) solid var(--docket-stone)}dialog form{min-width:0}dialog .field{margin-bottom:var(--measure-20px)!important}.field label{font-weight:var(--weight-control)!important;margin-bottom:var(--measure-8px)!important}
 :where(.job-work-section,.invoice-section,.daily-optional){border:0!important;border-bottom:var(--border-width) solid var(--docket-stone)!important;border-radius:0!important;background:transparent!important;box-shadow:var(--shadow-none)!important;margin:0!important}:where(.job-work-section,.invoice-section)>summary{background:var(--docket-paper)!important;color:var(--docket-ink)!important;border:0!important;font-size:var(--font-lead)!important;padding:var(--measure-18px) 0!important;border-radius:0!important}.job-section-body,.invoice-section-body{padding:var(--measure-12px) 0 var(--measure-24px)!important}.job-day-header{border-bottom:var(--border-width) solid var(--docket-stone)!important;background:transparent!important;padding:0 0 var(--measure-20px)!important}.job-day-header h3{font-size:var(--font-job)!important}.job-day-header p{font-size:var(--font-body)!important}.job-scroll-area{scroll-padding-block:var(--measure-16px) var(--measure-96px)!important;overscroll-behavior:contain}
 #jobForm .docket-save-actions,#stockForm .stock-save-actions,.docket-form-actions{position:sticky!important;bottom:0!important;z-index:var(--layer-sticky);background:var(--docket-paper)!important;border:0!important;border-top:var(--border-width) solid var(--docket-stone)!important;padding:var(--measure-12px) 0 max(var(--measure-12px),env(safe-area-inset-bottom))!important;box-shadow:var(--shadow-none)!important;display:flex;flex-wrap:wrap;gap:var(--measure-8px)}#jobForm .docket-save-actions>.primary,#stockForm .stock-save-actions>[type=submit],.docket-form-actions>.primary{flex:1;min-width:var(--measure-160px);min-height:var(--measure-52px)!important}
 #jobForm .job-save-actions:not(.docket-save-actions){position:static!important;border:0!important;padding:0!important}#workspaceDialog.job-tiny-typing #jobForm .docket-save-actions{display:none!important}#jobInvoice,#finalize{background:var(--docket-paper)!important;color:var(--docket-blue)!important;border:var(--border-width) solid var(--docket-blue)!important}.stock-field-group{border:0!important;border-bottom:var(--border-width) solid var(--docket-stone)!important;border-radius:0!important;padding:var(--measure-16px) 0 var(--measure-24px)!important}.stock-field-group h4{margin-bottom:var(--measure-16px)!important}.workspace-table{font-size:var(--font-body)!important}.workspace-table th{font-size:var(--font-body)!important;text-transform:none!important;padding:var(--measure-12px)!important;background:var(--work-raised)!important}.workspace-table td{padding:var(--measure-16px) var(--measure-12px)!important;border-bottom:var(--border-width) solid var(--docket-stone)!important;overflow-wrap:anywhere}.photo-grid{gap:var(--measure-16px)}.photo-grid img{border-radius:var(--measure-4px)!important}.docket-bottom-nav{display:none}.docket-invoice-save{display:none}
 body>footer{border-top:var(--border-width) solid var(--docket-stone)!important;font-size:var(--font-body)!important;gap:var(--measure-12px)!important;padding:var(--measure-24px)!important}body>footer a{min-height:var(--size-tap);display:inline-flex;align-items:center}#appVersion{font-size:var(--font-body)!important}
 /* Owner preference: a compact dropdown replaces the solid left navigation. */
 .wrap.workspace-shell{display:block!important;max-width:var(--measure-1120px)!important}.workspace-nav,.workspace-menu-toggle,.workspace-menu-backdrop{display:none!important}.docket-section-chooser{display:grid;gap:var(--measure-6px);max-width:var(--measure-320px);margin:0 0 var(--measure-28px);font-size:var(--font-body);font-weight:var(--weight-control)}.docket-section-chooser select{width:100%;min-height:var(--size-tap);padding:var(--measure-10px) var(--measure-12px);font-size:var(--font-body)!important;font-weight:var(--weight-control)}.workspace-main{width:100%}
 @media (max-width: 760px){
  body{padding-bottom:var(--measure-88px)!important}.top{padding:var(--measure-14px) var(--measure-16px)!important;gap:var(--measure-10px)!important;flex-wrap:nowrap!important}.docket-logo{width:var(--measure-36px);height:var(--measure-36px);flex-basis:var(--measure-36px)}.docket-product{font-size:var(--font-product-phone)}.top .brand{font-size:var(--font-body)!important;overflow-wrap:anywhere}.top #accountControl{margin-left:auto}.top #workshopTheme{padding:var(--measure-8px)!important;font-size:var(--font-body)!important}.docket-identity{gap:var(--measure-10px)}.top #accountControl img{width:var(--measure-36px);height:var(--measure-36px)}
  .wrap.workspace-shell{display:block!important;padding:var(--measure-20px) var(--measure-16px) var(--measure-28px)!important;max-width:none!important}.workspace-menu-toggle{display:none!important}.workspace-main{padding:0!important}.workspace-nav{background:var(--docket-paper)!important;padding:var(--measure-20px)!important;border-right:var(--border-width) solid var(--docket-line)!important;box-shadow:var(--shadow-none)!important}.workspace-menu-backdrop{background:var(--backdrop)!important}.workspace-nav .btn{min-height:var(--measure-52px)!important}.docket-section-chooser{display:none;max-width:none}.docket-section-chooser.docket-menu-expanded{display:grid}
  h1{font-size:var(--font-page-phone)!important}h2{font-size:var(--font-section-phone)!important}.mobile-home-actions{gap:var(--measure-4px) var(--measure-18px)!important;margin-top:var(--measure-24px)!important}.mobile-home-actions>.btn:nth-child(n+4){font-size:var(--font-body)!important;min-height:var(--size-tap)!important}.workday-metrics{grid-template-columns:1fr 1fr!important;margin-block:var(--measure-20px) var(--measure-28px)!important}.workday-metrics>.workday-metric{border-bottom:var(--border-width) solid var(--docket-stone)!important}.workday-metrics>.workday-metric:nth-child(even){border-right:0!important}.workday-metrics>.workday-metric:nth-last-child(-n+2){border-bottom:0!important}
  .workspace-grid,.business-grouped,.money-summary,.two,.three,.cols,.foot{grid-template-columns:minmax(0,1fr)!important;gap:var(--measure-16px)!important}.invoice-dates{grid-template-columns:minmax(0,1fr)!important}.work-header{align-items:flex-start!important;gap:var(--measure-12px)!important}.work-header>.btn.primary{width:100%}.invoice-list-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--measure-8px);padding:var(--measure-4px) var(--border-strong) var(--measure-12px)}.invoice-list-filters>.btn{flex:0 0 auto;min-width:var(--measure-64px)}.record-filters button{min-height:var(--size-tap)!important;font-size:var(--font-body)!important}.invoice-list-summary{gap:var(--measure-12px);align-items:center}.invoice-list-summary strong{font-size:var(--font-product)!important}
  :where(dialog,#workspaceDialog,#stockDialog,#profileDialog){width:100%!important;max-width:100%!important;margin:0!important;inset:0!important;border:0!important;border-radius:0!important;padding:var(--measure-16px)!important;max-height:var(--docket-height,var(--measure-100dvh))!important;height:auto;overscroll-behavior:contain}#workspaceDialog:has(.job-workspace){height:var(--job-dialog-height,var(--docket-height,var(--measure-100dvh)))!important;max-height:var(--docket-height,var(--measure-100dvh))!important;top:var(--job-dialog-top,0)!important;bottom:auto!important;padding:var(--measure-16px)!important}.job-workspace{min-height:0}.job-work-body{padding-inline:0!important}.job-day-header{padding-bottom:var(--measure-16px)!important}.job-day-header h3{font-size:var(--font-job-phone)!important}.job-quick-actions>.btn{min-height:var(--size-tap)!important}.invoice-section-nav{width:100%}.invoice-section-nav select{width:100%}.banner{gap:var(--measure-16px)!important;flex-wrap:wrap}.banner .doc-type{text-align:left!important}.items,.items input,.items select{font-size:var(--font-body)!important}.items td{min-width:0!important}.totals{margin:var(--measure-16px) 0!important}.total-row.grand{font-size:var(--font-total-phone)!important}.invoice-finish-actions .finish-buttons{display:grid!important;grid-template-columns:1fr!important;gap:var(--measure-8px)!important}.invoice-finish-actions .finish-buttons>.btn{width:100%}
  .docket-stack-table,.docket-stack-table tbody{display:block!important;width:100%!important;min-width:0!important}.docket-stack-table thead{display:none!important}.docket-stack-table tr{display:grid!important;grid-template-columns:minmax(0,1fr)!important;border-bottom:var(--measure-2px) solid var(--docket-stone)!important;padding:var(--measure-12px) 0!important}.docket-stack-table tr.docket-table-heading{display:none!important}.docket-stack-table td{display:grid!important;grid-template-columns:minmax(var(--measure-88px),.7fr) minmax(0,1.3fr)!important;gap:var(--measure-12px)!important;align-items:start!important;padding:var(--measure-8px) 0!important;border:0!important;min-width:0!important}.docket-stack-table td::before{content:attr(data-docket-label);font-size:var(--font-body);font-weight:var(--weight-control);color:var(--docket-muted)}.docket-stack-table td[colspan]{display:block!important}.docket-stack-table td[colspan]::before{display:none}.docket-stack-table td .actions{grid-column:2;flex-wrap:wrap!important}.table-scroll:has(.docket-stack-table){overflow:visible!important}.docket-stack-table .btn{width:100%;white-space:normal}
  .docket-bottom-nav{display:flex;flex-wrap:wrap;position:fixed;inset:auto 0 0;z-index:var(--layer-nav);background:var(--docket-paper);border-top:var(--border-width) solid var(--docket-line);padding:var(--measure-6px) var(--measure-8px) max(var(--measure-8px),env(safe-area-inset-bottom));gap:var(--measure-2px)}.docket-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--border-strong);border:0;background:transparent;color:var(--docket-muted);font-size:var(--font-body)!important;line-height:var(--line-heading);min-height:var(--measure-64px)!important;padding:var(--measure-5px) 0!important;border-radius:0!important}.docket-bottom-nav button img{width:var(--measure-23px);height:var(--measure-23px)}.docket-bottom-nav button[aria-current=page]{color:var(--docket-blue);box-shadow:var(--shadow-active-tab)!important;font-weight:var(--weight-section)}.docket-bottom-nav button:focus-visible{outline-offset:var(--offset-focus-inset)!important}body:has(dialog[open])>.docket-bottom-nav,body:has(input:focus,textarea:focus)>.docket-bottom-nav{visibility:hidden;pointer-events:none}html[data-theme=dark] .docket-bottom-nav img{filter:brightness(0) invert(1)}
  .docket-invoice-save{position:fixed;left:var(--measure-16px);right:var(--measure-16px);bottom:var(--measure-88px);display:none;z-index:var(--layer-save);min-height:var(--measure-52px)!important;background:var(--docket-blue);color:var(--docket-paper);border:0;font-size:var(--font-action);font-weight:var(--weight-strong);padding:var(--measure-12px);border-radius:var(--measure-5px)}.docket-invoice-save:not([hidden]){display:block}body:has(dialog[open])>.docket-invoice-save,body:has(input:focus,textarea:focus,select:focus)>.docket-invoice-save{display:none!important}.workspace-main:has(.layout:not([hidden])){padding-bottom:var(--measure-60px)!important}
 }
 @media (min-width: 761px){.docket-current-draft{max-width:var(--measure-680px)}.mobile-home-actions{max-width:var(--measure-680px)}.workday-metrics{max-width:var(--measure-900px)}.job-workspace{max-width:100%}.docket-identity{min-width:var(--measure-260px)}.stock-field-group .two{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
 @media (max-width: 380px){.top{flex-wrap:wrap!important}.docket-identity{flex:1 1 var(--measure-220px)}.top #workshopTheme{margin-left:auto}.docket-bottom-nav button{font-size:var(--font-body)!important}.wrap.workspace-shell{padding-inline:var(--measure-12px)!important}}
}

/* Shared semantic component aliases; existing nodes keep their handlers. */
@media screen{.qi-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);padding:var(--measure-16px);box-shadow:var(--shadow-none)}.qi-list{margin:0;padding:0;list-style:none}.qi-list>li{padding:var(--measure-16px) 0;border-bottom:var(--border-width) solid var(--brand-stone)}.qi-empty{padding:var(--measure-16px);background:var(--color-raised);color:var(--color-text)}.qi-badge{font:var(--weight-strong) var(--font-body)/var(--line-status) var(--font-family);border-radius:var(--radius-status)}.qi-sheet{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sheet)}.qi-input{font:var(--weight-normal) var(--font-body)/var(--line-body) var(--font-family);padding:var(--measure-12px);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);min-height:var(--size-tap)}}

@media screen{#authGate .auth-card,main.legal-page,.pricing-page,.pricing-card{background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:var(--shadow-none)!important}.auth-eyebrow,.pricing-eyebrow{font-size:var(--font-body)!important;text-transform:none!important;letter-spacing:var(--tracking-normal)!important}.legal-page{max-width:var(--measure-900px);padding:var(--measure-24px)!important}.pricing-card{border-color:var(--color-border)!important;border-radius:var(--radius-control)!important}.pricing-page p,.legal-page p{font-size:var(--font-body)!important}.pricing-amount{font-size:var(--font-page)!important}.pricing-button{min-height:var(--size-tap)!important;padding:var(--measure-12px) var(--measure-16px)!important;border-radius:var(--radius-control)!important;box-shadow:var(--shadow-none)!important}.pricing-button-primary{background:var(--color-action)!important;color:var(--color-surface)!important}.docket-cash-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--measure-16px);margin:var(--measure-20px) 0}.docket-cash-summary button{display:grid;gap:var(--measure-4px);text-align:left;border:0;border-block:var(--border-width) solid var(--color-border);border-radius:0!important;background:var(--color-surface);color:var(--color-text);padding:var(--measure-16px) 0}.docket-cash-summary strong{font-size:var(--font-total);line-height:var(--line-heading)}.docket-cash-summary .is-overdue{color:var(--color-danger)}.docket-bottom-nav button{overflow-wrap:normal;white-space:nowrap;min-width:max-content;flex:1 1 auto}#jobSave,#saveInvoiceDraft{background:var(--color-action)!important;color:var(--color-surface)!important;border-color:var(--color-action)!important}.docket-more-details{border:0;border-bottom:var(--border-width) solid var(--color-border);padding:var(--measure-12px) 0}.docket-more-details>summary{font-size:var(--font-body);color:var(--color-muted)}}
@media (max-width: 760px){body{padding-bottom:calc(var(--docket-nav-height,var(--measure-88px)) + var(--measure-8px))!important}.docket-invoice-save{bottom:calc(var(--docket-nav-height,var(--measure-88px)) + var(--measure-8px))}.pricing-cards{grid-template-columns:1fr!important}.pricing-header{gap:var(--measure-16px);flex-wrap:wrap}.docket-cash-summary{gap:var(--measure-12px)}.docket-cash-summary strong{font-size:var(--font-total-phone)}}

/* Raised workspace cards: theme-aware fills with clear boundaries on phones. */
@media screen {
 .workday-metrics{gap:var(--measure-12px)!important;border:0!important}
 .workday-metrics>.workday-metric,
 .workday-metrics>.workday-metric:nth-child(even),
 .workday-metrics>.workday-metric:nth-last-child(-n+2),
 .docket-cash-summary button,
 #workspaceView .mobile-result-card,
 .offline-work-status{
  border:var(--border-width) solid var(--docket-line)!important;
  border-radius:var(--radius-card)!important;
  background:var(--surface-card)!important;
  box-shadow:var(--elevation-card)!important;
 }
 #workspaceView .mobile-result-card{padding:16px!important;margin:0 0 12px!important}
 .docket-cash-summary button{padding:16px!important;min-width:0}
 .workday-metrics>.docket-low-stock,.offline-work-status[data-problem=true]{
  border-color:var(--docket-red)!important;
  background:var(--surface-warning)!important;
 }
 :where(input:not([type=checkbox],[type=radio],[type=color]),textarea,select){
  background:var(--surface-input)!important;
  box-shadow:var(--elevation-input);
 }
}

/* Consistent phone form rhythm across stacked field groups. */
@media (max-width: 760px){
 .paper .invoice-section-body .field{margin:0 0 16px!important}
 .paper .invoice-section-body .field>label{display:block;margin:0 0 8px!important}
 .paper .invoice-section-body .field>:is(input,select,textarea){margin-top:0!important}
 .paper .invoice-section-body :is(.two,.three,.invoice-dates){row-gap:0!important;margin-block:0!important}
 .paper .invoice-section>.section-close{margin:8px 0 16px!important}
 .paper .invoice-section-body .date-readout{margin:6px 0 0!important}
}

@media screen{.docket-page-back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 16px!important}.docket-page-back[hidden]{display:none!important}}

/* Shared phone heading rhythm for pages and full-screen tool sheets. */
@media (max-width: 760px){
 .wrap.workspace-shell{padding-top:16px!important}
 #workspaceView>:is(.mobile-page-heading,.work-header){margin-top:0!important;margin-bottom:20px!important}
 #workspaceView>:is(.mobile-page-heading,.work-header)>h1,
 #workspaceView>h1{margin-top:0!important;margin-bottom:12px!important}
 #workspaceView>.mobile-page-heading>p{margin-top:0!important;margin-bottom:0!important}
 .docket-page-back{margin:0 0 16px!important}
 dialog>.work-header{margin-top:0!important;margin-bottom:20px!important;padding-bottom:16px!important}
 dialog>.work-header>:is(h1,h2){margin-top:0!important;margin-bottom:0!important}
 dialog>h2:first-of-type{margin-top:16px!important;margin-bottom:12px!important}
}

/* Visual excellence: hierarchy, comfortable targets and tap-driven feedback. */
@media screen {
 .docket-cash-summary button:first-child strong{font-size:var(--font-money)!important;line-height:var(--line-money)}
 .workday-metrics>.workday-metric{box-shadow:var(--shadow-none)!important}
 #workspaceView .business-tool-group{padding-block:var(--measure-8px)!important;margin:0!important}
 #workspaceView .business-tool-group>summary{padding-block:var(--measure-16px)!important;min-height:var(--size-tap);line-height:var(--line-heading)}
 #workspaceView .business-group-actions>.btn{min-height:var(--size-tap)!important}
 .mobile-page-heading p,dialog>p,.feature-empty{max-width:var(--content-measure)}
 :is(button,.btn,input,select,textarea):focus-visible{outline:var(--border-strong) solid var(--color-action)!important;outline-offset:var(--measure-4px)!important}
 :is(button,.btn){touch-action:manipulation}
}
@media screen and (prefers-reduced-motion:no-preference){
 :is(button,.btn){transition:transform var(--motion-press) var(--motion-ease),background-color var(--motion-press) var(--motion-ease)}
 :is(button,.btn):active:not(:disabled){transform:scale(var(--press-scale))}
}
@media (prefers-reduced-motion:reduce){:is(button,.btn,dialog,details){animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* v291 consistency repair: shared rhythm and measured save clearance. */
@media screen {
 #workspaceView :is(.mobile-result-card,.workspace-panel,.feature-empty),.offline-work-status{padding:var(--measure-16px)!important;box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
 #workspaceView :is(.mobile-result-card,.workspace-panel)>:first-child{margin-top:0!important}
 #workspaceView :is(.mobile-result-card,.workspace-panel)>:last-child{margin-bottom:0!important}
 .invoice-list-filters{display:flex;flex-wrap:wrap!important;gap:var(--measure-8px);overflow:visible!important;padding:var(--measure-4px) 0 var(--measure-12px)!important}
 .invoice-list-filters>.btn{flex:1 1 auto;min-height:var(--size-tap)!important;white-space:normal!important;margin:0!important}
 .invoice-list-filters>.btn[aria-pressed=true]{background:var(--docket-blue)!important;color:var(--docket-paper)!important;border-color:var(--docket-blue)!important}
 #stockCategoryFilter{appearance:auto!important;width:100%;max-width:100%;min-width:0;min-height:var(--size-tap);font:inherit;font-size:var(--font-body)!important;padding:var(--measure-12px)}
 :is(.job-work-section,.invoice-section,.daily-optional,.docket-more-details,.job-intake)>summary{box-sizing:border-box;min-height:var(--size-tap);padding:var(--measure-16px) 0!important;font-size:var(--font-lead)!important;line-height:var(--line-body);overflow-wrap:anywhere}
 :is(.job-work-body,.invoice-section-body){min-width:0}
 :is(.job-work-body,.invoice-section-body) :is(input,select,textarea){box-sizing:border-box;max-width:100%}
 :is(.btn,button){white-space:normal;overflow-wrap:anywhere}
}
@media screen and (max-width:760px){
 .layout{padding-bottom:calc(var(--docket-save-height,72px) + var(--measure-24px))!important}
 html{scroll-padding-bottom:calc(var(--docket-nav-height,88px) + var(--docket-save-height,72px) + var(--measure-24px))}
 .paper :is(input,textarea,select){scroll-margin-block:var(--measure-24px) calc(var(--docket-nav-height,88px) + var(--docket-save-height,72px) + var(--measure-24px))}
 #workspaceView :is(h2,h3){margin-block:var(--measure-24px) var(--measure-12px)!important;line-height:var(--line-heading)}
 .workday-metrics{gap:var(--measure-12px)!important;margin-block:var(--measure-16px) var(--measure-24px)!important}
 .field-typing .docket-invoice-save{display:none!important}
 #stockForm:focus-within .stock-save-actions,#stockForm:has(:is(input,textarea):focus) .docket-form-actions{position:static!important}
 .job-scroll-area{scroll-padding-bottom:var(--measure-24px)!important}
}

/* Phone landscape retains the same navigation, without a second page chooser. */
@media screen and (min-width:761px) and (max-height:500px) and (pointer:coarse){
  .docket-bottom-nav{display:flex;flex-wrap:wrap;position:fixed;inset:auto 0 0;z-index:var(--layer-nav);background:var(--docket-paper);border-top:var(--border-width) solid var(--docket-line);padding:var(--measure-6px) var(--measure-8px) max(var(--measure-8px),env(safe-area-inset-bottom));gap:var(--measure-2px)}.docket-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--border-strong);border:0;background:transparent;color:var(--docket-muted);font-size:var(--font-body)!important;line-height:var(--line-heading);min-height:var(--measure-64px)!important;padding:var(--measure-5px) 0!important;border-radius:0!important}.docket-bottom-nav button img{width:var(--measure-23px);height:var(--measure-23px)}.docket-bottom-nav button[aria-current=page]{color:var(--docket-blue);box-shadow:var(--shadow-active-tab)!important;font-weight:var(--weight-section)}.docket-bottom-nav button:focus-visible{outline-offset:var(--offset-focus-inset)!important}body:has(dialog[open])>.docket-bottom-nav,body:has(input:focus,textarea:focus)>.docket-bottom-nav{visibility:hidden;pointer-events:none}html[data-theme=dark] .docket-bottom-nav img{filter:brightness(0) invert(1)}
 .docket-section-chooser{display:none!important}
 body{padding-bottom:calc(var(--docket-nav-height,64px) + env(safe-area-inset-bottom))!important}
 .top{padding:var(--measure-8px) var(--measure-16px)!important;gap:var(--measure-12px)!important}
 .docket-logo,.top #accountControl img{width:var(--measure-32px);height:var(--measure-32px)}
 .docket-product{font-size:var(--font-product-phone)}
 .top .brand{font-size:var(--font-body)!important}
 .wrap.workspace-shell{padding:var(--measure-12px) var(--measure-16px)!important}
 .docket-bottom-nav button{flex-direction:row;gap:var(--measure-8px);min-height:var(--size-tap)!important}
}
@media screen and (max-width:760px){
 #workspaceView .workday-job-filters{gap:var(--measure-12px)!important;margin-block:var(--measure-16px)!important}
 #workspaceView .workday-job-filters label{margin:0!important}
 #workspaceView .mobile-search-label{margin-block:var(--measure-16px)!important}
 body>footer{padding:var(--measure-16px)!important;margin-top:var(--measure-16px)!important;gap:var(--measure-8px)!important}
 .offline-work-status{padding:var(--measure-16px)!important}
}

/* Observed sign-in regression: inherited white text must follow the card surface. */
@media screen {
 #authGate .auth-card>h1,#authGate .auth-card .auth-intro,
 #authGate .auth-card .auth-eyebrow,#authGate .auth-features span{color:var(--color-text)!important}
 #authGate .auth-card .auth-eyebrow{font-size:var(--font-body)!important;font-weight:var(--weight-control);letter-spacing:var(--tracking-normal)!important}
 #authGate .auth-features span{background:var(--color-raised)!important;border-color:var(--color-border)!important;font-size:var(--font-body)}
 #authGate .auth-card .auth-plans a{color:var(--color-action)!important}
 #authGate .auth-card .auth-plans a:focus-visible{outline-color:var(--color-action)!important}
 #authGate .auth-card #authStatus{color:var(--color-text);background:var(--color-raised);border-color:var(--color-border)}
}

/* Supplied More/Business and stock-form screenshots: compact, consistent rows. */
@media screen {
 #workspaceView .business-tool-group{padding:0!important;margin:0!important}
 #workspaceView .business-tool-group>summary{box-sizing:border-box;min-height:var(--size-primary);padding:var(--measure-12px) 0!important;font-size:var(--font-lead)!important;line-height:var(--line-body)}
 #workspaceView .business-tool-group>.hint{margin:0 0 var(--measure-12px)!important}
 #workspaceView .business-group-actions{gap:0!important;padding-bottom:var(--measure-12px)}
 #workspaceView .business-group-actions>.btn{box-sizing:border-box;min-height:var(--size-tap)!important;padding:var(--measure-12px) 0!important;line-height:var(--line-body);overflow-wrap:anywhere}
}
@media screen and (max-width:760px){
 #stockForm .stock-save-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--measure-8px)!important}
 #stockForm .stock-save-actions>.btn{width:100%;min-width:0;box-sizing:border-box;min-height:var(--size-tap)!important;padding:var(--measure-12px)!important;margin:0!important}
 #stockForm .stock-save-actions>.primary{grid-column:1/-1;min-height:var(--size-primary)!important}
 #stockForm .stock-field-group{padding-block:var(--measure-12px) var(--measure-16px)!important;margin-bottom:var(--measure-16px)!important}
 #stockForm .stock-field-group>.hint{margin-bottom:var(--measure-12px)!important}
}

/* Stock actions must never float across the item fields shown in phone captures. */
@media screen and (max-width:760px){
 #stockForm .stock-save-actions{position:static!important;bottom:auto!important}
 .stock-category-section>summary{box-sizing:border-box;min-height:var(--size-tap);padding:var(--measure-12px) var(--measure-16px)!important;line-height:var(--line-body);overflow-wrap:anywhere}
}
@media screen {
 #workspaceView .invoice-list-card .record-badge{background:var(--color-raised)!important;color:var(--color-text)!important;border:var(--border-width) solid var(--color-border)!important}
 #workspaceView .invoice-list-card .record-badge.docket-status-paid{background:var(--color-surface)!important;color:var(--color-success)!important;border-color:currentColor!important}
 #workspaceView .invoice-list-card .record-badge.docket-status-overdue{background:var(--color-surface)!important;color:var(--color-danger)!important;border-color:currentColor!important}
 #workspaceView .invoice-list-card .record-badge.docket-status-sent{background:var(--color-surface)!important;color:var(--color-action)!important;border-color:currentColor!important}
}

/* v292 follow-up: startup follows the chosen theme, including loading/error headings. */
@media screen {
 #workspaceStartup{background:var(--color-raised)!important;color:var(--color-text)!important}
 #workspaceStartup .startup-card{background:var(--color-surface)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}
 #workspaceStartup #startupTitle{color:var(--color-text)!important;font-size:var(--font-section)!important;line-height:var(--line-heading)}
 #workspaceStartup #startupMessage{color:var(--color-muted)!important}
 #workspaceStartup :is(.startup-brand,a){color:var(--color-action)!important}
 #workspaceStartup a{background:var(--color-raised)!important;border-color:var(--color-border)!important}
 #workspaceDialog #jobForm .job-work-section>summary{box-sizing:border-box;min-height:var(--size-tap);padding:var(--measure-12px) 0!important;background:var(--color-raised)!important;color:var(--color-text)!important;font-size:var(--font-lead)!important;line-height:var(--line-body)}
 #workspaceDialog #jobForm .job-work-body{gap:var(--measure-16px);padding-block:var(--measure-12px) var(--measure-16px)!important}
 #workspaceDialog #jobForm .job-work-body>label,#workspaceDialog #jobForm .job-work-body>.two,#workspaceDialog #jobForm .job-work-body>.two>label{margin-block:0!important}
 /* Compact typing must win over the general dialog's important padding. */
 #workspaceDialog[open].job-tiny-typing:has(>.job-dialog-content){padding:var(--measure-4px)!important}
 #workspaceDialog[open].job-tiny-typing #jobForm .job-work-body{gap:0;padding:0!important}
 #workspaceDialog[open].job-tiny-typing .job-scroll-area{padding-inline-end:var(--measure-120px)!important}
 #workspaceDialog[open].job-tiny-typing>.job-done-typing{box-sizing:border-box;max-width:var(--measure-112px);min-height:var(--measure-32px)!important;padding:var(--measure-4px)!important;line-height:var(--line-heading)}
}

@media screen{
 #workspaceView .docket-cash-summary>button>span,#workspaceView .workday-metric-title{font-size:18px!important;font-weight:700!important;line-height:1.3!important}
 #workspaceView .docket-cash-summary>button>strong,#workspaceView .workday-metric-figure{font-size:26px!important;font-weight:700!important;line-height:1.2!important;overflow-wrap:anywhere}
}

/* Owner-selected compact dashboard rhythm; minimum height expands for large text. */
@media screen{
 #workspaceView .docket-cash-summary,#workspaceView .workday-metrics{gap:12px!important;margin-block:12px!important}
 #workspaceView .docket-cash-summary>button,#workspaceView .workday-metrics>.workday-metric{box-sizing:border-box;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px!important;min-height:112px!important;padding:16px!important;margin:0!important;width:100%;min-width:0}
}

/* Keep invoice/quote creation paired and distinct from text links. */
@media screen{
 html[data-theme] #workspaceView .mobile-home-actions{gap:12px!important}
 html[data-theme] #workspaceView .mobile-home-actions>.btn:is([data-home-invoice-start],[data-home-quote-start]){box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px!important;width:100%;min-width:0;padding:10px 12px!important;border:1px solid var(--color-border)!important;border-radius:10px;background:var(--color-raised)!important;color:var(--color-text)!important;font-size:16px!important;font-weight:700!important;line-height:1.3;text-decoration:none!important;box-shadow:none!important}
}
@media screen and (max-width:359px){
 #workspaceView .mobile-home-actions>.btn:is([data-home-invoice-start],[data-home-quote-start]){grid-column:1/-1}
}

/* Phase 2: compact support and recovery, with alerts and original controls retained. */
@media screen{
 body>footer.workspace-support{box-sizing:border-box;display:block!important;width:calc(100% - 32px);max-width:900px;margin:8px auto!important;padding:0!important;gap:0!important}
 .workspace-support>details>summary{box-sizing:border-box;min-height:48px;padding:12px 0;cursor:pointer;font-weight:700;line-height:1.5}
 .workspace-support nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding-bottom:8px}
 .workspace-support nav>a{min-height:48px;line-height:1.4;overflow-wrap:anywhere}
 body>.app-update-bar{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:center;width:calc(100% - 32px);max-width:900px;margin:8px auto!important;padding:0!important;gap:8px 12px;text-align:left}
 .app-update-bar>:is(.app-update-status,.app-offline-status){grid-column:1/-1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
 .app-update-bar>.btn{min-height:48px!important;margin:0!important;padding:10px 12px!important;white-space:normal}
 .app-update-bar>.primary{grid-column:1/-1;justify-self:start}
 body>.app-health{box-sizing:border-box;width:calc(100% - 32px);max-width:900px;margin:8px auto!important;padding:0!important;border-radius:0;box-shadow:none}
 body>.app-health>summary{min-height:48px;padding:12px 0;line-height:1.5;overflow-wrap:anywhere}
 body>.offline-work-status{box-sizing:border-box;width:calc(100% - 32px);max-width:900px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:8px auto!important;padding:12px!important;box-shadow:none!important}
 body>.offline-work-status>span{flex:1 1 100%;overflow-wrap:anywhere;line-height:1.4}
 body>.offline-work-status>:is(a,button){box-sizing:border-box;min-height:48px!important;margin:0!important;display:inline-flex;align-items:center;white-space:normal;overflow-wrap:anywhere}
}
@media screen and (max-width:359px){
 body>.app-update-bar{grid-template-columns:minmax(0,1fr)}
 .workspace-support nav{grid-template-columns:minmax(0,1fr)}
}

/* Five-section job form: mounted controls, compact save area, native navigation. */
@media screen{
 #workspaceDialog #jobForm.job-compact-five .job-work-section>summary{padding:12px 8px!important;min-height:48px!important;font-size:18px!important}
 #workspaceDialog #jobForm.job-compact-five .job-work-body{gap:12px!important;padding:12px 0!important}
 #workspaceDialog #jobForm.job-compact-five .job-save-actions{grid-template-columns:minmax(0,1fr) auto!important;gap:4px 8px!important;padding:8px 0!important;margin:0!important}
 #workspaceDialog #jobForm.job-compact-five .job-save-actions>#jobSave{grid-column:auto!important;min-height:48px!important;padding:10px 12px!important;font-size:16px!important}
 #workspaceDialog #jobForm.job-compact-five #jobSaveStatus{margin:0!important;font-size:14px!important;line-height:1.35;font-weight:500!important}
 #workspaceDialog #jobForm.job-compact-five .job-day-header{padding:8px!important;margin:0!important}
 #workspaceDialog #jobForm.job-compact-five .job-field-help{margin:0;font-size:14px;line-height:1.4}
 #workspaceDialog #jobForm.job-compact-five .job-field-help>summary{min-height:48px;display:flex;align-items:center;cursor:pointer}
 #workspaceDialog #jobForm.job-compact-five :is(button,.btn){min-height:48px}
 #workspaceDialog #jobForm.job-compact-five .job-tools{padding:0!important;margin:0!important}
 #workspaceDialog #jobForm.job-compact-five .job-tools>h3{display:none}
 #workspaceDialog #jobForm.job-compact-five .job-review>#jobInvoice{width:100%}
}

@media screen{#workspaceDialog #jobForm.job-compact-five #jobSaveStatus{grid-column:1/-1}}

/* Updates stay unobtrusive; recovery warnings remain visible. */
@media screen{
 body>.app-update-bar{display:block;padding:0!important}
 .app-update-details>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;cursor:pointer;list-style:none;font-size:13px}
 .app-update-details>summary::-webkit-details-marker{display:none}
 .app-update-hint{font-size:12px;color:var(--color-muted,var(--work-muted));text-align:right}
 .app-update-hint::after{content:' ⌄'}
 .app-update-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:4px 0 12px}
 .app-update-controls>.btn{min-height:44px!important;font-size:13px!important;padding:8px 12px!important}
 .app-update-controls>.app-offline-status{flex:1 1 220px;font-size:13px}
 .app-update-status:not(:empty){display:block;margin:4px 0 8px;line-height:1.4}
 .app-update-bar>.primary{min-height:44px!important;font-size:14px!important;margin:0 0 8px!important}
 body>.offline-work-status[data-drafts=true]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 12px!important;gap:8px}
 body>.offline-work-status[data-drafts=true]>span{font-size:14px}
 body>.offline-work-status[data-drafts=true]>.btn{font-size:14px!important;min-height:44px!important;padding:8px 10px!important}
 body>.offline-work-status [hidden]{display:none!important}
 body>.offline-work-status:is([data-drafts=true],[data-problem=true]){border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#b42318!important}
 body>.offline-work-status:is([data-drafts=true],[data-problem=true])>.btn{border:0!important;background:transparent!important;color:inherit!important;text-decoration:underline;text-underline-offset:3px}
 html[data-theme=dark] body>.offline-work-status:is([data-drafts=true],[data-problem=true]){color:#ffb4ab!important}
}
@media screen and (max-width:359px){body>.offline-work-status[data-drafts=true]{grid-template-columns:minmax(0,1fr)}}

@media screen{
 .workspace-support-tools[hidden]{display:none!important}
 .workspace-support-tools{max-width:900px;margin:24px auto 12px;color:var(--color-text);font-size:14px}
 .workspace-support-tools>h2{font-size:18px;margin:0 0 8px}
 .workspace-support-tools>footer.workspace-support{display:block!important;margin:0!important;padding:0!important;border:0!important}
 .workspace-support-tools :is(footer>details,.app-update-details,.app-health){border:0!important;border-top:1px solid var(--color-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important}
 .workspace-support-tools summary{min-height:48px;padding:12px 0;line-height:1.5;cursor:pointer}
 .workspace-support-tools footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:0 0 12px}
 .workspace-support-tools footer a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}
 .workspace-support-tools .app-health{width:100%!important;box-sizing:border-box;color:inherit}
 .workspace-support-tools .app-health .btn{max-width:100%;white-space:normal;min-height:44px}
 body>.app-update-bar:has(>.app-update-status:empty):has(>.primary[hidden]){display:none!important}
}
@media screen and (max-width:359px){.workspace-support-tools footer nav{grid-template-columns:minmax(0,1fr)}}

/* v310 phone screenshot repair: use the original in-flow invoice Save only. */
@media screen{
 .docket-invoice-save{display:none!important}
 #saveInvoiceDraft{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:48px!important;white-space:normal;max-width:100%;box-sizing:border-box}
 #saveInvoiceDraft[hidden]{display:none!important}
 #calendarUnscheduled{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-block:20px}
 #calendarUnscheduled>h3{margin:0 0 4px!important}
 #calendarUnscheduled>.btn{display:block;width:100%;min-height:48px;text-align:left;margin:0!important;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
 .calendar-controls{gap:10px}
 #calendarGrid .calendar-day{padding:14px}
 #calendarGrid .calendar-day>h3{margin:0 0 8px!important}
 #calendarGrid .calendar-day>.hint{margin:0!important}
}
@media screen and (max-width:760px){
 .top:has(.workspace-status-button){display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:8px!important;padding:12px!important}
 .top:has(.workspace-status-button) .docket-identity{min-width:0!important;margin:0!important;gap:8px}
 .top:has(.workspace-status-button) .docket-product{font-size:1.125rem;white-space:normal!important;overflow-wrap:normal!important;line-height:1.2}
 .top:has(.workspace-status-button) .brand{font-size:.875rem!important;line-height:1.4}
 .top:has(.workspace-status-button) #accountControl{margin:0!important}
 .top .workspace-status-button{flex-shrink:0;max-width:none!important;min-width:max-content!important;white-space:nowrap!important;overflow-wrap:normal!important;padding:8px!important;font-size:.875rem;gap:5px}
 .top .workspace-status-button>span{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
 .layout{padding-bottom:24px!important}
 html{scroll-padding-bottom:calc(var(--docket-nav-height,88px) + 24px)}
 .paper :is(input,textarea,select){scroll-margin-block:24px calc(var(--docket-nav-height,88px) + 24px)}
 .workspace-main:has(.layout:not([hidden])){padding-bottom:16px!important}
 .calendar-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;align-items:stretch}
 .calendar-controls>*{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:48px;order:1}
 #calendarDate{grid-column:1/-1;order:0}
 #calendarBook{grid-column:1/-1;order:2}
 #calendarGrid{gap:12px;margin-top:16px}
 body>.offline-work-status{margin:12px!important;padding:12px!important;gap:10px}
}

/* Important destinations stay in a left-aligned, vertical dropdown. */
@media screen{
 .important-menu{position:relative;z-index:80;width:max-content;max-width:100%;margin:0 0 16px;border:0;background:transparent}
 .important-menu>summary{list-style:none;display:flex;align-items:center;min-height:48px;padding:10px 16px;cursor:pointer;font-weight:650;border:1px solid var(--docket-line);border-radius:6px;color:var(--docket-ink);background:var(--docket-paper)}
 .important-menu>summary::-webkit-details-marker{display:none}
 .important-menu>nav{position:absolute;left:0;top:calc(100% + 8px);display:flex;flex-direction:column;width:300px;max-width:calc(100vw - 32px);max-height:65vh;max-height:65dvh;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:8px;border:1px solid var(--docket-line);border-radius:8px;background:var(--docket-paper);box-shadow:0 8px 24px #0003}
 .important-menu:not([open])>nav{display:none}
 .important-menu>nav>.btn{display:block;width:100%;min-height:48px!important;text-align:left;border:0!important;border-radius:4px!important;margin:0!important;padding:12px!important;white-space:normal}
 .important-menu>nav>.btn[aria-current=page]{background:var(--work-raised)!important;font-weight:750;text-decoration:underline;text-underline-offset:4px}
}
@media print{.important-menu{display:none!important}}

/* Customer names: bounded suggestions remain in the page above the keyboard. */
.customer-suggestions:not([hidden]),#customerMatches:not([hidden]){display:grid;gap:4px;max-height:240px;overflow-y:auto;border:1px solid var(--border,#718391);border-radius:10px;padding:6px;margin-top:6px;background:var(--surface,#10283d)}
.customer-suggestions button,#customerMatches button{display:block;width:100%;min-height:48px;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:10px 12px;color:inherit;background:transparent;border:1px solid transparent;border-radius:6px}
.customer-suggestions button:focus-visible,#customerMatches button:focus-visible{outline:3px solid #60a5fa;outline-offset:-3px}

/* One-page job preview: three persistent sections, one content scroller, same footer. */
#workspaceDialog #jobForm.job-one-page .one-job-section{padding:16px 0;border-bottom:1px solid var(--color-border,#64748b)}
.job-one-page .one-job-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.job-one-page .one-job-heading h2{margin:0 0 16px;font-size:22px}.job-one-page .one-job-info{max-width:100%;margin:0}.job-one-page .one-job-info>summary{padding:0!important;min-width:44px;min-height:44px;list-style:none;text-align:right}.job-one-page .one-job-info[open]{flex:1}.job-one-page .one-job-info>div{padding:12px;font-size:14px;max-width:100%;background:var(--color-raised,#142c40)}
.job-one-page .job-category-chips{display:flex;gap:8px;flex-wrap:wrap}.job-category-chips button[aria-pressed=true]{background:var(--color-accent,#0065e8);color:white}.job-one-page .job-approval-row{padding:12px 0}.job-one-page label{display:block}.job-one-page .one-key-card>summary{list-style:none}.job-one-page .job-scroll-area{scroll-padding-block:24px 100px}.job-one-page fieldset{margin:16px 0;padding:12px}.job-one-page fieldset input[type=checkbox]{width:22px;min-height:22px;display:inline-block;margin-right:10px}.job-one-page .job-more-actions{display:none!important}