:root {
  --text-bump: 2pt; /* added to every non-heading font size */
  color-scheme: light;
  --ink: #252b26;
  --muted: #858a83;
  --line: #eaede7;
  --surface: #ffffff;
  --canvas: #f7f8f5;
  --green: #32745a;
  --green-dark: #265a46;
  --green-light: #e9f3ed;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Manrope", var(--font-body);
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--canvas); color: var(--ink); font-family: var(--font-body); font-size: calc(14px + var(--text-bump)); }
button, select { font: inherit; }
button { appearance: none; -webkit-appearance: none; color: inherit; }
:where(button:not([class])) { min-height: 36px; border: 1px solid #dfe8e0; border-radius: 8px; background: #fff; padding: 0 12px; color: #416d50; font-size: calc(10px + var(--text-bump)); font-weight: 600; cursor: pointer; }
:where(button:not([class]):hover) { border-color: #b7d0bd; background: #f7faf7; }
button:disabled { opacity: .5; cursor: not-allowed; }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 5; display: flex; width: 246px; flex-direction: column; overflow-y: auto; border-right: 1px solid var(--line); background: #fff; padding: 25px 16px 16px; }
.brand { display: flex; align-items: center; gap: 10px; margin: 0 0 44px 7px; color: #243d30; font: 800 calc(21px + var(--text-bump)) var(--font-display); letter-spacing: -1.1px; text-decoration: none; }
.brand-mark { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px; background: var(--green); color: #fff; font-size: calc(20px + var(--text-bump)); letter-spacing: -2px; }
.brand-period { color: #c78c4e; }
.workspace-label, .eyebrow { color: #a0a49e; font-size: calc(10px + var(--text-bump)); font-weight: 700; letter-spacing: 1.1px; }
.workspace-label { margin: 0 0 10px 9px; }
.shop-switcher { display: flex; align-items: center; width: 100%; border: 1px solid var(--line); border-radius: 10px; background: white; padding: 10px 9px; text-align: left; cursor: pointer; }
.shop-avatar, .profile-avatar { display: grid; flex: 0 0 auto; place-items: center; border-radius: 9px; background: #f0e9df; color: #6f5136; font-weight: 700; }
.shop-avatar { width: 34px; height: 34px; margin-right: 9px; }
.shop-switcher-copy, .profile > span:nth-child(2), .tool-copy { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.shop-switcher-copy strong, .profile strong { font-size: calc(12px + var(--text-bump)); font-weight: 600; }
.shop-switcher-copy small, .profile small { color: var(--muted); font-size: calc(11px + var(--text-bump)); }
.chevron { margin-left: auto; color: #777e76; font-size: calc(18px + var(--text-bump)); }
.nav-links { display: grid; gap: 4px; margin-top: 24px; }
.nav-link { display: flex; align-items: center; gap: 11px; width: 100%; border: 0; border-radius: 8px; background: transparent; padding: 11px 10px; color: #70766f; font-size: calc(13px + var(--text-bump)); text-align: left; cursor: pointer; }
.nav-link.active { background: #edf4ef; color: #2e674e; font-weight: 600; }
.nav-link[href] { color: #5f6b61; text-decoration: none; }
.nav-link[href]:hover { background: #f4f6f2; }
.accountant-nav-group { display: grid; gap: 2px; }
.reports-nav-group { display: grid; gap: 2px; }
.reports-nav-toggle[aria-expanded="false"] + .reports-submenu { display: none; }
.reports-submenu { display: grid; gap: 2px; margin-left: 30px; padding-left: 9px; border-left: 1px solid #e7eae4; }
.reports-submenu[hidden] { display: none; }
.accountant-nav-toggle { font: inherit; }
.accountant-nav-toggle.active { background: #edf4ef; color: #2e674e; font-weight: 600; }
.nav-expand { margin-left: auto; color: #858b84; font-size: calc(15px + var(--text-bump)); transition: transform .15s ease; }
.accountant-nav-toggle[aria-expanded="false"] .nav-expand { transform: rotate(-90deg); }
.accountant-nav-toggle[aria-expanded="false"] + .accountant-submenu { display: none; }
.accountant-submenu { display: grid; gap: 2px; margin-left: 30px; padding-left: 9px; border-left: 1px solid #e7eae4; }
.accountant-submenu[hidden] { display: none; }
.inventory-nav-group { display: grid; gap: 2px; }
.inventory-nav-toggle { width: 100%; justify-content: space-between; color: #70766f; font: inherit; }
.inventory-nav-toggle.active { background: #edf4ef; color: #2e674e; font-weight: 600; }
.inventory-nav-toggle[aria-expanded="false"] .nav-expand { transform: rotate(-90deg); }
.inventory-nav-toggle[aria-expanded="false"] + .inventory-submenu { display: none; }
.inventory-submenu { display: grid; gap: 2px; margin-left: 30px; padding-left: 9px; border-left: 1px solid #e7eae4; }
.inventory-submenu[hidden] { display: none; }
.inventory-submenu .nav-sublink { font-size: calc(10px + var(--text-bump)); }
.inventory-feature-nav { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 14px; }
.inventory-feature-nav button { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; border: 1px solid #dfe8e0; border-radius: 7px; background: #fff; padding: 0 12px; color: #52665a; font: inherit; font-size: calc(10px + var(--text-bump)); font-weight: 600; cursor: pointer; }
.inventory-feature-nav button:hover { border-color: #b7d0bd; background: #f7faf7; color: #2e674e; }
.inventory-feature-nav button.active { border-color: #2e755b; background: #32745a; color: #fff; }
.inventory-feature-nav button:focus-visible { outline: 3px solid #a4c6ac; outline-offset: 2px; }
.purchasing-nav-group { display: grid; gap: 2px; }
.purchasing-nav-toggle { font: inherit; }
.purchasing-nav-toggle.active { background: #edf4ef; color: #2e674e; font-weight: 600; }
.purchasing-nav-toggle[aria-expanded="false"] .nav-expand { transform: rotate(-90deg); }
.purchasing-nav-toggle[aria-expanded="false"] + .purchasing-submenu { display: none; }
.purchasing-submenu { display: grid; gap: 2px; margin-left: 30px; padding-left: 9px; border-left: 1px solid #e7eae4; }
.purchasing-submenu[hidden] { display: none; }
.purchasing-submenu .nav-sublink { font-size: calc(10px + var(--text-bump)); }
.team-nav-group { display: grid; gap: 2px; }
.team-nav-toggle { font: inherit; }
.team-nav-toggle.active { background: #edf4ef; color: #2e674e; font-weight: 600; }
.team-nav-toggle[aria-expanded="false"] .nav-expand { transform: rotate(-90deg); }
.team-nav-toggle[aria-expanded="false"] + .team-submenu { display: none; }
.team-submenu { display: grid; gap: 2px; margin-left: 30px; padding-left: 9px; border-left: 1px solid #e7eae4; }
.team-submenu[hidden] { display: none; }
.team-submenu .nav-sublink { font-size: calc(10px + var(--text-bump)); }
.nav-sublink { min-height: 34px; border: 0; border-radius: 7px; background: transparent; padding: 7px 9px; color: #777e76; font: inherit; font-size: calc(11px + var(--text-bump)); text-align: left; cursor: pointer; }
.nav-sublink:hover { background: #f4f6f2; color: #2e674e; }
.nav-sublink.active { background: #edf4ef; color: #2e674e; font-weight: 600; }
.nav-icon { width: 19px; font-size: calc(17px + var(--text-bump)); text-align: center; }
.nav-count { display: grid; width: 20px; height: 20px; place-items: center; margin-left: auto; border-radius: 6px; background: #f0f1ee; color: #727971; font-size: calc(10px + var(--text-bump)); }
.sidebar-bottom { margin-top: auto; }
.demo-note { display: flex; align-items: center; gap: 9px; margin: 0 2px 17px; border: 1px solid #f0e8dc; border-radius: 9px; background: #fcfaf6; padding: 10px; }
.demo-note > span:last-child, .profile { display: flex; flex-direction: column; gap: 3px; }
.demo-note strong { font-size: calc(11px + var(--text-bump)); font-weight: 600; }
.demo-note small { color: var(--muted); font-size: calc(10px + var(--text-bump)); }
.demo-dot, .live-label i, .status-pill i { display: inline-block; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: #d69c4f; }
.profile { flex-direction: row; align-items: center; gap: 9px; border-top: 1px solid var(--line); padding: 15px 3px 2px; }
.profile-avatar { width: 33px; height: 33px; border-radius: 50%; background: #e5eee6; color: #477154; }
.profile-menu { margin-left: auto; color: #888e87; font-size: calc(21px + var(--text-bump)); letter-spacing: 1px; }
.main-content { min-height: 100vh; margin-left: 246px; }
.topbar { display: flex; height: 63px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.75); padding: 0 38px; }
.breadcrumbs, .topbar-right { display: flex; align-items: center; gap: 10px; }
.breadcrumbs { color: #858a83; font-size: calc(12px + var(--text-bump)); }
.breadcrumbs strong { color: #3a403a; font-weight: 600; }
.crumb-slash { color: #c3c7c1; }
.today-label { display: flex; align-items: center; gap: 7px; color: #777d76; font-size: calc(11px + var(--text-bump)); }
.calendar-icon { font-size: calc(15px + var(--text-bump)); }
.help-button, .icon-button { display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid #e6e9e3; border-radius: 50%; background: white; color: #727971; cursor: pointer; }
.page-content { max-width: 1390px; margin: 0 auto; padding: 35px 38px 24px; }
.welcome-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 22px; }
.eyebrow { margin: 0 0 8px; color: #779282; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 6px; font: 700 25px/1.3 var(--font-display); letter-spacing: -.7px; }
h1 span { color: #dda752; font-size: 20px; }
.page-subtitle { margin-bottom: 0; color: #81877f; font-size: calc(13px + var(--text-bump)); }
.filters { display: flex; gap: 9px; }
.select-wrap { position: relative; }
.select-wrap::after { position: absolute; top: 11px; right: 12px; color: #7e847d; content: "⌄"; pointer-events: none; }
.select-wrap select { min-width: 138px; appearance: none; border: 1px solid #e5e8e2; border-radius: 8px; background: #fff; padding: 10px 34px 10px 12px; color: #565c55; font-size: calc(11px + var(--text-bump)); cursor: pointer; }
.select-wrap:first-child select { min-width: 151px; }
.demo-banner { display: flex; align-items: center; gap: 9px; min-height: 43px; margin-bottom: 17px; border: 1px solid #e9eee7; border-radius: 8px; background: #f1f6f0; padding: 9px 13px; color: #68756a; font-size: calc(11px + var(--text-bump)); }
.demo-banner strong { color: #46584b; font-weight: 600; }
.info-icon { display: grid; flex: 0 0 auto; width: 16px; height: 16px; place-items: center; border-radius: 50%; background: #dfece0; color: #55715c; font-size: calc(10px + var(--text-bump)); font-weight: 700; }
.text-button, .plain-link, .connect-link, .vendor-link { border: 0; background: transparent; color: var(--green); font-size: calc(11px + var(--text-bump)); font-weight: 600; text-decoration: none; cursor: pointer; }
.text-button { margin-left: auto; white-space: nowrap; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.metric-card, .panel, .connection-card { border: 1px solid #e9ece6; border-radius: 10px; background: var(--surface); }
.metric-card { min-height: 124px; padding: 15px 16px 13px; }
.metric-heading { display: flex; align-items: center; justify-content: space-between; color: #797f78; font-size: calc(11px + var(--text-bump)); }
.metric-icon { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; font-size: calc(12px + var(--text-bump)); font-weight: 700; }
.metric-icon.green { background: #e9f3eb; color: #4c7b5d; }
.metric-icon.lilac { background: #f0edfa; color: #7965a6; }
.metric-icon.amber { background: #fbf2e5; color: #b78339; }
.metric-icon.blue { background: #eaf1f7; color: #557c9b; }
.metric-value { margin: 8px 0 8px; font: 700 calc(25px + var(--text-bump)) var(--font-display); letter-spacing: -.5px; }
.metric-foot { display: flex; align-items: center; gap: 6px; color: #9a9f99; font-size: calc(10px + var(--text-bump)); }
.trend { font-size: calc(10px + var(--text-bump)); font-weight: 600; }
.trend.positive { color: #43805b; }
.metric-caption { color: #9a9f99; }
.data-tag { margin-left: auto; border-radius: 4px; background: #f5f1e8; padding: 3px 5px; color: #a48a58; font-size: calc(8px + var(--text-bump)); font-weight: 700; letter-spacing: .5px; }
.content-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(290px, .95fr); gap: 15px; margin-bottom: 15px; }
.panel { min-width: 0; padding: 17px 18px 14px; }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.panel-heading h2, .connection-top h2 { margin-bottom: 4px; font: 700 13px var(--font-display); letter-spacing: -.1px; }
.panel-heading p, .connection-top p { margin-bottom: 0; color: #989d96; font-size: calc(10px + var(--text-bump)); }
.subtle-button { display: inline-block; border: 1px solid #e8ebe5; border-radius: 6px; background: white; padding: 7px 8px; color: #737971; font-size: calc(10px + var(--text-bump)); }
.chart-summary { display: flex; align-items: center; gap: 10px; margin-top: 14px; }
.chart-summary strong { font: 700 calc(21px + var(--text-bump)) var(--font-display); }
.chart { display: grid; height: 132px; grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: end; gap: 11px; margin-top: 11px; border-bottom: 1px solid #eef0ec; background: repeating-linear-gradient(to bottom, transparent 0, transparent 42px, #f0f2ee 43px, transparent 44px); }
.bar-wrap { display: flex; height: 100%; align-items: end; justify-content: center; }
.bar { width: min(30px, 72%); min-height: 7px; border-radius: 5px 5px 0 0; background: #dbe9dc; transition: height .25s ease; }
.bar.today { background: #4e8662; }
.chart-labels { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 11px; margin-top: 7px; color: #9da29b; font-size: calc(9px + var(--text-bump)); text-align: center; }
.integrations-panel { padding-bottom: 9px; }
.integrations-panel .panel-heading { margin-bottom: 9px; }
.tool-row { display: flex; align-items: center; gap: 9px; min-height: 50px; border-top: 1px solid #f0f1ee; }
.tool-logo { display: grid; flex: 0 0 auto; width: 30px; height: 30px; place-items: center; border-radius: 9px; font: 700 calc(13px + var(--text-bump)) var(--font-display); }
.loyverse-logo { background: #edf3eb; color: #498451; }
.kickfin-logo { background: #fbefe8; color: #cc7848; }
.books-logo { background: #eaf1f7; color: #3e78a4; font-size: calc(10px + var(--text-bump)); letter-spacing: -1px; }
.tool-copy { flex: 1; }
.tool-copy strong { font-size: calc(11px + var(--text-bump)); font-weight: 600; }
.tool-copy small { color: #9a9f99; font-size: calc(9px + var(--text-bump)); }
.status-pill { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #eceee9; border-radius: 20px; padding: 5px 7px; color: #8c918a; font-size: calc(8px + var(--text-bump)); white-space: nowrap; }
.status-pill i { width: 5px; height: 5px; background: #c7cbc4; }
.connect-link { display: block; width: 100%; border-top: 1px solid #f0f1ee; padding: 12px 0 3px; text-align: left; }
.icon-button { border-color: transparent; font-size: calc(16px + var(--text-bump)); }
.lower-grid { grid-template-columns: minmax(0, 1.65fr) minmax(290px, .95fr); }
.locations-panel { padding-bottom: 5px; }
.locations-panel .panel-heading, .activity-panel .panel-heading { margin-bottom: 14px; }
.plain-link { padding-top: 2px; }
.location-table { width: 100%; }
.table-head, .location-row { display: grid; grid-template-columns: 1.6fr 1fr .8fr .9fr; align-items: center; gap: 8px; }
.table-head { border-bottom: 1px solid #eff0ed; padding: 0 0 9px; color: #a0a49f; font-size: calc(8px + var(--text-bump)); font-weight: 700; letter-spacing: .6px; }
.location-row { min-height: 49px; border-bottom: 1px solid #f1f2ef; font-size: calc(10px + var(--text-bump)); }
.location-row:last-child { border-bottom: 0; }
.location-name { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.location-dot { width: 7px; height: 7px; border-radius: 50%; background: #7d9c7c; }
.location-dot.orange { background: #d7a062; }
.location-row > span:not(:first-child) { color: #6d736c; }
.live-label { display: inline-flex; align-items: center; gap: 5px; color: #a08c68; font-size: calc(9px + var(--text-bump)); }
.live-label i { width: 5px; height: 5px; }
.activity-list { margin-top: 4px; }
.activity-item { display: flex; align-items: center; gap: 8px; min-height: 49px; border-bottom: 1px solid #f1f2ef; }
.activity-item:last-child { border-bottom: 0; }
.activity-symbol { display: grid; flex: 0 0 auto; width: 26px; height: 26px; place-items: center; border-radius: 8px; font-size: calc(11px + var(--text-bump)); font-weight: 700; }
.sale-symbol { background: #eaf3eb; color: #578065; }
.tip-symbol { background: #faf1e4; color: #bd8b43; }
.activity-item > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.activity-item strong { overflow: hidden; font-size: calc(10px + var(--text-bump)); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.activity-item small { color: #9a9f99; font-size: calc(9px + var(--text-bump)); }
.activity-item b { color: #676e66; font-size: calc(10px + var(--text-bump)); font-weight: 600; white-space: nowrap; }
.page-footer { padding-top: 3px; color: #a2a69f; font-size: calc(9px + var(--text-bump)); }
.workspace-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.workspace-heading h1 { margin-bottom: 5px; }
.workspace-heading .page-subtitle { max-width: 720px; line-height: 1.5; }
.catalog-page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.catalog-page-actions > button { width: 190px; min-height: 40px; padding: 0 12px; font-size: calc(10px + var(--text-bump)); }
.app-page { min-height: calc(100vh - 63px); }
.workspace-panel { margin-bottom: 15px; }
.workspace-panel > .panel-heading { margin-bottom: 14px; }
.accounting-grid, .report-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 14px; margin-bottom: 15px; }
.accounting-grid .panel, .report-grid .panel { min-height: 100%; }
.accounting-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 12px; }
.compact-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.accounting-field { display: grid; min-width: 0; gap: 6px; color: #737a72; font-size: calc(10px + var(--text-bump)); font-weight: 600; }
.accounting-field input, .accounting-field select, .accounting-field textarea { width: 100%; min-width: 0; min-height: 38px; border: 1px solid #e5e8e2; border-radius: 7px; background: #fff; padding: 8px 9px; color: #353c35; font: inherit; font-size: calc(11px + var(--text-bump)); font-weight: 400; }
.accounting-field input:focus-visible, .accounting-field select:focus-visible, .accounting-field textarea:focus-visible { outline: 3px solid #a4c6ac; outline-offset: 2px; }
.accounting-field textarea { resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; line-height: 1.5; }
.field-wide { grid-column: 1 / -1; }
.form-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; grid-column: 1 / -1; margin-top: 2px; }
.form-footer small { color: #969b94; font-size: calc(9px + var(--text-bump)); line-height: 1.5; }
.primary-action, .small-action { display: inline-flex; min-height: 37px; align-items: center; justify-content: center; border: 1px solid #2e755b; border-radius: 7px; background: #32745a; padding: 0 13px; color: #fff; font-size: calc(10px + var(--text-bump)); font-weight: 600; text-decoration: none; cursor: pointer; }
.primary-action:hover, .small-action:hover { background: #265a46; }
.primary-action:disabled, .small-action:disabled { opacity: .45; cursor: not-allowed; }
.small-action { min-height: 30px; padding: 0 9px; font-size: calc(9px + var(--text-bump)); }
.secondary-action, .back-button { display: inline-flex; min-height: 37px; align-items: center; justify-content: center; border: 1px solid #dfe8e0; border-radius: 7px; background: #fff; padding: 0 13px; color: #52665a; font-size: calc(10px + var(--text-bump)); font-weight: 600; text-decoration: none; cursor: pointer; }
.secondary-action:hover, .back-button:hover { border-color: #b7d0bd; background: #f7faf7; color: #2e674e; }
.small-action.secondary-action, .small-action.back-button { min-height: 30px; padding: 0 9px; font-size: calc(9px + var(--text-bump)); }
.danger-action { border-color: #ead4d0; background: #fff; color: #a4493d; }
.danger-action:hover { border-color: #c66a5e; background: #fff7f5; }
.catalog-tools-panel { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 12px 0; border: 1px solid #e7eae3; border-radius: 9px; background: #fff; padding: 12px 14px; }
.catalog-tools-panel > div:first-child { display: grid; gap: 3px; margin-right: auto; }
.catalog-tools-panel strong { color: #353c35; font-size: calc(11px + var(--text-bump)); }
.catalog-tools-panel small { color: #7f877d; font-size: calc(9px + var(--text-bump)); }
.catalog-tools-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.catalog-import-label { position: relative; overflow: hidden; cursor: pointer; }
.catalog-tools-actions > .small-action { width: 180px; min-height: 34px; padding: 0 9px; font-size: calc(9px + var(--text-bump)); }
.row-actions > .small-action { width: 76px; min-height: 32px; padding: 0 6px; font-size: calc(8px + var(--text-bump)); }
.purchase-conversion-fields > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.purchase-conversion-fields .accounting-field { min-width: 0; }
.purchase-order-supplier-action { align-self: end; justify-self: start; width: 145px; min-height: 38px; }
.catalog-tools-panel > small { flex-basis: 100%; }
.catalog-editor-form { margin-top: 8px; }
.catalog-editor-actions { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 8px; margin-top: 4px; }
.catalog-check { display: inline-flex; align-items: flex-start; gap: 7px; color: #566056; font-size: calc(10px + var(--text-bump)); }
.catalog-check input { margin: 1px 0 0; accent-color: #32745a; }
.team-checkset { display: grid; min-width: 0; margin: 2px 0; border: 1px solid #e9ece6; border-radius: 8px; padding: 11px; }
.team-checkset legend { padding: 0 4px; color: #626a60; font-size: calc(10px + var(--text-bump)); font-weight: 700; }
.team-checkset > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.team-checkset label { display: flex; align-items: flex-start; gap: 7px; color: #566056; font-size: calc(10px + var(--text-bump)); line-height: 1.45; }
.team-checkset input { flex: 0 0 auto; margin: 1px 0 0; accent-color: #32745a; }
.team-checkset .empty-state { grid-column: 1 / -1; }
.team-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.team-shortcut { position: relative; display: grid; gap: 6px; min-height: 84px; border: 1px solid #e8ece7; border-radius: 8px; background: #fff; padding: 13px 35px 12px 13px; text-align: left; cursor: pointer; }
.team-shortcut:hover { border-color: #b7d0bd; background: #fbfdfb; }
.team-shortcut strong { color: #353c35; font-size: calc(11px + var(--text-bump)); }
.team-shortcut span { color: #858c84; font-size: calc(10px + var(--text-bump)); line-height: 1.45; }
.team-shortcut b { position: absolute; top: 13px; right: 13px; color: #32745a; }
.team-dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.team-queue { display: grid; }
.team-queue-row { display: flex; min-width: 0; align-items: center; gap: 9px; border-top: 1px solid #f0f1ee; padding: 10px 1px; }
.team-queue-row:first-child { border-top: 0; }
.team-queue-avatar, .team-queue-date { display: grid; flex: 0 0 auto; width: 31px; height: 31px; align-content: center; justify-items: center; border-radius: 9px; background: #edf4ee; color: #507457; font-size: calc(10px + var(--text-bump)); font-weight: 700; }
.team-queue-date { gap: 1px; background: #f5f2eb; color: #836d4b; }
.team-queue-date small { color: #92846c; font-size: calc(7px + var(--text-bump)); font-weight: 500; }
.team-queue-copy { display: grid; min-width: 0; flex: 1; gap: 3px; }
.team-queue-copy strong { overflow: hidden; color: #394139; font-size: calc(9px + var(--text-bump)); text-overflow: ellipsis; white-space: nowrap; }
.team-queue-copy small { overflow: hidden; color: #8b938b; font-size: calc(8px + var(--text-bump)); text-overflow: ellipsis; white-space: nowrap; }
.team-queue-actions { display: flex; flex: 0 0 auto; gap: 5px; }
.team-queue-actions button, .team-queue-open { min-height: 28px; border: 1px solid #dfe9df; border-radius: 6px; background: #f5faf5; padding: 0 7px; color: #477351; font-size: calc(8px + var(--text-bump)); font-weight: 600; cursor: pointer; }
.team-queue-actions .is-decline { border-color: #eee0dc; background: #fff; color: #a35447; }
.team-queue-open { width: 28px; flex: 0 0 auto; padding: 0; font-size: calc(13px + var(--text-bump)); }
.catalog-checkset { display: grid; grid-column: 1 / -1; gap: 9px; min-width: 0; margin: 2px 0; border: 1px solid #e9ece6; border-radius: 8px; padding: 11px; }
.catalog-checkset legend { padding: 0 4px; color: #626a60; font-size: calc(10px + var(--text-bump)); font-weight: 700; }
.catalog-checkset > small { color: #7f877d; font-size: calc(9px + var(--text-bump)); }
.catalog-recipe-list, .catalog-modifier-option-list { display: grid; gap: 7px; }
.catalog-recipe-row { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(90px, .35fr) auto; gap: 7px; }
.catalog-modifier-option { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(80px, .45fr) minmax(120px, 1fr) minmax(80px, .4fr) minmax(120px, 1fr) auto; gap: 6px; align-items: center; }
.catalog-recipe-row input, .catalog-recipe-row select, .catalog-modifier-option input:not([type="hidden"]), .catalog-modifier-option select { width: 100%; min-width: 0; min-height: 34px; border: 1px solid #e2e6df; border-radius: 6px; background: #fff; padding: 0 8px; color: #444b43; font: inherit; font-size: calc(10px + var(--text-bump)); }
.catalog-recipe-quantity { display: grid; gap: 2px; min-width: 0; }
.catalog-recipe-quantity span { color: #7f877d; font-size: calc(9px + var(--text-bump)); }
.catalog-checkset > .small-action { justify-self: start; }
.table-scroll { width: 100%; overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; font-size: calc(10px + var(--text-bump)); }
.data-table th { border-bottom: 1px solid #e9ece6; padding: 9px 8px; color: #92988f; font-size: calc(8px + var(--text-bump)); font-weight: 700; letter-spacing: .55px; text-align: left; white-space: nowrap; }
.data-table td { border-bottom: 1px solid #f0f1ee; padding: 10px 8px; color: #60675f; vertical-align: middle; }
.data-table tr:last-child td { border-bottom: 0; }
.data-table td strong, .data-table td small { display: block; }
.data-table td strong { color: #353c35; font-weight: 600; }
.data-table td small { margin-top: 3px; color: #9a9f99; font-size: calc(8px + var(--text-bump)); }
.data-table .numeric { text-align: right; white-space: nowrap; }
.data-table td .status-pill { font-size: calc(8px + var(--text-bump)); }
.status-pill.posted { border-color: #dcebdd; background: #eef6ee; color: #4d7b56; }
.inline-payment { display: flex; align-items: center; gap: 5px; }
.inline-payment input { width: 92px; min-width: 65px; min-height: 30px; border: 1px solid #e5e8e2; border-radius: 6px; padding: 5px; font-size: calc(9px + var(--text-bump)); }
.inline-payment .accounting-field { min-width: 120px; }
.inline-payment .accounting-field select { min-height: 30px; padding: 4px 18px 4px 5px; font-size: calc(8px + var(--text-bump)); }
.inline-payment .accounting-field span { display: none; }
.empty-state { padding: 18px 10px !important; color: #92988f !important; font-size: calc(10px + var(--text-bump)); line-height: 1.5; text-align: center; }
.inline-notice, .success-note { margin: 0 0 12px; border: 1px solid #dcebdd; border-radius: 7px; background: #f1f7f1; padding: 10px 12px; color: #4a7050; font-size: calc(10px + var(--text-bump)); }
.inline-notice.error { border-color: #efd5d1; background: #fff7f5; color: #a64d40; }
.reconcile-summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 12px; border-top: 1px solid #eef0ec; padding-top: 12px; color: #777e76; font-size: calc(9px + var(--text-bump)); }
.reconcile-summary strong { color: #333c34; }
.report-row { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid #f0f1ee; padding: 9px 0; color: #626960; font-size: calc(10px + var(--text-bump)); }
.report-row strong { color: #333b34; font-weight: 600; white-space: nowrap; }
.report-total { margin-top: 4px; border-top: 1px solid #e9ece6; color: #343c35; font-weight: 700; }
.cloud-steps { display: grid; gap: 6px; margin: 0 0 14px; padding-left: 18px; color: #626960; font-size: calc(10px + var(--text-bump)); line-height: 1.5; }
.tip-print-heading, .tip-signature { display: none; }
.tip-total-row td { border-top: 1px solid #e3e7e1; background: #fafbf9; }
#tip-report-print td:first-child { white-space: nowrap; }
.tip-report-note { margin: 4px 2px 18px; color: #7c827a; font-size: calc(9px + var(--text-bump)); line-height: 1.5; }
.date-range { display: flex; flex-wrap: wrap; gap: 8px; }
.date-range label { display: grid; gap: 4px; color: #7c827a; font-size: calc(9px + var(--text-bump)); }
.date-range input { min-height: 34px; border: 1px solid #e5e8e2; border-radius: 7px; background: white; padding: 5px 7px; color: #424940; font-size: calc(10px + var(--text-bump)); }
.accounting-metrics { margin: 0 0 15px; }
.team-three-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.accounting-metrics .metric-card { min-height: 90px; }
.accounting-metrics .metric-value { font-size: calc(21px + var(--text-bump)); }
.accounting-metrics .metric-foot { font-size: calc(9px + var(--text-bump)); }
.schedule-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.schedule-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.schedule-toolbar .back-button { min-height: 34px; }
.schedule-toolbar > strong { margin: 0 8px; color: #47564b; font-size: calc(11px + var(--text-bump)); white-space: nowrap; }
.schedule-view-switch { display: inline-flex; gap: 2px; border: 1px solid #e5e9e3; border-radius: 7px; background: #fff; padding: 2px; }
.schedule-view-switch button { min-height: 29px; border: 0; border-radius: 5px; background: transparent; padding: 0 9px; color: #777e76; font-size: calc(9px + var(--text-bump)); cursor: pointer; }
.schedule-view-switch button.active { background: #edf4ef; color: #2e674e; font-weight: 700; }
.schedule-date-picker input { min-height: 35px; border: 1px solid #e5e8e2; border-radius: 7px; background: #fff; padding: 0 8px; color: #59635a; font: inherit; font-size: calc(10px + var(--text-bump)); }
.schedule-location-filter select { min-height: 35px; max-width: 180px; border: 1px solid #e5e8e2; border-radius: 7px; background: #fff; padding: 0 9px; color: #59635a; font-size: calc(10px + var(--text-bump)); }
.schedule-board-scroll { overflow-x: auto; }
.schedule-board { display: grid; min-width: 980px; grid-template-columns: repeat(7, minmax(120px, 1fr)); border: 1px solid #edf0eb; border-radius: 8px; overflow: hidden; }
.schedule-board.is-day-view { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.schedule-weekday-headings { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(7, minmax(0, 1fr)); border-bottom: 1px solid #edf0eb; background: #fafbf9; color: #838d83; font-size: calc(8px + var(--text-bump)); font-weight: 700; text-align: center; text-transform: uppercase; }
.schedule-weekday-headings span { padding: 8px 3px; border-right: 1px solid #edf0eb; }
.schedule-weekday-headings span:last-child { border-right: 0; }
.schedule-board.is-month-view .schedule-day { min-height: 110px; }
.schedule-board.is-month-view .schedule-day > header { min-height: 38px; padding: 5px 7px; }
.schedule-board.is-month-view .schedule-day > header span { display: none; }
.schedule-board.is-month-view .schedule-day > header strong { font-size: calc(10px + var(--text-bump)); }
.schedule-board.is-month-view .schedule-day > header small { font-size: calc(7px + var(--text-bump)); }
.schedule-board.is-month-view .schedule-day-shifts { min-height: 60px; gap: 4px; padding: 4px; }
.schedule-board.is-month-view .schedule-shift { gap: 3px; padding: 5px; }
.schedule-board.is-month-view .schedule-shift > div strong, .schedule-board.is-month-view .schedule-shift > b { font-size: calc(8px + var(--text-bump)); }
.schedule-board.is-month-view .schedule-shift > small, .schedule-board.is-month-view .schedule-request-link, .schedule-board.is-month-view .schedule-edit-link { font-size: calc(7px + var(--text-bump)); }
.schedule-day.is-outside-month { background: #f9faf8; opacity: .62; }
.schedule-day { min-width: 0; background: #fff; border-right: 1px solid #edf0eb; }
.schedule-day:last-child { border-right: 0; }
.schedule-day.is-today { background: #fbfdfb; }
.schedule-day > header { display: grid; min-height: 70px; align-content: center; gap: 3px; border-bottom: 1px solid #edf0eb; background: #fafbf9; padding: 9px; }
.schedule-day.is-today > header { background: #edf5ee; }
.schedule-day > header span { color: #838d83; font-size: calc(9px + var(--text-bump)); font-weight: 700; text-transform: uppercase; }
.schedule-day > header strong { color: #36473b; font-size: calc(12px + var(--text-bump)); }
.schedule-day > header small { color: #929b92; font-size: calc(8px + var(--text-bump)); }
.schedule-day-shifts { display: grid; align-content: start; gap: 7px; min-height: 118px; padding: 7px; }
.schedule-leave { display: grid; gap: 3px; border: 1px solid #f0e2ca; border-radius: 6px; background: #fffaf1; padding: 6px; }
.schedule-leave strong { color: #94734a; font-size: calc(8px + var(--text-bump)); }
.schedule-leave span { color: #9a896e; font-size: calc(8px + var(--text-bump)); line-height: 1.4; }
.schedule-shift { display: grid; gap: 5px; border: 1px solid #e2ece2; border-left: 3px solid #5f9870; border-radius: 6px; background: #f8fbf8; padding: 7px; }
.schedule-shift > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px; }
.schedule-shift > div strong { color: #3f5845; font-size: calc(9px + var(--text-bump)); }
.schedule-shift > b { overflow: hidden; color: #38433a; font-size: calc(9px + var(--text-bump)); text-overflow: ellipsis; white-space: nowrap; }
.schedule-shift > small { color: #879188; font-size: calc(8px + var(--text-bump)); line-height: 1.4; }
.schedule-shift-status { border-radius: 10px; background: #eaf3ea; padding: 2px 5px; color: #527859; font-size: calc(7px + var(--text-bump)); white-space: nowrap; }
.schedule-shift.is-cancelled { border-color: #eceeeb; border-left-color: #b0b5ae; background: #f8f9f8; opacity: .72; }
.schedule-shift.is-cancelled .schedule-shift-status { background: #eef0ee; color: #7d847d; }
.schedule-edit-link { justify-self: start; border: 0; background: transparent; padding: 1px 0; color: #397553; font-size: calc(8px + var(--text-bump)); font-weight: 600; cursor: pointer; }
.schedule-request-link { justify-self: start; border: 0; background: transparent; padding: 1px 0; color: #8b6a3c; font-size: calc(8px + var(--text-bump)); font-weight: 600; cursor: pointer; }
.schedule-day-empty { margin: 8px 2px; color: #abb1aa; font-size: calc(8px + var(--text-bump)); text-align: center; }
.time-tracking-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.purchase-order-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.purchase-overview-grid { grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr); }
.purchase-overview-grid .panel { min-width: 0; }
.purchase-overview-grid > .panel > .small-action { margin-top: 10px; }
.purchase-order-lines { display: grid; grid-column: 1 / -1; gap: 8px; }
.purchase-order-line { display: grid; grid-template-columns: minmax(160px, 1.3fr) minmax(100px, .7fr) minmax(85px, .55fr) minmax(130px, .8fr) 100px; align-items: end; gap: 9px; border: 1px solid #edf0eb; border-radius: 8px; background: #fcfdfb; padding: 10px; }
.purchase-order-line > strong { grid-column: 1 / -1; color: #55745e; font-size: calc(10px + var(--text-bump)); }
.purchase-order-line .accounting-field { min-width: 0; }
.purchase-order-line .small-action { align-self: end; width: 100px; min-height: 38px; padding: 0 8px; }
.purchase-order-lines + .small-action { justify-self: start; }
.purchase-order-item { display: grid; gap: 3px; border-bottom: 1px solid #f0f1ee; padding: 6px 0; }
.purchase-order-item:last-child { border-bottom: 0; }
.purchase-order-item .inline-inventory-form { justify-self: start; margin-top: 3px; }
.inline-inventory-form { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.inline-inventory-form label { display: grid; gap: 3px; color: #707a70; font-size: calc(9px + var(--text-bump)); }
.inline-inventory-form input { width: 132px; min-height: 36px; border: 1px solid #e5eae5; border-radius: 6px; padding: 0 8px; font: inherit; }
.hidden { display: none !important; }
.setup-counter { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #eceee9; border-radius: 20px; background: white; padding: 9px 12px; color: #777e76; font-size: calc(10px + var(--text-bump)); white-space: nowrap; }
.connection-list { display: grid; gap: 13px; margin-bottom: 16px; }
.connection-card { padding: 19px 21px 15px; }
.connection-top { display: flex; align-items: center; gap: 12px; }
.connection-top > div { flex: 1; }
.tool-logo.large { width: 40px; height: 40px; border-radius: 11px; font-size: calc(17px + var(--text-bump)); }
.tool-logo.large.books-logo { font-size: calc(12px + var(--text-bump)); }
.connection-top h2 { font-size: 14px; }
.connection-details { margin: 15px 0 14px 52px; color: #717870; font-size: calc(11px + var(--text-bump)); line-height: 1.6; }
.connection-details p { margin-bottom: 6px; }
.connection-details ul { display: grid; gap: 3px; margin: 0; padding-left: 16px; color: #92988f; }
.connection-actions { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #f0f1ee; padding: 12px 0 0 52px; }
.vendor-link { padding: 0; font-size: calc(10px + var(--text-bump)); }
.setup-note { color: #a0a49d; font-size: calc(9px + var(--text-bump)); }

.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }
button:focus-visible, select:focus-visible, a:focus-visible { outline: 3px solid #a4c6ac; outline-offset: 2px; }

.inventory-label-sheet { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.inventory-label { display: flex; min-height: 118px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; border: 1px dashed #aeb6ac; border-radius: 7px; padding: 12px; }
.inventory-label strong { font-size: calc(13px + var(--text-bump)); }
.inventory-label span { color: var(--muted); font-size: calc(10px + var(--text-bump)); }
.inventory-label .label-barcode { color: var(--ink); font-family: monospace; letter-spacing: 1px; }
.inventory-label b { font-size: calc(14px + var(--text-bump)); }
@media print {
  body * { visibility: hidden !important; }
  #inventory-label-sheet, #inventory-label-sheet * { visibility: visible !important; }
  #inventory-label-sheet { position: absolute; inset: 0 auto auto 0; width: 100%; grid-template-columns: repeat(3, 1fr); gap: 5mm; }
  .inventory-label { min-height: 28mm; border: 1px solid #aaa; border-radius: 0; break-inside: avoid; padding: 3mm; }
  body:has(#tip-report-print) { background: white; }
  #tip-report-print, #tip-report-print * { visibility: visible !important; }
  #tip-report-print { position: absolute; inset: 0 auto auto 0; width: 100%; color: #000; }
  #tip-report-print .panel, #tip-report-print .metric-card { border: 1px solid #bbb; box-shadow: none; break-inside: avoid; }
  #tip-report-print .table-scroll { overflow: visible; }
  .tip-print-heading { display: grid; gap: 3px; margin-bottom: 12px; font-size: 14pt; }
  .tip-print-heading span { font-size: 9pt; }
  #tip-report-print .tip-signature { display: table-cell; min-width: 45mm; }
}

@media (max-width: 1100px) {
  .sidebar { width: 210px; }
  .main-content { margin-left: 210px; }
  .page-content { padding-right: 25px; padding-left: 25px; }
  .topbar { padding-right: 25px; padding-left: 25px; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-grid, .lower-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .sidebar { position: sticky; top: 0; width: 100%; height: auto; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; border-right: 0; border-bottom: 1px solid var(--line); padding: 10px 12px 0; }
  .brand { margin: 0; font-size: calc(18px + var(--text-bump)); }
  .brand-mark { width: 29px; height: 29px; }
  .workspace-label, .shop-switcher, .sidebar-bottom { display: none; }
  .nav-links { display: flex; flex: 1 0 100%; gap: 3px; margin: 8px 0 0; overflow-x: auto; padding-bottom: 8px; scrollbar-width: none; }
  .nav-links::-webkit-scrollbar { display: none; }
  .nav-link { flex: 0 0 auto; width: auto; min-height: 34px; padding: 7px 9px; font-size: calc(10px + var(--text-bump)); white-space: nowrap; }
  .accountant-nav-group { display: flex; flex: 0 0 auto; gap: 3px; }
  .reports-nav-group { display: flex; flex: 0 0 auto; gap: 3px; }
  .accountant-nav-toggle { flex: 0 0 auto; }
  .accountant-submenu { display: flex; flex: 0 0 auto; gap: 3px; margin: 0; padding: 0; border: 0; }
  .reports-submenu { display: flex; flex: 0 0 auto; gap: 3px; margin: 0; padding: 0; border: 0; }
  .reports-nav-toggle[aria-expanded="false"] + .reports-submenu { display: none; }
  .accountant-nav-toggle[aria-expanded="false"] + .accountant-submenu { display: none; }
  .inventory-nav-group { display: flex; flex: 0 0 auto; gap: 3px; align-items: center; }
  .inventory-nav-toggle { width: auto; }
  .inventory-nav-toggle[aria-expanded="false"] + .inventory-submenu { display: none; }
  .inventory-submenu { display: flex; flex: 0 0 auto; gap: 3px; margin: 0; padding: 0; border: 0; }
  .purchasing-nav-group { display: flex; flex: 0 0 auto; gap: 3px; align-items: center; }
  .purchasing-nav-toggle { width: auto; }
  .purchasing-nav-toggle[aria-expanded="false"] + .purchasing-submenu { display: none; }
  .purchasing-submenu { display: flex; flex: 0 0 auto; gap: 3px; margin: 0; padding: 0; border: 0; }
  .team-nav-group { display: flex; flex: 0 0 auto; gap: 3px; align-items: center; }
  .team-nav-toggle { width: auto; }
  .team-nav-toggle[aria-expanded="false"] + .team-submenu { display: none; }
  .team-submenu { display: flex; flex: 0 0 auto; gap: 3px; margin: 0; padding: 0; border: 0; }
  .team-dashboard-grid { grid-template-columns: 1fr; }
  .team-queue-row { gap: 7px; }
  .team-queue-actions { flex-wrap: wrap; justify-content: flex-end; }
  .inventory-submenu .nav-sublink { flex: 0 0 auto; min-height: 34px; padding: 7px 9px; font-size: calc(10px + var(--text-bump)); white-space: nowrap; }
  .nav-sublink { flex: 0 0 auto; min-height: 34px; padding: 7px 9px; font-size: calc(10px + var(--text-bump)); white-space: nowrap; }
  .nav-icon { display: inline-block; width: auto; font-size: calc(14px + var(--text-bump)); }
  .nav-count { width: 17px; height: 17px; }
  .main-content { margin-left: 0; }
  .workspace-heading { align-items: flex-start; flex-direction: column; }
  .workspace-heading > .schedule-toolbar { width: 100%; }
  .schedule-toolbar > strong { order: -1; flex-basis: 100%; margin: 0 0 3px; }
  .schedule-toolbar .schedule-view-switch { order: 0; }
  .schedule-toolbar .schedule-date-picker { order: 1; }
  .schedule-toolbar .schedule-location-filter { order: 2; }
  .schedule-toolbar > button { order: 3; }
  .schedule-toolbar .primary-action { margin-left: auto; }
  .schedule-metrics, .time-tracking-metrics, .purchase-order-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .purchase-order-line { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .purchase-order-line > strong, .purchase-order-line > .accounting-field:first-of-type { grid-column: 1 / -1; }
  .purchase-conversion-fields > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-page-actions { width: 100%; }
  .catalog-page-actions > button { flex: 1 1 160px; }
  .purchase-overview-grid { grid-template-columns: 1fr; }
  .catalog-tools-panel { align-items: flex-start; }
  .catalog-tools-panel > div:first-child { flex-basis: 100%; }
  .catalog-modifier-option { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-recipe-row { grid-template-columns: minmax(0, 1fr) minmax(80px, .4fr); }
  .catalog-recipe-row .small-action { grid-column: 1 / -1; justify-self: start; }
  .workspace-heading .primary-action { align-self: flex-start; }
  .accounting-grid, .report-grid { grid-template-columns: 1fr; }
  .accounting-form, .compact-form { grid-template-columns: 1fr; }
  .field-wide, .form-footer { grid-column: 1; }
  .team-checkset > div, .team-shortcuts { grid-template-columns: 1fr; }
  .accounting-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inline-payment { flex-wrap: wrap; min-width: 210px; }
  .topbar { height: 48px; padding: 0 17px; }
  .topbar-right { gap: 7px; }
  .today-label { font-size: calc(9px + var(--text-bump)); }
  .page-content { padding: 25px 16px 20px; }
  .welcome-row { align-items: flex-start; flex-direction: column; gap: 15px; }
  h1 { font-size: 22px; }
  .filters { width: 100%; }
  .select-wrap { flex: 1; }
  .select-wrap select, .select-wrap:first-child select { width: 100%; min-width: 0; }
  .demo-banner { align-items: flex-start; flex-wrap: wrap; line-height: 1.5; }
  .text-button { margin-left: 25px; }
  .metric-grid { gap: 9px; }
  .metric-card { min-height: 112px; padding: 12px; }
  .metric-value { font-size: calc(22px + var(--text-bump)); }
  .metric-foot { flex-wrap: wrap; }
  .panel { padding-right: 13px; padding-left: 13px; }
  .table-head, .location-row { grid-template-columns: 1.3fr 1fr .7fr .9fr; gap: 4px; }
  .table-head { font-size: calc(7px + var(--text-bump)); }
  .location-row { font-size: calc(9px + var(--text-bump)); }
  .connection-welcome { align-items: flex-start; }
  .connection-top { flex-wrap: wrap; }
  .connection-top .status-pill { margin-left: 52px; }
  .connection-details, .connection-actions { margin-left: 0; padding-left: 0; }
  .connection-actions { align-items: flex-start; flex-direction: column; gap: 9px; }
}
@media (max-width: 390px) {
  .nav-link { padding: 7px 5px; }
  .nav-count { display: none; }
  .today-label { display: none; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .table-head, .location-row { grid-template-columns: 1.2fr 1fr .7fr; }
  .table-head span:last-child, .location-row > span:last-child { display: none; }
}