.appShell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:var(--header-height) minmax(0, 1fr);min-height:100dvh;display:grid}.appShell--sidebarCollapsed{grid-template-columns:72px minmax(0,1fr)}.appMain{grid-area:2/2;min-width:0}.appHeader{height:var(--header-height);z-index:20;background:color-mix(in srgb, var(--color-bg) 95%, transparent);border-bottom:var(--border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-area:1/1/auto/-1;align-items:center;gap:8px;padding:0 24px;display:flex;position:sticky;top:0}.headerSpacer{flex:1}.mobileMenu{display:none!important}.desktopSidebarToggle{margin-left:8px}.searchTrigger{border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);width:230px;height:38px;color:var(--color-text-secondary);box-shadow:var(--shadow-control);align-items:center;gap:9px;padding:0 9px;display:flex}.searchTrigger span{text-align:left;flex:1}.searchTrigger kbd{border:1px solid var(--color-border);background:var(--color-surface-soft);font:12px var(--font);border-radius:6px;padding:2px 6px}.authScreen--loading{color:var(--color-text-secondary)}.workspaceToastStack{z-index:120;gap:8px;display:grid;position:fixed;top:80px;right:24px}@media (max-width:74.9375rem){.appShell{grid-template-columns:minmax(0,1fr)}.appMain{grid-column:1}.mobileMenu{z-index:110;margin-right:12px;position:relative;display:grid!important}.desktopSidebarToggle{display:none}.appHeader>.companyBrand{transform:translateY(-2px)}.searchTrigger kbd{display:none}}@media (max-width:47.9375rem){.appHeader{height:58px;padding:0 12px}.appHeader>.companyBrand{order:-1}.mobileMenu{order:1;margin-right:0}.searchTrigger{place-items:center;width:44px;height:44px;padding:0;display:grid}.searchTrigger span{display:none}}@media (max-width:520px){.workspaceToastStack{top:14px;right:14px}}

