/* Invoice Studio — shared visual language with the LinkoPDF landing.
   Scoped to the invoice editor; the general editor keeps its own layout. */
body.invoice-workbench {
  --bg:#162c32; --fg:#e2eeed; --muted:#a5babb; --panel:#14282e;
  --panel-2:#20393f; --border:#355057; --accent:#087f68; --accent-hover:#066751;
  --accent-fg:#fff; --soft-green:#203e36; --green-text:#78d4b9; --canvas-bg:#22363d;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shadow:0 2px 8px rgb(13 43 49 / 5%); --shadow-lg:0 18px 60px rgb(13 43 49 / 14%);
  height:100dvh; font-size:13px;
}
body.invoice-workbench.light-mode {
  --bg:#eef4f5; --fg:#122b38; --muted:#607582; --panel:#fff; --panel-2:#f4f7f8;
  --border:#dce5e9; --soft-green:#e9f5ef; --green-text:#05614f; --canvas-bg:#eaf0f2;
}
.invoice-workbench [hidden] { display:none !important; }
.invoice-workbench .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.invoice-workbench button,.invoice-workbench input,.invoice-workbench textarea,.invoice-workbench select { font-family:var(--font); }
.invoice-workbench button:focus-visible,.invoice-workbench summary:focus-visible,.invoice-workbench a:focus-visible { outline:3px solid #39ab93; outline-offset:3px; }
.invoice-workbench input:focus-visible,.invoice-workbench textarea:focus-visible,.invoice-workbench select:focus-visible { outline:2px solid #39ab93; outline-offset:1px; }
.invoice-workbench .btn { min-height:36px; height:auto; padding:8px 13px; border-radius:8px; font-size:12px; gap:8px; box-shadow:none; line-height:1.35; }
.invoice-workbench .btn.primary { background:var(--accent); color:#fff; border-color:var(--accent); box-shadow:0 2px 3px rgb(4 78 63 / 8%); }
.invoice-workbench .btn.primary:hover { background:var(--accent-hover); border-color:var(--accent-hover); }
.invoice-workbench .btn.ghost { background:transparent; border-color:transparent; }
.invoice-workbench .btn.ghost:hover { background:var(--panel-2); }
.invoice-workbench .btn:disabled { opacity:.45; cursor:not-allowed; }
.invoice-workbench input,.invoice-workbench textarea,.invoice-workbench select { border-radius:7px; font-size:12px; }
.invoice-workbench .workbench-nav { height:66px; padding:0 26px; gap:28px; position:relative; z-index:30; }
.workbench-nav .logo { font-size:18px; gap:9px; }
.workbench-nav .logo-icon { width:30px; height:30px; }
.document-identity { flex:1; display:flex; gap:24px; align-items:center; min-width:0; }
.document-divider { height:28px; width:1px; background:var(--border); }
.document-meta { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:0; }
.invoice-workbench #titleInput { width:230px; max-width:100%; height:25px; padding:1px 4px; margin-left:-4px; border:1px solid transparent; font-size:13px; font-weight:600; background:transparent; }
.invoice-workbench #titleInput:hover,.invoice-workbench #titleInput:focus { border-color:var(--border); background:var(--panel-2); }
.invoice-workbench #saveStatus { font-size:12px !important; min-height:15px; }
.account-menu { position:relative; flex-shrink:0; }
.account-menu summary { display:flex; align-items:center; gap:25px; cursor:pointer; color:var(--muted); padding:8px 0 8px 12px; font-size:12px; list-style:none; }
.account-menu summary::-webkit-details-marker { display:none; }
.account-menu #nav-links { position:absolute; right:0; top:40px; width:190px; padding:8px; border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow-lg); background:var(--panel); flex-direction:column; align-items:stretch; gap:2px; }
.account-menu #nav-links a { display:block; padding:10px 12px; border-radius:6px; font-size:12px; }
.account-menu #nav-links a:hover { background:var(--panel-2); }
.invoice-workbench .app { min-height:0; grid-template-rows:66px minmax(0,1fr) 44px; }
.invoice-workbench .workbench-toolbar { height:66px; padding:0 26px; gap:20px; justify-content:space-between; }
.invoice-workbench .workflow { background:transparent; border:0; padding:0; height:auto; gap:12px; justify-content:flex-start; backdrop-filter:none; }
.workflow-step { display:flex; align-items:center; gap:8px; color:var(--muted); font:500 14px var(--font); background:none; border:0; padding:6px 0; cursor:pointer; white-space:nowrap; }
.step-number { display:grid; place-items:center; width:24px; height:24px; border:1px solid var(--border); border-radius:50%; font-size:12px; }
.workflow-step.is-current { color:var(--green-text); font-weight:600; }
.workflow-step.is-current .step-number,.workflow-step.is-complete .step-number { color:var(--green-text); border-color:transparent; background:var(--soft-green); }
.step-line { width:26px; height:1px; background:var(--border); }
.workbench-actions { display:flex; gap:9px; }
.workbench-actions .btn { padding:10px 16px; }
.invoice-workbench #main-layout { position:relative; grid-template-columns:292px minmax(0,1fr) !important; gap:0; background:var(--bg); }
.invoice-workbench .resizer,.invoice-workbench .panel-toggle { display:none; }
.invoice-workbench #left-panel { display:flex; flex-direction:column; width:auto !important; min-width:0 !important; border:0; border-right:1px solid var(--border) !important; border-radius:0; padding:24px 20px 0; overflow:hidden; background:var(--panel); }
.workbench-sidebar-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.eyebrow { font-size:12px; letter-spacing:.12em; font-weight:700; color:var(--muted); }
.workbench-tabs { display:flex; gap:3px; padding:4px; border:1px solid var(--border); background:var(--panel-2); border-radius:9px; flex-shrink:0; }
.workbench-tabs button { flex:1; padding:8px 3px; border:0; border-radius:6px; color:var(--muted); background:transparent; font-size:12px; font-weight:500; cursor:pointer; white-space:nowrap; }
.workbench-tabs button[aria-selected="true"] { color:var(--fg); background:var(--panel); box-shadow:0 1px 3px rgb(18 43 56 / 9%); }
.workbench-pane { min-height:0; flex:1; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:23px 1px 24px; }
.pane-intro { margin-bottom:22px; }
.pane-intro h1,.pane-intro h2 { margin:0 0 8px; font-size:21px; line-height:1.25; font-weight:600; letter-spacing:-.7px; }
.pane-intro p { color:var(--muted); font-size:13px; line-height:1.7; margin:0; }
.data-dropzone { border:1.5px dashed #adc8bf; background:var(--soft-green); padding:24px 12px 17px; border-radius:12px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:11px; transition:background .15s,border-color .15s; }
.data-dropzone.is-dragover { border-color:var(--accent); background:var(--panel-2); }
.upload-icon { display:grid; place-items:center; height:44px; width:44px; background:var(--panel); color:var(--green-text); border:1px solid var(--border); border-radius:12px; margin-bottom:3px; }
.data-dropzone strong { font-size:12px; font-weight:600; }
.data-dropzone p { font-size:12px; color:var(--muted); margin:-6px 0 2px; }
.data-dropzone .btn { width:100%; }
.file-types { font-size:12px; color:var(--muted); }
.sample-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; margin:17px 0 26px; font-size:12px; color:var(--muted); }
.text-button { padding:3px 0; border:0; background:none; color:var(--green-text); font-size:inherit; font-weight:600; cursor:pointer; }
.data-summary { padding:14px; border:1px solid var(--border); border-radius:10px; background:var(--panel-2); margin-bottom:25px; }
.file-details { display:flex; gap:10px; align-items:center; }
.file-badge { width:30px; height:36px; display:grid; place-items:center; font-size:13px; font-weight:700; color:var(--green-text); border:1px solid #bdcfc8; background:var(--soft-green); border-radius:5px; flex-shrink:0; }
.file-meta { display:flex; align-items:center; gap:4px; min-width:0; flex:1; }
.invoice-workbench #fileName { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--fg); font-size:12px; font-weight:600; flex:1; }
.invoice-workbench #unloadDataBtn { font-size:18px; padding:3px; min-height:28px; min-width:24px; }
.data-summary-actions { display:flex; justify-content:space-between; align-items:center; margin-top:11px; border-top:1px solid var(--border); padding-top:9px; gap:8px; }
.invoice-workbench #csvViewBtn { padding:3px 0; min-height:26px; color:var(--green-text); font-size:12px !important; }
.data-count { font-size:12px; color:var(--muted); }
.invoice-workbench .invoice-csv-fields-panel { border:0; background:none; padding:0; margin:0; }
.invoice-workbench .invoice-csv-fields-header { align-items:flex-start; gap:7px; flex-wrap:wrap; margin-bottom:12px; }
.invoice-workbench .invoice-csv-fields-header h4 { font-size:12px; text-transform:none; letter-spacing:0; margin-bottom:7px; color:var(--fg); }
.invoice-workbench .invoice-csv-fields-header p { font-size:12px; line-height:1.6; max-width:none; }
.invoice-workbench #invoiceCsvFieldsChooseBtn { font-size:12px; padding:2px 0; min-height:24px; color:var(--green-text); }
.field-search input { width:100%; height:35px; margin-bottom:8px; background:var(--panel-2); padding:8px 11px; }
.invoice-workbench .invoice-csv-fields-list { max-height:none; overflow:visible; padding:0; gap:7px; }
.invoice-workbench .invoice-csv-field-chip { position:relative; min-height:50px; height:auto; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; padding:10px 12px 10px 30px; border-radius:8px; border:1px solid var(--border); background:var(--panel); box-shadow:0 1px 2px rgb(18 43 56 / 2%); }
.invoice-workbench .invoice-csv-field-chip::before { content:'⠿'; position:absolute; left:10px; top:50%; transform:translateY(-50%); color:#8fa4ad; font-size:19px; }
.invoice-workbench .invoice-csv-field-chip:hover { border-color:#8dbfaf; background:var(--soft-green); transform:none; }
.invoice-workbench .invoice-csv-field-chip strong { font-size:13px; color:var(--fg); max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.invoice-workbench .invoice-csv-field-chip span { font-size:12px; color:var(--muted); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mapping-hint { font-size:12px; line-height:1.6; color:var(--muted); margin-top:15px; padding:12px; background:var(--panel-2); border-radius:8px; }
.data-advanced,.page-settings { margin-top:24px; border-top:1px solid var(--border); padding-top:15px; }
.data-advanced summary,.page-settings summary,.export-drawer details summary { font-size:12px; color:var(--muted); cursor:pointer; padding:5px 0 12px; }
.data-advanced .btn { justify-content:flex-start; width:100%; font-size:12px; padding-left:0; }
.template-choices { display:flex; flex-direction:column; margin-bottom:24px; gap:9px; }
.starter-card { position:relative; display:flex; align-items:center; gap:13px; padding:13px; text-align:left; background:var(--soft-green); border:1px solid #adc8bf; border-radius:10px; cursor:pointer; color:var(--fg); }
.starter-card strong,.starter-card small { display:block; font-size:12px; line-height:1.7; }
.starter-card small { font-size:12px; color:var(--muted); font-weight:400; }
.template-arrow { margin-left:auto; font-size:18px; color:var(--green-text); }
.mini-invoice { width:44px; height:56px; background:#fff; border:1px solid #dce5e9; box-shadow:0 2px 4px rgb(18 43 56 / 4%); padding:8px 6px; display:flex; flex-direction:column; gap:4px; flex-shrink:0; }
.mini-invoice b { color:#122b38; font-size:5px; text-align:right; letter-spacing:.5px; }
.mini-invoice i { height:2px; background:#dce5e9; width:70%; }
.mini-invoice em { height:6px; margin-top:3px; background:#087f68; }
.template-note { font-size:12px; text-align:center; margin:0; }
#workbenchTemplatesSlot { display:flex; flex-direction:column; }
#workbenchTemplatesSlot .btn { font-size:12px; color:var(--green-text); }
.invoice-workbench .left-panel-top,.invoice-workbench .left-panel-bottom { display:block; border:0; padding:0; overflow:visible; background:none; min-height:0; }
.invoice-workbench .left-panel-top-body { overflow:visible; padding:14px 0 0; }
.invoice-workbench .panel-tabs { padding:0; gap:17px; margin:0; border-bottom:1px solid var(--border); }
.invoice-workbench .panel-tab-btn { flex:initial; padding:9px 0; font-size:12px; text-transform:none; }
.invoice-workbench .panel-tab-btn.active { border-color:var(--accent); color:var(--green-text); }
.invoice-workbench .components-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.invoice-workbench .shape-chip { padding:13px 6px; height:76px; border:1px solid var(--border); background:var(--panel); color:var(--fg); border-radius:8px; gap:8px; }
.invoice-workbench .shape-chip:hover { border-color:#8dbfaf; background:var(--soft-green); }
.invoice-workbench .shape-chip svg { width:21px; height:21px; }
.invoice-workbench .shape-chip span { font-size:12px; }
#workbenchPageSettings { display:flex; flex-direction:column; gap:9px; }
#workbenchPageSettings .toolbar-group { border:0; padding:0; background:none; }
#workbenchPageSettings .btn { font-size:12px; }
.grid-options { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.grid-options .btn { flex:1; font-size:12px; white-space:nowrap; }
.invoice-workbench .ai-chat-panel { min-height:380px; height:auto; gap:12px; }
.invoice-workbench .ai-chat-header h4 { font-size:12px; text-transform:none; letter-spacing:0; }
.invoice-workbench .ai-access-note { border-color:var(--border); background:var(--soft-green); padding:12px; }
.invoice-workbench .ai-chat-log { min-height:150px; max-height:330px; background:var(--panel-2); }
.invoice-workbench .ai-chat-message.status { background:var(--panel); }
.invoice-workbench .ai-chat-message.user { background:var(--soft-green); border-color:#adc8bf; }
.invoice-workbench .canvas-container-wrapper { padding:14px 24px 0; gap:0; min-width:0; background:var(--canvas-bg); }
.invoice-workbench .canvas-pages-panel { background:transparent; border:0; padding:0 0 9px; }
.invoice-workbench .canvas-pages-header-row { min-height:30px; padding:0; }
.invoice-workbench .canvas-pages-title { padding:0; }
.invoice-workbench .canvas-pages-title .label { text-transform:none; font-size:12px; font-weight:500; letter-spacing:0; }
.invoice-workbench .canvas-pages-hide-btn { min-height:26px; padding:3px 8px; font-size:12px; }
.invoice-workbench .canvas-editor-stage { border-radius:0; background:var(--canvas-bg); }
.invoice-workbench .canvas-wrap { border-radius:0; background-color:var(--canvas-bg) !important; background-image:none !important; }
.invoice-workbench .canvas-hint { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:7px; padding:7px 12px; border:1px solid var(--border); border-radius:20px; color:var(--muted); background:var(--panel); font-size:12px; max-width:90%; box-shadow:var(--shadow); pointer-events:none; white-space:nowrap; z-index:5; }
.hint-dot { width:5px; height:5px; border-radius:50%; background:var(--accent); flex-shrink:0; }
.invoice-workbench .page-action-toolbar { background:var(--panel); border-color:var(--border); box-shadow:var(--shadow); border-radius:8px; }
/* Compact icon buttons must not inherit the padding of full-width actions. */
.invoice-workbench .page-action-toolbar .btn {
  width:32px; min-width:32px; height:32px; min-height:32px;
  padding:0; flex:0 0 32px; color:var(--fg);
}
.invoice-workbench .page-action-toolbar .btn:hover,
.invoice-workbench .page-action-toolbar .btn:focus-visible {
  color:var(--green-text); background:var(--soft-green);
}
.invoice-workbench .page-action-toolbar .btn svg {
  display:block; width:16px; height:16px; flex:0 0 16px;
  color:inherit; stroke:currentColor; fill:none;
}
.invoice-workbench #right-panel { position:absolute; right:16px; top:58px; bottom:18px; z-index:25; width:278px !important; min-width:0 !important; padding:0; border:1px solid var(--border) !important; border-radius:13px; box-shadow:var(--shadow-lg); background:var(--panel); overflow:auto; scrollbar-width:thin; }
.inspector-title { position:sticky; top:0; z-index:2; background:var(--panel); display:flex; justify-content:space-between; align-items:center; padding:12px 15px; border-bottom:1px solid var(--border); font-weight:600; font-size:12px; }
.inspector-title .btn { min-height:25px; padding:0 6px; font-size:20px; }
.invoice-workbench #inspectorWrap { padding:18px; overflow:visible; }
.invoice-workbench #inspectorWrap > h3 { display:none; }
.invoice-workbench #noSelection { border:0; padding:0; }
.invoice-workbench #noSelection h4 { text-align:left; font-size:12px; margin-bottom:18px; }
.invoice-workbench #inspector h3 { font-size:12px; }
.invoice-workbench .workbench-footer { height:44px; padding:0 24px; display:flex; gap:14px; background:var(--panel); }
.footer-context { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--muted); }
.footer-separator { color:#9eb1b9; }
.undo-actions { display:flex; gap:2px; margin-left:auto; }
.invoice-workbench .workbench-footer .btn { min-height:28px; padding:4px 8px; }
.invoice-workbench #zoomLevel { font-size:12px; min-width:60px; }
.footer-preferences { display:flex; gap:2px; border-left:1px solid var(--border); padding-left:12px; }
.invoice-workbench #workbenchMobileTools,.invoice-workbench #workbenchSidebarClose { display:none; }
.workbench-overlay { position:fixed; inset:0; background:rgb(8 30 38 / 30%); z-index:10001; display:flex; justify-content:flex-end; }
.export-drawer { width:414px; max-width:100%; height:100%; overflow:auto; padding:30px; background:var(--panel); box-shadow:var(--shadow-lg); }
.drawer-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:35px; }
.drawer-header .btn { font-size:24px; min-height:30px; padding:0 8px; }
.export-drawer h2 { margin:0 0 12px; font-size:28px; line-height:1.2; letter-spacing:-1px; font-weight:600; }
.export-drawer > p { font-size:12px; line-height:1.7; }
.export-summary { background:var(--soft-green); border:1px solid var(--border); border-radius:10px; padding:17px; margin:25px 0; display:flex; flex-direction:column; gap:5px; font-size:12px; }
.export-summary strong { font-size:21px; font-weight:600; }
.export-summary span { color:var(--muted); font-size:12px; }
.export-warning { padding:13px; background:var(--panel-2); border:1px solid var(--border); border-left:3px solid #bf852b; border-radius:6px; color:var(--fg); font-size:12px; line-height:1.6; margin-bottom:20px; overflow-wrap:anywhere; }
.invoice-workbench .export-options { border:0; padding:0; display:flex; flex-direction:column; align-items:stretch; gap:10px; background:none; }
.export-options select { width:100%; height:41px; margin-bottom:9px; }
.export-options .btn { width:100%; min-height:43px; }
.export-explanation { color:var(--muted); margin-top:15px; }
#workbenchMultipageOptions { border-top:1px solid var(--border); padding-top:16px; margin-top:24px; }
#workbenchMultipageControls { display:flex; flex-direction:column; gap:10px; }
#workbenchMultipageControls .export-page-selector-menu { position:static; width:100%; margin-top:9px; box-shadow:none; }
.plan-note { color:var(--muted); font-size:12px !important; border-top:1px solid var(--border); margin:24px 0 0; padding-top:16px; }
.invoice-workbench .preview-dialog { width:min(1050px,94vw); max-width:94vw; max-height:92dvh; padding:0; border:1px solid var(--border); border-radius:14px; color:var(--fg); background:var(--canvas-bg); box-shadow:var(--shadow-lg); }
.preview-dialog::backdrop { background:rgb(8 30 38 / 55%); }
.preview-header { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 24px; background:var(--panel); border-bottom:1px solid var(--border); }
.preview-header h2 { font-size:15px; margin:0 0 4px; }
.preview-header p { font-size:12px; color:var(--muted); margin:0; max-width:460px; }
.preview-body { min-height:220px; padding:28px; display:flex; justify-content:center; }
.preview-body img { display:block; width:auto; max-width:100%; height:auto; max-height:none; align-self:flex-start; box-shadow:0 7px 24px rgb(18 43 56 / 12%); }
/* Existing dialogs inherit the new palette without changing their behavior. */
.invoice-workbench .modal,.invoice-workbench .floating-modal { border-radius:13px; border-color:var(--border); box-shadow:var(--shadow-lg); }
.invoice-workbench .modal h3 { letter-spacing:0; text-transform:none; font-size:15px; color:var(--fg); }
.invoice-workbench .modal-backdrop { background:rgb(8 30 38 / 40%); }
.invoice-workbench #toast-container { bottom:56px; }
/* Language selector must not cover editor controls. */
.invoice-workbench .csvlink-language-switcher { bottom:52px; }
@media(min-width:1700px) {
  .invoice-workbench #main-layout { grid-template-columns:316px minmax(0,1fr) !important; }
  .invoice-workbench #left-panel { padding-left:25px; padding-right:25px; }
}
@media(max-width:1050px) {
  .invoice-workbench .workbench-nav { padding:0 18px; }
  .invoice-workbench .workbench-toolbar { padding:0 18px; }
  .invoice-workbench #main-layout { grid-template-columns:262px minmax(0,1fr) !important; }
  .invoice-workbench #left-panel { padding:20px 16px 0; }
  .invoice-workbench .canvas-container-wrapper { padding:12px 12px 0; }
  .workflow-step { font-size:12px; gap:6px; }
  .invoice-workbench .workflow { gap:8px; }
  .step-line { width:14px; }
  .workbench-actions .btn { padding:9px 11px; }
}
@media(max-width:760px) {
  .invoice-workbench .workbench-nav { height:57px; gap:15px; padding:0 13px; }
  .workbench-nav .logo { font-size:15px; }
  .workbench-nav .logo-icon { width:24px; height:24px; }
  .document-identity { gap:13px; }
  .invoice-workbench #titleInput { width:160px; font-size:12px; }
  .account-menu summary { font-size:0; padding-left:0; gap:0; }
  .account-menu summary span { font-size:18px; }
  .invoice-workbench .app { grid-template-rows:auto minmax(0,1fr) 44px; }
  .invoice-workbench .workbench-toolbar { height:auto; min-height:96px; flex-wrap:wrap; gap:7px; padding:9px 13px; }
  .invoice-workbench .workflow { flex:1 1 100%; justify-content:center; gap:10px; }
  .workbench-actions { width:100%; justify-content:flex-end; }
  .workbench-actions .btn { min-height:32px; padding:7px 12px; }
  .invoice-workbench #main-layout { grid-template-columns:minmax(0,1fr) !important; }
  .invoice-workbench #left-panel { display:none; position:absolute; left:0; top:0; bottom:0; width:min(310px,90vw) !important; z-index:35; box-shadow:var(--shadow-lg); padding-top:15px; }
  .invoice-workbench.tools-open #left-panel { display:flex; }
  .invoice-workbench #workbenchMobileTools,.invoice-workbench #workbenchSidebarClose { display:inline-flex; }
  .invoice-workbench #workbenchSidebarClose { min-height:24px; padding:0 7px; font-size:20px; }
  .workbench-sidebar-heading { margin-bottom:10px; }
  .invoice-workbench .workbench-footer { padding:0 9px; gap:7px; }
  .footer-tip,.footer-separator { display:none; }
  .footer-preferences { gap:0; padding-left:5px; }
  .footer-context { gap:4px; }
  .invoice-workbench #zoomLevel { min-width:0; }
  .invoice-workbench .canvas-hint { font-size:12px; bottom:10px; padding:6px 9px; white-space:normal; width:max-content; text-align:center; }
  .invoice-workbench #right-panel { right:9px; bottom:10px; top:42px; width:min(278px,88vw) !important; }
  .preview-header { padding:15px; gap:9px; }
  .preview-header .btn { flex-shrink:0; }
  .preview-body { padding:16px; }
}
@media(max-width:390px) {
  .document-divider { display:none; }
  .invoice-workbench #titleInput { width:137px; }
  .invoice-workbench #saveStatus { font-size:12px !important; }
  .invoice-workbench .workbench-nav { gap:9px; }
  .footer-preferences #themeIconBtn { display:none; }
  .workflow-step { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .invoice-workbench *, .invoice-workbench *::before,.invoice-workbench *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

.invoice-workbench .canvas-pages-header-row { background:transparent; border:0; }
.invoice-workbench .canvas-editor-stage { border:0; }
@media(max-width:480px) { .footer-context #workbenchPageCount { display:none; } }

.invoice-workbench #saveStatus { max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }