/* Compact height profile. Keep type sizes and widths unchanged; comfortable remains available. */
:root[data-density=compact]{--topbar:48px;--row:4px;--gap:14px;--control-h:max(28px,calc(var(--f) * 1.65 + 4px))}
:root[data-density=compact] input:not([type=checkbox]):not([type=radio]),
:root[data-density=compact] select{height:var(--control-h);padding-top:0;padding-bottom:0}
:root[data-density=compact] .button{min-height:var(--control-h);padding-top:2px;padding-bottom:2px}
:root[data-density=compact] .button.small{min-height:26px;padding-top:1px;padding-bottom:1px}
:root[data-density=compact] .icon-button{height:28px;width:28px}
:root[data-density=compact] .top-brand small{margin-top:2px}
:root[data-density=compact] .brand-logo{height:29px;width:29px}
:root[data-density=compact] .top-menu{height:29px}
:root[data-density=compact] .utility-actions>button{padding-top:3px;padding-bottom:3px;min-height:28px}
:root[data-density=compact] .sidebar{padding-top:16px;padding-bottom:12px}
:root[data-density=compact] .sidebar-title{padding-top:2px;padding-bottom:14px}
:root[data-density=compact] .workspace-label{padding-bottom:7px}
:root[data-density=compact] .nav-item{height:34px;margin-top:3px;margin-bottom:3px}
:root[data-density=compact] .sidebar-bottom{padding-top:16px}
:root[data-density=compact] .local-card{padding:9px 14px;margin-bottom:13px}
:root[data-density=compact] .local-card>.icon{margin-bottom:5px}
:root[data-density=compact] .local-card p{margin-top:3px;line-height:1.6}
:root[data-density=compact] .profile{padding-top:10px}
:root[data-density=compact] .main-shell main{padding-top:18px;padding-bottom:18px}
:root[data-density=compact] .breadcrumb{margin-bottom:14px}
:root[data-density=compact] .page-heading{gap:14px}
:root[data-density=compact] .page-heading p{margin-top:3px}
:root[data-density=compact] .stats{gap:10px}
:root[data-density=compact] .stat-card{padding:8px 16px}
:root[data-density=compact] .stat-icon{height:21px;width:21px}
:root[data-density=compact] .stat-value{margin-top:2px;line-height:1.2}
:root[data-density=compact] .stat-description{margin-top:1px;line-height:1.4}
:root[data-density=compact] .notice,
:root[data-density=compact] .picking-banner{padding-top:6px;padding-bottom:6px}
:root[data-density=compact] .table-card-header{padding-top:11px;padding-bottom:8px}
:root[data-density=compact] .table-card-header p{margin-top:2px}
:root[data-density=compact] .category-tab{padding-top:5px;padding-bottom:5px}
:root[data-density=compact] .table-toolbar{padding-top:9px;padding-bottom:9px;gap:9px}
:root[data-density=compact] .view-toolbar{padding-top:6px;padding-bottom:6px;gap:9px}
:root[data-density=compact] .view-switch>button{padding-top:3px;padding-bottom:3px}
:root[data-density=compact] .column-control summary{padding-top:2px;padding-bottom:2px}
:root[data-density=compact] th{padding-top:5px;padding-bottom:5px}
:root[data-density=compact] .material-spec{margin-top:2px;line-height:1.4}
:root[data-density=compact] .material-icon{height:28px}
:root[data-density=compact] .project-sub{margin-top:2px}
:root[data-density=compact] .row-action{padding-top:3px;padding-bottom:3px}
:root[data-density=compact] .status{padding-top:0;padding-bottom:0}
:root[data-density=compact] .table-footer{padding-top:7px;padding-bottom:7px}
:root[data-density=compact] .pagination .icon-button,
:root[data-density=compact] .page-current{height:26px;width:26px}
:root[data-density=compact] .selection-bar{padding-top:7px;padding-bottom:7px}
:root[data-density=compact] .page-footnote{margin-top:11px}
:root[data-density=compact] .empty{padding-top:34px;padding-bottom:34px}
:root[data-density=compact] .empty h3{margin-top:9px}
:root[data-density=compact] .empty p{margin-top:4px;margin-bottom:11px}
:root[data-density=compact] .drawer-header{padding-top:12px;padding-bottom:10px}
:root[data-density=compact] .drawer-header p{margin-top:3px}
:root[data-density=compact] .eyebrow{margin-bottom:2px}
:root[data-density=compact] .drawer-body{padding-top:16px;padding-bottom:18px}
:root[data-density=compact] .drawer-footer{padding-top:9px;padding-bottom:9px}
:root[data-density=compact] .form-grid{row-gap:11px}
:root[data-density=compact] .form-grid input,
:root[data-density=compact] .form-grid select,
:root[data-density=compact] .manual-fields input,
:root[data-density=compact] .manual-fields select{margin-top:4px}
:root[data-density=compact] textarea{padding-top:6px;padding-bottom:6px;min-height:0}
:root[data-density=compact] textarea[rows="2"]{height:46px}
:root[data-density=compact] textarea[rows="3"]{height:66px}
:root[data-density=compact] textarea[rows="4"]{height:82px}
:root[data-density=compact] textarea[rows="5"]{height:98px}
:root[data-density=compact] .section-title{margin-top:17px;margin-bottom:9px}
:root[data-density=compact] .segmented{margin-bottom:11px}
:root[data-density=compact] .segmented button{padding-top:5px;padding-bottom:5px}
:root[data-density=compact] .manual-row{padding-top:8px;padding-bottom:10px;margin-bottom:8px}
:root[data-density=compact] .manual-row-heading{margin-bottom:8px}
:root[data-density=compact] .manual-fields{row-gap:9px}
:root[data-density=compact] .advanced-fields{margin-top:10px;padding-top:6px}
:root[data-density=compact] .advanced-fields .form-grid{margin-top:8px}
:root[data-density=compact] .add-row{height:29px}
:root[data-density=compact] .note-label{margin-top:14px}
:root[data-density=compact] .note-label textarea{margin-top:4px}
:root[data-density=compact] .paste-instructions{padding-top:7px;padding-bottom:7px}
:root[data-density=compact] .paste-instructions p{margin-top:2px}
:root[data-density=compact] .paste-icon{height:25px}
:root[data-density=compact] .sheet-toolbar{margin-top:11px;margin-bottom:8px}
:root[data-density=compact] .entry-sheet th{height:30px}
:root[data-density=compact] .entry-sheet td,
:root[data-density=compact] .entry-sheet tbody th,
:root[data-density=compact] .entry-sheet .grid-cell,
:root[data-density=compact] .plan-grid td>input:not([type=checkbox]){height:max(31px,calc(var(--f) * 1.65 + 4px));padding-top:0;padding-bottom:0}
:root[data-density=compact] .sheet-status{margin-top:7px}
:root[data-density=compact] .sheet-check-actions{margin-top:10px}
:root[data-density=compact] .parse-result{padding-top:7px;padding-bottom:7px;margin-top:11px}
:root[data-density=compact] .issue-row{padding-top:10px;padding-bottom:10px;row-gap:9px;margin-bottom:8px}
:root[data-density=compact] .stepper{height:var(--control-h)}
:root[data-density=compact] .info-box,
:root[data-density=compact] .form-error{padding-top:7px;padding-bottom:7px;margin-top:12px}
:root[data-density=compact] .detail-grid{padding-top:12px;padding-bottom:12px;margin-top:15px;margin-bottom:15px;row-gap:13px}
:root[data-density=compact] .detail-grid dd{margin-top:3px}
:root[data-density=compact] .order-detail-line{padding-top:10px;padding-bottom:10px}
:root[data-density=compact] .order-line-bottom{margin-top:8px}
:root[data-density=compact] .note-block{padding-top:10px;padding-bottom:10px;margin-top:16px}
:root[data-density=compact] .item-history>button{padding-top:8px;padding-bottom:8px}
:root[data-density=compact] .settings-action{padding-top:15px;padding-bottom:15px}
:root[data-density=compact] .preference-section{margin-bottom:19px}
:root[data-density=compact] .preference-section>p{margin-top:4px;margin-bottom:9px}
:root[data-density=compact] .theme-option{padding-top:8px;padding-bottom:8px}
:root[data-density=compact] .theme-preview{height:52px;margin-bottom:7px}
:root[data-density=compact] .radio-options>label{padding-top:7px;padding-bottom:7px}
:root[data-density=compact] .confirm-dialog{padding-top:18px;padding-bottom:18px}
:root[data-density=compact] .confirm-dialog p{margin-top:7px}
:root[data-density=compact] .confirm-actions{margin-top:16px}
:root[data-density=compact] .guide-step{padding-top:11px;padding-bottom:11px}
:root[data-density=compact] .permission-section{padding-top:10px;padding-bottom:10px;margin-top:13px;margin-bottom:13px}
:root[data-density=compact] .permissions-grid{row-gap:9px}
:root[data-density=compact] .user-list-toolbar{margin-bottom:13px}
:root[data-density=compact] .user-list{gap:9px}
:root[data-density=compact] .user-card{padding-top:10px;padding-bottom:10px}
:root[data-density=compact] .sn-overview,
:root[data-density=compact] .sn-entry{padding-top:10px;padding-bottom:10px;margin-top:13px;margin-bottom:13px}
:root[data-density=compact] .sn-overview p,
:root[data-density=compact] .sn-hint{margin-top:5px;margin-bottom:5px}
:root[data-density=compact] .sn-grid-row{padding-top:8px;padding-bottom:8px}
:root[data-density=compact] .sn-issue{margin-top:9px}
:root[data-density=compact] .sn-record{padding-top:6px;padding-bottom:6px}
:root[data-density=compact] .sn-search,
:root[data-density=compact] .sn-issue details input[type=search]{margin-top:8px;margin-bottom:8px}
:root[data-density=compact] .arrival-line{padding-top:10px;padding-bottom:10px;margin-top:9px;margin-bottom:9px}
:root[data-density=compact] .mobile-stock-card,
:root[data-density=compact] .mobile-order-card,
:root[data-density=compact] .mobile-ledger-card{padding-top:9px;padding-bottom:9px}
:root[data-density=compact] .mobile-stock-body{margin-top:8px;margin-bottom:7px}
:root[data-density=compact] .mobile-stock-body p{margin-top:5px}
:root[data-density=compact] .mobile-card-footer{padding-top:7px}
:root[data-density=compact] .mobile-meta{gap:4px;margin-top:8px}
:root[data-density=compact] .mobile-note{margin-top:8px;padding-top:5px;padding-bottom:5px}
:root[data-density=compact] .mobile-detail-button{margin-top:9px;padding-top:7px}
@media(max-width:760px){
  :root[data-density=compact]{--topbar:80px;--gap:12px;--control-h:40px}
  :root[data-density=compact] .topbar{grid-template-rows:42px 38px}
  :root[data-density=compact] .top-brand small{margin-top:1px}
  :root[data-density=compact] .brand-logo{height:27px;width:27px}
  :root[data-density=compact] .utility-actions>button{height:40px;min-height:40px}
  :root[data-density=compact] .project-picker{padding-top:3px}
  :root[data-density=compact] .project-picker select{height:32px}
  :root[data-density=compact] .sidebar{height:calc(46px + env(safe-area-inset-bottom));padding-top:0;padding-bottom:env(safe-area-inset-bottom)}
  :root[data-density=compact] .nav-item{height:46px;gap:1px;margin:0;padding-top:2px;padding-bottom:2px}
  :root[data-density=compact] .main-shell main{padding-top:12px;padding-bottom:72px}
  :root[data-density=compact].guest .main-shell main{padding-bottom:24px}
  :root[data-density=compact] .page-heading{gap:9px;margin-bottom:12px}
  :root[data-density=compact] .breadcrumb{margin-bottom:10px}
  :root[data-density=compact] .stat-card{padding:7px 10px}
  :root[data-density=compact] .stat-value{margin-top:1px}
  :root[data-density=compact] .category-tab{min-height:40px}
  :root[data-density=compact] .view-switch>button{min-height:40px;padding-top:4px;padding-bottom:4px}
  :root[data-density=compact] .button,
  :root[data-density=compact] .button.small,
  :root[data-density=compact] .icon-button,
  :root[data-density=compact] .pagination .icon-button,
  :root[data-density=compact] .page-current,
  :root[data-density=compact] .column-control summary{min-height:40px;height:auto}
  :root[data-density=compact] .icon-button,
  :root[data-density=compact] .pagination .icon-button{min-width:40px}
  :root[data-density=compact] .drawer-header{padding-top:11px;padding-bottom:9px}
  :root[data-density=compact] .drawer-body{padding-top:13px;padding-bottom:16px}
  :root[data-density=compact] .drawer-footer{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
  :root[data-density=compact] .entry-sheet td,
  :root[data-density=compact] .entry-sheet tbody th,
  :root[data-density=compact] .entry-sheet .grid-cell,
  :root[data-density=compact] .plan-grid td>input:not([type=checkbox]){height:40px}
  :root[data-density=compact] .segmented button{min-height:40px}
  :root[data-density=compact] .add-row{height:40px}
  :root[data-density=compact] .mobile-stock-card,
  :root[data-density=compact] .mobile-order-card,
  :root[data-density=compact] .mobile-ledger-card{padding-top:9px;padding-bottom:9px}
  :root[data-density=compact] .mobile-card-heading{flex-wrap:nowrap}
  :root[data-density=compact] .mobile-card-heading .material-label{flex:1 1 0;min-width:0}
  :root[data-density=compact] .arrival-mobile p{margin-top:5px;margin-bottom:5px}
  :root[data-density=compact] .theme-preview{height:44px}
  :root[data-density=compact] textarea[rows="2"]{height:54px}
  :root[data-density=compact] textarea[rows="3"]{height:78px}
  :root[data-density=compact] textarea[rows="4"]{height:96px}
  :root[data-density=compact] textarea[rows="5"]{height:114px}
  :root[data-density=compact] .toast{bottom:calc(60px + env(safe-area-inset-bottom))}
  :root[data-density=compact].guest .toast{bottom:24px}
}