.button{min-height:var(--control-height);border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-primary-text);box-shadow:var(--shadow-control);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-weight:650;transition:background .14s,border-color .14s,transform 80ms;display:inline-flex}.button:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.button:active{transform:translateY(1px)}.button--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.button--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button--quiet{box-shadow:none;background:0 0;border-color:#0000}.button--danger{color:var(--color-danger)}.authMessage .button{margin-top:8px}.settingsForm>.button{align-self:flex-end}@media (max-width:53.125rem){.button{min-height:var(--control-height)}}
.fieldRequired,.fieldError{color:var(--color-danger)}.fieldError{margin:4px 0 0 14px;font-size:12px;display:block}.control--error,.control[aria-invalid=true]{border-color:var(--color-danger)}
.fieldFrame{--field-height:var(--control-height);--field-label-scale:.75;min-width:0;display:block;position:relative}.fieldFrame .control{min-height:var(--field-height);background:var(--color-surface);box-shadow:none;font-size:var(--control-font-size);border-color:#0000;padding:0 12px}.fieldFrame .control:hover,.fieldFrame .control:focus{background:var(--color-surface);border-color:#0000}.fieldFrame textarea.control{padding-block:12px}.fieldFrame .control::placeholder{color:var(--color-text-secondary);opacity:0;transition:opacity .15s}.fieldFrame:focus-within .control::placeholder{opacity:.7}.fieldFrame>.fieldLabel{z-index:1;top:calc(var(--field-height) / 2);max-width:calc(100% - 24px);color:var(--color-text-secondary);font-size:var(--control-font-size);letter-spacing:normal;text-overflow:ellipsis;text-transform:none;white-space:nowrap;pointer-events:none;transform-origin:0;margin:0;padding:0 4px;font-weight:500;line-height:1.5;transition:top .15s,transform .15s,color .15s;position:absolute;left:10px;overflow:hidden;transform:translateY(-50%)}.fieldFrame:focus-within>.fieldLabel,.fieldFrame[data-filled]>.fieldLabel{max-width:calc((100% - 24px) / var(--field-label-scale));transform:translateY(-50%) scale(var(--field-label-scale));top:0}.fieldFrame:has(.control:not(:placeholder-shown))>.fieldLabel{max-width:calc((100% - 24px) / var(--field-label-scale));transform:translateY(-50%) scale(var(--field-label-scale));top:0}.fieldFrame:focus-within>.fieldLabel{color:var(--color-primary)}.fieldOutline{border:1px solid var(--color-border);border-radius:var(--radius-control);pointer-events:none;min-width:0;margin:0;padding:0 10px;transition:border-color .15s;position:absolute;inset:-5px 0 0}.fieldOutline legend{width:auto;max-width:.01px;height:11px;font-size:calc(var(--control-font-size) * var(--field-label-scale));white-space:nowrap;visibility:hidden;padding:0;font-weight:500;line-height:1;transition:max-width 50ms;display:block;overflow:hidden}.fieldOutline legend>span{padding:0 4px;display:inline-block}.fieldFrame:focus-within>.fieldOutline legend,.fieldFrame[data-filled]>.fieldOutline legend{max-width:100%;transition:max-width .1s 50ms}.fieldFrame:has(.control:not(:placeholder-shown))>.fieldOutline legend{max-width:100%;transition:max-width .1s 50ms}.fieldFrame:hover>.fieldOutline{border-color:var(--color-border-strong)}.fieldFrame:focus-within>.fieldOutline{border-width:2px;border-color:var(--color-primary)}.fieldFrame[data-invalid]>.fieldOutline{border-color:var(--color-danger)}.fieldFrame:has(.control[aria-invalid=true])>.fieldOutline{border-color:var(--color-danger)}.fieldFrame[data-invalid]>.fieldLabel{color:var(--color-danger)}.fieldFrame:has(.control[aria-invalid=true])>.fieldLabel{color:var(--color-danger)}:is(.fieldFrame:has(.control:read-only:not(button))>.fieldOutline,.fieldFrame:has(.control:disabled)>.fieldOutline){border-color:var(--color-border);border-width:1px}.fieldFrame .control:focus-visible{outline:none}

.status{border-radius:var(--radius-round);text-transform:uppercase;white-space:nowrap;border:0;width:max-content;padding:4px 9px;font-size:11px;font-weight:750;line-height:1.1;display:inline-flex}.statusDot{background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px}.status--confirmed{color:var(--color-status-confirmed);background:var(--color-status-confirmed-bg)}.status--draft{color:var(--color-status-draft);background:var(--color-status-draft-bg)}.status--paid{color:var(--color-status-paid);background:var(--color-status-paid-bg)}.status--neutral{color:#3975ad;background:var(--color-surface-soft)}.status--info{color:var(--color-primary-text);background:var(--color-primary-container)}.status--danger{color:var(--color-danger);background:var(--color-danger-bg)}.status--warning{color:var(--color-warning);background:var(--color-warning-bg)}.status--success{color:var(--color-success);background:var(--color-success-bg)}
.surface{border:1px solid var(--color-border);border-radius:var(--radius-surface);background:var(--color-surface);padding:18px}
.toggleSwitch{cursor:pointer;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.toggleSwitch input{opacity:0;pointer-events:none;position:absolute}.toggleSwitch>span{border:1px solid var(--color-border-strong);border-radius:var(--radius-round);background:var(--color-surface-soft);width:40px;height:24px;transition:background var(--motion-enter) var(--ease-standard), border-color var(--motion-enter) var(--ease-standard), box-shadow var(--motion-enter) var(--ease-standard);position:relative;box-shadow:inset 0 0 0 1px #0000}.toggleSwitch>span:after{content:"";background:var(--color-text-secondary);width:16px;height:16px;transition:transform var(--motion-enter) var(--ease-standard), background var(--motion-enter) var(--ease-standard);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #3c40433d}.toggleSwitch input:checked+span{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 70%, black)}.toggleSwitch input:checked+span:after{background:var(--color-surface);transform:translate(16px)}.toggleSwitch input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:2px}.toggleSwitch input:disabled+span{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.toggleSwitch>span,.toggleSwitch>span:after{transition:none}}
.AzT4Xa_field{position:relative}.AzT4Xa_trigger{justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;min-width:300px;display:flex}.AzT4Xa_trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.AzT4Xa_trigger i{border-bottom:2px solid;border-right:2px solid;flex:0 0 8px;width:8px;height:8px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.AzT4Xa_trigger[aria-expanded=true] i{color:var(--color-primary);transform:translateY(2px)rotate(225deg)}.AzT4Xa_menu{z-index:140;width:max(100%,300px);max-height:min(280px,45dvh);padding:var(--space-1);border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-dialog);transform-origin:0 0;animation:AzT4Xa_menuReveal var(--motion-quick) var(--ease-enter) both;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.AzT4Xa_menu::-webkit-scrollbar{width:6px}.AzT4Xa_menu::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-border-strong)}.AzT4Xa_menu button{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:48px;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:16px;display:flex}.AzT4Xa_menu button:hover,.AzT4Xa_menu button:focus-visible,.AzT4Xa_menu .AzT4Xa_selected{background:var(--color-surface-hover)}.AzT4Xa_menu svg{flex:0 0 18px;width:18px;height:18px}.AzT4Xa_menu .AzT4Xa_selected{background:var(--color-primary-container);color:var(--color-primary-text);font-weight:650}@media (max-width:520px){.AzT4Xa_trigger,.AzT4Xa_menu{width:100%;min-width:0}.AzT4Xa_trigger,.AzT4Xa_menu button{min-height:44px;font-size:16px}}@keyframes AzT4Xa_menuReveal{0%{opacity:0;transform:translateY(-6px)scale(.98)}}@media (prefers-reduced-motion:reduce){.AzT4Xa_menu{animation:none}}
.segmentedControl{--segment-gap:2px;isolation:isolate;grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));gap:var(--segment-gap);background:#eef1f0;border:0;border-radius:10px;width:100%;min-height:44px;padding:2px;display:grid;position:relative}.segmentedControl[data-has-active]:before{content:"";z-index:-1;inline-size:calc((100% - 4px - (var(--segment-count) - 1) * var(--segment-gap)) / var(--segment-count));background:var(--color-surface);transform:translateX(calc(var(--segment-index) * (100% + var(--segment-gap))));transition:transform var(--motion-enter) var(--ease-enter);border-radius:8px;position:absolute;inset-block:2px;inset-inline-start:2px;box-shadow:0 2px 6px #00000024,0 1px 1px #0000000f}[dir=rtl] .segmentedControl[data-has-active]:before{transform:translateX(calc(var(--segment-index) * (-100% - var(--segment-gap))))}.segmentedOption{color:#4a5550;white-space:nowrap;background:0 0;border:0;border-radius:8px;min-width:0;min-height:40px;padding-inline:10px;font-size:.875rem;font-weight:500;transition:color .18s,background .18s,box-shadow .18s}.segmentedOption--active{color:var(--color-text);font-weight:600}[data-theme=dark] .segmentedControl{background:var(--color-surface-soft)}[data-theme=dark] .segmentedOption{color:var(--color-text-secondary)}.segmentedOption:disabled{cursor:not-allowed;opacity:.55}@media (prefers-reduced-motion:reduce){.segmentedOption,.segmentedControl:before{transition:none}}
.menuToggle>span{width:20px;height:16px;display:block;position:relative}.menuToggle i{transform-origin:50%;background:currentColor;border-radius:2px;width:20px;height:3px;transition:top .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),opacity .1s ease-out;position:absolute;left:0}.menuToggle i:first-child{top:0}.menuToggle i:nth-child(2){top:6.5px}.menuToggle i:nth-child(3){top:13px}.menuToggle--open i:first-child,.menuToggle--open i:nth-child(3){top:6.5px}.menuToggle--open i:first-child{transform:rotate(45deg)}.menuToggle--open i:nth-child(2){opacity:0}.menuToggle--open i:nth-child(3){transform:rotate(-45deg)}@media (prefers-reduced-motion:reduce){.menuToggle i{transition:none}}



.passwordControl{display:block;position:relative}.passwordControl .control{width:100%;padding-right:48px}.passwordToggle{border-radius:var(--radius-control);width:34px;height:34px;color:var(--color-primary);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.passwordToggle svg{width:19px;height:19px}.passwordToggle:hover,.passwordToggle:focus-visible{background:var(--color-surface-hover)}
.loginLanguages{justify-content:center;gap:var(--space-2);padding-top:var(--space-1);display:flex}.loginLanguages button{color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:12px}.loginLanguages button.active{color:var(--color-primary);font-weight:700}
.usersToolbar p{color:var(--color-text-secondary);margin:0}.userList{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.userList::-webkit-scrollbar{width:6px}.userList::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-border-strong)}.usersToolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.userList{border:1px solid var(--color-border);border-radius:var(--radius-surface);max-height:min(460px,55dvh);overflow-y:auto}.userRow{align-items:center;gap:var(--space-5);border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) 180px;min-height:76px;padding:14px 16px;display:grid}.userRow:first-child{border-top:0}.userIdentity{min-width:0}.userIdentity b,.userIdentity small{display:block}.userIdentity small{color:var(--color-text-secondary);overflow-wrap:anywhere}.userIdentityTop{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.userRow .field{width:100%}.userActivation{grid-column:1/-1;justify-content:flex-end;align-items:end;gap:10px;padding-top:8px;display:flex}.userActivation .field{width:min(320px,100%)}@media (max-width:520px){.userRow{grid-template-columns:1fr;align-items:stretch}.userIdentity{width:100%}.userActivation{flex-direction:column;grid-column:1;align-items:stretch}.userActivation .field,.userActivation .button{width:100%}}
.modalHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:60px;padding:0 14px 0 20px;display:flex}.modalHeader h2{margin:0;font-size:18px}.modalTitle{align-items:center;gap:var(--space-2);min-width:0;display:flex}.modalBody{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;padding:16px;overflow-y:auto}.modalBody::-webkit-scrollbar{width:6px}.modalBody::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-border-strong)}
.createUserForm{border-radius:var(--radius-surface);background:var(--color-surface-soft);grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;padding:16px;display:grid}.createUserForm .authMessage,.createUserForm>.button{grid-column:1/-1}.createUserForm>.button{justify-self:end}@media (max-width:520px){.createUserForm{grid-template-columns:1fr}.createUserForm>*{grid-column:1}}


