/* Q28 screen-only presentation. No data, permissions or validity rules here. */
@media screen {
body.simple-ui { font-size:16px; color:#153b33; background:#f3f6f4; }
.simple-ui .app-shell { grid-template-columns:200px minmax(0,1fr); }
.simple-ui .workspace { padding:24px 28px 40px; min-width:0; }
.simple-ui #app,.simple-ui .topbar,.simple-ui #notice { width:100%; max-width:1280px; margin-left:auto; margin-right:auto; box-sizing:border-box; }
.simple-ui .topbar { margin-bottom:20px; }
.simple-ui .topbar h1 { font-size:26px; }
.simple-ui .topbar-kicker,.simple-ui #app .eyebrow { display:none; }
.simple-ui .sidebar nav button { min-height:48px; font-size:17px; }
.simple-ui .panel { padding:22px; border-radius:12px; box-shadow:none; }
.simple-ui .section-intro { min-height:0; padding:16px 20px; background:#edf5ef; border-radius:12px; margin-bottom:16px; }
.simple-ui .section-intro h2 { font-size:21px; }
.simple-ui .section-intro p { font-size:15px; margin-top:5px; line-height:1.6; }
.simple-ui input,.simple-ui select,.simple-ui textarea { font-size:16px; min-width:0; min-height:48px; border-radius:8px; padding:11px 12px; }
.simple-ui label { font-size:16px; line-height:1.5; gap:7px; min-width:0; }
.simple-ui small { font-size:14px; line-height:1.6; }
.simple-ui button { min-height:44px; border-radius:8px; }
.simple-ui button[type=submit] { min-height:48px; font-size:17px; }
.simple-ui .simple-home { margin-bottom:24px; }
.simple-ui .simple-home h2 { font-size:26px; margin:0 0 8px; }
.simple-ui .simple-home > p { margin:0 0 20px; color:#597369; }
.simple-ui .simple-home-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.simple-ui .simple-home-actions button { text-align:left; display:grid; grid-template-columns:46px 1fr; gap:4px 12px; padding:22px; border:1px solid #d9e4dd; background:white; color:#153b33; }
.simple-ui .simple-home-actions button:first-child { background:#087c5c; border-color:#087c5c; color:white; }
.simple-ui .simple-home-actions button > span { grid-row:span 2; align-self:center; font-size:26px; }
.simple-ui .simple-home-actions strong { font-size:21px; }
.simple-ui .simple-home-actions small { color:inherit; opacity:.85; font-weight:400; }
.simple-ui .simple-more { background:white; border:1px solid #dce6df; border-radius:10px; padding:0 16px; margin:12px 0; min-width:0; }
.simple-ui .simple-more > summary { padding:15px 0; cursor:pointer; font-size:16px; font-weight:600; line-height:1.5; }
.simple-ui .simple-more-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding-bottom:16px; }
.simple-ui .simple-home-stats .metric-grid { margin:0 0 16px; }
.simple-ui .metric-card { min-height:0; padding:18px; }
.simple-ui .metric-card strong { font-size:25px; }
.simple-ui #app[data-simple-page=inventory] .inventory-layout { display:block; }
.simple-ui .simple-stock-detail .panel { border:0; padding:10px 0 18px; }
.simple-ui #inboundForm .inbound-header-grid,.simple-ui #outboundForm .outbound-header-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-areas:none; gap:16px; align-items:start; }
.simple-ui #inboundForm .inbound-header-grid > label,.simple-ui #outboundForm .outbound-header-grid > label { grid-area:auto; grid-column:auto; }
.simple-ui #inboundForm .inbound-header-grid > .optional-fields { grid-column:1/-1; }
.simple-ui #inboundForm .inbound-header-grid > details,.simple-ui #outboundForm .outbound-header-grid > details { order:2; grid-column:1/-1; }
.simple-ui #inboundForm .items-head,.simple-ui #outboundForm .items-head { margin-top:20px; margin-bottom:12px; padding:0; }
.simple-ui #inboundForm .entry-toolbar,.simple-ui #outboundForm .entry-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:none; gap:10px 16px; align-items:center; }
.simple-ui #inboundForm .entry-toolbar > *,.simple-ui #outboundForm .entry-toolbar > * { grid-area:auto; margin:0; }
.simple-ui .entry-toolbar .entry-product-search { grid-column:1/-1!important; width:100%!important; max-width:none!important; }
.simple-ui .entry-toolbar > .simple-add-tools { grid-column:1/-1!important; }
.simple-ui #inboundForm .entry-toolbar,.simple-ui #outboundForm .entry-toolbar { grid-template-areas:"title add-line" "search search" "tools tools"; }
.simple-ui #inboundForm .entry-toolbar > .simple-entry-heading,.simple-ui #outboundForm .entry-toolbar > .simple-entry-heading { grid-area:title; min-width:0; }
.simple-ui #inboundForm .entry-toolbar > #addInboundLine,.simple-ui #outboundForm .entry-toolbar > #addOutboundLine { grid-area:add-line; }
.simple-ui #inboundForm .entry-toolbar > .entry-product-search,.simple-ui #outboundForm .entry-toolbar > .entry-product-search { grid-area:search; }
.simple-ui #inboundForm .entry-toolbar > .simple-add-tools,.simple-ui #outboundForm .entry-toolbar > .simple-add-tools { grid-area:tools; }
.simple-ui .simple-add-tools > .simple-more-grid { grid-template-columns:auto minmax(0,1fr); align-items:start; }
.simple-ui .simple-add-tools .entry-unit-tools { display:flex; flex-wrap:wrap; gap:8px; min-width:0; }
.simple-ui .simple-add-tools .entry-unit-tools input { flex:1; width:140px; }
.simple-ui #inboundLines .inbound-line { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(100px,.65fr) minmax(100px,.65fr) minmax(160px,1fr) 44px; grid-template-areas:none; gap:12px; align-items:start; padding:16px; margin:12px 0; background:#f8faf8; border:1px solid #e0e8e2; border-radius:10px; }
.simple-ui #inboundLines .inbound-line > * { grid-area:auto; min-width:0; }
.simple-ui #inboundLines .inbound-line > .inbound-line-status { grid-column:1/-1; }
.simple-ui #outboundLines .outbound-line { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(80px,.65fr) minmax(90px,.65fr) minmax(150px,1fr) 44px; grid-template-areas:none; gap:12px; align-items:start; padding:16px; background:#f8faf8; border:1px solid #e0e8e2; border-radius:10px; }
.simple-ui #outboundLines .outbound-line > * { grid-area:auto; min-width:0; }
.simple-ui #outboundLines .outbound-line > .outbound-line-status { grid-column:1/-1; grid-row:2; }
.simple-ui #outboundLines .outbound-line > .remove-outbound-line { grid-column:5; grid-row:1; margin-top:50px; }
.simple-ui #inboundCosts .inbound-cost-row { display:grid; grid-template-columns:1fr 1.1fr .7fr 44px; grid-template-areas:none; align-items:start; gap:14px; background:#f8faf8; border:1px solid #e0e8e2; padding:16px; border-radius:10px; margin:12px 0; }
.simple-ui #inboundCosts .inbound-cost-row > * { grid-area:auto; grid-column:auto; margin:0; align-self:start; }
.simple-ui #inboundCosts .remove-inbound-cost { grid-column:4; grid-row:1; margin-top:31px; width:44px; }
.simple-ui #inboundCosts .simple-cost-more { grid-column:1/-1; background:transparent; }
.simple-ui #inboundCosts .simple-cost-more label { grid-area:auto; grid-column:auto; }
.simple-ui #inboundCosts .simple-cost-more .inbound-cost-remarks { grid-column:1/-1; }
.simple-ui #inboundCosts textarea { height:auto; min-height:80px; }
.simple-ui .inbound-actions,.simple-ui .outbound-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; margin-top:20px; padding-top:18px; border-top:1px solid #dce6df; }
.simple-ui .inventory-layout,.simple-ui .split-panels { gap:16px; }
.simple-ui .record { overflow-wrap:anywhere; }
.simple-ui .expense-totals { margin:16px 0; }
.simple-ui .expense-form { gap:16px; }
@media(max-width:1100px) {
 .simple-ui .workspace { padding:20px; }
 .simple-ui #inboundLines .inbound-line { grid-template-columns:repeat(3,minmax(0,1fr)) 44px; }
 .simple-ui #inboundLines .inbound-line > label:first-child { grid-column:1/-1; }
 .simple-ui #outboundLines .outbound-line { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .simple-ui #outboundLines .outbound-line > * { grid-column:auto; grid-row:auto; }
 .simple-ui #outboundLines .outbound-line > .outbound-product-field,.simple-ui #outboundLines .outbound-line > .outbound-line-status { grid-column:1/-1; grid-row:auto; }
 .simple-ui #outboundLines .outbound-line > .remove-outbound-line { grid-column:2; grid-row:auto; margin-top:28px; justify-self:end; }
 .simple-ui .simple-home-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:700px) {
 .simple-ui .app-shell { display:block; }
 .simple-ui .workspace { padding:16px 12px calc(100px + env(safe-area-inset-bottom)); }
 .simple-ui .topbar { gap:8px; margin-bottom:16px; }
 .simple-ui .topbar h1 { font-size:22px; }
 .simple-ui .topbar-date { display:none; }
 .simple-ui .sidebar { position:fixed; bottom:0; top:auto; width:100%; height:auto; padding:6px 4px calc(6px + env(safe-area-inset-bottom)); z-index:25; }
 .simple-ui .sidebar nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; }
 .simple-ui .sidebar nav button { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px; padding:6px 0; min-width:0; font-size:13px; min-height:56px; }
 .simple-ui .sidebar nav #simpleExpenseNav { display:flex!important; }
 .simple-ui .sidebar nav [data-tab=inventory],.simple-ui .sidebar nav [data-tab=settings] { display:none!important; }
 .simple-ui .panel { padding:16px 12px; }
 .simple-ui .simple-home h2 { font-size:24px; }
 .simple-ui .simple-home-actions { gap:10px; }
 .simple-ui .simple-home-actions button { display:flex; flex-direction:column; padding:16px 12px; min-height:124px; gap:8px; }
 .simple-ui .simple-home-actions strong { font-size:19px; }
 .simple-ui .simple-home-actions small { font-size:14px; line-height:1.5; }
 .simple-ui .simple-home-actions button > span { align-self:flex-start; font-size:22px; }
 .simple-ui #inboundForm .inbound-header-grid,.simple-ui #outboundForm .outbound-header-grid,.simple-ui .simple-more-grid,.simple-ui .optional-fields-grid { grid-template-columns:minmax(0,1fr); }
 .simple-ui #inboundLines .inbound-line { grid-template-columns:minmax(0,1fr); padding:14px 10px; }
 .simple-ui #inboundLines .inbound-line > * { grid-column:1!important; grid-row:auto!important; }
 .simple-ui #inboundLines .inbound-line > button { justify-self:end; margin:0; }
 .simple-ui #outboundLines .outbound-line { grid-template-columns:minmax(0,1fr); padding:14px 10px; }
 .simple-ui #outboundLines .outbound-line > * { grid-column:1!important; grid-row:auto!important; }
 .simple-ui #outboundLines .outbound-line > .remove-outbound-line { margin:0; justify-self:end; }
 .simple-ui #inboundForm .entry-toolbar,.simple-ui #outboundForm .entry-toolbar { grid-template-columns:minmax(0,1fr); }
 .simple-ui #inboundForm .entry-toolbar,.simple-ui #outboundForm .entry-toolbar { grid-template-areas:"title" "add-line" "search" "tools"; }
 .simple-ui .simple-add-tools > .simple-more-grid { grid-template-columns:minmax(0,1fr); }
 .simple-ui #inboundCosts .inbound-cost-row { grid-template-columns:minmax(0,1fr) 44px; padding:14px 10px; }
 .simple-ui #inboundCosts .inbound-cost-row > div,.simple-ui #inboundCosts .inbound-cost-row > label { grid-column:1/-1; }
 .simple-ui #inboundCosts .inbound-cost-row > div:first-child { grid-column:1; }
 .simple-ui #inboundCosts .remove-inbound-cost { grid-column:2; grid-row:1; margin-top:31px; }
 .simple-ui #inboundCosts .simple-cost-more { grid-column:1/-1; }
 .simple-ui .inbound-actions,.simple-ui .outbound-actions { display:grid; grid-template-columns:minmax(0,1fr); }
 .simple-ui .form-actions button { width:100%; min-height:48px; }
 .simple-ui .simple-more { padding:0 12px; }
}

/* One field = caption, control, hint. Clear legacy fixed inner tracks and
   implicit named grid areas before setting the responsive presentation. */
body.simple-ui { font-size:18px; line-height:1.55; }
.simple-ui #app,.simple-ui .topbar,.simple-ui #notice { max-width:1320px; }
.simple-ui .workspace { padding-top:12px; }
.simple-ui .topbar { min-height:72px; margin-bottom:16px; }
.simple-ui .topbar h1 { font-size:30px; line-height:1.3; }
.simple-ui .panel h2,.simple-ui .section-intro h2 { font-size:24px; line-height:1.4; margin-top:0; }
.simple-ui .section-intro p,.simple-ui small,.simple-ui label small,.simple-ui .form-hint,
.simple-ui .items-head small,.simple-ui .expense-boundary,.simple-ui .expense-record p,
.simple-ui .record-main small,.simple-ui .settings-card small,.simple-ui .master-card small { font-size:16px; line-height:1.55; }
.simple-ui label { align-self:start; align-content:start; font-size:18px; line-height:1.5; }
.simple-ui input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.simple-ui select,.simple-ui textarea { font-size:18px; line-height:1.5; padding:11px 12px; min-height:52px; }
.simple-ui input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.simple-ui select { height:52px; }
.simple-ui input[type=checkbox],.simple-ui input[type=radio] { width:22px; height:22px; min-height:22px; padding:0; flex:none; accent-color:#087f5b; }
.simple-ui textarea { align-self:start; min-height:100px; resize:vertical; }
.simple-ui button,.simple-ui button[type=submit],.simple-ui .sidebar nav button { font-size:18px; min-height:48px; }
.simple-ui button { line-height:1.4; }
.simple-ui .brand small { font-size:14px; white-space:nowrap; }
.simple-ui .simple-home-actions button > span { display:grid; place-items:center; width:42px; height:42px; font-size:26px; border-radius:10px; background:#edf5f1; color:#087f5b; }
.simple-ui .simple-home-actions button:first-child > span { background:#ffffff20; color:white; }
.simple-ui .simple-more > summary,.simple-ui .workspace-fold > summary,.simple-ui .optional-fields > summary { font-size:18px; line-height:1.5; min-height:48px; }
.simple-ui .simple-more-grid,.simple-ui .optional-fields-grid,.simple-ui .expense-form { align-items:start; }
.simple-ui .expense-form { max-width:none; padding:20px; gap:18px 20px; }
.simple-ui .expense-form > button[type=submit] { grid-column:1/-1; justify-self:end; width:auto; min-width:180px; }
.simple-ui .expense-form > label { grid-template-rows:none; }
.simple-ui .expense-form .form-error:empty { display:none; }
.simple-ui .expense-optional label { margin-bottom:16px; }
.simple-ui .expense-book-list { gap:12px; }
.simple-ui .expense-book span { font-size:16px; }
.simple-ui .expense-allocation-lots > label { min-height:48px; align-content:center; }
.simple-ui #inboundForm .inbound-header-grid,.simple-ui #outboundForm .outbound-header-grid { max-width:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.simple-ui #inboundForm .inbound-header-grid > *,.simple-ui #outboundForm .outbound-header-grid > * { grid-area:auto; }
.simple-ui #inboundForm .inbound-header-grid > details { grid-area:auto; grid-column:1/-1; }
.simple-ui #inboundForm .inbound-header-grid > #supplierField { grid-area:auto; grid-column:1/-1; }
.simple-ui #outboundForm .outbound-header-grid { grid-template-columns:minmax(200px,.6fr) minmax(0,1.4fr); }
.simple-ui #inboundForm .items-head strong,.simple-ui #outboundForm .items-head strong,.simple-ui .sale-step-title { font-size:22px; line-height:1.4; }
.simple-ui .section-intro { gap:16px; }
.simple-ui .section-intro > strong { font-size:17px; font-weight:500; }
.simple-ui .section-intro > strong small { font-size:16px; }
.simple-ui .sale-payment > .form-grid { max-width:none; grid-template-columns:repeat(2,minmax(0,1fr)); }
.simple-ui .sale-payment-grid { max-width:none; }
.simple-ui .sale-step-title { margin:0 0 12px; }
.simple-ui #inboundLines .inbound-line > label,.simple-ui #outboundLines .outbound-line > label { display:grid; grid-template-rows:auto auto; gap:8px; font-size:18px; line-height:1.5; align-content:start; }
.simple-ui #inboundLines input,.simple-ui #inboundLines select,.simple-ui #outboundLines input,.simple-ui #outboundLines select { height:52px; }
.simple-ui #inboundLines .inbound-line > .inbound-line-status,.simple-ui #outboundLines .outbound-line > .outbound-line-status { grid-column:1/-1; grid-row:auto; width:auto; max-width:none; margin:0; padding:10px 12px; font-size:16px; }
.simple-ui #inboundLines .inbound-line > .inbound-price-hint { grid-column:1/-1; grid-row:auto; width:auto; max-width:none; margin:0; }
.simple-ui #inboundLines .inbound-price-hint,.simple-ui #outboundLines .outbound-price-hint { font-size:16px; }
.simple-ui #outboundLines .outbound-available { margin:0; padding:0; font-size:16px; }
.simple-ui #inboundLines .inbound-line > .icon-button,.simple-ui #outboundLines .outbound-line > .icon-button { margin:0; height:52px; width:48px; align-self:end; }
.simple-ui #inboundCosts .inbound-cost-row { grid-template-columns:1fr 1.1fr .7fr 48px; }
.simple-ui #inboundCosts .remove-inbound-cost { margin:0; height:52px; width:48px; align-self:end; }
.simple-ui #inboundCosts .simple-cost-more { margin:0; }
.simple-ui .metric-card { padding:18px 20px; }
.simple-ui .metric-card span { font-size:17px; }
.simple-ui .metric-card strong { font-size:28px; line-height:1.4; }
.simple-ui .metric-card small { font-size:16px; }
.simple-ui .section-head { gap:12px; align-items:center; flex-wrap:wrap; }
.simple-ui .section-head h2 { margin:0; }
.simple-ui .empty { padding:24px 16px; min-height:0; gap:8px; }
.simple-ui .empty > span { width:36px; height:36px; font-size:22px; }
.simple-ui .empty h3 { font-size:20px; margin:8px 0; }
.simple-ui .empty p { font-size:16px; line-height:1.6; margin:6px auto 12px; max-width:560px; }
.simple-ui .simple-stock-detail .panel { margin:0; }
.simple-ui .split-panels { align-items:stretch; }
.simple-ui #outboundToolsFold > .split-panels,.simple-ui #financeExportFold > .finance-export { margin:0; padding:0 16px 16px; gap:16px; }
.simple-ui #outboundToolsFold .panel { display:flex; flex-direction:column; padding:20px; margin:0; }
.simple-ui #outboundToolsFold .panel > p { font-size:16px; line-height:1.6; }
.simple-ui #outboundToolsFold .panel > button { margin-top:auto; align-self:flex-start; }
.simple-ui #outboundExportForm { margin-top:auto; }
.simple-ui .finance-export-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
.simple-ui .finance-export-form > button { grid-column:1/-1; justify-self:end; min-width:160px; }
.simple-ui .settings-card strong,.simple-ui .master-card strong { font-size:20px; }
.simple-ui .count-badge { font-size:15px; white-space:normal; }

@media(min-width:1101px) {
 .simple-ui #inboundLines .inbound-line,.simple-ui #outboundLines .outbound-line { grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.2fr) 48px; }
 @supports(grid-template-rows:subgrid) {
  .simple-ui #inboundLines .inbound-line > label,.simple-ui #outboundLines .outbound-line > label { grid-template-rows:subgrid; grid-row:1/span 2; }
  .simple-ui #inboundLines .inbound-line > label:nth-of-type(1),.simple-ui #outboundLines .outbound-line > label:nth-of-type(1) { grid-column:1; }
  .simple-ui #inboundLines .inbound-line > label:nth-of-type(2),.simple-ui #outboundLines .outbound-line > label:nth-of-type(2) { grid-column:2; }
  .simple-ui #inboundLines .inbound-line > label:nth-of-type(3),.simple-ui #outboundLines .outbound-line > label:nth-of-type(3) { grid-column:3; }
  .simple-ui #inboundLines .inbound-line > label:nth-of-type(4),.simple-ui #outboundLines .outbound-line > label:nth-of-type(4) { grid-column:4; }
  .simple-ui #inboundLines .inbound-line > .icon-button,.simple-ui #outboundLines .outbound-line > .icon-button { grid-column:5; grid-row:2; }
  .simple-ui #inboundLines .inbound-line > .inbound-line-status,.simple-ui #outboundLines .outbound-line > .outbound-line-status { grid-row:3; }
  .simple-ui #inboundLines .inbound-line > .inbound-price-hint { grid-row:3; }
  .simple-ui #inboundCosts .inbound-cost-category-field { display:grid; grid-template-rows:subgrid; grid-column:1; grid-row:1/span 3; }
  .simple-ui #inboundCosts .inbound-cost-category-field > label { display:grid; grid-template-rows:subgrid; grid-row:1/span 2; }
  .simple-ui #inboundCosts .inbound-cost-category-status { grid-row:3; }
  .simple-ui #inboundCosts .inbound-cost-row > label { grid-template-rows:subgrid; grid-row:1/span 2; }
  .simple-ui #inboundCosts .inbound-cost-row > label:nth-of-type(1) { grid-column:2; }
  .simple-ui #inboundCosts .inbound-cost-row > label:nth-of-type(2) { grid-column:3; }
  .simple-ui #inboundCosts .remove-inbound-cost { grid-column:4; grid-row:2; }
  .simple-ui #inboundCosts .simple-cost-more { grid-column:1/-1; grid-row:4; }
 }
}
@media(min-width:701px) and (max-width:1100px) {
 .simple-ui #inboundLines .inbound-line,.simple-ui #outboundLines .outbound-line { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .simple-ui #inboundLines .inbound-line > *,.simple-ui #outboundLines .outbound-line > * { grid-column:auto; grid-row:auto; }
 .simple-ui #inboundLines .inbound-line > label:first-child,.simple-ui #outboundLines .outbound-line > label:first-child { grid-column:1/-1; }
 .simple-ui #inboundLines .icon-button,.simple-ui #outboundLines .icon-button { grid-column:2; justify-self:end; }
 .simple-ui #inboundForm .inbound-header-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .simple-ui #inboundCosts .inbound-cost-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .simple-ui #inboundCosts .inbound-cost-row > * { grid-column:auto; grid-row:auto; }
 .simple-ui #inboundCosts .remove-inbound-cost { justify-self:end; }
 .simple-ui #inboundCosts .simple-cost-more { grid-column:1/-1; }
}
@media(max-width:700px) {
 body.simple-ui { font-size:17px; }
 .simple-ui .workspace { padding-top:8px; }
 .simple-ui .topbar { min-height:64px; margin-bottom:12px; }
 .simple-ui .topbar h1 { font-size:26px; }
 .simple-ui .panel h2,.simple-ui .section-intro h2 { font-size:22px; }
 .simple-ui .section-intro { padding:16px; }
 .simple-ui .section-intro > strong { text-align:left; font-size:16px; }
 .simple-ui label,.simple-ui #inboundLines .inbound-line > label,.simple-ui #outboundLines .outbound-line > label { font-size:17px; }
 .simple-ui .sidebar nav button { font-size:14px; min-height:56px; }
 .simple-ui .simple-home-actions button > span { align-self:flex-start; width:36px; height:36px; }
 .simple-ui .simple-home-actions small { font-size:15px; }
 .simple-ui #inboundForm .inbound-header-grid,.simple-ui #outboundForm .outbound-header-grid,.simple-ui .sale-payment > .form-grid,.simple-ui .expense-form { grid-template-columns:minmax(0,1fr); }
 .simple-ui .expense-form { padding:16px 12px; }
 .simple-ui .expense-form > button[type=submit] { width:100%; min-width:0; }
 .simple-ui #inboundLines .icon-button,.simple-ui #outboundLines .icon-button { margin:0; }
 .simple-ui #inboundCosts .inbound-cost-row { grid-template-columns:minmax(0,1fr); }
 .simple-ui #inboundCosts .inbound-cost-row > *,.simple-ui #inboundCosts .inbound-cost-row > div:first-child { grid-column:1; grid-row:auto; }
 .simple-ui #inboundCosts .remove-inbound-cost { order:3; justify-self:end; }
 .simple-ui #inboundCosts .simple-cost-more { grid-column:1; }
 .simple-ui .metric-card { padding:14px 12px; }
 .simple-ui .metric-card strong { font-size:25px; }
 .simple-ui .metric-card span { font-size:16px; }
 .simple-ui #outboundToolsFold > .split-panels,.simple-ui #financeExportFold > .finance-export { padding:0 12px 12px; grid-template-columns:minmax(0,1fr); }
 .simple-ui .finance-export-form { grid-template-columns:minmax(0,1fr); }
 .simple-ui .finance-export-form > button { width:100%; }
 .simple-ui .expense-list-head { flex-wrap:wrap; }
}

/* Snapshot the content only; navigation stays still. No opacity is left on
   the live DOM, even when navigation is cancelled or an API fails. */
:root { view-transition-name:none; }
.simple-ui #app { view-transition-name:page-content; }
::view-transition-group(page-content) { animation-duration:180ms; }
::view-transition-old(page-content) { animation:page-fade-out 120ms ease-out both; }
::view-transition-new(page-content) { animation:page-fade-in 180ms ease-out both; }
::view-transition { pointer-events:none; }
@keyframes page-fade-out { to { opacity:0; } }
@keyframes page-fade-in { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) {
 .simple-ui #app { view-transition-name:none; }
 ::view-transition-group(page-content),::view-transition-old(page-content),::view-transition-new(page-content) { animation:none; }
}

}