/* ARTUS interface system. Business rules and printable documents stay separate. */
:root{
 --primary:#35664b;--primary-hover:#294f3a;--primary-soft:#edf4ee;
 --surface:#fff;--surface-subtle:#f5f7f4;--canvas:#f7f8f6;
 --text:#29382e;--text-secondary:#526558;--text-muted:#617083;
 --line:#dce3dc;--field-line:#b6c4b9;--navigation:#fff;--navigation-text:#46584b;--navigation-muted:#617083;--success:#18714e;--success-soft:#eaf6f0;
 --warning:#8e5415;--warning-soft:#fff4df;--danger:#ba3544;
 --radius:8px;--shadow:none;
 --green:var(--primary);--green-light:var(--primary-soft);--ink:var(--text);
 --muted:var(--text-muted);--border:var(--line);--bg:var(--canvas);--nav:var(--surface);
 color-scheme:light;
}
html{scroll-padding:80px 0 100px}
body{background:var(--canvas);color:var(--text);font-size:15px;line-height:1.5;caret-color:transparent}
input,textarea,[contenteditable="true"],[contenteditable=""]{caret-color:auto}
button,input,select,textarea{font:inherit}
button,a,summary{touch-action:manipulation}
button{transition:background-color .15s,border-color .15s,color .15s}
button:hover{filter:none}
button:disabled{cursor:not-allowed;opacity:.55}
h1,h2,h3{color:var(--text);text-wrap:pretty}
small,.muted{color:var(--text-muted)}
svg.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
html[data-input-mode="keyboard"] :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:-100px;background:var(--primary);color:white;z-index:1000;padding:12px 18px;border-radius:8px;text-decoration:none}
.skip-link:focus{top:12px}
.sidebar{width:208px;padding:24px 12px;background:var(--navigation);border-right:1px solid var(--line);color:var(--navigation-text)}
.sidebar .brand{padding:0 14px;margin-bottom:28px;color:var(--primary);font-size:27px;font-weight:800;letter-spacing:.8px;justify-content:flex-start}
.brand-name{display:block;white-space:nowrap}
.nav-label{display:block;margin-bottom:10px;padding:0 14px;font-size:12px;letter-spacing:0;color:var(--navigation-muted)}
#navigation{margin:0}
#navigation button{min-height:44px;padding:10px 12px;gap:10px;margin-bottom:4px;font-size:14px;font-weight:500;border-radius:6px;color:var(--navigation-text)}
#navigation button span{display:inline}
#navigation button svg{width:19px;height:19px;stroke-width:1.7}
#navigation button:hover{background:var(--surface-subtle);color:var(--text)}
#navigation button.active{background:var(--primary-soft);color:var(--primary);font-weight:700;box-shadow:none}
.nav-separator{display:block;height:1px;background:var(--line);margin:22px 12px}
#navigation .menu-more{display:none}
.app{margin-left:208px;min-width:0}
.app>header{height:68px;min-height:68px;padding:0 28px;background:var(--surface);border-bottom:1px solid var(--line)}
.breadcrumb{color:var(--text-muted);font-size:14px}.breadcrumb strong{color:var(--text);font-weight:600}.breadcrumb span{margin:0 12px;color:#b2bdca}
.header-right{gap:16px;color:var(--text-secondary)}
#header-date{color:var(--text-muted);font-size:12px}
#cloud-status{color:var(--text-secondary);font-size:12px;white-space:nowrap}
#cloud-status::before{background:var(--success)}
#cloud-status[data-state="pending"]::before{background:var(--warning)}
.header-divider{background:var(--line)}
.avatar,.avatar.small{background:var(--primary-soft);color:var(--primary);width:32px;height:32px;font-weight:600}
.account-menu summary{min-height:44px;gap:8px;color:var(--text-secondary);padding:4px 8px;border-radius:8px}
.account-menu summary:hover{background:var(--surface-subtle)}
.account-dropdown{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:0 12px 40px #1923331a;min-width:210px}
.account-dropdown strong{color:var(--text-secondary)}.account-dropdown button{color:var(--text);min-height:44px;border-radius:6px}
.account-dropdown button:hover{background:var(--surface-subtle)}
main{width:100%;max-width:none;margin:0;padding:28px 28px 32px}
.page-heading{margin-bottom:20px;align-items:center;flex-direction:row;gap:16px;flex-wrap:wrap}
.page-heading h1{font-size:25px;font-weight:700;letter-spacing:-.8px;margin:0}
.heading-actions{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}
.button{min-height:44px;padding:10px 15px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;box-shadow:var(--shadow)}
.button:hover{background:var(--surface-subtle);border-color:var(--text-muted)}
.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}
.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.button.compact{min-height:36px;padding:7px 12px;font-size:13px}
input,select,textarea{color:var(--text);background:var(--surface);border-color:var(--field-line);border-radius:7px;min-width:0}
input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}
input:disabled,select:disabled{background:var(--surface-subtle);color:var(--text-muted)}
.search-box{background:var(--surface);border-color:var(--field-line);border-radius:8px;min-height:42px;color:var(--text-muted)}
.search-box input{font-size:14px;color:var(--text);min-width:0;outline-offset:2px}
label:has(>input),label:has(>select){color:var(--text-secondary)}
.tabs{background:var(--surface-subtle);border-radius:8px;padding:4px;gap:3px}
.tabs button{color:var(--text-secondary);min-height:34px;padding:7px 14px;font-size:13px;border-radius:5px}
.tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #14263e15;font-weight:600}
.tabs button:hover:not(.active){background:var(--primary-soft);color:var(--text)}
.badge{border-radius:5px;font-size:12px;font-weight:500;padding:3px 7px;line-height:1.5;white-space:nowrap;word-break:keep-all}
.badge.out{background:var(--primary-soft);color:var(--primary)}
.badge.in{background:var(--success-soft);color:var(--success)}
.badge.warn{background:var(--warning-soft);color:var(--warning)}
.badge.neutral{background:var(--surface-subtle);color:var(--text-secondary)}
.row-button{color:var(--text);font-size:14px;line-height:1.5}
table{color:var(--text-secondary)}
thead,th{background:var(--surface-subtle);color:var(--text-secondary)}
th{font-size:12px;font-weight:600;border-color:var(--line);padding:10px 14px}
td{color:var(--text-secondary);font-size:14px;border-color:var(--line);padding:10px 14px;line-height:1.5}
td strong{color:var(--text);font-weight:600}td small{color:var(--text-muted);font-size:12px}
.number,.home-metric strong,.partner-money,.ledger-totals{font-variant-numeric:tabular-nums}
.empty{color:var(--text-muted);padding:40px 16px}
.panel,.other-view,.info-card{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.other-view{padding:24px;min-width:0;border:0;box-shadow:none}.other-view h2{font-size:19px;color:var(--text)}
.other-description,.info-card p,.price-editor p{color:var(--text-secondary);font-size:14px}
.info-card{background:var(--surface-subtle);padding:22px}
/* Home: a compact overview, with the transaction list as its primary surface. */
.home-view{display:grid;max-width:1500px;margin:0 auto;gap:20px}
/* Login moves focus here; the page container does not need a selection ring. */
#home-view:focus{outline:none}
.home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0}
.home-section-heading h1{font-size:27px;letter-spacing:-.8px;margin:0;font-weight:700}
.home-section-heading>span{font-size:13px;color:var(--text-secondary);border:0;background:transparent;padding:0;white-space:nowrap}
.home-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.home-metric{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);min-width:0}
.metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}
.metric-label .ui-icon{color:var(--text-muted);width:19px;height:19px}
.home-metric>strong{font-size:clamp(24px,2.25vw,35px);font-weight:650;letter-spacing:-1px;color:var(--text);line-height:1.25;margin:18px 0 10px;white-space:nowrap;overflow-wrap:normal}
.home-metric-wide>strong{font-size:clamp(18px,1.6vw,26px)}
.home-metric strong small{font-size:13px;font-weight:500;letter-spacing:0;margin-left:5px;color:var(--text-muted)}
.home-metric p{font-size:12px;line-height:1.5;color:var(--text-muted);margin:0}
.home-metric:first-child{border-color:var(--line)}
.home-metric:first-child>strong{color:var(--primary)}
.home-dashboard{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:20px;margin-bottom:0;align-items:start}
.home-recent-card{order:0}.home-checks{order:1;align-self:start}
#home-stock-checks{display:contents}
.home-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;background:var(--surface)}
.home-card-heading h2,.home-menu-section>h2{font-size:17px;font-weight:650;color:var(--text)}
.home-card-note{color:var(--text-muted);font-size:12px;margin:4px 0 16px}
.home-text-button{color:var(--primary);font-weight:600;font-size:12px;min-height:40px}
.home-check{padding:20px 0;border-color:var(--line);color:var(--text);font-size:14px}
.home-check small{color:var(--text-muted);font-size:12px}
.home-check strong{color:var(--text);font-size:18px;font-weight:650}
.home-check-links{margin-top:22px;gap:8px}.home-check-links .button{flex:1;padding:8px 6px;font-size:12px}
#home-recent{display:grid;grid-template-columns:80px minmax(0,1fr) max-content max-content 12px;column-gap:12px}
#home-recent>*{grid-column:1/-1}
.home-recent-row{grid-template-columns:subgrid;padding:15px 0;gap:12px;border-color:var(--line);color:var(--text);min-height:68px}
.home-recent-kind{justify-items:center;align-content:center;text-align:center}
.home-recent-kind>.badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:24px;text-align:center}
.home-recent-row:last-child{border-bottom:0}.home-recent-row:hover{background:var(--surface-subtle)}
.home-recent-date,.home-recent-party small,.home-recent-kind>small{color:var(--text-muted);font-size:12px}
.home-recent-party strong{font-size:14px;font-weight:600}.home-recent-party small{margin-top:4px}
.home-recent-kind>small,.home-recent-amount{white-space:nowrap;overflow-wrap:normal}
.home-recent-amount{font-size:14px;font-weight:650}.home-recent-arrow{color:var(--text-muted)}
.home-empty{color:var(--text-muted);min-height:240px;display:grid;place-content:center}
.home-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);margin-bottom:0}
.home-shortcuts button{display:grid;grid-template-columns:28px minmax(0,1fr);align-content:center;column-gap:12px;row-gap:4px;border:0;border-right:1px solid var(--line);border-radius:0;padding:14px;background:transparent;box-shadow:none;color:var(--text)}.home-shortcuts button:last-child{border-right:0}.home-shortcuts button>strong{align-self:center}.home-shortcuts button>small{grid-column:2}.home-menu-section>h2{margin:0 0 12px;font-size:14px;font-weight:600}.home-shortcuts .home-arrow{display:none}
.home-shortcuts button:hover{background:var(--primary-soft);border-color:var(--primary)}
.home-shortcut-icon{display:grid;place-items:center;width:28px;height:28px;background:transparent;color:var(--primary);border:0;border-radius:0;margin:0}
.home-shortcuts strong{font-size:15px}.home-shortcuts small{color:var(--text-muted);font-size:12px;line-height:1.7}.home-arrow{color:var(--text-muted);top:24px;right:20px}
/* Ledger: two separate panels; the table owns scrolling on desktop. */
.ledger-shell{border:1px solid var(--line);background:var(--surface);box-shadow:none;gap:0;grid-template-columns:260px minmax(0,1fr);border-radius:var(--radius)}
.partner-pane{background:var(--surface-subtle);border:0;border-right:1px solid var(--line);border-radius:0;min-width:0}
.ledger-main{background:var(--surface);border:0;border-radius:0;min-width:0}
.partner-heading{padding:20px 18px 14px}.partner-heading h2{font-size:16px;color:var(--text);margin:0 0 6px}
.partner-heading h2 span{font-size:12px;background:var(--surface-subtle);color:var(--text-secondary);padding:3px 7px;border-radius:5px;margin-left:5px}
.partner-heading small{font-size:12px;color:var(--text-muted)}
.partner-search{margin:0 14px 14px;border:1px solid var(--field-line);background:var(--surface);border-radius:7px;min-height:42px;padding:8px 10px;color:var(--text-muted)}
.partner-search input{font-size:14px;background:transparent;color:var(--text)}
#partner-list{padding:0 8px 10px}
.partner-section{padding:14px 12px 7px;color:var(--text-muted);font-size:11px;font-weight:600}
#partner-list .partner-row{padding:12px 10px;border-radius:7px;gap:10px;margin:3px 0;min-height:64px;border:1px solid transparent;background:transparent}
#partner-list .partner-row:hover{background:var(--surface-subtle)}
#partner-list .partner-row.active{background:var(--primary-soft);border-color:var(--primary-soft);color:var(--primary);box-shadow:none}
.partner-row strong{font-size:14px;color:var(--text)}.partner-row.active strong{color:var(--primary)}
.partner-row small{color:var(--text-muted);font-size:11px;margin-top:4px}
.partner-avatar{width:30px;height:30px;border-radius:8px;background:var(--surface-subtle);color:var(--text-secondary);font-size:12px}
.partner-money{color:var(--text-secondary);font-size:12px;font-weight:500}
.partner-foot{color:var(--text-muted);font-size:11px}
.ledger-heading{padding:20px 22px 16px;align-items:center}.ledger-heading h2{font-size:18px;color:var(--text)}.ledger-heading p{color:var(--text-muted);font-size:12px;margin-top:5px}
.ledger-filters{padding:0 22px;align-items:flex-end;gap:16px;flex-wrap:wrap;justify-content:space-between}
.ledger-dates{gap:8px;align-items:flex-end;flex-wrap:nowrap}
.ledger-dates label{gap:6px;color:var(--text-secondary);font-size:11px}
.ledger-dates input{height:38px;border:1px solid var(--field-line);border-radius:6px;font-size:13px;min-width:130px;padding:7px 9px;color:var(--text)}
.ledger-dates>span{padding-bottom:9px;color:var(--text-muted)}
.ledger-query{margin:16px 22px;gap:14px;align-items:center;flex-wrap:wrap}
.ledger-query .search-box{flex:1;max-width:480px}.ledger-query .search-box input{width:100%}.ledger-query>span{color:var(--text-muted);font-size:12px;white-space:nowrap}
.ledger-table-scroll thead th{position:sticky;top:0;background:var(--surface-subtle);z-index:1}
.ledger-table-scroll table{min-width:0;table-layout:fixed}.ledger-table-scroll td{padding-top:10px;padding-bottom:10px}
.ledger-table-scroll tr[data-select]:hover{background:var(--surface-subtle)}.ledger-table-scroll tr.selected{background:var(--primary-soft);box-shadow:none}
.ledger-table-scroll td:nth-child(4){max-width:280px}.ledger-table-scroll td small{font-size:11px;color:var(--text-muted)}
.ledger-footer{background:var(--surface);border-color:var(--line);gap:8px}
.ledger-totals{padding:14px 18px;gap:20px;color:var(--text-secondary);font-size:12px}
.ledger-totals strong{color:var(--text);font-size:14px;font-weight:650}
.ledger-pager{gap:7px}.ledger-pager .button{min-width:48px}
/* Forms, pricing, product history and account management share the same controls. */
dialog{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 24px 80px #14263e30;max-height:90dvh;overflow:auto;overscroll-behavior:contain}
dialog::backdrop{background:#172e3b70;backdrop-filter:none}
body:has(dialog[open]){overflow:hidden}
.modal-heading{gap:16px;margin-bottom:18px;align-items:center}.modal-heading h2{font-size:22px;margin:0;color:var(--text);letter-spacing:-.6px}
.modal-heading .eyebrow{display:none}.close{width:40px;height:40px;min-width:40px;display:grid;place-items:center;border-radius:8px;background:var(--surface-subtle);color:var(--text-secondary);font-size:26px;line-height:1}
.close:hover{background:var(--primary-soft)}.modal-description,.trade-dialog .modal-description,.detail-meta{color:var(--text-secondary);font-size:13px;line-height:1.7}
.modal-actions{border-color:var(--line);padding-top:18px;margin-top:20px}
form>label,.form-row label{font-size:13px;font-weight:500;color:var(--text-secondary)}
form input:where(:not([type=checkbox],[type=radio],[type=hidden],[type=file])),form select{height:var(--field-height);min-height:var(--field-height);line-height:normal;border-color:var(--field-line);border-radius:7px;color:var(--text);font-size:15px;background:var(--surface)}
.trade-dialog{width:min(1120px,92vw);max-width:92vw;padding:28px}
.trade-dialog input,.trade-dialog select{font-size:15px}.trade-header-row{gap:20px;align-items:start}
.trade-header-row>label,.trade-partner-field>label{margin-top:0}
.trade-field-label{color:var(--text-secondary);font-size:13px}
.selected-trade-partner,.trade-partner-combo{border-color:var(--field-line);border-radius:8px;background:var(--surface);min-height:46px}
.selected-trade-partner strong{color:var(--text);font-size:15px}
.trade-partner-combo>button{color:var(--text-secondary);background:var(--surface-subtle);min-width:44px}
.partner-change-note,#trade-partner-feedback{color:var(--text-muted);font-size:12px}
.barcode-section{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:20px 0}
.scan-heading{color:var(--text);gap:8px}.scan-heading span{color:var(--text-secondary)}
.scan-controls{align-items:stretch;gap:10px}.scan-controls label{margin:0}.scan-controls input{height:48px;font-size:16px!important;letter-spacing:0;border-color:var(--field-line);background:var(--surface);padding:12px!important}
.scan-controls .button{height:48px;min-height:48px;padding:12px 18px;font-size:14px;line-height:normal}
#scan-feedback{color:var(--text-secondary);font-size:12px}
.scan-results{border-color:var(--line);border-radius:9px;box-shadow:0 10px 30px #14263e12;background:var(--surface)}
.scan-result{color:var(--text);padding:12px 14px;border-color:var(--line);min-height:52px}
.scan-result:hover,.scan-result:focus-visible{background:var(--primary-soft)}
.scan-result small{color:var(--text-muted)}
.entry-table{border:1px solid var(--line);border-radius:8px;margin:18px 0}
.entry-table td{vertical-align:middle;padding:12px 10px}.entry-table input,.entry-table select{font-size:14px;min-height:42px;padding:8px}
.entry-total,.receipt-balance{background:var(--surface-subtle);border:1px solid var(--line);border-radius:9px;color:var(--text-secondary);padding:18px}
.entry-total b,.receipt-balance b{color:var(--primary)}
.line-barcode,[data-price-source]{color:var(--text-muted);font-size:11px}
.remove-line{color:var(--danger);min-width:36px;min-height:36px;border-radius:6px}.remove-line:hover{background:#fff0f1}
.product-history-box{border-color:var(--line);border-radius:var(--radius)}.product-history-box summary{color:var(--text-secondary);min-height:44px}
.product-history-heading strong{color:var(--text)}.product-history-heading small{color:var(--text-muted)}
.history-columns{background:var(--surface-subtle);color:var(--text-secondary)}.history-grid,.history-detail-grid{border-color:var(--line);color:var(--text-secondary)}
.history-transaction-link{color:var(--primary);text-decoration:none;font-weight:600}.history-clickable:hover,.history-matching-product{background:var(--primary-soft)}
.history-detail-heading h3{color:var(--text)}
.price-editor,.price-preview,.price-rule,.customer-grade,.price-grade-card{border-color:var(--line);border-radius:var(--radius);background:var(--surface)}
.pricing-actions label,.price-editor label,.price-preview label{color:var(--text-secondary)}
.pricing-actions input,.pricing-actions select{min-height:42px;color:var(--text);border-color:var(--field-line)}
.price-preview #price-preview-result{background:var(--primary-soft);color:var(--text-secondary);border-radius:9px}
#price-preview-result strong{color:var(--primary)}
.price-rule{background:var(--surface-subtle);color:var(--text-secondary);border-color:var(--line)}
.price-rule strong{color:var(--text);font-size:14px}.price-rule span{font-size:13px}
.customer-grades label{background:var(--surface-subtle);border-color:var(--line);color:var(--text)}
.customer-grades small,.pricing-section-title span,.pricing-actions span{color:var(--text-muted)}
.price-restore{color:var(--primary);min-height:30px}
.detail-heading h3,.detail-amount strong{color:var(--text)}.detail-heading h3 span,.detail-amount{color:var(--text-secondary)}
.receipt-detail{background:var(--surface-subtle);border-color:var(--line);color:var(--text-secondary)}
.stock-table .row-button{color:var(--text);text-decoration:none}.stock-table .row-button:hover{color:var(--primary);text-decoration:underline}
.member-management,.member-search,.member-heading{border-color:var(--line)}.member-heading p,.member-protected{color:var(--text-secondary)}
.form-error{color:var(--danger)}.form-error:empty,.auth-notice:empty{display:none}
.toast{background:var(--text);color:var(--surface);border-radius:10px;box-shadow:0 8px 30px #14263e25;z-index:400;left:calc(50% + 104px);font-size:14px}
.mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mobile-menu-grid button{min-height:64px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:14px;font-weight:600}
.mobile-menu-grid button.active{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}
/* Login retains the deliberately minimal copy requested by the team. */
.auth-screen{background:var(--surface-subtle);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.auth-brand-panel{background:var(--primary);color:#fff;padding:56px 64px;position:relative;overflow:hidden;gap:32px}
.auth-logo{position:relative;z-index:1}.auth-logo strong{font-size:27px;letter-spacing:2px;color:#fff}
.auth-brand-title{position:relative;z-index:1;place-items:center}
.auth-brand-title h1{font-size:clamp(30px,3.5vw,52px);line-height:1.5;font-weight:600;letter-spacing:-1.5px;text-align:left;color:#fff}
.auth-brand-panel::after{display:none}
.auth-card-area{padding:48px 32px;background:var(--surface-subtle)}
.auth-card{max-width:440px;border:0;border-radius:0;box-shadow:none;padding:40px;background:transparent}
.auth-card h2{font-size:25px;color:var(--text);letter-spacing:-.5px}.auth-card #auth-title{margin-bottom:30px}
.auth-card form>label,.auth-card #auth-register-fields>label{color:var(--text-secondary);font-size:13px;gap:9px;margin-bottom:22px}
.auth-card input:not([type=checkbox]){background:var(--surface);border-color:var(--field-line);border-radius:8px;height:48px;color:var(--text);font-size:16px}
.auth-options label{font-size:13px;color:var(--text-secondary);min-height:44px}.auth-options input{accent-color:var(--primary)}
.auth-submit{background:var(--primary);border-radius:8px;font-size:15px!important;min-height:48px;margin-top:20px}
.auth-switch{color:var(--text-secondary);font-size:13px;min-height:44px;margin-top:20px;text-decoration:none}.auth-switch:hover{color:var(--primary);text-decoration:underline}
.auth-mobile-logo{color:var(--text);letter-spacing:1px;font-size:24px}
.auth-intro,.auth-progress p{color:var(--text-secondary)}.auth-notice{color:var(--success)}.auth-spinner{border-color:#e2e9f5;border-top-color:var(--primary)}.auth-success{background:var(--success-soft);color:var(--success)}
/* Workspace rhythm: common surfaces, controls and reading states. */
.nav-section-label{margin:22px 0 8px;padding:0 14px;color:var(--navigation-muted);font-size:12px;font-weight:500}
.nav-status{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:1px 5px;border:1px solid var(--line);border-radius:4px;font-size:10px;font-weight:500;color:var(--text-muted);white-space:nowrap}
#navigation button>span{min-width:0;text-align:left}
.mobile-menu-grid .nav-status{margin-left:8px}
.other-view>h2,.stock-catalog>h2{margin:0 0 8px;line-height:1.4}
.other-view>.other-description,.stock-catalog>.other-description{margin:0 0 20px;max-width:80ch;line-height:1.7}
.other-view>.table-wrap{margin-top:20px}
.other-view .table-wrap thead th{background:var(--surface-subtle);color:var(--text-secondary)}
.info-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.info-card{box-shadow:none;line-height:1.7}
.info-card p{margin:10px 0 14px}
.stock-catalog .stock-search-tools{display:grid;grid-template-columns:minmax(0,540px) auto;justify-content:start;align-items:end;gap:10px;margin:16px 0 20px}
.stock-catalog .stock-search-tools>label{display:grid;gap:6px;min-width:0;max-width:none;width:100%;margin:0;font-size:13px}
.stock-catalog .stock-search-tools input{width:100%;min-width:0;height:44px;margin:0}
.stock-catalog .stock-search-tools>.button{height:44px;margin:0}
.stock-status-tabs{gap:4px}
.stock-status-tabs button{min-height:40px}
.empty-state{display:grid;justify-items:center;gap:12px;padding:40px 20px;text-align:center;white-space:normal;color:var(--text-secondary)}
.empty-state>strong{font-size:17px;color:var(--text);word-break:keep-all;text-wrap:balance}
.empty-state>p{max-width:52ch;margin:0;line-height:1.75;overflow-wrap:anywhere}
.empty-state .button{margin-top:4px}
.search-box:focus-within,.partner-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
:is(input,textarea,select):focus-visible{border-color:var(--primary)}
dialog{overscroll-behavior:contain;scroll-padding-block:76px 88px}
dialog :is(input,textarea,select,button){scroll-margin-block:76px 88px}
@media(hover:hover){
 .other-view .table-wrap tbody tr:hover{background:var(--surface-subtle)}
 .home-shortcuts button:hover .home-shortcut-icon{background:var(--surface);border-color:var(--primary)}
}
@media(min-width:601px) and (max-width:1100px){
 .sidebar .nav-section-label{height:1px;padding:0;margin:14px 6px;background:var(--line);font-size:0}
 #navigation .nav-status{display:none}
}
@media(max-width:600px){
 .empty-state{padding:28px 12px}
 .nav-status{font-size:11px}
}

@media(min-width:601px){
 .ledger-workspace main{max-width:none;padding:20px 24px;min-height:0}
 .ledger-workspace .page-heading{margin-bottom:20px}
 .ledger-workspace .ledger-shell{grid-template-columns:240px minmax(0,1fr);overflow:hidden;gap:0}
 .ledger-workspace .ledger-main,.ledger-workspace .partner-pane{overflow:hidden;min-height:0}
 .ledger-workspace .partner-heading{padding:18px 16px 14px}
 .ledger-workspace .partner-search{margin:0 12px 14px}
 .ledger-workspace .partner-foot{background:var(--surface-subtle);border-color:var(--line);font-size:11px;padding:12px}
 .ledger-workspace .ledger-heading{padding:18px 20px 14px}
 .ledger-workspace .ledger-totals{padding:14px 16px;gap:18px;font-size:12px;flex-wrap:wrap}
 .ledger-workspace .ledger-totals>span{display:flex;flex-direction:column;gap:4px}
 .ledger-workspace .ledger-totals strong{margin-left:0;font-size:14px}
 .ledger-workspace #partner-list{max-height:none;scrollbar-color:#a6b4c9 #f4f6f9}
 .ledger-workspace .ledger-table-scroll{scrollbar-color:#a6b4c9 #f4f6f9}
 .ledger-table-scroll th,.ledger-table-scroll td{padding-left:12px;padding-right:12px}
 .ledger-table-scroll th:nth-child(1){width:10%}.ledger-table-scroll th:nth-child(2){width:7%}.ledger-table-scroll th:nth-child(3){width:24%}.ledger-table-scroll th:nth-child(4){width:20%}.ledger-table-scroll th:nth-child(5){width:13%}.ledger-table-scroll th:nth-child(6){width:12%}.ledger-table-scroll th:nth-child(7){width:14%}
 .ledger-table-scroll th{font-size:11px;white-space:normal}
 .ledger-table-scroll td{font-size:13px}.ledger-table-scroll td:nth-child(3){white-space:normal;overflow-wrap:anywhere}.ledger-table-scroll td:nth-child(4){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-table-scroll .row-button{text-align:left;white-space:normal}
 .partner-row{content-visibility:auto;contain-intrinsic-size:auto 64px}
 #trade-partner-search-box{position:relative}
 #trade-partner-results{position:absolute;left:0;right:0;top:100%;z-index:20;margin:4px 0 0;max-height:220px}
 #trade-partner-results .scan-result{padding:10px 12px;min-height:48px}
}
@media(min-width:601px) and (max-width:1200px){
 .ledger-table-scroll th:nth-child(4),.ledger-table-scroll td:nth-child(4){display:none}
 .ledger-table-scroll th:nth-child(1){width:11%}.ledger-table-scroll th:nth-child(2){width:9%}.ledger-table-scroll th:nth-child(3){width:29%}.ledger-table-scroll th:nth-child(5){width:18%}.ledger-table-scroll th:nth-child(6){width:15%}.ledger-table-scroll th:nth-child(7){width:18%}
}
@media(min-width:601px) and (max-width:1100px){
 .sidebar{width:72px;padding:26px 10px}.sidebar .brand{font-size:12px;letter-spacing:0;padding:0;margin-bottom:26px;justify-content:center}.brand-name{display:block}
 .sidebar .nav-label{display:none}#navigation button{justify-content:center;padding:12px;min-height:46px}#navigation button span{display:none}#navigation .nav-separator{margin:18px 8px}
 .app{margin-left:72px}.app>header{padding:0 20px}main{padding:24px 20px}
 .ledger-workspace main{padding:18px 16px}.ledger-workspace .ledger-shell{grid-template-columns:220px minmax(0,1fr);gap:0}
 .ledger-filters{padding:0 16px}.ledger-query{margin:14px 16px}.ledger-dates{width:100%}.ledger-dates label{flex:1}.ledger-dates input{width:100%}
 .home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-dashboard{grid-template-columns:minmax(0,1fr)}.home-recent-card{order:0}.home-checks{order:1;align-self:start}
 .home-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.home-checks .home-card-heading,.home-check-links{grid-column:1/-1}.home-check{align-items:flex-start;flex-direction:column;gap:10px}.home-check-links .button{flex:initial}
 .home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 36px)}
}
@media(max-width:850px){
 .auth-screen{grid-template-columns:minmax(0,1fr)}.auth-brand-panel{display:none}.auth-card-area{padding:28px 20px}.auth-card{padding:32px;max-width:440px}.auth-mobile-logo{display:block;margin-bottom:32px}
}
@media(min-width:601px) and (max-width:900px){
 .ledger-workspace .ledger-shell{display:flex;flex-direction:column;gap:12px}
 .ledger-workspace .partner-pane{display:block;flex:0 0 auto}
 .ledger-workspace .partner-heading{display:flex;align-items:center;gap:16px;padding:12px 16px}
 .ledger-workspace .partner-heading h2{margin:0;white-space:nowrap;font-size:14px}
 .partner-heading small,.ledger-workspace .partner-foot{display:none}
 .mobile-partner-toggle{display:block;flex:1;text-align:left;min-height:40px}
 .partner-pane .partner-search,.partner-pane #partner-list{display:none}
 .partner-pane.is-expanded .partner-search{display:flex;margin:0 16px 10px}
 .ledger-workspace .partner-pane.is-expanded #partner-list{display:block;max-height:200px;overflow:auto;margin:0 8px}
 .ledger-workspace .ledger-main{flex:1;min-height:0}
 .ledger-dates{width:auto}.ledger-dates label{flex:none}.ledger-dates input{width:130px}
}
@media(max-width:600px){
 html,body{width:100%;max-width:100%;overflow-x:clip}body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;border:0;border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:var(--surface);box-shadow:0 -4px 18px #14263e05;z-index:30}
 .sidebar .brand,.sidebar .nav-label,.sidebar .nav-separator,.sidebar .nav-section-label{display:none}
 #navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;overflow:visible;gap:3px;min-width:0}
 #navigation button{flex-direction:column;min-width:0;width:100%;min-height:56px;padding:7px 2px;gap:5px;margin:0;color:var(--text-muted);border-radius:8px}
 #navigation button span{display:block;font-size:10px;letter-spacing:-.4px;white-space:nowrap;max-width:100%}
 #navigation button svg{width:20px;height:20px}#navigation button[data-nav]:nth-of-type(n+5){display:none}#navigation .menu-more{display:flex}
 .app{margin-left:0;width:100%;min-width:0}.app>header{height:60px;min-height:60px;padding:8px 16px;position:sticky;top:0;z-index:10}
 .breadcrumb{font-size:12px}.breadcrumb span{margin:0 9px}.header-right{gap:6px}#cloud-status{font-size:10px;max-width:none}.header-divider,#header-date,#account-name{display:none}.account-menu summary{padding:4px;min-width:44px}.avatar.small{width:28px;height:28px}.account-dropdown{max-width:calc(100vw - 32px)}
 main{width:auto!important;max-width:none;padding:22px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));margin:0;box-sizing:border-box}
 .page-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.page-heading h1{font-size:24px}.heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.heading-actions .button{width:100%;min-height:44px;font-size:12px!important;padding:9px 4px}
 .home-section-heading{align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:20px}.home-section-heading h1{font-size:25px}.home-section-heading>span{font-size:10px;padding:6px 8px}
 .home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.home-metric{padding:16px;min-height:144px}.home-metric:first-child{padding-top:14px}.metric-label{font-size:12px}.metric-label .ui-icon{width:16px;height:16px}.home-metric>strong{font-size:25px;margin:16px 0 8px;letter-spacing:-.6px}.home-metric strong small{font-size:11px;margin-left:3px}.home-metric p{font-size:10px;line-height:1.7}
 .home-dashboard{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:24px}.home-card{padding:18px}.home-card-heading h2,.home-menu-section>h2{font-size:16px}.home-card-note{font-size:11px;line-height:1.7}
 .home-recent-row{gap:8px;padding:14px 0}.home-recent-date{grid-column:1/-1;font-size:11px}.home-recent-party strong{font-size:13px}.home-recent-party small{font-size:11px}.home-recent-amount{font-size:12px}.home-recent-arrow{display:none}.home-check{padding:17px 0}.home-check-links .button{min-height:44px;font-size:12px}
 .home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-shortcuts button{padding:17px;gap:5px}.home-shortcut-icon{width:34px;height:34px;margin-bottom:9px;border-radius:9px}.home-shortcuts strong{font-size:14px}.home-shortcuts small{font-size:11px}.home-arrow{top:20px;right:14px}
 .ledger-shell{display:block;gap:0;overflow:visible;border:0}.partner-pane{margin-bottom:14px;border:1px solid var(--line);border-radius:var(--radius);padding:0}.partner-heading{padding:16px}.partner-heading h2{font-size:13px;color:var(--text-secondary);margin-bottom:10px}.partner-heading h2 span{font-size:11px}.partner-heading small{display:none}
 .mobile-partner-toggle{font-size:14px;color:var(--text);border-color:var(--field-line)}.partner-pane.is-expanded .partner-search{margin:0 14px 10px}.partner-pane.is-expanded #partner-list{max-height:280px}.partner-avatar{display:none}
 .ledger-main{border-radius:var(--radius);overflow:hidden}.ledger-heading{padding:18px 16px 14px}.ledger-heading h2{font-size:17px}.ledger-heading p{font-size:11px}.ledger-heading .button{min-height:40px}
 .ledger-conditions-toggle{width:calc(100% - 32px);margin:0 16px 14px;font-size:12px;min-height:40px;background:var(--surface-subtle);border-color:var(--line)}
 .ledger-filters{display:block;padding:0 16px}.ledger-filters .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-bottom:14px}.ledger-filters .tabs button{min-height:38px;padding:7px 4px;font-size:12px}
 .ledger-dates{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;width:100%;align-items:end}.ledger-dates label{display:flex;flex-direction:column;min-width:0;font-size:11px;gap:6px}.ledger-dates input{width:100%;min-width:0;max-width:100%;height:42px;font-size:13px;padding:7px}.ledger-dates>span{padding-bottom:10px}
 .ledger-query{margin:14px 16px;gap:10px;display:flex;flex-wrap:wrap}.ledger-query .search-box{flex:0 0 100%;max-width:none;width:100%;min-height:44px}.ledger-query .search-box input{font-size:16px;min-width:0;width:100%}.ledger-query>span{font-size:11px}
 .ledger-table-scroll{max-height:none;min-height:0;overflow:visible;padding:0 12px 4px}.ledger-table-scroll table{display:block;min-width:0;width:100%}.ledger-table-scroll tbody{display:block}.ledger-table-scroll thead{display:none}
 .ledger-table-scroll tbody tr{border-color:var(--line);border-radius:10px;padding:14px;margin-bottom:10px;gap:8px;background:var(--surface)}
 .ledger-table-scroll tbody tr.selected{background:var(--primary-soft);box-shadow:none}
 .ledger-table-scroll td{color:var(--text-secondary);font-size:13px}.ledger-table-scroll td small{font-size:11px}.ledger-table-scroll .row-button{font-size:15px;font-weight:650;color:var(--text)}
 .ledger-table-scroll td:nth-child(4){max-width:none;font-size:12px;line-height:1.7;color:var(--text-muted)}.ledger-table-scroll td:nth-child(n+5){border-color:var(--line)}.ledger-table-scroll td:nth-child(6)::before{content:'입고'}
 .ledger-footer{flex-wrap:wrap;gap:0;background:var(--surface-subtle)}.ledger-totals{gap:12px 20px;padding:16px;font-size:11px;flex-wrap:wrap}.ledger-totals>span{display:flex;flex-direction:column;gap:4px}.ledger-totals strong{font-size:13px;margin-left:0}.ledger-footer .ledger-pager{padding:0 16px 16px}.ledger-pager .button{min-height:44px;min-width:60px}
 .other-view{padding:18px;border-radius:var(--radius)}.other-view h2{font-size:19px}.other-description{font-size:12px;line-height:1.8}
 .pricing-actions{gap:12px}.pricing-actions input,.pricing-actions select{font-size:16px;min-height:44px}.price-editor,.price-preview{padding:16px}.info-card{padding:18px}
 dialog[open]{inset:auto 0 0;width:100%;max-width:100%;margin:0;max-height:92dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;border-width:1px 0 0;box-sizing:border-box}
 dialog .modal-heading{position:sticky;top:-20px;background:var(--surface);padding:12px 0;margin-top:-8px;margin-bottom:14px;z-index:5}.modal-heading h2{font-size:20px}.modal-heading .close{width:44px;height:44px;min-width:44px}
 .modal-actions .button{min-height:44px}dialog input:not([type=hidden]),dialog select{font-size:16px;min-height:44px}
 .trade-dialog{width:100%;max-width:100%;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px))}.trade-header-row{gap:14px}.trade-dialog .form-row{gap:12px}.barcode-section{padding:16px;margin:18px 0}.scan-heading{align-items:flex-start;gap:6px}.scan-heading strong{font-size:14px}.scan-heading span{font-size:11px}.scan-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.scan-controls .button{min-height:48px;padding:10px;font-size:12px}
 .entry-table{border:0;margin:16px 0}.entry-table td{font-size:13px}.entry-table input,.entry-table select{font-size:16px;min-height:44px}.entry-total{padding:16px;font-size:12px}.entry-total b{font-size:24px}
 .auth-screen{grid-template-columns:minmax(0,1fr)}.auth-brand-panel{display:none}.auth-card-area{padding:24px 20px;min-height:100dvh}.auth-card{padding:28px 24px;width:100%;border-radius:16px}.auth-mobile-logo{display:block;margin-bottom:32px;font-size:24px}.auth-options{gap:8px}.auth-options label{font-size:12px}.auth-card h2{font-size:24px}.auth-card #auth-title{margin-bottom:26px}
 .toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important}
 .auth-screen.is-leaving,.workspace-enter{animation:none;transition:none}.auth-spinner{animation-duration:2s}
}

/* Keep compact labels intact; let their surrounding layout negotiate the space. */
.button,.tabs button,.member-protected{white-space:nowrap;word-break:keep-all;flex-shrink:0}
h1,h2,h3,th,.trade-field-label,.history-columns,.metric-label{word-break:keep-all}
.home-card-heading{flex-wrap:wrap}
.pricing-actions>div{display:flex;flex-wrap:wrap;gap:8px}
.scan-result>span:last-child{white-space:nowrap;flex-shrink:0}
.partner-row strong,.selected-trade-partner strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.selected-trade-partner>div{flex-wrap:nowrap}
.selected-trade-partner strong{flex:1}
.legacy-item-tags{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px;min-width:0}
.home-recent-tags{grid-column:1/-1;margin-top:0}
@media(max-width:600px){
 .home-metric>strong{font-size:clamp(18px,5.6vw,25px)}
 .home-metric-wide{grid-column:1/-1}
 .home-metric-wide>strong{font-size:clamp(20px,6vw,26px)}
 #home-recent{grid-template-columns:minmax(0,1fr) max-content}
 .home-recent-row{grid-template-areas:'date kind' 'party amount';gap:10px 12px}
 .home-recent-date{grid-area:date;grid-column:auto}
 .home-recent-party{grid-area:party}
 .home-recent-kind{grid-area:kind;display:flex;align-items:center;justify-content:center;gap:8px}
 .home-recent-amount{grid-area:amount;align-self:center}
 .member-table td:has(.badge){grid-column:1/-1}
}

@media(pointer:coarse){
 .button,.tabs button,.close,.price-restore,.account-dropdown button{min-height:44px}
}

.scheduled-dialog{width:min(760px,calc(100% - 24px));max-width:100%;max-height:85dvh;overflow:auto}
.scheduled-tabs{margin-bottom:16px}
.scheduled-tabs button[aria-pressed="true"]{background:var(--primary-soft);color:var(--primary)}
.scheduled-card{padding:16px 0;border-top:1px solid var(--line);min-width:0}
.scheduled-card-heading,.scheduled-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.scheduled-card p{margin:8px 0;color:var(--text-muted);overflow-wrap:anywhere}
.scheduled-memo{white-space:pre-wrap}
.scheduled-draft-note{padding:12px 16px;background:var(--primary-soft);border-radius:8px;line-height:1.6;overflow-wrap:anywhere}
.scheduled-card-heading strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.scheduled-card-foot .button{width:100%;min-height:44px}.heading-actions{flex-wrap:wrap}}

.scheduled-dialog>label{display:grid;gap:6px;margin:12px 0}.scheduled-dialog input{width:100%;min-width:0}

@media(min-width:601px){.scheduled-sale-dialog .entry-table{min-width:0;width:100%}}

.inventory-dialog{width:min(900px,calc(100% - 24px));max-width:100%;max-height:88dvh;overflow:auto}.inventory-product{font-weight:600;overflow-wrap:anywhere}.inventory-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.inventory-snapshot>div{padding:14px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:8px;min-width:0}.inventory-snapshot span,.inventory-snapshot small{display:block;color:var(--text-muted);font-size:12px;overflow-wrap:anywhere}.inventory-snapshot strong{display:block;margin:6px 0;font-size:22px}.inventory-admin{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.inventory-admin[hidden]{display:none}.inventory-admin fieldset{min-width:0;border:1px solid var(--line);border-radius:8px;padding:16px;height:100%;box-sizing:border-box}.inventory-admin legend{font-weight:600}.inventory-admin label{display:grid;gap:6px;margin:12px 0}.inventory-admin textarea,.inventory-admin input,.inventory-admin select{width:100%;min-width:0;box-sizing:border-box;font:inherit;border:1px solid var(--line);border-radius:6px;padding:10px}.inventory-admin .button{width:100%;min-height:44px}.inventory-preview{padding:10px;background:var(--primary-soft);border-radius:6px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.inventory-history{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}.inventory-history>summary{min-height:44px;padding:10px 0;box-sizing:border-box;cursor:pointer;font-weight:600}.inventory-event{border-top:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.inventory-event>div{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.inventory-event p{white-space:pre-wrap;margin:8px 0}.inventory-event small{display:block;font-size:12px;color:var(--text-muted)}
@media(max-width:600px){.inventory-admin{grid-template-columns:minmax(0,1fr)}.inventory-snapshot{gap:6px}.inventory-snapshot>div{padding:10px}.inventory-snapshot strong{font-size:18px}.inventory-dialog{padding:20px 16px}.inventory-admin input,.inventory-admin select,.inventory-admin textarea{font-size:16px}.inventory-dialog .modal-actions .button{width:100%}}

/* Combined counted-stock review: one bounded list, drafts survive paging. */
.inventory-review-dialog{width:min(1280px,calc(100% - 32px));max-width:1280px;max-height:88dvh;overflow:auto;overscroll-behavior:contain}.inventory-review-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.inventory-review-tools{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px}.inventory-review-dialog label{display:grid;gap:7px;min-width:0;margin-bottom:16px}.inventory-review-dialog input,.inventory-review-dialog select{width:100%;min-width:0;min-height:44px;box-sizing:border-box;font-size:16px}.inventory-review-add{border:1px solid var(--border,#dde2e8);border-radius:10px;padding:12px;margin:0 0 16px}.inventory-review-add summary{cursor:pointer;min-height:28px}.inventory-review-add[open] summary{margin-bottom:12px}#inventory-review-add-results{display:grid;gap:8px}#inventory-review-add-results .button{text-align:left;white-space:normal;height:auto;min-height:44px;justify-content:space-between;gap:12px}#inventory-review-add-results small{color:var(--muted,#64748b)}.inventory-review-table table{width:100%;table-layout:fixed;border-collapse:collapse}.inventory-review-table th,.inventory-review-table td{padding:12px 8px;vertical-align:top;text-align:left;border-bottom:1px solid var(--border,#dde2e8);overflow-wrap:anywhere}.inventory-review-table th{font-size:13px}.inventory-review-table th:first-child{width:28%}.inventory-review-table th:nth-child(2),.inventory-review-table th:nth-child(3),.inventory-review-table th:nth-child(5){width:9%}.inventory-review-table th:nth-child(4){width:13%}.inventory-review-table th:nth-child(6){width:17%}.inventory-review-table th:last-child{width:11%}.inventory-review-table td small{display:block;margin:5px 0;color:var(--muted,#64748b)}.inventory-review-table td .muted{font-size:12px}.inventory-review-table .badge{white-space:nowrap}.inventory-review-table .button{min-height:44px;white-space:nowrap;padding:8px}.inventory-review-paging{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.inventory-review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--border,#dde2e8);padding-top:16px}.inventory-review-actions>span{margin-right:auto;font-size:14px}.inventory-review-actions .button{min-height:44px}.inventory-review-confirm-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:14px 0;border-bottom:1px solid var(--border,#dde2e8)}.inventory-review-confirm-list small{grid-column:1/-1;color:var(--muted,#64748b);overflow-wrap:anywhere}
@media(max-width:760px){.inventory-review-table table,.inventory-review-table tbody,.inventory-review-table tr{display:block;width:100%}.inventory-review-table thead{display:none}.inventory-review-table tr{border:1px solid var(--border,#dde2e8);border-radius:12px;padding:12px;margin:12px 0;box-sizing:border-box}.inventory-review-table td{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;align-items:center;border:0;padding:7px 0}.inventory-review-table td:before{content:attr(data-label);color:var(--muted,#64748b);font-size:13px}.inventory-review-table td:first-child{display:block;padding-bottom:12px}.inventory-review-table td:first-child:before{display:none}.inventory-review-table td:first-child strong{display:block}.inventory-review-table td:first-child small{overflow-wrap:anywhere}.inventory-review-table td .button{justify-self:start}.inventory-review-table .empty{display:block}.inventory-review-table .empty:before{display:none}}
@media(max-width:600px){.inventory-review-tools{grid-template-columns:minmax(0,1fr) 120px;gap:10px}.inventory-review-dialog{max-width:100%;width:100%;max-height:92dvh}.inventory-review-confirm-list article{grid-template-columns:minmax(0,1fr)}.inventory-review-confirm-list small{grid-column:auto}.inventory-review-actions>span{width:100%;margin:0}.inventory-review-actions .button{flex:1 1 auto}.heading-actions:has(#inventory-review-open:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}}

.inventory-review-dialog>.modal-heading{position:sticky;top:-28px;z-index:5;background:var(--surface,#fff);padding:12px 0}.inventory-review-dialog>.inventory-review-actions{position:sticky;bottom:-28px;z-index:4;background:var(--surface,#fff);padding:16px 0}.inventory-review-dialog .close{min-width:44px;min-height:44px}.inventory-review-add summary{min-height:44px;display:flex;align-items:center}.inventory-review-dialog input,.inventory-review-dialog select{border:1px solid var(--line,#dce2ea);border-radius:8px;padding:10px 12px;background:var(--surface,#fff);color:var(--text,#1c2738)}
@media(max-width:600px){.inventory-review-dialog>.modal-heading{top:-20px}.inventory-review-dialog>.inventory-review-actions{bottom:-20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}

.inventory-review-table td{white-space:normal}.inventory-review-table td:first-child strong,.inventory-review-table td small{display:block;white-space:normal;overflow-wrap:anywhere}

/* Read-only product asset catalog. */
.asset-catalog{background:var(--surface,#fff);border:1px solid var(--line,#dde2ea);border-radius:14px;padding:24px;min-width:0}.asset-catalog-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.asset-catalog-heading p{color:var(--text-secondary);margin:0}.asset-catalog-heading .button{min-height:44px;flex-shrink:0}.asset-catalog-summary{padding:14px 0;margin:12px 0;color:var(--text-secondary);line-height:1.8;font-size:14px}.asset-catalog-filters{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(120px,160px));align-items:end;gap:12px}.asset-catalog-filters label{display:grid;gap:7px;font-size:13px;min-width:0;margin:0}.asset-catalog-search-block{display:flex;align-items:end;gap:8px;min-width:0}.asset-catalog-search-block label{flex:1}.asset-catalog-search-block .button{min-height:44px;flex-shrink:0}.asset-catalog-filters input,.asset-catalog-filters select{width:100%;min-width:0;box-sizing:border-box;min-height:44px;font-size:16px;padding:10px;border:1px solid var(--line,#dde2ea);border-radius:8px;background:var(--surface,#fff);color:var(--text)}#asset-catalog-state{font-size:13px;color:var(--text-secondary);line-height:1.7}.asset-catalog-results{margin:18px 0 10px;font-size:14px;color:var(--text-secondary)}.asset-catalog-table table{width:100%;table-layout:fixed;border-collapse:collapse}.asset-catalog-table th,.asset-catalog-table td{padding:14px 10px;border-bottom:1px solid var(--line,#dde2ea);text-align:left;vertical-align:middle;white-space:normal;overflow-wrap:anywhere}.asset-catalog-table th{font-size:13px;color:var(--text-secondary);background:var(--surface-subtle,#f5f7fa)}.asset-catalog-table th:first-child{width:29%}.asset-catalog-table th:nth-child(2){width:22%}.asset-catalog-table td strong{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.6}.asset-catalog-table td small{display:block;margin-top:5px;color:var(--text-secondary);white-space:normal;overflow-wrap:anywhere;font-size:12px}.asset-catalog-table .badge,.asset-count{white-space:nowrap}.asset-count{color:var(--primary,#2454c6);font-weight:600}.asset-missing{color:var(--text-secondary);font-size:13px;white-space:nowrap}.asset-catalog-pager{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:20px;font-size:14px}.asset-catalog-pager .button{min-height:44px}
@media(max-width:1100px){.asset-catalog-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-catalog-search-block{grid-column:1/-1}}
@media(max-width:900px){.asset-catalog{padding:16px}.asset-catalog-heading{align-items:start;flex-wrap:wrap}.asset-catalog-table table,.asset-catalog-table tbody{display:block;width:100%}.asset-catalog-table thead{display:none}.asset-catalog-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line,#dde2ea);border-radius:10px;padding:14px;margin:12px 0;gap:8px 16px}.asset-catalog-table td{display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;padding:4px 0;min-width:0;font-size:14px}.asset-catalog-table td:before{content:attr(data-label);font-size:12px;color:var(--text-secondary)}.asset-catalog-table td:nth-child(-n+2){display:block;grid-column:1/-1}.asset-catalog-table td:first-child:before{display:none}.asset-catalog-table td:nth-child(2):before{display:none}.asset-catalog-table td:nth-child(3){grid-column:1/-1;border-bottom:1px solid var(--line,#dde2ea);padding-bottom:10px}.asset-catalog-table td.empty{display:block;grid-column:1/-1}.asset-catalog-table td.empty:before{display:none}.asset-catalog-summary{font-size:13px;margin:6px 0}.asset-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-catalog-filters>label:last-child{grid-column:1/-1}}

#other-view:has(>.asset-catalog){padding:0;border:0;background:transparent;box-shadow:none}

.asset-filter-options,.asset-filter-fields{display:contents}.asset-filter-toggle{display:none}
@media(max-width:900px){.asset-filter-options{display:block;grid-column:1/-1}.asset-filter-toggle{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:14px;font-weight:600}.asset-filter-toggle:after{content:"▾";margin-left:auto}.asset-filter-options[data-open="true"]>.asset-filter-toggle:after{content:"▴"}.asset-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0}.asset-filter-fields>label:last-child{grid-column:1/-1}.asset-catalog-heading{align-items:center;flex-wrap:nowrap;gap:8px}.asset-catalog-heading p{font-size:13px}.asset-catalog-heading .button{font-size:13px;padding:9px}.asset-catalog-summary{padding:8px 0}}

.asset-filter-toggle{border:0;background:transparent;color:var(--text);text-align:left;width:100%;padding:0}
@media(max-width:900px){.asset-filter-options[data-open="false"] .asset-filter-fields{display:none}}
/* Product asset workspace: visual overview and isolated read-only detail. */
.asset-catalog{padding:0;background:transparent;border:0;box-shadow:none}
.asset-catalog-heading{margin-bottom:24px;align-items:flex-start}
.asset-catalog-heading h2{font-size:21px;margin:0 0 8px;letter-spacing:-.7px}
.asset-catalog-heading .asset-eyebrow,.asset-eyebrow{display:none}
.asset-catalog-heading>div>p:last-child{font-size:14px;line-height:1.7}
.asset-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 18px;border-block:1px solid var(--line)}
.asset-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;text-align:left;background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:18px;min-width:0;color:var(--text);cursor:pointer}.asset-metric:last-child{border-right:0}.asset-metric>small{grid-column:1/-1}
.asset-metric[aria-pressed="true"]{background:var(--primary-soft);box-shadow:inset 0 -2px var(--primary)}
.asset-metric:hover{background:var(--primary-soft)}.asset-metric>span{font-size:13px;font-weight:600;color:var(--text-secondary)}
.asset-metric>strong{font-size:24px;font-weight:600;letter-spacing:-.5px;line-height:1.3;font-variant-numeric:tabular-nums}
.asset-metric>strong>small{font-size:12px;font-weight:400;margin-left:6px;letter-spacing:0}
.asset-metric>small{font-size:11px;color:var(--text-muted)}
.asset-catalog-summary{padding:0;margin:0 0 22px;font-size:12px}
.asset-catalog-filters{padding:16px;background:var(--surface-subtle);border:0;border-radius:8px}
.asset-view-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 12px}
.asset-view-toolbar>label{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--text-secondary)}
.asset-view-toolbar select{padding:8px;min-height:36px;border:1px solid var(--line);font-size:13px}
.asset-display{display:flex;gap:4px;padding:4px;border:1px solid var(--line);background:var(--surface);border-radius:9px}
.asset-display .button{border:0;background:transparent;box-shadow:none}.asset-display .button[aria-pressed="true"]{background:var(--primary-soft);color:var(--primary)}
.asset-catalog-results{font-size:12px;margin:12px 0}.asset-catalog-results strong{color:var(--text)}
.asset-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.asset-product-card{display:flex;flex-direction:column;min-width:0;text-align:left;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.asset-product-card:hover{border-color:#9eb6e9;box-shadow:0 5px 18px #2454c610}
.asset-thumbnail{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;height:156px;background:var(--surface-subtle);color:#8b99ae;overflow:hidden;flex-shrink:0}
.asset-thumbnail>svg,.asset-file-placeholder svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.3}
.asset-thumbnail>small{font-size:11px;color:var(--text-muted)}
.asset-thumbnail img{width:100%;height:100%;object-fit:contain;display:block;padding:10px;box-sizing:border-box}
.asset-image-error{display:block;padding:12px;font-size:12px;color:var(--text-muted);text-align:center;line-height:1.7}
.asset-card-body{display:flex;flex-direction:column;padding:16px;gap:10px;flex:1;min-width:0;width:100%;box-sizing:border-box}
.asset-card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.asset-brand{font-size:11px;color:var(--text-muted);min-width:0;overflow-wrap:anywhere}
.asset-card-title{font-size:14px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere;color:var(--text);display:block}
.asset-card-code{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.asset-card-status{display:grid;gap:5px;margin-top:auto;padding:10px 0;border-top:1px solid var(--line)}
.asset-card-status>span{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--text-secondary)}
.asset-card-status .asset-count,.asset-card-status .asset-missing{font-size:12px}
.asset-card-foot{display:flex;justify-content:space-between;gap:6px;border-top:1px solid var(--line);padding-top:10px;font-size:11px;color:var(--text-muted)}
.asset-card-foot>span:last-child{color:var(--primary);white-space:nowrap}.asset-card-foot b{font-weight:400;margin-left:4px}
.asset-list-product{display:flex;align-items:center;gap:12px;text-align:left;border:0;padding:0;background:transparent;color:var(--text);width:100%;cursor:pointer}
.asset-list-product>span:last-child{min-width:0}.asset-list-product:hover strong{color:var(--primary)}
.asset-list-product .asset-thumbnail{width:52px;height:58px;border-radius:6px}.asset-list-product .asset-thumbnail svg{width:24px;height:24px}.asset-list-product .asset-thumbnail small{display:none}
.asset-catalog-table{border:1px solid var(--line);border-radius:10px;overflow:auto;background:var(--surface)}
.asset-empty{padding:44px 20px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:12px;color:var(--text-secondary)}
.asset-empty strong{color:var(--text);font-size:15px}.asset-empty p{font-size:13px;margin:10px 0 18px;overflow-wrap:anywhere}
.asset-storage-note{margin-top:28px;padding:20px;border:1px dashed #c5cfdc;border-radius:10px;display:grid;gap:8px;background:var(--surface-subtle)}
.asset-storage-note>strong{font-size:12px}.asset-storage-note>span{font-size:13px;color:var(--text-secondary);line-height:1.9}.asset-storage-note b{margin:0 6px;font-weight:400;color:var(--text-muted)}
.asset-storage-note>small{font-size:11px;line-height:1.8}
.asset-detail-dialog{width:min(1000px,calc(100% - 40px));max-width:1000px;max-height:88dvh;overflow:auto;padding:28px;border-radius:16px;overscroll-behavior:contain}
.asset-detail-dialog .modal-heading{align-items:flex-start;position:sticky;top:-28px;background:var(--surface);padding:14px 0;z-index:2}
.asset-detail-dialog .modal-heading>div{min-width:0}.asset-detail-dialog h2{overflow-wrap:anywhere;margin:8px 0 0;font-size:22px}
.asset-detail-dialog .close{min-width:44px;min-height:44px}.asset-detail-meta{display:flex;gap:8px 18px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}
.asset-detail-counts{display:flex;gap:14px;flex-wrap:wrap;padding:16px;margin:20px 0;background:var(--surface-subtle);border-radius:8px;font-size:13px}
.asset-detail-section{padding:6px 0 22px}.asset-detail-section h3{font-size:16px;display:flex;align-items:center;gap:10px;margin:12px 0}
.asset-detail-section h3>span{font-size:11px;color:var(--text-muted);font-weight:400}.asset-section-empty{padding:22px 16px;border:1px dashed var(--line);border-radius:8px;color:var(--text-muted);font-size:13px;margin:0}
.asset-detail-group{border:1px solid var(--line);border-radius:10px;padding:18px;margin:12px 0}.asset-detail-group h4{margin:0 0 12px;font-size:14px;overflow-wrap:anywhere}
.asset-description{white-space:pre-wrap;font-size:13px;line-height:1.8;overflow-wrap:anywhere;color:var(--text-secondary)}
.asset-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.asset-tags>span{font-size:11px;background:var(--primary-soft);color:var(--primary);padding:3px 8px;border-radius:5px;overflow-wrap:anywhere}
.asset-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-file-grid>.asset-section-empty{grid-column:1/-1}
.asset-file-card{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.asset-file-card>a{display:block;background:var(--surface-subtle)}
.asset-file-card img{width:100%;height:200px;object-fit:contain;display:block}.asset-file-card>div:last-child{padding:14px;display:grid;justify-items:start;gap:8px}
.asset-file-card strong{font-size:13px;overflow-wrap:anywhere;max-width:100%}.asset-file-card small,.asset-file-card p{font-size:11px;color:var(--text-muted);margin:0;overflow-wrap:anywhere}
.asset-file-placeholder{height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:var(--surface-subtle);color:var(--text-muted);font-size:12px}
.asset-file-warning{font-size:12px;color:var(--warning)}.asset-detail-note{font-size:12px;line-height:1.8;color:var(--text-muted);border-top:1px solid var(--line);padding-top:18px}
.asset-cell{display:flex;gap:14px;align-items:center;justify-content:space-between;width:100%;min-height:42px;background:transparent;border:1px solid transparent;border-radius:5px;padding:6px;color:var(--text);cursor:pointer;text-align:left}.asset-cell:hover,.asset-cell:focus-visible{border-color:var(--primary);background:var(--primary-soft)}.asset-cell>span:last-child{color:var(--text-muted);font-size:12px}
.asset-edit-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.asset-edit-toolbar>span{margin-right:auto;font-size:12px;color:var(--text-secondary)}
.asset-detail-group h4{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.asset-detail-group h4 .button:first-of-type{margin-left:auto}
#asset-edit-form fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}#asset-edit-form legend{font-weight:700;font-size:18px;padding:12px 0}#asset-edit-form label,.asset-library-search label{display:grid;gap:8px;font-size:13px;color:var(--text-secondary)}#asset-edit-form input,#asset-edit-form select,#asset-edit-form textarea,.asset-library-search input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;padding:11px;background:var(--surface);color:var(--text);font:inherit}#asset-edit-form textarea{resize:vertical}.asset-shared-note{padding:12px;margin:0;background:var(--primary-soft);font-size:12px;line-height:1.8;border-radius:6px}.asset-source-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.asset-source-heading h3{margin:8px 0;font-size:15px}.asset-editor-actions{position:sticky;bottom:-28px;display:flex;justify-content:flex-end;gap:8px;padding:16px 0;background:var(--surface);border-top:1px solid var(--line)}
.asset-source-fields{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:12px;background:var(--surface-subtle)}.asset-source-fields>button{justify-self:end}.asset-source-list{display:grid;gap:10px;margin:12px 0}.asset-source{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;min-width:0;font-size:13px}.asset-source>span,.asset-source>small{font-size:11px;color:var(--text-muted)}.asset-source code,.asset-source a{overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}.asset-source-preview{width:100%;max-height:220px;object-fit:contain;background:var(--surface-subtle)}.asset-library-search{display:flex;gap:12px;align-items:end}.asset-library-search label{flex:1;min-width:0}.asset-library-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.asset-library-row>div{min-width:0;overflow-wrap:anywhere}.asset-library-row small{display:block;margin-top:8px;color:var(--text-muted)}
@media(min-width:901px){.asset-catalog-table table{min-width:1080px;table-layout:auto}.asset-catalog-table th{position:sticky;top:0;z-index:1;background:var(--surface-subtle)}.asset-catalog-table td{border-right:1px solid var(--line);padding:10px 12px}.asset-catalog-table td:first-child{min-width:250px}.asset-catalog-table th:first-child{width:27%}.asset-catalog-table th:nth-child(2){width:18%}.asset-detail-dialog{position:fixed;margin:0 0 0 auto;inset:0 0 0 auto;width:min(780px,85vw);height:100dvh;max-height:100dvh;border-radius:0;border:0;border-left:1px solid var(--line);box-sizing:border-box}}
@media(max-width:600px){.asset-editor-actions{bottom:calc(-20px - env(safe-area-inset-bottom,0px))}.asset-source-fields{padding:12px}.asset-library-search{flex-wrap:wrap}.asset-edit-toolbar>span{width:100%}.asset-cell{justify-content:flex-end;gap:12px}}
@media(min-width:1700px){.asset-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1250px){.asset-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-metric{padding:16px}.asset-metric>span{font-size:12px}}
@media(max-width:900px){.asset-catalog{padding:0}.asset-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-catalog-heading{align-items:flex-start}.asset-catalog-heading>div>p:last-child{font-size:12px}.asset-catalog-heading h2{font-size:22px}.asset-catalog-table{border:0;background:transparent;overflow:visible}.asset-catalog-table tr{background:var(--surface)}.asset-catalog-table td:first-child .asset-list-product{display:flex}.asset-list-product .asset-thumbnail{display:flex}.asset-view-toolbar>label{margin-left:auto}}
@media(max-width:600px){.asset-catalog-heading{flex-wrap:wrap}.asset-catalog-heading .button{min-height:44px}.asset-metric{padding:15px;gap:8px}.asset-metric>strong{font-size:27px}.asset-metric>small{font-size:10px}.asset-card-body{padding:12px}.asset-thumbnail{height:120px}.asset-card-title{font-size:13px}.asset-card-top{align-items:flex-start;flex-wrap:wrap}.asset-card-top .badge{font-size:10px}.asset-card-status>span{font-size:11px}.asset-card-status .asset-count,.asset-card-status .asset-missing{font-size:11px}.asset-card-foot{flex-wrap:wrap;font-size:10px}.asset-view-toolbar{gap:10px}.asset-view-toolbar .button{font-size:12px}.asset-view-toolbar>label{width:100%;margin:0}.asset-view-toolbar>label select{flex:1;min-height:44px}.asset-view-toolbar>[data-assets-clear]{margin-left:auto}.asset-catalog-filters{padding:14px}.asset-storage-note{padding:16px}.asset-detail-dialog{width:100%;max-width:100%;max-height:92dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0}.asset-detail-dialog .modal-heading{top:-20px}.asset-detail-dialog h2{font-size:19px}.asset-file-grid{grid-template-columns:minmax(0,1fr)}.asset-detail-counts{gap:10px;font-size:12px}.asset-detail-meta{font-size:11px}.asset-card-body .asset-card-title{word-break:normal}}
/* Local DATA comparison and explicit append-only import. */
body.import-open{overflow:hidden}.voucher-import-dialog button,.voucher-import-dialog .import-picker label{min-height:44px}.voucher-import-dialog .import-check{min-height:44px}
.import-settings{margin-top:24px;padding:24px;border:1px solid var(--border,#dce1e9);border-radius:16px;background:#fff}.import-settings p{color:#64748b;line-height:1.7;margin:12px 0 18px}
.voucher-import-dialog{width:min(1120px,calc(100vw - 40px));max-width:1120px;max-height:88dvh;overflow:auto;padding:28px;border-radius:20px;box-sizing:border-box}
.import-picker,.import-selection,.import-pagination{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.import-picker span{color:#64748b;font-size:14px}.import-picker label:focus-within{outline:2px solid #2563eb;outline-offset:3px}.import-tabs{display:flex;flex-wrap:wrap;gap:8px}.import-tabs button{border:1px solid #dce1e9;background:#fff;border-radius:8px;padding:10px 14px;white-space:nowrap}.import-tabs button[aria-pressed=true]{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.import-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;border-bottom:1px solid #e2e8f0;padding:18px 0;align-items:start}.import-row:not(:has(.import-check)){grid-template-columns:minmax(0,1fr) auto}.import-row>div{min-width:0}.import-row span{display:block;color:#64748b;margin:6px 0;font-size:14px;overflow-wrap:anywhere}.import-row p{font-size:14px;color:#64748b;margin:8px 0}.import-row strong,.import-row li{overflow-wrap:anywhere;word-break:keep-all}.import-row b{white-space:nowrap}.import-row details{margin-top:10px}.import-row li{margin:8px 0}.import-check{padding:0;display:flex;align-items:center;min-height:28px}.import-check input{width:20px;height:20px;margin:0}.import-pagination{justify-content:center}#import-confirm{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:18px;margin:20px 0}#import-confirm p{line-height:1.7;margin-top:8px}#import-status{overflow-wrap:anywhere;line-height:1.7}
@media(max-width:600px){.voucher-import-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:18px;max-height:90dvh}.import-settings{padding:18px}.import-row{gap:10px}.import-row>b{font-size:14px}.import-row strong{font-size:15px}.import-tabs button{flex:1;padding:10px;font-size:13px}.voucher-import-dialog .modal-heading h2{font-size:19px;word-break:keep-all}.voucher-import-dialog .modal-actions{flex-wrap:wrap}.voucher-import-dialog .modal-actions button{flex:1;white-space:normal}}

.import-differences dl{margin:12px 0;display:grid;gap:10px}.import-differences dl>div{min-width:0;padding:8px;background:var(--surface-muted,#f5f7fa);border-radius:8px}.import-differences dt{font-weight:600}.import-differences dd{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.import-differences del{color:#697386}.import-differences span{display:inline!important}
.import-code-group{min-width:0;padding:20px 0;border-bottom:1px solid var(--border,#e2e8f0)}
.import-code-group h3{margin:0;font-size:16px}.import-code-name{margin:8px 0;overflow-wrap:anywhere;word-break:keep-all}
.import-code-pair{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.import-code-pair code{font-size:14px;overflow-wrap:anywhere;min-width:0}
.import-code-note{font-size:14px;color:var(--text-secondary,#475569);margin:8px 0}
.import-code-group>details>summary{min-height:44px;align-content:center;cursor:pointer;word-break:keep-all;overflow-wrap:anywhere}
.import-code-vouchers{padding-left:16px;border-left:1px solid var(--line)}
@media(max-width:600px){.import-code-vouchers{padding-left:8px}.import-code-vouchers .import-row{grid-template-columns:minmax(0,1fr)}.import-code-vouchers .import-row>b{justify-self:end}}
.customer-dialog{width:min(1050px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:90dvh;overflow:auto;box-sizing:border-box}.customer-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.customer-form-grid,.customer-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.customer-form-grid label,.customer-detail>div{min-width:0}.customer-wide{grid-column:1/-1}.customer-detail dt{color:var(--muted,#64748b);font-size:13px}.customer-detail dd{margin:4px 0 0;overflow-wrap:anywhere}.customer-title{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.customer-title strong{font-size:22px;overflow-wrap:anywhere}.customer-toolbar,.customer-toolbar form,.customer-price-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.customer-toolbar form{flex:1}.customer-toolbar label,.customer-price-tools label:first-child{flex:1;min-width:160px}.customer-pager{display:flex;justify-content:flex-end;gap:8px;margin:12px 0 20px}.customer-count{color:var(--muted,#64748b);font-size:14px}.customer-price-table select{min-width:100px;min-height:44px}.customer-price-table th,.customer-price-table td{padding:10px 12px}.grade-reference{margin:16px 0 24px}.grade-reference p{font-size:14px;color:var(--muted,#64748b)}.grade-reference ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:12px 28px}.grade-reference li{font-size:15px}.grade-reference small{display:block;font-size:12px;color:var(--muted,#64748b)}.price-discount{display:block;font-size:12px;color:var(--muted,#64748b);margin-top:4px}.partner-heading #customer-manage{margin-top:12px}.ledger-heading{flex-wrap:wrap}.ledger-heading>div:first-child{flex:1;min-width:180px}
@media(max-width:600px){.customer-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:20px 16px}.customer-form-grid,.customer-detail{grid-template-columns:1fr}.customer-toolbar form{width:100%}.customer-toolbar>button{width:100%}.customer-price-tools{gap:10px}.customer-price-tools label:first-child{flex-basis:100%}.customer-price-table tbody tr,.customer-list-table tbody tr{box-shadow:none;border-radius:0;border-width:0 0 1px;padding:12px 0;margin:0}.customer-price-table td,.customer-list-table td{overflow-wrap:anywhere}.customer-price-table select{width:100%}.grade-reference ul{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
#import-finish-confirm{padding:16px;border:1px solid #cbd5e1;border-radius:12px;margin-top:16px}

.nas-group{padding:16px;border:1px solid var(--line);background:var(--surface-subtle);border-radius:10px;margin-bottom:16px;overflow-wrap:anywhere}.nas-group>strong{font-size:14px}.nas-group p,.nas-group small{font-size:12px;color:var(--text-secondary);line-height:1.8}.nas-group form{display:flex;align-items:end;gap:12px;margin:12px 0}.nas-group label{display:grid;gap:6px;font-size:12px;flex:1;min-width:0}.nas-group input{width:100%;box-sizing:border-box;border:1px solid var(--line);padding:10px;min-height:44px;border-radius:7px}.nas-group .button{min-height:44px}.nas-scan-dialog{width:min(850px,calc(100% - 32px));max-width:100%;max-height:88dvh}.nas-folder-tree{display:grid;gap:6px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:10px;padding:18px;margin:16px 0;font-size:13px}.nas-folder-tree span{font-family:monospace;white-space:pre}.nas-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.nas-file-picker{display:grid;gap:6px;cursor:pointer}.nas-file-picker input{max-width:100%;font-size:12px;min-height:32px}.nas-preview-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.nas-preview-row small{grid-column:1/-1;overflow-wrap:anywhere}.asset-catalog-heading{flex-wrap:wrap}.asset-catalog-heading>div:first-child{margin-right:auto}
@media(min-width:901px){.asset-catalog-table table{min-width:1360px}}
@media(max-width:900px){.asset-catalog-table td:nth-child(3){border-bottom:0}.asset-catalog-table td:nth-child(4){grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:10px}}
@media(max-width:600px){.nas-scan-dialog{width:calc(100% - 16px);padding:20px 16px}.nas-group form{flex-wrap:wrap}.nas-group label{flex-basis:100%}.nas-actions{display:grid}.nas-preview-row{grid-template-columns:1fr}}

@media(max-width:1100px) and (min-width:601px){#home-sales-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#home-sales-metrics{grid-template-columns:minmax(0,1fr)}#home-sales-metrics .home-metric{min-height:0;padding:16px 20px}#home-sales-metrics .home-metric>strong{margin:10px 0 6px;font-size:30px}#home-sales-metrics .metric-label{font-size:14px}#home-sales-metrics .home-metric p{font-size:12px}}

/* Align the control boxes, without including a label's outer form spacing. */
.customer-toolbar label,.customer-price-tools label,.asset-library-search label,.nas-group form>label{
 display:grid;gap:var(--field-gap);margin:0;min-width:0;line-height:1.5;
}
.customer-form-grid>label{
 display:grid;align-content:start;gap:var(--field-gap);margin:0;font-size:13px;line-height:1.5;
}
.customer-toolbar form{min-width:0}
.customer-toolbar form>label{min-width:min(160px,100%)}
.customer-price-tools>label{min-width:0}
.customer-price-tools>label:first-child{min-width:min(160px,100%)}
.customer-price-tools>label:nth-child(2){flex:0 1 180px}
.customer-toolbar .button,.customer-price-tools>.button,
.asset-catalog-search-block>.button,.asset-library-search>.button,.nas-group form>.button,
.member-search>.button,.pricing-actions>.button,.pricing-actions>div .button{
 height:var(--field-height);min-height:var(--field-height);line-height:normal;
}
.customer-toolbar input,.customer-form-grid :is(input,select),.customer-price-tools :is(input,select),
.asset-catalog-filters :is(input,select),.asset-library-search input,.nas-group form input,
.inventory-review-dialog :is(input,select),.scheduled-dialog>label>input,
.pricing-actions :is(input,select),.member-search input{
 display:block;width:100%;min-width:0;height:var(--field-height);min-height:var(--field-height);
 box-sizing:border-box;margin:0;padding:10px 12px;line-height:normal;
 border:1px solid var(--line);border-radius:7px;
}
.pricing-actions label{display:grid;gap:var(--field-gap)}
/* Textareas keep their content height; checkbox and file-picker sizes stay independent. */
.inventory-admin :is(input,select),#asset-edit-form :is(input,select){
 height:var(--field-height);min-height:var(--field-height);line-height:normal;
}
.asset-view-toolbar select{height:36px;line-height:normal;margin:0;box-sizing:border-box}
.nas-actions{align-items:flex-end}
.nas-actions>.button{height:var(--field-height);min-height:var(--field-height);line-height:normal}
.nas-file-picker{min-width:0;font-size:13px;line-height:1.5;gap:var(--field-gap)}
.nas-file-picker input{
 width:100%;min-width:0;height:var(--field-height);min-height:var(--field-height);box-sizing:border-box;
 margin:0;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);line-height:normal;
}
.nas-group h3{font-size:14px;margin:20px 0 8px}
.nas-group-meta{display:grid;gap:12px;margin:16px 0}
.nas-group-meta>div{min-width:0}.nas-group-meta dt{font-size:12px;color:var(--text-secondary)}
.nas-group-meta dd{margin:4px 0 0}.nas-group-meta code{font-size:12px;overflow-wrap:anywhere;white-space:normal}
.nas-group-rename{border-top:1px solid var(--line);margin-top:20px;padding-top:4px}
.nas-group .nas-folder-pending{padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--warning-soft);color:var(--warning)}
.nas-folder-tree span{white-space:pre-wrap;overflow-wrap:anywhere}
.modal-actions,.asset-editor-actions{align-items:center;flex-wrap:wrap}
@media(pointer:coarse){.asset-view-toolbar select{height:44px;min-height:44px}}
/* Product identity is rendered independently of inventory save/read handlers. */
.product-identity-panel{min-width:0;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.product-identity-panel h3{margin:0;font-size:16px}.product-identity-panel h4{margin:20px 0 10px;font-size:14px}
.product-identity-note,.product-identity-empty{font-size:12px;color:var(--text-secondary);line-height:1.7}
.product-identity-current{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.product-identity-current>div,.product-identity-history dl>div{min-width:0}.product-identity-uuid{grid-column:1/-1}
.product-identity-panel dt{font-size:12px;color:var(--text-secondary)}
.product-identity-panel dd{margin:4px 0 0;min-width:0;overflow-wrap:anywhere}
.product-identity-panel code{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
#product-identity-form fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:8px}
#product-identity-form legend{font-size:14px;font-weight:600;padding:0 6px}
.product-identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-identity-fields label{display:grid;align-content:start;gap:8px;margin:0;min-width:0;font-size:13px;line-height:1.5}
.product-identity-reason{grid-column:1/-1}
.product-identity-fields :is(input,textarea){display:block;width:100%;min-width:0;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:7px;font:inherit}
.product-identity-fields input{height:44px;min-height:44px;line-height:normal}
.product-identity-fields textarea{min-height:80px;resize:vertical}
.product-identity-actions{display:flex;justify-content:flex-end;margin-top:14px}
#product-identity-submit{min-height:44px}
.product-identity-aliases ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.product-identity-aliases li{display:flex;gap:12px;align-items:baseline;min-width:0;overflow-wrap:anywhere}
.product-identity-aliases li>span{flex:none;font-size:12px;color:var(--text-secondary)}
.product-identity-history{list-style:none;margin:0;padding:0}
.product-identity-history>li{min-width:0;padding:14px 0;border-top:1px solid var(--line)}
.product-identity-history time{font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}
.product-identity-history dl{display:grid;gap:10px;margin:10px 0}
.product-identity-history dd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px}
.product-identity-history dd>span{min-width:0;overflow-wrap:anywhere}
.product-identity-history-reason{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}
@media(max-width:600px){
 .product-identity-current,.product-identity-fields{grid-template-columns:minmax(0,1fr)}
 .product-identity-fields :is(input,textarea){font-size:16px}
 #product-identity-submit{width:100%}
}
@media(max-width:600px){
 .customer-toolbar form{flex-basis:100%}
 .customer-price-tools>label:nth-child(2){flex:1 1 140px}
 .asset-library-search>label{flex-basis:100%}
 .asset-library-search>.button{width:100%}
 .asset-view-toolbar select{height:44px}
}

/* Single-select arrows: protect image geometry from later theme background shorthands. */
:root{
 --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23526174' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 --select-chevron-disabled:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23657387' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media screen{
 :root[data-theme="dark"]{
  --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23bfccdc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --select-chevron-disabled:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23a0b0c4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
}
select:not([multiple]):is(:not([size]),[size="0"],[size="1"]){
 -webkit-appearance:none;appearance:none;
 padding-right:44px!important;
 background-image:var(--select-chevron)!important;
 background-position:right 16px center!important;
 background-size:12px 8px!important;
 background-repeat:no-repeat!important;
}
select:not([multiple]):is(:not([size]),[size="0"],[size="1"]):disabled{--select-chevron:var(--select-chevron-disabled)}
@media(forced-colors:active){
 select:not([multiple]):is(:not([size]),[size="0"],[size="1"]){
  -webkit-appearance:auto;appearance:auto;background-image:none!important;padding-right:10px!important;
 }
}

/* Manual detail-page drafts; action handlers and dirty state belong to CODE. */
.detail-draft-panel{min-width:0;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--text)}
.detail-draft-panel h3{margin:0 0 12px;font-size:18px}.detail-draft-panel h4{margin:0 0 12px;font-size:15px}
.detail-draft-context{font-size:14px;overflow-wrap:anywhere}
.detail-draft-note,.detail-draft-image-empty{font-size:12px;color:var(--text-secondary);line-height:1.8;overflow-wrap:anywhere}
.detail-draft-scope{padding:14px;background:var(--primary-soft);border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}
.detail-draft-scope strong{font-size:14px}.detail-draft-scope p{font-size:13px;line-height:1.7;margin:6px 0 0}
#detail-draft-status{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
#detail-draft-form fieldset{border:0;min-width:0;margin:0;padding:16px 0 0}
#detail-draft-form legend{font-size:15px;font-weight:600;padding:0}
.detail-draft-fields,.detail-draft-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.detail-draft-fields label,.detail-draft-image-field>label{display:grid;align-content:start;gap:8px;margin:0;min-width:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}
.detail-draft-image-field{min-width:0}
.detail-draft-fields :is(input,textarea),.detail-draft-image-field select{display:block;width:100%;min-width:0;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:7px;font:inherit}
.detail-draft-fields input,.detail-draft-image-field select{height:44px;min-height:44px;line-height:normal}
.detail-draft-fields textarea{min-height:92px;resize:vertical;background:var(--surface);color:var(--text)}
.detail-draft-fields textarea:disabled{background:var(--surface-subtle);color:var(--text-muted)}
.detail-draft-preview{display:block;width:100%;height:180px;object-fit:contain;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle)}
.detail-draft-text-section{min-width:0;margin-top:14px;border:1px solid var(--line);border-radius:8px;padding:0 14px}
.detail-draft-text-section>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.detail-draft-text-section>.detail-draft-fields{padding-bottom:14px}
.detail-draft-job{padding:16px;border:1px solid var(--line);border-radius:8px;margin:18px 0;min-width:0}
.detail-draft-warning{padding:12px;background:var(--warning-soft);color:var(--warning);border-radius:7px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.detail-draft-review{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.detail-draft-review ul{padding-left:20px}
.detail-draft-job-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.detail-draft-job-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;white-space:normal;text-align:center}
.detail-draft-export{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.detail-draft-reviewed{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 10px;font-size:13px;line-height:1.7;cursor:pointer}
.detail-draft-reviewed input[type=checkbox]{width:18px;height:18px;min-height:18px;min-width:18px;margin:0;padding:0;flex:none;accent-color:var(--primary)}
.detail-draft-export .button,#detail-draft-generate{min-height:44px;white-space:normal}
.detail-draft-generate-actions{display:flex;justify-content:flex-end;margin-top:12px}
@media(max-width:600px){
 .detail-draft-fields,.detail-draft-image-grid{grid-template-columns:minmax(0,1fr)}
 .detail-draft-fields :is(input,textarea),.detail-draft-image-field select{font-size:16px}
 .detail-draft-job{padding:14px}.detail-draft-job-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .detail-draft-export .button,#detail-draft-generate{width:100%}
}

/* Six-column stock list and inventory-dialog transaction history. */
.stock-table{min-width:720px;table-layout:auto}
.stock-table th:first-child{width:36%}
.stock-table td:first-child{white-space:normal;overflow-wrap:anywhere}
.stock-table .row-button[data-inventory-control]{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:4px 0;text-align:left;white-space:normal;overflow-wrap:anywhere}
.stock-table .row-button[data-inventory-control]:focus-visible,#inventory-recent-transactions .history-transaction-link:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:4px}
.stock-table .stock-quantity{color:var(--text);opacity:1}
.stock-table .stock-quantity-value{display:inline-block;color:var(--text);font-size:17px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:1}
.stock-table .stock-quantity-note{display:block;margin-top:4px;color:var(--text-secondary);font-size:12px;line-height:1.5;opacity:1}
.inventory-recent-section{min-width:0;max-width:100%;margin:24px 0;padding-top:20px;border-top:1px solid var(--line)}
.inventory-recent-section>h3{margin:0 0 12px;color:var(--text);font-size:17px;font-weight:700;line-height:1.5}
#inventory-recent-transactions{min-width:0;max-width:100%;padding:0}
#inventory-recent-transactions .history-compact{min-width:0;max-height:none;overflow:visible}
#inventory-recent-transactions .table-wrap{max-width:100%;max-height:none;overflow-x:auto}
#inventory-recent-transactions .history-grid{min-width:0}
#inventory-recent-transactions .history-columns{position:static}
#inventory-recent-transactions .history-clickable{min-height:44px}
#inventory-recent-transactions .history-grid>span{min-width:0}
#inventory-recent-transactions .history-grid .number{white-space:normal;overflow-wrap:anywhere}
#inventory-recent-transactions .history-transaction-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;vertical-align:middle}
#inventory-recent-transactions .home-empty{display:block;min-height:0;padding:18px 0;text-align:left}
#inventory-recent-transactions .product-history-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
#inventory-recent-transactions .product-history-pagination>span{min-width:0;color:var(--text-secondary);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#inventory-recent-transactions .product-history-pagination .button{min-height:44px;white-space:normal}
@media(max-width:600px){
 .stock-table{min-width:0}
 .stock-table .stock-quantity-value{font-size:18px}
 .table-wrap .stock-table tbody td:nth-child(4){grid-column:1/-1}
 .inventory-recent-section{margin:20px 0;padding-top:16px}
 .inventory-recent-section>h3{font-size:16px}
 #inventory-recent-transactions .history-grid{grid-template-columns:76px minmax(0,1fr) minmax(56px,.65fr);gap:6px;padding:6px 4px;font-size:13px}
 #inventory-recent-transactions .product-history-pagination{align-items:stretch}
 #inventory-recent-transactions .product-history-pagination>span,#inventory-recent-transactions .product-history-pagination .button{width:100%}
}

/* Product asset dialog: one representative image, followed by resource links. */
.asset-detail-dialog .asset-representative{width:100%;max-width:320px;min-width:0;margin:16px 0 20px;box-sizing:border-box}
.asset-detail-dialog .asset-representative>a{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);overflow:hidden}
.asset-detail-dialog .asset-representative>a>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.asset-detail-dialog .asset-representative figcaption{margin-top:8px;font-size:12px;line-height:1.6;color:var(--text-secondary);overflow-wrap:anywhere}
.asset-detail-dialog .asset-representative .asset-image-error{padding:16px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.asset-detail-dialog .asset-file-grid{grid-template-columns:minmax(0,1fr);gap:8px}
.asset-detail-dialog .asset-file-card{padding:0;background:var(--surface)}
.asset-detail-dialog .asset-file-card>div:last-child{padding:10px 12px;gap:4px}
.asset-detail-dialog .asset-source-list{gap:8px}
.asset-detail-dialog .asset-source{padding:10px 12px;gap:4px;line-height:1.5}
.asset-detail-dialog .asset-source>img,.asset-detail-dialog .asset-file-card img{display:none}
.asset-detail-dialog .asset-file-placeholder{height:auto;min-height:0;padding:8px 12px;flex-direction:row;justify-content:flex-start;gap:8px}
.asset-detail-dialog .asset-file-placeholder svg{width:20px;height:20px;flex-shrink:0}
.asset-detail-dialog .asset-source a,.asset-detail-dialog .asset-file-card a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;white-space:normal}
.asset-detail-dialog .asset-source code{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
.asset-detail-dialog .asset-representative>a:focus-visible,.asset-detail-dialog .asset-source a:focus-visible,.asset-detail-dialog .asset-file-card a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* Pure product-group profile panel; all actions are wired by CODE. */
.asset-group-profile{min-width:0;padding:16px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.asset-group-profile h3{margin:0 0 12px;font-size:17px}.asset-group-profile h4{margin:16px 0 8px;font-size:14px}
.asset-group-profile .asset-group-profile-note,.asset-group-profile .asset-group-profile-meta{margin:8px 0;font-size:12px;line-height:1.7;color:var(--text-secondary)}
.asset-group-profile fieldset{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;margin:12px 0;padding:0;border:0}
.asset-group-profile legend{padding:0 0 12px;font-size:14px;font-weight:600}
.asset-group-profile label{display:grid;gap:6px;min-width:0;font-size:13px;color:var(--text-secondary)}
.asset-group-profile input,.asset-group-profile select{width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;padding:10px 12px}
.asset-group-profile .button{justify-self:start;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.asset-group-profile-create{border-top:1px solid var(--line);padding-top:8px;margin-top:16px}
.asset-group-profile-create>summary{display:list-item;min-height:44px;box-sizing:border-box;padding:12px 4px;cursor:pointer;font-size:13px}
.asset-group-profile-representatives ul{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px;min-width:0}
.asset-group-profile-representatives>ul>li{padding:10px 12px;border:1px solid var(--line);border-radius:6px;min-width:0;font-size:13px}
.asset-group-profile-representatives a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;font-size:12px}
.asset-group-profile-representatives li>span{font-size:12px;color:var(--text-secondary)}
.asset-group-profile :is(input,select,button,a,summary):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.asset-group-profile :is(input,select,button):disabled{opacity:.65;cursor:not-allowed}

/* Product-name review: keep the four-column table on narrow screens. */
.name-review{min-width:0;color:var(--text);line-height:1.6}
.name-review .name-review-guide{margin:0 0 12px;color:var(--text-secondary);font-size:13px;overflow-wrap:anywhere}
.name-review .name-review-summary,.name-review .name-review-actions,.name-review .name-review-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}
.name-review .name-review-summary{font-size:13px;color:var(--text-secondary)}
.name-review .name-review-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:16px 0}
.name-review .name-review-toolbar>label{display:grid;gap:6px;min-width:160px;margin:0;font-size:13px;color:var(--text-secondary)}
.name-review .name-review-toolbar>label:first-child{flex:1;min-width:220px}
.name-review :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background-color:var(--surface);color:var(--text);font:inherit;line-height:1.5}
.name-review :is(input,select){height:44px}
.name-review textarea{display:block;resize:vertical;min-height:88px}
.name-review .button{min-height:44px;box-sizing:border-box;margin:0;white-space:normal}
.name-review :is(button,input,select,textarea):disabled{opacity:.6;cursor:not-allowed}
.name-review :is(button,input,select,textarea,summary,.name-review-table-wrap):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.name-review #name-review-dirty-count{margin-right:auto;font-size:13px;font-variant-numeric:tabular-nums}
.name-review :is(#name-review-message,#name-review-error,#name-review-save-error){margin:8px 0;font-size:13px;overflow-wrap:anywhere}
.name-review :is(#name-review-error,#name-review-save-error){color:var(--danger)}
.name-review .name-review-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.name-review .name-review-table{width:100%;min-width:920px;table-layout:fixed;border-collapse:collapse;font-size:13px}
.name-review .name-review-table caption{text-align:left;padding:12px;color:var(--text-secondary);font-size:12px}
.name-review .name-review-table :is(th,td){box-sizing:border-box;padding:12px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;white-space:normal}
.name-review .name-review-table thead th{background:var(--surface-subtle);font-weight:600}
.name-review .name-review-table thead th:nth-child(1){width:24%}
.name-review .name-review-table thead th:nth-child(2){width:29%}
.name-review .name-review-table thead th:nth-child(3){width:29%}
.name-review .name-review-table thead th:nth-child(4){width:18%}
.name-review .name-review-table tbody th{font-weight:500}
.name-review .name-review-table tr:last-child :is(th,td){border-bottom:0}
.name-review .name-review-dirty-row>th{background:var(--primary-soft)}
.name-review .name-review-meta,.name-review .name-review-notes{margin:6px 0 0;color:var(--text-secondary);font-size:12px}
.name-review details{margin-top:8px;color:var(--text-secondary);font-size:12px;font-weight:400}
.name-review summary{min-height:44px;box-sizing:border-box;padding:12px 0;cursor:pointer}
.name-review dl{margin:4px 0}.name-review dt{font-weight:600}.name-review dd{margin:0 0 8px;overflow-wrap:anywhere}
.name-review .name-review-field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.name-review .name-review-empty{text-align:center;padding:28px}
.name-review .name-review-pagination{justify-content:flex-end;font-size:13px}
.name-review .name-review-pagination .button{display:inline-flex;align-items:center;justify-content:center;gap:0;width:auto;padding:10px 15px;color:var(--text);background:var(--surface);border:1px solid var(--line);font-size:14px}
@media(max-width:600px){
 .name-review .name-review-toolbar>label,.name-review .name-review-toolbar>label:first-child{flex:1 1 100%;min-width:0}
 .name-review .name-review-toolbar>.button{flex:1}
 .name-review .name-review-actions>.button{flex:1}
 .name-review #name-review-dirty-count{flex:1 1 100%}
 .name-review .name-review-pagination{justify-content:space-between;gap:8px}
 .name-review .name-review-pagination>span{font-size:12px}
}

/* Read-only original product name, collapsed until requested. */
.product-name-history{min-width:0;max-width:100%;margin:12px 0;color:var(--text-secondary);font-size:13px;line-height:1.6}
.product-name-history>summary{display:list-item;box-sizing:border-box;min-height:44px;padding:12px 0;cursor:pointer;color:var(--text-secondary)}
.product-name-history>summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
.product-name-history>p{max-width:100%;margin:4px 0 12px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface-subtle);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}

/* Shared workspace finish: all values derive from the catalogue palette. */
@media(min-width:601px){html[data-input-mode="keyboard"] .sidebar :is(button,a):focus-visible{outline-color:var(--primary)}}
::selection{background:var(--primary-soft);color:var(--text)}
:where(input,textarea){caret-color:var(--primary)}
:where(a){text-underline-offset:3px}
:where(.table-wrap,.ledger-table-scroll,dialog){scrollbar-color:var(--text-muted) var(--surface-subtle);scrollbar-width:thin}
.sidebar .nav-status{color:var(--navigation-muted);border-color:var(--line)}
.sidebar button.active .nav-status{color:var(--primary);border-color:var(--line)}
.home-checks{background:var(--surface-subtle);border:1px solid var(--line)}
.home-check strong{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}
.home-check strong small{font-size:12px;margin-left:3px}
.home-recent-row{border-bottom:1px solid var(--line)}
.home-recent-row:last-child{border-bottom:0}
.button:focus-visible,.row-button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.info-grid{gap:0;border-block:1px solid var(--line)}
.info-grid>.info-card{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
.info-grid>.info-card:last-child{border-right:0}
@media(min-width:601px){
 .home-recent-card .home-card-heading{margin-bottom:8px}
 .home-recent-card .home-card-note{margin-bottom:12px}
 .home-recent-row{padding:10px 0;min-height:60px}
}
@media(max-width:1100px){
 .home-shortcuts button:nth-child(2n){border-right:0}
 .home-shortcuts button:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .home-shortcuts button{padding:14px 12px;column-gap:8px}
 .home-shortcuts button>small{grid-column:1/-1}
 .asset-metric{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 #navigation button:hover{background:var(--surface-subtle);color:var(--text)}
 #navigation button.active{background:var(--primary-soft);color:var(--primary)}
 .home-view{gap:24px}
 .home-section-heading{margin-bottom:0}
 .home-dashboard{gap:20px;margin-bottom:0}
 .home-menu-section>h2{font-size:14px;margin-bottom:10px}
 .home-shortcuts{gap:0}
 .home-shortcuts button{padding:12px;min-height:76px;gap:4px 8px;border-bottom:1px solid var(--line)}
 .home-shortcuts button:nth-child(2n){border-right:0}
 .home-shortcuts button:nth-last-child(-n+2){border-bottom:0}
 .home-shortcut-icon{width:24px;height:24px;margin:0;border-radius:0}
 .home-shortcuts button>small{grid-column:2;font-size:11px}
 .home-shortcuts button>strong{font-size:14px}
 .home-card{padding:18px}
 .home-check strong{font-size:21px}
 .asset-catalog{padding:0}
 .asset-metrics{gap:0}
 .asset-metric{padding:12px;gap:6px}
 .asset-metric:nth-child(2n){border-right:0}
 .asset-metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .info-grid{grid-template-columns:minmax(0,1fr)}
 .info-grid>.info-card{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}
 .info-grid>.info-card:last-child{border-bottom:0}
}

/* The authenticated wrapper contains the paper dialog; reveal only that child when printing. */
@media print{
 body{background:#fff}
 body>#workspace{display:block!important}
 body>#workspace>:not(#statement-dialog){display:none!important}
 body>#workspace>#statement-dialog{display:block!important;position:static;inset:auto;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:visible;color-scheme:light;background:#fff;color:#324b39}
 #statement-dialog .statement-controls{display:none!important}
 #statement-dialog::backdrop{display:none}
 #statement :is(h2,strong,th,td){color:#324b39;border-color:#dfe4ec}
 #statement :is(th,thead){background:#f3f7f0}
}

/* Optional guidance stays available without displacing working rows. */
.home-text-button{display:inline-flex;align-items:center;gap:6px}
.home-text-button .ui-icon,.home-recent-arrow .ui-icon{width:14px;height:14px}
.pricing-help{color:var(--text-secondary);font-size:13px}
.pricing-help>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:500}
.pricing-help>summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.pricing-help>p{line-height:1.7;max-width:72ch}
.price-rule.pricing-help{display:block;padding:0 16px;margin:16px 0}
.price-rule.pricing-help[open]{padding-bottom:16px}
.price-rule.pricing-help>strong,.price-rule.pricing-help>span{display:block;margin-top:8px;line-height:1.7}
@media(max-width:600px){
 .ledger-dates>span{display:block}
 .ledger-dates input{min-height:44px}
 .asset-catalog-heading>div{display:none}
 .asset-catalog-heading{gap:8px;margin-bottom:16px}
 .asset-catalog-summary{display:none}
 .asset-metric{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:64px;padding:12px 8px;gap:6px}
 .asset-metric>span{font-size:12px}
 .asset-metric>strong{font-size:22px}
 .asset-metric>strong>small{display:none}
 .asset-metric>small{display:none}
 .asset-view-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 0}
 .asset-view-toolbar>label{grid-column:1/-1;width:100%;grid-row:2}
 .asset-view-toolbar>[data-assets-clear]{margin:0;font-size:11px;padding:8px;min-height:44px}
 .asset-view-toggle .button{min-height:44px;font-size:11px;padding:8px}
 .pricing-heading{margin-bottom:8px}
 .pricing-heading>div{display:none}
 .price-rule.pricing-help{margin:8px 0 12px}
 .price-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;overflow-x:auto;white-space:nowrap}
 .price-tabs button{flex:1 0 auto;width:auto;min-height:44px;font-size:12px;padding:8px}
 .pricing-section-title{margin:16px 0 0}
 .pricing-section-title h3{margin:0;font-size:17px}
 .pricing-help>summary{padding:10px 0}
 .customer-price-tools{margin-top:8px}
}

@media(max-width:380px){.ledger-dates{grid-template-columns:minmax(0,1fr);gap:8px}.ledger-dates>span{display:none}}

/* Product detail: existing stock form and lazily loaded read-only assets. */
.inventory-detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:16px 0 20px}
.inventory-detail-tabs>[role="tab"]{flex:1;min-height:44px;padding:10px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--text-secondary);font-weight:600}
.inventory-detail-tabs>[aria-selected="true"]{border-bottom-color:var(--primary);color:var(--primary);background:var(--primary-soft)}
.inventory-detail-tabs>[role="tab"]:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
#inventory-dialog [role="tabpanel"]{min-width:0;max-width:100%}
.inventory-assets-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.inventory-assets-toolbar p{margin:0;color:var(--text-secondary);font-size:13px}
.inventory-assets-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}
.inventory-assets-panel .button{min-height:44px}
.inventory-assets-panel :is(p,code,a,strong,h4){overflow-wrap:anywhere}
.inventory-assets-panel .asset-representative{margin:20px 0;max-width:100%}
.inventory-assets-panel .asset-representative img{display:block;width:auto;max-width:100%;max-height:280px;object-fit:contain;margin:auto}
.inventory-assets-panel .asset-detail-section{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}
.inventory-assets-panel .asset-detail-section h3{display:flex;gap:8px;align-items:baseline;font-size:16px}
.inventory-assets-panel .asset-detail-section h3>span{font-size:12px;color:var(--text-muted);font-weight:400}
.inventory-assets-panel .asset-detail-group{padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.inventory-assets-panel .asset-source code{white-space:pre-wrap;user-select:text}
.inventory-assets-panel .asset-source a{display:block;min-height:44px;padding:8px 0}
.inventory-assets-panel .asset-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.inventory-assets-note{margin:24px 0 0;border-top:1px solid var(--line);padding-top:16px;color:var(--text-muted);font-size:12px;line-height:1.7}
.inventory-assets-empty{padding:32px 0}.inventory-assets-empty h3{font-size:17px}.inventory-assets-empty p{color:var(--text-secondary);font-size:14px}
@media(max-width:600px){.inventory-assets-toolbar{align-items:start;flex-direction:column}.inventory-assets-toolbar>div{width:100%}.inventory-assets-toolbar .button{flex:1}.inventory-assets-panel .asset-file-grid{grid-template-columns:minmax(0,1fr)}.inventory-detail-tabs>[role="tab"]{padding:10px 8px;font-size:14px}}

/* Stock catalogue: compact mobile rows; desktop retains its six price/status columns. */
.stock-catalog{min-width:0;max-width:100%}
.stock-catalog .stock-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--text-secondary);font-size:13px}
.stock-catalog .stock-pagination>div{display:flex;gap:8px}
.stock-catalog .stock-pagination .button{min-height:44px;min-width:56px}
@media(max-width:600px){
 .stock-catalog>h2{margin:0 0 8px;font-size:19px;line-height:1.4}
 .stock-catalog>.other-description{display:none}
 .stock-catalog .stock-status-tabs{display:flex;flex-wrap:nowrap;gap:4px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;margin:8px 0;padding:2px 0 4px}
 .stock-catalog .stock-status-tabs>button{flex:0 0 auto;min-height:44px;padding:8px 10px;font-size:12px;white-space:nowrap}
 .stock-catalog .stock-search-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:8px 0 12px}
 .stock-catalog .stock-search-tools>label{min-width:0;width:100%;margin:0;gap:4px;font-size:12px}
 .stock-catalog .stock-search-tools input{width:100%;min-width:0;max-width:100%;height:44px;margin:0;box-sizing:border-box;font-size:16px}
 .stock-catalog .stock-search-tools>.button{min-height:44px;height:44px;margin:0;padding:10px 14px}
 .stock-catalog .table-wrap{min-width:0;max-width:100%;overflow:visible;border:0;border-radius:0}
 .stock-catalog .table-wrap .stock-table:not(.entry-table){display:block;width:100%;min-width:0!important;max-width:100%;margin:0;border-collapse:collapse}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody{display:block;width:100%}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) thead{display:none}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) 20px;align-items:baseline;gap:0 8px;min-width:0;margin:0;padding:8px 12px;border:0;border-bottom:1px solid var(--line);border-bottom-color:color-mix(in srgb,var(--line) 65%,transparent);border-radius:0;background:var(--surface);box-shadow:none}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td{display:block;grid-column:auto;min-width:0;max-width:100%;padding:0!important;border:0;font-size:12px;line-height:20px;text-align:left;white-space:normal;overflow-wrap:anywhere}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td::before{display:none}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td:first-child{display:flex;align-items:center;gap:6px;grid-column:1/-1}
 .stock-catalog .stock-table .row-button[data-inventory-control]{display:flex;align-items:flex-start;flex:1;min-width:0;min-height:44px;width:100%;padding:0;font-size:16px;line-height:22px}
 .stock-catalog .stock-table .row-button strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;font-weight:600;line-height:22px}
 .stock-catalog .stock-table td:first-child>small{display:none}
 .stock-catalog .stock-table td:first-child>.badge{flex:0 0 auto;font-size:10px}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td:nth-child(2),.stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td:nth-child(4){display:none}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td:nth-child(3){display:flex;align-items:baseline;gap:4px;grid-column:1;grid-row:2}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td:nth-child(5){display:flex;align-items:baseline;justify-content:flex-end;gap:4px;grid-column:2;grid-row:2;text-align:right}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td:nth-child(6){grid-column:3;grid-row:2;width:20px!important;max-width:20px;text-align:center;line-height:20px}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td:nth-child(3)::before{display:inline;content:'소매가';flex:0 0 auto;margin:0;font-size:11px;font-weight:400;color:var(--text-muted)}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td:nth-child(5)::before{display:inline;content:'재고';flex:0 0 auto;margin:0;font-size:11px;font-weight:400;color:var(--text-muted)}
 .stock-catalog .stock-table :is(.stock-retail-value,.stock-quantity-value){display:block;flex:1;min-width:0;color:var(--text);font-family:inherit;font-size:14px;font-weight:500;line-height:20px;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
 .stock-catalog .stock-table .stock-quantity-note{display:block;flex:1;min-width:0;margin:0;font-size:11px;line-height:20px}
 .stock-catalog .stock-table td:nth-child(5) :is(.stock-quantity-value,.stock-quantity-note){flex:0 1 auto;text-align:left;text-align-last:right}
 .stock-catalog .stock-table td:last-child .badge.stock-status-indicator{display:inline-block;box-sizing:border-box;width:12px;height:12px;min-width:12px;margin:0;padding:0;border:0;border-radius:50%;vertical-align:middle;font-size:0;line-height:0;color:transparent;overflow:hidden;background:var(--success)}
 .stock-catalog .stock-table td:last-child .badge.stock-status-indicator.warn{background:#df8c20}
 .stock-catalog .stock-table td:last-child .badge.stock-status-indicator.neutral{background:var(--text-muted)}
 .stock-catalog .table-wrap .stock-table:not(.entry-table) tbody td[colspan]{display:block;grid-column:1/-1;padding:16px 0!important;text-align:center}
 .stock-catalog .stock-pagination{gap:8px;font-size:12px}
}

/* Document workspace: replace the global sidebar/card composition with working registers.
   Screen-only so printed statements remain independent. */
@media screen{
 .document-workspace .app{margin-left:0;width:100%}
 .document-workspace main{max-width:1680px;margin:0 auto;padding:32px}
 .document-workspace .page-heading{padding-bottom:20px;margin-bottom:0;border-bottom:1px solid var(--line)}
 .document-workspace .page-heading h1{font-size:26px;letter-spacing:-.6px}
 .document-workspace .other-view{padding:24px 0;border-radius:0;background:transparent}
 .document-workspace .other-view>h2{margin-top:0}
 .document-workspace .table-wrap{border-radius:0}
 .document-workspace .tabs{padding:0;background:transparent;border-radius:0;border-bottom:1px solid var(--line);gap:0}
 .document-workspace .tabs button{min-height:44px;border-radius:0;padding:10px 18px;background:transparent;box-shadow:none;border-bottom:2px solid transparent}
 .document-workspace .tabs button.active{background:transparent;border-bottom-color:var(--primary);color:var(--primary)}
 .document-workspace .toast{left:50%}
 /* Home: task directory and transaction journal, with no summary-card shelf. */
 .home-desk{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"menu journal" "checks journal";gap:24px 40px;padding-top:24px;border-top:1px solid var(--line)}
 .home-directory,.home-journal{min-width:0}.home-directory{grid-area:menu}.home-journal{grid-area:journal}.home-desk>.home-checks{grid-area:checks}
 .home-section-heading{padding:0 0 8px}
 .home-menu-section>h2{font-size:15px;margin:0 0 12px}
 .home-shortcuts{display:flex;flex-direction:column;border:0;border-radius:0;background:transparent;overflow:visible}
 .home-shortcuts button{grid-template-columns:24px minmax(0,1fr);min-height:76px;padding:16px 12px;border:0!important;border-bottom:1px solid var(--line)!important;gap:2px 12px;text-align:left}
 .home-shortcuts button:first-child{background:var(--primary-soft)}
 .home-shortcuts button>strong{font-size:16px;font-weight:600}
 .home-shortcuts button>small{grid-column:2;font-size:12px}
 .home-shortcuts .home-shortcut-icon{width:24px;height:24px;padding:0;margin:0;background:transparent;border:0;border-radius:0;color:var(--primary)}
 .home-desk>.home-checks{display:block;padding:24px 0 0;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
 .home-desk>.home-checks h2{font-size:15px}
 .home-desk>.home-checks .home-check{display:flex;align-items:center;flex-direction:row;gap:12px;padding:16px 0;font-size:13px}
 .home-desk>.home-checks .home-check strong{font-size:18px;white-space:nowrap}
 .home-desk>.home-checks .home-check small{font-size:11px}
 .home-desk>.home-checks .home-check-links{margin-top:12px}
 .home-journal .home-recent-card{padding:0;border:0;border-radius:0;background:transparent}
 .home-journal .home-card-heading{min-height:44px;margin:0 0 4px;align-items:center}
 .home-journal .home-card-heading h2{font-size:20px;font-weight:600}
 .home-journal .home-card-note{margin:0 0 20px}
 .home-journal #home-recent{background:var(--surface);border-block:1px solid var(--line);padding:0 20px}
 .home-journal .home-recent-row{min-height:84px;padding:16px 0}
 .home-journal .home-recent-party strong{font-size:16px}
 .home-journal .home-recent-amount{font-size:16px;font-weight:600}
 /* Product directory: local filters remain close to the register they affect. */
 .stock-catalog .stock-search-tools{max-width:660px;margin:20px 0 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
 .stock-catalog .stock-search-tools label{width:100%;margin:0}
 .stock-catalog .stock-search-tools input{width:100%;margin:6px 0 0}
 .stock-workbench{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding-top:20px}
 .stock-workbench .stock-status-tabs{display:flex;flex-direction:column;align-items:stretch;align-self:start;gap:4px;border:0;margin:0;padding:0;background:transparent}
 .stock-workbench .stock-status-tabs button{flex:none;text-align:left;border:0;padding:12px;white-space:normal}
 .stock-workbench .stock-status-tabs button.active{border:0;background:var(--primary-soft)}
 .stock-results{min-width:0}
 .stock-results .table-wrap{background:var(--surface);border:0}
 .stock-results .stock-table{margin-top:0}
 .stock-results .stock-table th{padding-top:12px;padding-bottom:12px}
 .stock-results .stock-table td:first-child .row-button{min-height:44px;display:flex;align-items:center}
 .stock-results .stock-pagination{border-top:1px solid var(--line);padding-top:16px}
 /* Asset explorer: status and filter directory, result tools, then the file register. */
 .asset-catalog{padding:0;border:0;border-radius:0;background:transparent}
 .asset-catalog-heading{padding-bottom:24px}
 .asset-workbench{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding-top:20px}
 .asset-explorer,.asset-results-pane{min-width:0}
 .asset-explorer h3{font-size:14px;margin:0 0 12px}
 .asset-explorer .asset-metrics{display:flex;flex-direction:column;gap:0;margin:0 0 20px;border:0}
 .asset-explorer .asset-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:48px;padding:10px;border:0;border-radius:0;background:transparent;gap:8px}
 .asset-explorer .asset-metric[aria-pressed="true"]{background:var(--primary-soft)}
 .asset-explorer .asset-metric>span{font-size:12px}
 .asset-explorer .asset-metric>strong{font-size:16px;font-weight:600;margin:0}
 .asset-explorer .asset-metric>small,.asset-explorer .asset-metric>strong>small{display:none}
 .asset-explorer .asset-catalog-summary{font-size:11px;padding:0;margin:0 0 20px}
 .asset-explorer .asset-catalog-filters{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:20px 0 0;border-top:1px solid var(--line);border-radius:0;background:transparent}
 .asset-explorer .asset-catalog-search-block{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
 .asset-explorer .asset-catalog-search-block .button{padding:8px}
 .asset-explorer .asset-filter-options{display:block}
 .asset-explorer .asset-filter-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 .asset-explorer input,.asset-explorer select{font-size:13px}
 .asset-results-pane .asset-view-toolbar{margin:0 0 12px;gap:8px;flex-wrap:wrap}
 .asset-results-pane .asset-view-toolbar>label{margin-left:auto}
 .asset-results-pane .asset-catalog-results{margin-top:8px}
 .asset-results-pane .asset-catalog-table{border-radius:0}
 .asset-storage-note{margin-top:28px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:20px 0}
 /* Entry documents: context at the left; scanning and editable lines at the right. */
 .trade-dialog{width:min(1240px,96vw);max-width:96vw;padding:28px}
 .trade-dialog .modal-heading{margin-bottom:12px}
 .trade-compose{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;margin:24px 0}
 .trade-compose h3{font-size:15px;font-weight:600;margin:0 0 16px}
 .trade-context{padding-right:24px;border-right:1px solid var(--line);min-width:0}
 .trade-context .form-row{display:flex;flex-direction:column;gap:20px;margin:0 0 20px}
 .trade-context .form-row>label,.trade-context .trade-partner-field{width:100%;min-width:0;flex:none}
 .trade-items{min-width:0}
 .trade-items .barcode-section{margin:0 0 16px;padding:16px;background:var(--surface-subtle);border:0;border-radius:0}
 .trade-items .scan-heading{align-items:start;flex-direction:column;gap:4px}
 .trade-items .scan-controls input{font-size:14px!important;letter-spacing:0}
 .trade-items .table-wrap{border-radius:0}
 .trade-items .entry-table{margin:0}
 .trade-dialog .entry-total{border-radius:0;border-block:1px solid var(--line);background:transparent;padding:16px 0}
 .document-workspace .customer-grades{gap:0;border-top:1px solid var(--line)}
 .document-workspace .customer-grades label{border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface);padding:16px}
 .document-workspace .price-editor{border:0;border-top:1px solid var(--line);border-radius:0;background:var(--surface);padding:24px 0}
}
@media screen and (min-width:601px){
 /* Two horizontal bands replace the fixed global directory. */
 .document-workspace .sidebar{position:relative;inset:auto;width:100%;height:124px;padding:68px 32px 0;border:0;border-bottom:1px solid var(--line);background:var(--surface);overflow:visible}
 .document-workspace .sidebar .brand{position:absolute;left:32px;top:17px;margin:0;padding:0;font-size:25px;letter-spacing:.6px;min-height:32px;display:flex;justify-content:start}
 .document-workspace .sidebar>.nav-label{display:none}
 .document-workspace #navigation{display:flex;align-items:stretch;gap:4px;margin:0;width:100%;height:56px;overflow-x:auto;scrollbar-width:thin}
 .document-workspace #navigation :is(.nav-section-label,.nav-separator){display:none}
 .document-workspace #navigation button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;min-height:52px;width:auto;margin:0;padding:12px 14px;border:0;border-bottom:3px solid transparent;border-radius:0;font-size:13px;white-space:nowrap}
 .document-workspace #navigation button.active{background:transparent;border-bottom-color:var(--primary)}
 .document-workspace #navigation button span{display:inline}
 .document-workspace #navigation .nav-status{display:none}
 .document-workspace #navigation .menu-more{display:none}
 .document-workspace .app>header{position:absolute;inset:0 0 auto 166px;height:68px;min-height:68px;padding:0 32px 0 24px;border:0;background:transparent;z-index:20}
 body.ledger-workspace{overflow:auto}
 .ledger-workspace .document-workspace .app{height:auto;display:block;overflow:visible}
 .ledger-workspace .document-workspace main{display:block;overflow:visible;padding:28px 32px;max-width:1680px}
 .ledger-workspace .ledger-shell{display:block;min-height:0;border:0;border-radius:0;background:transparent;overflow:visible}
 .ledger-workspace .partner-pane{display:block;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;overflow:visible}
 .ledger-workspace .partner-heading{display:flex;align-items:center;gap:16px;padding:16px 0}
 .ledger-workspace .partner-heading h2{font-size:13px;white-space:nowrap;margin:0}
 .ledger-workspace .partner-heading small,.ledger-workspace .partner-foot{display:none}
 .ledger-workspace .partner-heading #customer-manage{order:2;margin:0 0 0 auto}
 .ledger-workspace .partner-heading .mobile-partner-toggle{display:flex;align-items:center;min-width:220px;max-width:420px;flex:1;margin:0;text-align:left;min-height:44px}
 .ledger-workspace .partner-pane .partner-search,.ledger-workspace .partner-pane #partner-list{display:none}
 .ledger-workspace .partner-pane.is-expanded .partner-search{display:flex;max-width:500px;margin:0 0 12px}
 .ledger-workspace .partner-pane.is-expanded #partner-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:240px;overflow:auto;padding:0 0 16px;margin:0}
 .ledger-workspace .partner-pane.is-expanded .partner-section{grid-column:1/-1;padding:8px}
 .ledger-workspace .partner-row{width:100%;margin:0;min-width:0;min-height:52px;content-visibility:visible}
 .ledger-workspace .partner-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
 .ledger-workspace .partner-avatar{display:none}
 .ledger-workspace .ledger-main{display:block;overflow:visible}
 .ledger-workspace .ledger-heading{padding:24px 0 16px}
 .ledger-workspace .ledger-heading>div{margin-right:auto}
 .ledger-workspace .ledger-heading{gap:8px}
 .ledger-workspace .ledger-conditions{padding:16px 20px;margin-bottom:20px;background:var(--surface);border:1px solid var(--line)}
 .ledger-workspace .ledger-filters{padding:0;gap:20px}
 .ledger-workspace .ledger-query{margin:16px 0 0}
 .ledger-workspace .ledger-query .search-box{width:min(480px,70%)}
 .ledger-workspace .ledger-query .search-box input{width:100%}
 .ledger-workspace .ledger-dates{width:auto}
 .ledger-workspace .ledger-dates input{width:150px}
 .ledger-workspace .ledger-table-scroll{max-height:60vh;min-height:260px;background:var(--surface);border-top:1px solid var(--line)}
 .ledger-workspace .ledger-totals{background:transparent;padding:16px 0}
 .ledger-workspace .ledger-totals>span{flex-direction:row;align-items:baseline;gap:8px}
 .ledger-workspace .ledger-table-scroll th:nth-child(4),.ledger-workspace .ledger-table-scroll td:nth-child(4){display:table-cell}
}
@media screen and (min-width:601px) and (max-width:1000px){
 .document-workspace .sidebar{padding-inline:20px}.document-workspace .sidebar .brand{left:20px}
 .document-workspace main,.ledger-workspace .document-workspace main{padding:24px 20px}
 .document-workspace #navigation button{padding-inline:12px}
 .document-workspace .app>header{left:140px;padding-right:20px}
 .home-desk{grid-template-columns:220px minmax(0,1fr);gap:24px}
 .home-journal #home-recent{padding:0 12px;grid-template-columns:60px minmax(0,1fr) max-content max-content 8px;column-gap:8px}
 .home-journal .home-recent-party strong,.home-journal .home-recent-amount{font-size:13px}
 .stock-workbench{grid-template-columns:140px minmax(0,1fr);gap:16px}
 .asset-workbench{grid-template-columns:180px minmax(0,1fr);gap:16px}
 .trade-compose{grid-template-columns:210px minmax(0,1fr);gap:20px}
 .trade-context{padding-right:16px}
}
@media screen and (max-width:600px){
 .document-workspace main{padding:20px 16px 24px}
 .document-workspace .page-heading{padding-bottom:16px}
 .document-workspace .page-heading h1{font-size:23px}
 .document-workspace .other-view{padding:20px 0}
 .home-section-heading h1{font-size:25px}
 .home-desk{display:flex;flex-direction:column;gap:28px;padding-top:16px}
 .home-directory{display:contents}
 .home-directory .home-menu-section{order:0}
 .home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
 .home-shortcuts button{min-height:84px;padding:12px 8px;grid-template-columns:20px minmax(0,1fr);gap:4px 8px}
 .home-shortcuts button>strong{font-size:14px}.home-shortcuts button>small{font-size:11px}
 .home-shortcuts .home-shortcut-icon{width:20px;height:20px}
 .home-journal{order:1}
 .home-journal .home-card-heading h2{font-size:18px}
 .home-journal #home-recent{padding:0 12px}
 .home-journal .home-recent-row{min-height:88px;padding:12px 0}
 .home-journal .home-recent-party strong{font-size:14px}
 .home-journal .home-recent-amount{font-size:14px}
 .home-desk>.home-checks{order:2;margin:0;padding:20px 0 0;align-self:stretch;width:100%;min-width:0}
 .home-desk>.home-checks .home-check{padding:14px 0}
 .stock-workbench{display:block;border:0;padding:0}
 .stock-workbench .stock-status-tabs{flex-direction:row;gap:4px;margin-bottom:16px;overflow-x:auto}
 .stock-workbench .stock-status-tabs button{white-space:nowrap;padding:8px 10px}
 .stock-catalog .stock-search-tools{margin:12px 0 16px}
 .stock-catalog .stock-search-tools input{margin:4px 0 0}
 .stock-results .stock-pagination{margin-top:0}
 .stock-results .stock-table td:first-child .row-button{align-items:flex-start}
 .asset-workbench{display:block;padding-top:0;border:0}
 .asset-explorer h3{display:none}
 .asset-explorer .asset-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 16px;border-block:1px solid var(--line)}
 .asset-explorer .asset-metric{min-height:52px;padding:8px}
 .asset-explorer .asset-catalog-filters{padding:0;border:0;gap:12px;margin-bottom:16px}
 .asset-explorer .asset-filter-fields{display:none;grid-template-columns:minmax(0,1fr)}
 .asset-explorer .asset-filter-options[data-open="true"] .asset-filter-fields{display:grid;margin-top:12px}
 .asset-results-pane .asset-view-toolbar>label{margin-left:0}
 .asset-results-pane .asset-catalog-table tr{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:16px 0}
 .asset-catalog-heading{padding-bottom:0}
 .trade-dialog{width:100%;max-width:100%;padding:20px 16px}
 .trade-compose{display:flex;flex-direction:column;gap:20px;margin:20px 0}
 .trade-context{padding:0 0 12px;border-right:0;border-bottom:1px solid var(--line)}
 .trade-context .form-row{margin-bottom:12px;gap:12px}
 .trade-compose h3{margin-bottom:12px}
 .trade-items .barcode-section{padding:12px}
}

@media screen and (min-width:601px){
 .stock-catalog-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,480px);align-items:center;gap:32px;margin-bottom:24px}
 .stock-catalog-heading .other-description{margin:8px 0 0;font-size:13px}
 .stock-catalog-heading .stock-search-tools{margin:0;width:100%;max-width:none}
 .stock-results .stock-table td{padding-top:8px;padding-bottom:8px}
 .stock-results .stock-table td:first-child small{margin:0;line-height:16px}
}
@media screen and (min-width:601px) and (max-width:850px){.stock-catalog-heading{grid-template-columns:minmax(0,1fr);gap:16px}}
@media screen and (max-width:600px){.stock-catalog-heading>.other-description,.stock-catalog-heading>div>.other-description{display:none}.stock-catalog-heading h2{font-size:16px;margin:0 0 12px}}
@media screen{
 /* Login is a single entry document, using the same quiet workspace language. */
 .auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:40px 20px;background:var(--canvas);min-height:100dvh}
 .auth-screen .auth-brand-panel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;width:440px;max-width:100%;padding:0 0 24px;min-height:0;height:auto;background:transparent;color:var(--text)}
 .auth-screen .auth-brand-panel .auth-logo{color:var(--primary);font-size:28px;margin:0}
 .auth-screen .auth-brand-title{display:block}
 .auth-screen .auth-brand-title h1{font-size:14px;line-height:1.6;letter-spacing:0;text-align:right;color:var(--text-secondary);margin:0}
 .auth-screen .auth-card-area{padding:0;min-height:0;width:440px;max-width:100%;display:block}
 .auth-screen .auth-card{width:100%;max-width:none;padding:32px;background:var(--surface);border:0;border-top:2px solid var(--primary);border-radius:0}
 .auth-screen .auth-mobile-logo{display:none}
 .auth-screen .auth-theme-control{margin-bottom:24px}
 .auth-screen .auth-card #auth-title{font-size:26px;margin-bottom:24px}
 .pricing-workbench{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}
 .pricing-workbench #pricing-content{min-width:0}
 .pricing-workbench .price-preview{margin:0;padding:20px 0 0;border-top:1px solid var(--line)}
 .pricing-workbench .price-preview .form-row{flex-direction:column;gap:16px}
 .pricing-workbench .price-preview .form-row>label{width:100%;min-width:0;flex:none}
 .pricing-workbench #price-preview-result{display:flex;flex-direction:column;align-items:start;gap:12px;padding:16px;border-radius:0}
 .document-workspace .info-grid{display:block;border:0;margin-top:16px}
 .document-workspace .info-grid>.info-card{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;font-weight:600}
 .document-workspace .info-card p{margin:0;font-weight:400}
 .document-workspace .import-settings{padding:24px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
}
@media screen and (min-width:1001px){
 .document-workspace #other-view:has(>.member-management){display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"title title" "description description" "info people" "import people";gap:0 40px;align-items:start}
 .document-workspace #other-view:has(>.member-management)>h2{grid-area:title}
 .document-workspace #other-view:has(>.member-management)>.other-description{grid-area:description}
 .document-workspace #other-view:has(>.member-management)>.info-grid{grid-area:info;margin:0}
 .document-workspace #other-view:has(>.member-management)>.info-grid>.info-card{display:block;padding:20px 0}
 .document-workspace #other-view:has(>.member-management)>.info-grid>.info-card p{margin-top:12px}
 .document-workspace #other-view:has(>.member-management)>.import-settings{grid-area:import;margin-top:24px}
 .document-workspace #other-view>.member-management{grid-area:people;margin-top:0;padding:20px 0;border-top:1px solid var(--line)}
}
@media screen and (max-width:1000px){.pricing-workbench{grid-template-columns:minmax(0,1fr)}.pricing-workbench .price-preview .form-row{flex-direction:row}}
@media screen and (max-width:600px){
 .auth-screen{padding:28px 16px}.auth-screen .auth-card{padding:24px}
 .document-workspace .info-grid>.info-card{display:block;padding:20px 0}
 .document-workspace .info-card p{margin:12px 0}
 .pricing-workbench .price-preview .form-row{flex-direction:column}
}
@media screen{
 .auth-screen .auth-logo strong{color:var(--primary)}
 .pricing-workbench .price-preview{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
}
@media screen and (max-width:600px){
 .document-workspace #cloud-status{font-size:11px}
 .document-workspace #navigation button span{font-size:11px;letter-spacing:-.4px}
}