.summaryRow{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.summaryRow.total{font-size:20px}.invoiceEditorLayout{grid-template-columns:minmax(0,1fr) minmax(18rem,21.25rem);align-items:start;gap:1.5rem;display:grid}.invoiceEditorMain,.invoiceEditorAside{min-width:0}.invoiceEditorMain{gap:var(--space-5);flex-direction:column;width:min(100%,760px);display:flex}.invoiceEditorAside{gap:1rem;display:grid}.invoiceEditorAside .summary{width:100%;margin-top:0}.invoiceEditorLines{gap:var(--space-3);flex-direction:column;display:flex}.invoiceEditorLines>.invoiceLinesList{border:var(--border-default);border-radius:var(--radius-surface);background:var(--color-surface);overflow:hidden}.invoiceEditorDesktopSummary{display:none}.editorStatus{align-items:center;gap:10px;display:flex}.desktopInvoiceConfirm{border-radius:12px;min-height:44px;padding-inline:20px;font-size:15px;font-weight:700}.summary{width:min(420px,100%)}.summary h2{margin:0 0 16px}.summary .button{width:100%;margin-top:10px}.summary .button:disabled{opacity:.45;cursor:not-allowed}.summaryTaxBreakdown{border-top:1px solid var(--color-border);color:var(--color-text-secondary);grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem;padding:.5rem 0;font-size:.8rem;display:grid}.summaryTaxBreakdown b{color:var(--color-text);font-variant-numeric:tabular-nums}@media (min-width:64rem){.invoiceEditorLayout,.invoiceEditorDesktopSummary{display:block}.invoiceEditorAside{display:none}.invoiceEditorPage .pageTitle{gap:16px}.invoiceEditorPage .pageHeader h1{font-weight:700}}@media (max-width:63.9375rem){.invoiceEditorLayout{display:block}.desktopInvoiceConfirm{display:none}.page:has(.invoiceDraftSummaryBar){padding-bottom:calc(112px + env(safe-area-inset-bottom))}.invoiceDraftSummaryBar{left:var(--workspace-sidebar-width,0)}.appShell--drawer .invoiceDraftSummaryBar,.appShell--mobile .invoiceDraftSummaryBar{left:0}}@media (max-width:47.9375rem){.summary{z-index:8;width:100%;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius-surface) var(--radius-surface) 0 0;margin-inline:0;position:sticky;bottom:0;box-shadow:0 -10px 24px #0f172a1a}.editorStatus{gap:6px}.editorStatus>.button{min-width:44px}}.invoiceEditorLoading{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.invoiceEditorLoading span{border-radius:var(--radius-control);background:var(--color-surface-soft);min-block-size:2.625rem}.invoiceEditorLoading span:last-child{grid-column:1/-1;min-block-size:12rem}
.page{width:min(1120px,100%);margin:0 auto;padding:28px 32px 72px}.pageHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.pageHeader h1{margin:0;font-size:28px;font-weight:600;line-height:1.2}.pageTitle{align-items:center;min-width:0;display:flex}@media (max-width:850px){.page{padding:22px 16px 40px}.pageHeader h1{font-size:26px}}@media (max-width:520px){.page{padding-inline:14px}.pageHeader{align-items:flex-start}.pageHeader .button{padding-inline:10px}}
.pageBackButton{border-radius:var(--radius-control);width:44px;min-height:44px;color:var(--color-text-secondary);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:-10px;padding:8px;display:inline-flex}.pageBackButton:hover,.pageBackButton:focus-visible{background:var(--color-surface-hover);color:var(--color-text)}.pageBackButton svg{width:18px;height:18px}

.sendActions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.sendModal{width:min(520px,100vw - 32px);transition:width .18s ease-out,max-height .18s ease-out}.sendModal--editing{width:min(640px,100vw - 32px);max-height:min(720px,100dvh - 32px)}.sendAddressFields{gap:var(--space-3);margin-block-end:var(--space-4);display:grid}.sendRecipientHint{color:var(--color-text-secondary);margin-block-start:calc(var(--space-2) * -1)}.sendPdfVariant{margin-bottom:var(--space-4)}.sendPdfVariant>span{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 7px 6px;font-size:10px;font-weight:750;display:block}.sendPdfVariant>small{color:var(--color-text-secondary);margin:7px 6px 0;display:block}.sendEditor{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.sendBodyInput{resize:none;min-height:180px;max-height:300px;overflow-y:auto}.sendExitConfirmation p{margin:0 0 var(--space-5)}@media (prefers-reduced-motion:reduce){.sendModal{transition:none;animation:none}}@media (max-width:520px){.sendActions{flex-direction:column}.sendActions .button{width:100%}}
.invoiceVariantControl{min-width:220px}@media (max-width:850px){.invoiceVariantControl{width:100%;min-width:0}}
.savedInvoiceActions{align-items:center;gap:8px;display:flex}.savedInvoiceMore{position:relative}.savedInvoiceMenu{z-index:25;border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);transform-origin:100% 0;width:max-content;min-width:210px;animation:menuReveal var(--motion-quick) var(--ease-enter) both;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.savedInvoiceMenu button{text-align:left;background:0 0;border:0;width:100%;min-height:44px;padding-inline:14px;display:block}.savedInvoiceMenu button:hover,.savedInvoiceMenu button:focus-visible{background:var(--color-surface-hover)}.savedInvoiceMenuDanger{color:var(--color-danger)}@media (max-width:53.125rem){.savedInvoiceActions{grid-template-columns:minmax(0,1fr) 44px 44px;width:100%;display:grid}.savedInvoiceActions>.status{grid-column:1/-1}.savedInvoiceActions>.button{flex:1}}@media (max-width:39.9375rem){.pageHeader:has(.savedInvoiceActions){grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.pageHeader:has(.savedInvoiceActions) .pageTitle h1{white-space:nowrap}.savedInvoiceActions{gap:8px}.savedInvoiceActions>.status{justify-self:start}.savedInvoiceActions>.button{width:100%}}@media (prefers-reduced-motion:reduce){.savedInvoiceMenu{animation:none}}
.invoiceDraftSummaryBar{display:none}.invoiceDraftSummaryRows .summaryRow:first-child{border-top:0}.summary.invoiceDraftSummaryDesktop--spec{border-radius:1rem;width:min(23.75rem,100%);margin-top:1.5rem;padding:1.25rem}.invoiceDraftSummaryDesktop--spec h2{margin-bottom:.75rem;font-size:1rem}.invoiceDraftSummaryDesktop--spec .summaryRow{color:var(--color-text-secondary);font-size:.9375rem}.invoiceDraftSummaryDesktop--spec .summaryRow b{color:var(--color-text);font-variant-numeric:tabular-nums}.invoiceDraftSummaryDesktop--spec .summaryRow.total{margin-top:.25rem;padding-top:.875rem}.invoiceDraftSummaryDesktop--spec .summaryRow.total b:first-child{color:var(--color-text-secondary);font-size:.875rem;font-weight:400}.invoiceDraftSummaryDesktop--spec .summaryRow.total b:last-child{font-size:1.75rem;font-weight:900}.invoiceDraftSummarySheet .button{width:100%;margin-top:12px}.invoiceDraftSummarySheet>small{color:var(--color-text-secondary);text-align:center;margin-top:8px;display:block}@media (max-width:63.9375rem){.invoiceDraftSummaryDesktop{display:none}.invoiceDraftSummaryBar{z-index:70;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:var(--border-default);background:var(--color-surface);grid-template-columns:minmax(0,1fr) minmax(138px,48%);align-items:center;gap:12px;transition:transform .16s,opacity .16s;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #0f172a1a}.invoiceDraftSummaryBar--hidden{pointer-events:none;opacity:0;transform:translateY(100%)}.invoiceDraftSummaryToggle{border-radius:var(--radius-control);min-width:0;min-height:44px;color:var(--color-text);text-align:left;transition:opacity var(--motion-quick) ease;background:0 0;border:0;gap:2px;padding:4px 0;display:grid}.invoiceDraftSummaryToggle:active{opacity:.6}.invoiceDraftSummaryToggle>span{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:.72rem;display:flex;overflow:hidden}.invoiceDraftSummaryChevron{flex:none;width:1rem;height:1rem;transform:rotate(180deg)}.invoiceDraftSummaryToggle>strong{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:900}.invoiceDraftSummaryToggle:hover>span{color:var(--color-text)}.invoiceDraftSummaryToggle:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 30%, transparent);outline-offset:2px}.invoiceDraftSummaryConfirm{gap:3px;min-width:0;display:grid}.invoiceDraftSummaryConfirm .button{width:100%;padding-inline:10px}}@media (prefers-reduced-motion:reduce){.invoiceDraftSummaryBar{transition:none}}
.bottomSheetLayer{z-index:140;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn var(--motion-enter) var(--ease-standard) both;background:#17201d6b;align-items:flex-end;display:none;position:fixed;inset:0}.bottomSheetLayer[data-exiting]{animation:overlayFadeOut var(--motion-exit) var(--ease-exit) both}.bottomSheet{width:100%;max-height:min(72dvh,580px);padding:8px 16px calc(16px + env(safe-area-inset-bottom));background:var(--color-surface);animation:overlaySlideIn var(--motion-enter) var(--ease-enter) both;border-radius:16px 16px 0 0;overflow-y:auto;box-shadow:0 -12px 30px #0f172a2e}.bottomSheetLayer[data-exiting]>.bottomSheet{animation:overlaySlideOut var(--motion-exit) var(--ease-exit) both}.bottomSheetHandle{border-radius:var(--radius-round);background:var(--color-border-strong);width:34px;height:3px;margin:0 auto 12px;display:block}.bottomSheetCollapse{width:44px;height:44px;color:var(--color-text-secondary);background:0 0;border:0;place-items:center;margin:0 auto 4px;display:grid}.bottomSheetCollapse>span{border-bottom:2px solid;border-right:2px solid;width:.9rem;height:.9rem;transform:translateY(-.2rem)rotate(45deg)}.bottomSheet h2{margin:0 0 14px;font-size:1rem}@media (max-width:53.125rem){.bottomSheetLayer{display:flex}}@media (min-width:53.1875rem) and (max-width:63.9375rem){.bottomSheetLayer--tablet{display:flex}}@media (prefers-reduced-motion:reduce){.bottomSheetLayer,.bottomSheet{animation:none}}
.invoiceLinesList{margin:0;padding:0;list-style:none}.invoiceLinesList>li+li{border-top:1px solid var(--color-border)}.invoiceLineRow{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);color:var(--color-text);font:inherit;text-align:left;background:0 0;border:0;display:flex}.invoiceLineRow--button{cursor:pointer}.invoiceLineRow--button:hover,.invoiceLineRow--button:focus-visible{background:var(--color-surface-hover)}.invoiceLineRow[aria-invalid=true]{box-shadow:inset 3px 0 0 var(--color-danger)}.invoiceLineRowText{flex-direction:column;gap:2px;min-width:0;display:flex}.invoiceLineRowName{overflow-wrap:anywhere}.invoiceLineRowMeta{color:var(--color-text-secondary);font-size:13px}.invoiceLineRowAmount{align-items:center;gap:var(--space-1);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650;display:flex}.invoiceLineRowAmount svg{width:18px;height:18px;color:var(--color-text-secondary)}.invoiceAddLine{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-totals-border);border-radius:var(--radius-surface);background:var(--color-totals-bg);width:100%;min-height:56px;color:var(--color-primary-text);font:inherit;cursor:pointer;font-weight:650;display:flex}.invoiceAddLine:hover,.invoiceAddLine:focus-visible{border-color:var(--color-primary)}.invoiceAddLine[aria-invalid=true]{border-color:var(--color-danger)}.invoiceAddLine svg{width:18px;height:18px}
.lineSheetLayer{z-index:120;padding:var(--space-6);animation:overlayFadeIn var(--motion-enter) var(--ease-standard) both;background:#252b317a;place-items:center;display:grid;position:fixed;inset:0}.lineSheetLayer[data-exiting]{animation:overlayFadeOut var(--motion-exit) var(--ease-exit) both}.lineSheet{border-radius:var(--radius-dialog);background:var(--color-bg);width:min(100%,560px);max-height:min(100%,860px);box-shadow:var(--shadow-dialog);animation:overlayRiseIn var(--motion-enter) var(--ease-enter) both;flex-direction:column;display:flex}.lineSheetLayer[data-exiting]>.lineSheet{animation:overlayRiseOut var(--motion-exit) var(--ease-exit) both}.lineSheetHeader{align-items:center;gap:var(--space-2);min-height:60px;padding:var(--space-2) var(--space-3);grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.lineSheetHeader h2{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;overflow:hidden}.lineSheetHeaderSpacer{width:44px}.lineSheetBody{gap:var(--space-5);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.lineSheetDescription{resize:none;line-height:1.4}.lineSheetPair{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lineSheetError{color:var(--color-danger);margin:0;font-size:13px}.lineSheetActions{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lineSheetActions .button{min-height:var(--control-height)}@media (max-width:767px){.lineSheetLayer{padding:0}.lineSheet{width:100%;height:100dvh;max-height:none;box-shadow:none;border-radius:0;animation-name:overlaySlideIn}.lineSheetLayer[data-exiting]>.lineSheet{animation-name:overlaySlideOut}.lineSheetBody{flex:1}.lineSheetActions{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.lineSheetLayer,.lineSheet{animation:none}}
.numericInput{font-variant-numeric:tabular-nums}
.vatRateControl{display:block;position:relative}.vatRateControl>.control{padding-right:2.25rem}.vatRateControl>button{width:2.25rem;height:100%;color:var(--color-text-secondary);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.vatRateOptions{z-index:20;border:1px solid var(--color-border);background:var(--color-surface);transform-origin:0 0;width:210px;animation:menuReveal var(--motion-quick) var(--ease-enter) both;border-radius:12px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.vatRateOptions>button{min-height:40px;color:var(--color-text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.vatRateOptions>button:hover,.vatRateOptions>button:focus-visible,.vatRateOptions>button[aria-selected=true],.vatRateOption--active{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}.vatRateOptions>button[aria-selected=true]{font-weight:700}.vatRateOptions>small{border-top:1px solid var(--color-border);color:var(--color-text-secondary);padding:10px 12px;font-size:12px}@media (prefers-reduced-motion:reduce){.vatRateOptions{animation:none}}
.invoiceTotals{gap:var(--space-2);padding:var(--space-3) var(--space-4) 14px;border:1px solid var(--color-totals-border);border-radius:var(--radius-surface);background:var(--color-totals-bg);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.invoiceTotals--attached{border-radius:0 0 var(--radius-surface) var(--radius-surface);border-width:1px 0 0}.invoiceTotalsRow{justify-content:space-between;gap:var(--space-3);color:var(--color-text-secondary);display:flex}.invoiceTotalsRow--total{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-totals-border);color:var(--color-text);align-items:baseline;font-weight:700}.invoiceTotalsRow--total>:first-child{font-size:15px}.invoiceTotalsRow--total>:last-child{font-size:18px}
.invoiceMeta,.invoiceMetaMore{gap:var(--space-5);flex-direction:column;display:flex}.invoiceMetaPair{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.invoiceMetaPair .control{min-width:0}.invoiceMetaSummary{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:calc(-1 * var(--space-3));color:var(--color-text-secondary);font-size:13px;display:flex}.invoiceMetaSummary>button{min-height:44px;padding:0 var(--space-1) 0 var(--space-4);color:var(--color-primary-text);font:inherit;cursor:pointer;background:0 0;border:0;font-size:15px;font-weight:650;transition:opacity .12s}.invoiceMetaSummary>button:active{opacity:.6}.invoiceMetaCollapse{margin-top:calc(-1 * var(--space-5));opacity:0;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.2,0,0,1),margin-top .24s cubic-bezier(.2,0,0,1),opacity .18s;display:grid}.invoiceMetaCollapse[data-open]{opacity:1;grid-template-rows:1fr;margin-top:0}.invoiceMetaCollapse>.invoiceMetaMore{min-height:0;padding-top:var(--space-2);margin-top:calc(-1 * var(--space-2));overflow:hidden}.invoiceMetaCollapse[data-open][data-settled]>.invoiceMetaMore{overflow:visible}@media (prefers-reduced-motion:reduce){.invoiceMetaCollapse{transition:none}.invoiceMetaCollapse[data-open]>.invoiceMetaMore{overflow:visible}}
.OPga4G_dateControl{display:block;position:relative}.OPga4G_control{font-variant-numeric:tabular-nums;min-width:0;padding-right:44px}.OPga4G_calendarPicker{opacity:0;cursor:pointer;border:0;width:44px;height:100%;margin:0;position:absolute;top:0;right:0}.OPga4G_dateControl:after{clip-path:polygon(12% 12%,25% 12%,25% 0,38% 0,38% 12%,62% 12%,62% 0,75% 0,75% 12%,88% 12%,100% 25%,100% 88%,88% 100%,12% 100%,0 88%,0 25%,12% 12%,12% 38%,88% 38%,88% 25%,12% 25%);content:"";pointer-events:none;opacity:.62;background:currentColor;width:16px;height:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.OPga4G_control[aria-invalid=true]{background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface))}.OPga4G_dateControl:has(.OPga4G_calendarPicker:focus-visible) .OPga4G_control{background:var(--color-primary-container)}
.paymentTermControl{display:block;position:relative}.paymentTermControl .control{padding-right:4.5rem}.paymentTermControl>span{color:var(--color-text-secondary);pointer-events:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}
.invoiceSaved{gap:var(--space-3);flex-direction:column;width:min(100%,760px);display:flex}.invoiceSavedCard{gap:var(--space-1);padding:14px var(--space-4);border:var(--border-default);border-radius:var(--radius-surface);background:var(--color-surface);flex-direction:column;display:flex}.invoiceSavedLabel,.invoiceSavedMeta{color:var(--color-text-secondary);font-size:13px}.invoiceSavedAmount{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.2}.invoiceSavedDueDate{color:var(--color-text-secondary);font-size:14px}.invoiceSavedDueDate--soon{color:var(--color-warning)}.invoiceSavedMetaRow{justify-content:space-between;gap:var(--space-1) var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.invoiceSavedLines{gap:0;padding:0;overflow:hidden}
.leaveDraftDialog p{max-width:58ch;color:var(--color-text-secondary);margin:0}.leaveDraftActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (max-width:520px){.leaveDraftActions{flex-direction:column}.leaveDraftActions .button{width:100%}}
.nav{flex-direction:column;gap:3px;display:flex}.nav button{border-radius:var(--radius-control);text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-height:44px;padding:10px 16px;font-weight:600;display:flex}.nav button:hover{background:var(--color-surface-hover)}.nav button.active{background:var(--color-primary-container);color:var(--color-primary-text)}.navChevron{color:var(--color-text-secondary);margin-left:auto;display:none}.sidebar--collapsed .nav{align-items:center}.sidebar--collapsed .nav button{justify-content:center;width:48px;min-height:48px;padding:0;position:relative}.sidebar--collapsed .nav button>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidebar--collapsed .nav button:after{z-index:30;background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-control);content:attr(data-tooltip);white-space:nowrap;opacity:0;pointer-events:none;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:650;line-height:1;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.sidebar--collapsed .nav button:hover:after,.sidebar--collapsed .nav button:focus-visible:after{opacity:1;transform:translateY(-50%)translate(0)}
.drawerBottom b,.drawerBottom small{display:block}.drawerBottom small{color:var(--color-text-secondary)}.drawerIdentity{align-items:center;gap:var(--space-2);display:flex}.drawerLayer{z-index:1000;background:color-mix(in srgb, var(--color-text) 28%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--motion-exit) var(--ease-exit), visibility 0s linear var(--motion-exit);position:fixed;inset:0}.drawerHead{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);padding:0 2px;display:flex}.drawerClose{flex:0 0 44px;width:44px;height:44px}.drawerLayer--open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity var(--motion-enter) var(--ease-standard)}.drawer{background:var(--color-nav);block-size:100%;inline-size:288px;transition:transform var(--motion-exit) var(--ease-exit);flex-direction:column;padding:0 12px 16px;display:flex;transform:translate(-100%);box-shadow:12px 0 24px #1f1f1f38}.drawerLayer--open .drawer{transition:transform var(--motion-enter) var(--ease-enter);transform:none}.drawer .nav{margin-top:16px}.drawerBottom{border-top:1px solid var(--color-border);margin-top:auto;padding:12px 8px 2px}.drawerIdentity{width:100%}.drawerUserIdentity{flex:1;min-width:0}.drawerUserIdentity b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:47.9375rem){.drawerLayer{inset:58px 0 0;overflow:hidden}.drawer{block-size:calc(100% - 36px);inline-size:100%;padding-top:12px;transform:translateY(-100%);box-shadow:0 12px 24px #1f1f1f38}.drawerLayer--open .drawer{transform:none}.drawerHead{display:none}.drawer .nav{margin-top:0}.drawer .nav button{min-height:56px;padding-block:12px;font-weight:650}.drawer .nav button .navChevron{display:block}}@media (prefers-reduced-motion:reduce){.drawerLayer,.drawerLayer--open,.drawer,.drawerLayer--open .drawer{transition:none}}
.companyBrand{align-items:center;min-inline-size:0;display:flex}.companyBrandLogo,.companyBrandWordmark{block-size:2rem;inline-size:auto;max-inline-size:10rem;display:block}.companyBrandLogo{object-fit:contain;object-position:left center}.companyBrandWordmark{background:var(--color-text);inline-size:5.5rem;-webkit-mask:url(/brand/nurval-wordmark.svg) 0/contain no-repeat;mask:url(/brand/nurval-wordmark.svg) 0/contain no-repeat}[data-theme=dark] .companyBrandWordmark{background:var(--color-primary)}[data-theme=dark] .companyBrandLogo{filter:brightness(0)saturate()invert(43%)sepia(94%)saturate(1600%)hue-rotate(196deg)brightness(98%)contrast(92%)}.companyBrandName{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;overflow:hidden}.companyBrandMark{font-size:1.25rem;display:none}@media not (min-width:33rem){.companyBrandName{display:none}.companyBrandLogo,.companyBrandWordmark{max-inline-size:7rem}.companyBrandMark{display:none}}
.sidebar{width:var(--sidebar-width);height:calc(100dvh - var(--header-height));top:var(--header-height);flex:0 0 var(--sidebar-width);background:var(--color-nav);border-right:var(--border-default);flex-direction:column;grid-area:2/1;padding:14px 12px;display:flex;position:sticky}.sidebar--collapsed{flex-basis:72px;width:72px;padding-inline:12px}.brand{letter-spacing:-.02em;margin:0 12px 20px;font-size:21px;font-weight:800}.sidebarUser{border-top:var(--border-default);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 0;display:flex}.sidebarUserIdentity{flex:1;min-width:0}.sidebarUserIdentity b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebarUser b,.sidebarUser small{display:block}.sidebarUser small{color:var(--color-text-secondary)}.sidebar--collapsed .sidebarUser{flex-direction:column;padding-inline:0}.sidebar--collapsed .sidebarUserIdentity{display:none}@media (max-width:74.9375rem){.sidebar{display:none}}
.modal{border-radius:var(--radius-dialog);background:var(--color-surface);width:min(720px,100vw - 32px);box-shadow:var(--shadow-dialog);flex-direction:column;max-height:84dvh;display:flex;overflow:hidden}.searchContent{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.searchContent::-webkit-scrollbar{width:6px}.searchContent::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-border-strong)}.searchModal{flex-direction:column;width:min(640px,100vw - 36px);height:min(520px,100dvh - 72px);display:flex}.searchBar{border-bottom:1px solid var(--color-border);align-items:center;gap:13px;min-height:64px;padding:0 18px;display:flex}.searchBar:focus-within{background:var(--color-primary-container)}.searchBar>svg{color:var(--color-primary)}.searchBar input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:18px 0;font-size:16px}.searchBar input:focus-visible{background:0 0}.searchBar button{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text-secondary);border-radius:6px;padding:4px 7px;font-size:11px;font-weight:750}.searchContent{flex:1;min-height:0;padding:14px;overflow-y:auto}.searchGroups{flex-direction:column;gap:10px;display:flex}.searchShortcuts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.searchShortcuts h3{grid-column:1/-1}.searchShortcuts .searchResult{margin-bottom:0}.searchEmpty{min-height:260px;color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.searchEmpty b{color:var(--color-text)}@media (max-width:850px){.searchGroups{grid-template-columns:1fr}}@media (max-width:520px){.searchModal{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.modalLayer:has(.searchModal){padding:0}.searchShortcuts{grid-template-columns:1fr}}
.searchGroup h3{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.14em;margin:3px 10px 9px;font-size:11px;font-weight:800}
.searchResult{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-height:50px;color:var(--color-primary-text);text-align:left;align-items:center;gap:11px;margin-bottom:8px;padding:10px 13px;display:flex}.searchResult:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.searchResult>svg{flex:none}.searchResult span{min-width:0}.searchResult b,.searchResult small{display:block}.searchResult small{color:var(--color-text-secondary);margin-top:2px;font-size:11px}
.settingsGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settingsModal{width:min(820px,100vw - 32px)}.settingsCard{border:1px solid var(--color-border);border-radius:var(--radius-surface);background:var(--color-surface);overflow:hidden}.settingsCard--wide{grid-column:1/-1}.settingsCard h3{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0;padding:13px 16px 10px;font-size:11px}.settingsCard h3+.setting,.settingsCard h3+.settingsLink{border-top:0}.settingsColumns{grid-template-columns:1fr 1fr;display:grid}.settingsColumns .setting,.settingsColumns .settingsLink{border-top:0}.settingsColumns>:nth-child(2){border-left:1px solid var(--color-border)}.languagePicker{padding:10px 16px 14px}@media (max-width:850px){.settingsModal{width:min(100vw - 24px,520px)}.settingsModal .modalBody{padding:10px}.settingsGrid{grid-template-columns:1fr;gap:8px}.settingsCard--wide{grid-column:auto}.settingsColumns{grid-template-columns:1fr}.settingsColumns>:nth-child(2){border-top:1px solid var(--color-border);border-left:0}.settingsCard{border-radius:var(--radius-control)}.settingsCard h3{padding:10px 12px 8px}.settingsCard .setting,.settingsCard .settingsLink,.invoiceDeliveryPreference{min-height:58px;padding:10px 12px}.languagePicker{padding:6px 10px 9px}}
.periodList{padding:var(--space-3) var(--space-4) var(--space-4)}.periodRow{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);min-height:54px;display:flex}.periodRow:last-child{border-bottom:0}.periodRow>div{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.periodRow b{text-transform:capitalize}@media (max-width:520px){.periodRow{padding-block:var(--space-3);flex-direction:column;align-items:flex-start}}
.messageSettingsForm{padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.messageSettingsForm>small{color:var(--color-text-secondary)}.messageSettingsForm>.button{align-self:flex-end}.messageTemplateInput{resize:vertical;min-height:116px;max-height:220px}
.companyLogoSetting{align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-default);display:flex}.companyLogoSetting>div:last-child{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.companyLogoPreview{border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface-soft);flex:0 0 150px;place-items:center;width:150px;height:72px;display:grid;overflow:hidden}.companyLogoPreview img{object-fit:contain;width:100%;height:100%}@media (max-width:520px){.companyLogoSetting{flex-direction:column;align-items:flex-start}}

.accountList{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.accountList::-webkit-scrollbar{width:6px}.accountList::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-border-strong)}.accountRow{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.accountList{border:1px solid var(--color-border);border-radius:var(--radius-surface);max-height:300px;overflow-y:auto}.accountRow{border-top:1px solid var(--color-border);min-height:42px;padding:8px 12px}.accountRow:first-child{border-top:0}.accountRow b{width:62px}.accountRow span{flex:1}.accountRow small{color:var(--color-text-secondary)}

.profileSettings{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);display:flex}.profileSettings h3{margin:0}.profileAvatarPreview{background:var(--color-primary-container);width:96px;height:96px;color:var(--color-primary-text);border-radius:50%;flex:0 0 96px;place-items:center;font-size:32px;font-weight:750;display:grid;overflow:hidden}.profileAvatarPreview img{object-fit:cover;width:100%;height:100%}.profileSettings .settingsHelper,.profileSettings [role=status]{margin-top:var(--space-2)}@media (max-width:850px){.profileSettings{flex-direction:column}}

.invoiceDeliveryPreference{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);align-items:center;gap:8px 16px;min-height:76px;padding:12px 16px;display:grid}.invoiceDeliveryPreference+.setting{border-top:0}.invoiceDeliveryPreference b,.invoiceDeliveryPreference small{display:block}.invoiceDeliveryPreference small{color:var(--color-text-secondary);margin-top:3px}.invoiceDeliveryPreference .fieldHelper{grid-column:1/-1;margin:0}.invoiceDeliveryPreference .invoicePdfVariantControl,.invoiceDeliveryPreference .segmentedControl{width:100%}@media (max-width:850px){.invoiceDeliveryPreference{grid-template-columns:1fr;gap:10px}.invoiceDeliveryPreference>div:first-child,.invoiceDeliveryPreference .invoicePdfVariantControl,.invoiceDeliveryPreference .segmentedControl{width:100%}}
.setting{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting small{color:var(--color-text-secondary);margin-top:3px;display:block}.setting{border-top:1px solid var(--color-border);min-height:64px;padding:12px 16px}
.settingsLink{border:0;border-top:1px solid var(--color-border);width:100%;min-height:64px;color:var(--color-text);text-align:left;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.settingsLinkCopy{min-width:0}.settingsLinkCopy b,.settingsLinkCopy small{display:block}.settingsLinkCopy small{color:var(--color-text-secondary);margin-top:3px}.settingsLinkChevron{color:var(--color-text-secondary);font-size:1.4rem;line-height:1}.settingsLink:hover{background:var(--color-surface-hover)}.settingsLink:focus-visible{z-index:1;outline:2px solid var(--color-primary);outline-offset:-2px}
.themeSettings{margin:10px 16px 14px}@media (max-width:390px){.themeSettings{margin-inline:12px}}
.clientRow{align-items:center;gap:12px;padding:13px 16px;display:grid}.clientsTable{container:clients-table/inline-size}.clientRow{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.clientDesktopRow{border:0;border-top:var(--border-default);width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0}.clientDesktopRow:hover{background:var(--color-surface-hover)}.clientDesktopRow:focus-visible{z-index:1;outline:2px solid var(--color-primary);outline-offset:-2px;position:relative}.catalogTableToolbar{align-items:end}.page:has(.clientsTable) .toolbar .field{flex:100%;width:100%}.clientRow>*{overflow-wrap:anywhere;min-inline-size:0}.clientsMobileList{display:none}@media (max-width:53.125rem){.clientsDesktopTable{display:none}.clientsMobileList{gap:8px;display:grid}.clientMobileCard{border:var(--border-default);border-radius:var(--radius-surface);background:var(--color-surface);text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:76px;padding:12px 14px;display:flex}.clientMobileCard>span{gap:2px;min-width:0;display:grid}.clientMobileCard strong{overflow-wrap:anywhere;font-size:1rem;font-weight:700}.clientMobileCard small{color:var(--color-text-secondary);overflow-wrap:anywhere}.clientMobileCard:hover{background:var(--color-surface-hover)}.clientMobileCard:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}
.sortIndicator{text-align:center;flex:0 0 12px;width:12px;font-size:12px;line-height:1}
.clientTypeField{gap:6px;display:grid}.clientTypeField>span{color:var(--color-text-secondary);text-transform:uppercase;font-size:12px;font-weight:700}
.catalogSearchField{width:100%;min-width:0;display:block}.catalogSearchLabel{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.catalogSearchControl{border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-height:44px;box-shadow:var(--shadow-control);grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;padding:0 12px;display:grid}.catalogSearchControl svg{width:18px;height:18px;color:var(--color-text-secondary)}.catalogSearchControl input{width:100%;min-width:0;min-height:42px;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;padding:0}.catalogSearchControl:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-container)}
@media (max-width:53.125rem){.catalogCreateButton{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.catalogCreateButton>span{display:none}.catalogCreateButton svg{width:20px;height:20px}}
.tableColumnConfigurator{flex:none;position:relative}.tableColumnTrigger{min-height:var(--control-height);white-space:nowrap}.tableColumnBackdrop{display:none}.tableColumnPanel{z-index:30;border:var(--border-default);border-radius:var(--radius-surface);background:var(--color-surface);inline-size:min(320px,100vw - 32px);box-shadow:var(--shadow-dialog);transform-origin:100% 0;animation:menuReveal var(--motion-quick) var(--ease-enter) both;padding:18px;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0}.tableColumnConfigurator[data-exiting] .tableColumnPanel{animation:overlayFadeOut var(--motion-exit) var(--ease-exit) both}.tableColumnMore{width:44px;min-height:44px;box-shadow:none;color:var(--color-text-secondary);background:0 0;border-color:#0000}.tableColumnPanelHeader h2{margin:0;font-size:1rem}.tableColumnPanelHeader p{color:var(--color-text-secondary);margin:4px 0 0;font-size:.75rem;line-height:1.4}.tableColumnOptions{border-block-start:var(--border-default);margin-block:14px 10px;display:grid}.tableColumnOption{border-block-end:var(--border-default);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;display:grid}.tableColumnOption input{opacity:0;pointer-events:none;position:absolute}.tableColumnSwitch{--switch-position:2px;border:var(--border-default);background:var(--color-surface-soft);border-radius:999px;width:38px;height:22px;padding:2px;transition:background .16s,border-color .16s}.tableColumnSwitch:after{content:"";background:var(--color-surface);width:16px;height:16px;box-shadow:var(--shadow-control);transform:translateX(var(--switch-position));border-radius:50%;transition:transform .16s;display:block}.tableColumnOption input:checked+.tableColumnSwitch{--switch-position:16px;border-color:var(--color-primary);background:var(--color-primary)}.tableColumnOption input:focus-visible+.tableColumnSwitch{outline:2px solid var(--color-primary);outline-offset:2px}.tableColumnOption input:disabled+.tableColumnSwitch{opacity:.55;cursor:not-allowed}.tableColumnReset{min-height:44px;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.tableColumnReset:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tableColumnError{color:var(--color-danger);margin:0;font-size:.75rem}@media (max-width:53.125rem){.tableColumnTrigger span{display:none}.tableColumnBackdrop{z-index:38;background:color-mix(in srgb, var(--color-text) 38%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;display:block;position:fixed;inset:0}.tableColumnPanel{z-index:39;inline-size:100%;max-height:calc(100dvh - 36px);padding:22px 16px max(18px, env(safe-area-inset-bottom));border-radius:var(--radius-surface) var(--radius-surface) 0 0;animation:overlaySlideIn var(--motion-enter) var(--ease-enter) both;border:0;position:fixed;inset:auto 0 0;overflow-y:auto}.tableColumnBackdrop{animation:overlayFadeIn var(--motion-enter) var(--ease-standard) both}.tableColumnConfigurator[data-exiting] .tableColumnPanel{animation:overlaySlideOut var(--motion-exit) var(--ease-exit) both}.tableColumnConfigurator[data-exiting] .tableColumnBackdrop{animation:overlayFadeOut var(--motion-exit) var(--ease-exit) both}.tableColumnPanel:before{content:"";background:var(--color-border);border-radius:999px;width:36px;height:4px;margin:-10px auto 14px;display:block}}@media (prefers-reduced-motion:reduce){.tableColumnSwitch,.tableColumnSwitch:after{transition:none}.tableColumnPanel,.tableColumnBackdrop{animation:none}}
.tablePreferencesLoading{display:contents}
.documentsToolbar{grid-template-columns:minmax(0,1fr) minmax(180px,230px) minmax(180px,230px) auto;align-items:end;display:grid}.documentsToolbar>.field,.documentsToolbar .control{width:100%;min-width:0}.documentsToolbar>.field>.fieldLabel{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.documentCount{color:var(--color-text-secondary);margin:0 0 10px;font-size:.875rem}.documentRow{grid-template-columns:var(--document-table-columns);min-inline-size:var(--document-table-min-inline-size);align-items:center;gap:12px;padding:13px 16px;display:grid}.documentsDesktopTable{scrollbar-gutter:stable;overflow:auto hidden}.documentRow>*{min-width:0}.documentCell{white-space:nowrap;font-variant-numeric:tabular-nums}.documentCell--client{text-overflow:ellipsis;overflow:hidden}.documentCell--status{overflow:visible}.tableCellAmount{text-align:right;justify-self:end}.documentRow>:last-child{text-align:right;justify-self:end;width:100%}.rowActions{justify-content:flex-end;align-items:center;gap:6px;min-width:max-content;display:flex}.rowActions .iconButton{flex:0 0 38px}.documentTableRow{cursor:pointer;transition:background .12s}.documentTableRow:hover{background:var(--color-surface-hover)}.documentTableRow:focus-visible{z-index:1;outline:3px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:-3px;position:relative}.documentClientMissing{color:var(--color-text-secondary);font-style:italic}.draftDeleteButton{color:var(--color-danger)}.documentsMobileList{display:none}@media (max-width:850px){.documentsToolbar{display:none}.documentsToolbar>.field,.documentsToolbar .control{width:100%;max-width:none}.documentsDesktopTable,.documentCount{display:none}.documentsMobileList{gap:8px;display:grid}.documentMobileCard{border:var(--border-default);border-radius:var(--radius-surface);background:var(--color-surface);padding:13px 14px}.documentMobileHeading,.documentMobileFooter{justify-content:space-between;align-items:center;gap:12px;display:flex}.documentMobileHeading strong{overflow-wrap:anywhere;min-width:0;font-size:1rem}.documentMobileHeading b{flex:none;font-size:1.125rem;font-weight:800}.documentMobileDetails{color:var(--color-text-secondary);flex-wrap:wrap;gap:3px 8px;margin-top:3px;font-size:.75rem;display:flex}.documentMobileFooter{margin-top:10px}}@media (max-width:520px){.rowActions .button{display:none}}
._0224VW_message{color:var(--color-text-secondary);margin:0}._0224VW_actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}@media (max-width:520px){._0224VW_actions{flex-direction:column-reverse}._0224VW_actions>*{width:100%}}
.documentMobileControls{display:none}.documentMobileControlRow{grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;display:grid}.documentMobileControlRow button{border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-primary-text);justify-content:center;align-items:center;display:inline-flex;position:relative}.documentMobileControlRow .periodTrigger{color:var(--color-text);text-align:left;justify-content:flex-start;gap:8px;padding-inline:12px}.periodTrigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.activeFilterCount{border-radius:var(--radius-round);background:var(--color-primary);color:#fff;place-items:center;min-width:16px;height:16px;padding-inline:4px;font-size:.625rem;font-weight:800;line-height:1;display:grid;position:absolute;top:4px;right:4px}.documentMobileSummary{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-block:4px 6px;font-size:.75rem;display:flex}.documentMobileSummaryEnd{align-items:center;gap:2px;margin-inline-end:-10px;display:flex}.sheetChoiceGrid{flex-wrap:wrap;gap:8px;display:flex}.sheetChip{border:var(--border-default);border-radius:var(--radius-round);background:var(--color-surface);min-height:44px;padding-inline:12px}.sheetChip--active{border-color:var(--color-primary);background:var(--color-primary-container);color:var(--color-primary-text)}.sheetApply,.sheetReset{border-radius:var(--radius-control);background:var(--color-primary);color:#fff;border:0;width:100%;min-height:44px;margin-top:16px;font-weight:800}.sheetReset{color:var(--color-primary-text);background:0 0;margin-top:4px}.sheetRadioList label{border-bottom:var(--border-default);justify-content:space-between;align-items:center;min-height:44px;display:flex}.sheetRadioList input{accent-color:var(--color-primary)}.sortDirectionControl{border-radius:var(--radius-control);background:var(--color-surface-soft);grid-template-columns:1fr 1fr;gap:4px;margin-top:14px;padding:4px;display:grid}.sortDirectionControl button{background:0 0;border:0;border-radius:8px;min-height:44px}.sortDirectionControl button.active{background:var(--color-surface);color:var(--color-primary-text);box-shadow:var(--shadow-control)}@media (max-width:53.125rem){.documentMobileControls{display:block}}
.documentPeriodDates{border:0;min-width:0;margin:20px 0 0;padding:0}.documentPeriodDates legend{color:var(--color-text-secondary);margin-bottom:8px;font-size:.75rem;font-weight:800}.documentPeriodDateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.documentPeriodDateGrid .fieldLabel{font-size:.7rem}@media (max-width:22rem){.documentPeriodDateGrid{grid-template-columns:1fr}}
.documentDesktopPeriod{position:relative}.documentDesktopPeriodTrigger{width:100%;min-height:var(--control-height);border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-control);text-align:left;align-items:center;gap:9px;padding:9px 12px;font-weight:650;display:flex}.documentDesktopPeriodTrigger span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.documentDesktopPeriodChevron{width:16px;height:16px;transform:rotate(90deg)}.documentDesktopPeriodMenu{z-index:40;border:var(--border-default);border-radius:var(--radius-control);background:var(--color-surface);transform-origin:0 0;width:100%;min-width:220px;animation:menuReveal var(--motion-quick) var(--ease-enter) both;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.documentDesktopPeriodMenu button{width:100%;min-height:42px;color:var(--color-text);text-align:left;background:0 0;border:0;align-items:center;padding:9px 12px;display:flex}.documentDesktopPeriodMenu button:hover,.documentDesktopPeriodMenu button:focus-visible,.documentDesktopPeriodMenu button.active{background:var(--color-surface-hover)}@media (max-width:53.125rem){.documentDesktopPeriod{display:none}}@media (prefers-reduced-motion:reduce){.documentDesktopPeriodMenu{animation:none}}
.notice{border-radius:var(--radius-surface);background:var(--color-warning-bg);color:var(--color-warning);margin-bottom:18px;padding:14px 16px}.exportGrid{gap:12px;display:flex}.exportPeriod{gap:12px;width:100%;margin-block:8px 14px;display:flex}.exportPeriod>*{flex:1}.exportGrid>.surface{flex-direction:column;flex:1;min-height:170px;display:flex}.exportGrid h2{margin:0}.exportGrid p{color:var(--color-text-secondary)}.exportGrid .button{margin-top:auto}@media (max-width:850px){.exportGrid{flex-direction:column}.exportGrid>.surface{flex-basis:auto;width:100%}}@media (max-width:520px){.exportPeriod{gap:0;width:100%;max-width:none}.exportPeriod>.field{min-width:0}.exportPeriod>.field:first-child .control{border-radius:var(--radius-control) 0 0 var(--radius-control)}.exportPeriod>.field:last-child .control{border-radius:0 var(--radius-control) var(--radius-control) 0;border-left:0}}
.importSample{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.importSample::-webkit-scrollbar{width:6px}.importSample::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-border-strong)}.importPanel h2{margin:0}.importPanel{margin-top:var(--space-4);align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.importPanel>.field{width:min(360px,100%)}.importBehavior{max-width:72ch;color:var(--color-text-secondary);margin:0}.importPreview{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.importPreview small,.importSample span{color:var(--color-text-secondary);display:block}.importSample{border:1px solid var(--color-border);border-radius:var(--radius-control);max-height:190px;overflow-y:auto}.importSample>div{gap:var(--space-3);border-top:1px solid var(--color-border);grid-template-columns:minmax(100px,.35fr) 1fr;padding:9px 12px;display:grid}.importSample>div:first-child{border-top:0}
.dashboard{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.dashboard>.surface{flex:1 1 0;padding-bottom:0}.dashboard>.approvalQueue{flex-basis:100%}@media (max-width:850px){.dashboard{flex-direction:column}.dashboard>*{flex-basis:auto;width:100%;min-width:0}}
.approvalItem{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding:14px 4px;display:flex}.approvalItem:last-child{border-bottom:0}.approvalCopy{align-items:baseline;gap:4px var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.approvalCopy b,.approvalCopy span,.approvalCopy small{overflow-wrap:anywhere}.approvalCopy small{color:var(--color-text-secondary);flex-basis:100%}.approvalActions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:850px){.approvalItem{flex-direction:column;align-items:flex-start}.approvalActions{justify-content:flex-start;width:100%}}
.notificationQueue{flex-basis:100%}
.invoiceActivityChart{border:var(--border-default);border-radius:var(--radius-surface);background:var(--color-surface);flex:100%;padding:16px}.activityChartHeading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.activityChartHeading h2{margin:0;font-size:1rem}.activityChartHeading span{color:var(--color-text-secondary);font-size:.75rem}.activityChartHeading strong{font-size:1.25rem}.activityBars{align-items:flex-end;gap:clamp(8px,4vw,28px);height:150px;margin-top:18px;display:flex}.activityBarColumn{text-align:center;flex:1;grid-template-rows:minmax(0,1fr) auto;gap:6px;height:100%;display:grid}.activityBarTrack{flex-direction:column-reverse;justify-content:flex-start;gap:2px;min-height:0;display:flex}.activityBarSegment{border-radius:3px 3px 0 0;width:100%;min-height:0}.activityBarSegment--confirmed{background:var(--color-status-confirmed)}.activityBarSegment--draft{background:var(--color-status-draft)}.activityBarSegment--paid{background:var(--color-status-paid)}.activityBarColumn small{color:var(--color-text-secondary)}.activityLegend{color:var(--color-text-secondary);flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.7rem;display:flex}.activityLegend span:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.activityLegend .confirmed{color:var(--color-status-confirmed)}.activityLegend .draft{color:var(--color-status-draft)}.activityLegend .paid{color:var(--color-status-paid)}
.invoiceReminders{width:100%}.invoiceReminderList{margin-inline:-4px}.invoiceReminder{align-items:center;gap:var(--space-3);width:100%;min-height:58px;padding:var(--space-3) 4px;border:0;border-bottom:var(--border-default);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto auto;display:grid}.invoiceReminder:last-child{border-bottom:0}.invoiceReminder:hover{background:var(--color-surface-hover)}.invoiceReminder>span:first-child{gap:2px;min-width:0;display:grid}.invoiceReminder b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invoiceReminderDeadline{color:var(--color-danger);font-weight:700}.invoiceReminder strong{white-space:nowrap}.invoiceReminderChevron{color:var(--color-text-secondary);font-size:1.4rem;line-height:1}.invoiceReminder:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}
.productRow{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));align-items:center;gap:12px;padding:13px 16px;display:grid}.productDesktopRow{border:0;border-top:var(--border-default);width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0}.productDesktopRow:hover{background:var(--color-surface-hover)}.productDesktopRow:focus-visible{z-index:1;outline:2px solid var(--color-primary);outline-offset:-2px;position:relative}.page:has(.productsDesktopTable) .toolbar .field{flex:100%;width:100%}.productCode{overflow-wrap:anywhere;min-width:0}.productsMobileList{display:none}@media (max-width:1000px){.productRow{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}}@media (max-width:850px){.productsDesktopTable{display:none}.productsMobileList{gap:8px;display:grid}.productMobileCard{border:var(--border-default);border-radius:var(--radius-surface);background:var(--color-surface);text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:68px;padding:12px 14px;display:flex}.productMobileCard>span:first-child{gap:2px;min-width:0;display:grid}.productMobileCard strong{overflow-wrap:anywhere;font-size:1rem;font-weight:700}.productMobileCard small{color:var(--color-text-secondary)}.productMobileAside{flex:none;align-items:center;gap:8px;display:flex}.productMobileCard:hover{background:var(--color-surface-hover)}.productMobileCard:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}

.workspaceToast{color:#fff;width:min(340px,100vw - 28px);box-shadow:var(--shadow-dialog);background:#14201a;border-radius:12px;grid-template-columns:20px minmax(0,1fr) 24px;align-items:start;gap:10px;padding:12px 12px 12px 16px;animation:.18s ease-out toastEnter;display:grid}.workspaceToast--withAction{grid-template-columns:20px minmax(0,1fr) auto 24px}.workspaceToast>svg{color:#6fd3a0;width:20px;height:20px}.workspaceToast--warning>svg,.workspaceToast--error>svg{color:#f2b544}.workspaceToastText{gap:2px;min-width:0;display:grid}.workspaceToastText strong{font-size:14px;line-height:1.35}.workspaceToastText>span{color:#c9d1cd;font-size:13px;line-height:1.35}.workspaceToastClose{color:#c9d1cd;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.workspaceToastClose svg{width:16px;height:16px}.workspaceToastAction{color:#9bc0ff;min-height:24px;font:inherit;white-space:nowrap;background:0 0;border:0;align-self:center;padding:2px 6px;font-size:13px;font-weight:750}.workspaceToastAction:hover{color:#fff}@media (prefers-reduced-motion:reduce){.workspaceToast{animation:none}}