/* Compact rows use the original inputs and business handlers at every width. */
.display-toolbar{max-width:1600px;margin:0 auto;padding:10px 28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.density-controls{display:flex;gap:4px}.display-toolbar button,.display-toolbar select{min-height:44px;font-size:12px}
.display-toolbar button.selected{background:#e7f0eb;border-color:#8caf9e;color:#214e3e}
.desktop-language,.handheld-language{margin-left:auto}.handheld-language{display:none;font-size:11px;align-items:center;gap:6px}
.display-toolbar[data-login] .density-controls{display:none}
.inventory-columns,.compact-qualifier,.compact-label,.memo-expand{display:none}
.order-toggle>.order-label{font-size:inherit;font-weight:inherit}
.stock-name>.vi{display:inline;font-size:inherit;line-height:inherit}
html[data-form-factor=desktop] .vi{display:inline;max-width:none}
html[data-inventory-view=compact] .inventory-workspace{display:block}
html[data-inventory-view=compact] .inventory-workspace .room-nav{display:flex;position:sticky;top:0;z-index:5;flex-direction:row;gap:6px;overflow-x:auto;margin-bottom:8px;padding:5px 0;background:#f5f7f5}
html[data-inventory-view=compact] .room-nav .caption,html[data-inventory-view=compact] .room-brands,html[data-inventory-view=compact] .room-help{display:none}
html[data-inventory-view=compact] .inventory-workspace .room-nav button{flex:none;min-width:76px;width:auto;max-width:none;min-height:44px;padding:8px 12px}
html[data-inventory-view=compact] .room-title{gap:8px}
html[data-inventory-view=compact] .page-head{margin-bottom:10px;align-items:center}
html[data-inventory-view=compact] .page-head .eyebrow,html[data-inventory-view=compact] .page-head p,html[data-inventory-view=compact] .record-help{display:none}
html[data-inventory-view=compact] .record-panel{padding:8px;gap:6px;flex-wrap:wrap;margin-bottom:12px}
html[data-inventory-view=compact] .record-summary{gap:16px;flex:1}
html[data-inventory-view=compact] .record-summary>div{display:flex;align-items:center;gap:6px}
html[data-inventory-view=compact] .record-summary .detail-label{display:none}
html[data-inventory-view=compact] .record-summary .compact-label{display:inline;font-size:10px}
html[data-inventory-view=compact] .record-summary small{font-size:10px;margin-left:2px}
html[data-inventory-view=compact] .record-summary strong{font-size:17px}
html[data-inventory-view=compact] .record-actions{width:auto;display:flex;margin-left:auto;gap:6px}
html[data-inventory-view=compact] .record-actions button{min-height:44px;font-size:12px;padding:8px}
html[data-inventory-view=compact] .inventory-toolbar{position:sticky;top:0;z-index:4;background:#f5f7f5;padding:4px 0;gap:6px;margin-bottom:10px}
html[data-inventory-view=compact] .inventory-toolbar .search{flex:1 1 180px}
html[data-inventory-view=compact] .inventory-toolbar .search input{min-height:44px;font-size:14px}
html[data-inventory-view=compact] .view-options-toggle{min-height:44px;font-size:11px;padding:8px}
html[data-inventory-view=compact] .view-filters,html[data-inventory-view=compact] .select-filters:not(.expanded),html[data-inventory-view=compact] .category-chips{display:none}
html[data-inventory-view=compact] .inventory-toolbar:has(.select-filters.expanded) .view-filters{display:flex;order:3;width:100%}
html[data-inventory-view=compact] .inventory-toolbar:has(.select-filters.expanded)~#inventory-content .category-chips{display:flex}
html[data-inventory-view=compact] .group-head{margin-bottom:8px}
html[data-inventory-view=compact] .group-head h2{font-size:16px}
html[data-inventory-view=compact] .stock-section{margin-bottom:12px}
html[data-inventory-view=compact] .section-toggle{min-height:44px;padding:8px 10px;gap:7px}
html[data-inventory-view=compact] .supplier-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:6px}
html[data-inventory-view=compact] .supplier-title{padding:6px 10px}
html[data-inventory-view=compact] .inventory-columns{display:grid;grid-template-columns:minmax(0,1fr) 90px 44px;gap:8px;padding:5px 10px;color:#607268;background:#f4f7f4;font-size:10px}
html[data-inventory-view=compact] .inventory-columns>span:not(:first-child){text-align:center}
html[data-inventory-view=compact] .stock-items{display:block}
html[data-inventory-view=compact] .stock-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 44px;grid-template-rows:44px;gap:8px;padding:3px 10px;min-height:50px;border-right:0;border-bottom:1px solid #edf0ed}
html[data-inventory-view=compact] .stock-row:last-child{border-bottom:0}
html[data-inventory-view=compact] .stock-row .favorite,html[data-inventory-view=compact] .stock-spec,html[data-inventory-view=compact] .stock-tags,html[data-inventory-view=compact] .quick-states,html[data-inventory-view=compact] .last-stock{display:none}
html[data-inventory-view=compact] .stock-info{grid-column:1;grid-row:1;min-width:0}
html[data-inventory-view=compact] .stock-name{width:100%;display:block;min-height:44px;line-height:44px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;padding:0}
html[data-inventory-view=compact] .compact-qualifier{display:inline;color:#6b7c70;font-size:11px}
html[data-inventory-view=compact] .stock-controls{display:block;grid-column:2;grid-row:1;max-width:none}
html[data-inventory-view=compact] .quantity-control{width:90px;gap:4px}
html[data-inventory-view=compact] .quantity-control input{width:60px;max-width:60px;min-height:44px;height:44px;font-size:16px;padding:5px 2px}
html[data-inventory-view=compact] .quantity-control>span{max-width:26px;max-height:40px;overflow:hidden;font-size:10px}
html[data-inventory-view=compact] .stock-row .order-toggle{grid-column:3;grid-row:1;min-width:44px;max-width:44px;width:44px;min-height:44px;height:44px;padding:0}
html[data-inventory-view=compact] .order-toggle>span:first-child{font-size:23px;line-height:1}
html[data-inventory-view=compact] .order-toggle>.order-label{display:none}
html[data-inventory-view=compact] .save-status{font-size:11px}
.save-status.error{position:fixed;bottom:12px;left:14px;right:14px;z-index:25;padding:10px 12px;background:#fff1ed;border:1px solid #d79e90;border-radius:9px;box-shadow:0 3px 14px #3a251520;max-width:900px;margin:auto}
.save-status.error button{min-height:44px}
html[data-form-factor=handheld] .desktop-language{display:none}
html[data-form-factor=handheld] .handheld-language{display:flex}
html[data-form-factor=handheld] .memo-expand{display:block;min-height:44px;padding:6px 10px;flex:none;font-size:12px}
html[data-form-factor=handheld] .memo-board{padding:8px 12px}
html[data-form-factor=handheld] .memo-heading{gap:8px;flex-wrap:nowrap}
html[data-form-factor=handheld] .memo-heading h2{font-size:15px;margin:0}
html[data-form-factor=handheld] .memo-eyebrow,html[data-form-factor=handheld] .memo-tag{display:none}
html[data-form-factor=handheld][data-memo-expanded="0"] .memo-body{display:none}
@media(max-width:1199px){
  .top{height:auto;min-height:60px;gap:8px;flex-wrap:nowrap;padding-top:6px;padding-bottom:6px}
  .top .logo{flex:initial;font-size:14px;gap:7px}.top .logo small{display:none}
  .top nav{display:flex;width:auto;margin-left:auto;border:0;padding:0;gap:1px}
  .top nav button{min-width:0;min-height:44px;padding:6px 8px;font-size:12px}
  .top .vi{font-size:10px}
  .display-toolbar{padding:6px 14px;gap:6px;justify-content:space-between}
  .density-controls{gap:3px}.display-toolbar button{padding:7px;font-size:11px}
  .handheld-language{font-size:0;margin-left:0}.handheld-language select{font-size:12px;max-width:116px;padding:6px}
  .memo-shell{margin-top:4px;padding:0 14px}.shell{padding-top:14px}
}
@media(max-width:380px){.top .logo-mark{display:none}.top{padding-left:10px;padding-right:10px}}
@media(max-width:360px){
  html[data-inventory-view=compact] .stock-row,html[data-inventory-view=compact] .inventory-columns{grid-template-columns:minmax(0,1fr) 78px 44px;gap:5px;padding-left:7px;padding-right:7px}
  html[data-inventory-view=compact] .quantity-control{width:78px;gap:3px}
  html[data-inventory-view=compact] .quantity-control input{width:55px;max-width:55px}
  html[data-inventory-view=compact] .quantity-control>span{max-width:20px;font-size:9px}
  html[data-inventory-view=compact] .stock-name{font-size:16px}
  .display-toolbar{padding-left:10px;padding-right:10px;gap:3px}.display-toolbar button{padding-left:5px;padding-right:5px}
}

/* Brand marks describe use; shared storage remains separate in the details. */
.brand-name-line{display:flex;align-items:center;gap:6px;min-width:0}
.brand-name-line .stock-name{min-width:0;flex:1}
.brand-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;white-space:nowrap;max-width:70px;overflow:hidden;text-overflow:ellipsis;padding:2px 4px;border:1px solid;border-radius:5px;font-size:10px;font-weight:750;line-height:16px;letter-spacing:-.2px}
.brand-shared,.brand-other{color:#475569;background:#eef2f6;border-color:#cbd5e1}
.brand-mexican{color:#9a3c12;background:#fff0df;border-color:#efbe91}
.brand-bapgujeong{color:#24603e;background:#e8f5eb;border-color:#a2d0ad}
.brand-meoseum{color:#14667a;background:#e5f5fa;border-color:#9bd0dd}
.brand-kim{color:#1748a0;background:#e7efff;border-color:#8baded}
.brand-pizza{color:#64409b;background:#f0eafa;border-color:#c6b0e6}
.brand-bones{color:#9e3037;background:#feecee;border-color:#e8a9af}
.brand-sagol{color:#7c5a0c;background:#fff6d9;border-color:#ddc471}

.detail-facts strong:has(.brand-mark){display:flex;align-items:center;gap:5px;flex-wrap:wrap}
html[data-inventory-view=compact] .brand-name-line{height:44px}
html[data-inventory-view=compact] .brand-mark{max-width:44px}
html[data-inventory-view=compact] .brand-name-line .stock-name{width:0}
.item-brand-marks{display:inline-flex;flex:none;align-items:center;gap:3px;flex-wrap:wrap;max-width:100%}
.membership-picker{border:1px solid #dce4df;border-radius:10px;padding:12px;display:flex;gap:6px 12px;flex-wrap:wrap;margin:14px 0 0;min-width:0}
.membership-picker legend{font-weight:700;font-size:13px;padding:0 5px}
.membership-picker label{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;cursor:pointer}
.membership-picker input{width:18px;min-width:18px;min-height:18px;height:18px;margin:0;accent-color:#245d49}
.membership-picker p{flex-basis:100%;font-size:11px;line-height:1.6;color:#61756a;margin:0}
.membership-diff{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;font-size:13px;line-height:1.7}
.membership-diff dd{margin:0;overflow-wrap:anywhere}
@media(max-width:620px){.inventory-workspace .room-nav button{min-height:44px;width:auto;min-width:110px;max-width:none}.room-title{gap:8px}}
/* Every compact item stays one row. A crowded badge strip scrolls sideways;
   it never takes the name's line or makes the quantity/order targets smaller. */
html[data-inventory-view=compact] .brand-name-line{height:44px;flex-wrap:nowrap;gap:5px}
html[data-inventory-view=compact] .item-brand-marks{flex:0 1 auto;min-width:18px;max-width:calc(100% - 70px);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0}
html[data-inventory-view=compact] .item-brand-marks::-webkit-scrollbar{display:none}
html[data-inventory-view=compact] .brand-name-line .stock-name{flex:1 0 65px;min-width:65px;min-height:44px;line-height:44px}
html[data-form-factor=handheld]{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* A two-line name area keeps all ordinary usage marks visible and the 44px tap target. */
html[data-narrow-stock="1"][data-inventory-view=compact] .brand-name-line{position:relative;height:44px;min-width:0;display:block}
html[data-narrow-stock="1"][data-inventory-view=compact] .item-brand-marks{position:absolute;top:0;left:0;z-index:1;max-width:100%;height:16px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:2px}
html[data-narrow-stock="1"][data-inventory-view=compact] .brand-mark{font-size:9px;line-height:12px;padding:1px 3px}
html[data-narrow-stock="1"][data-inventory-view=compact] .brand-name-line .stock-name{width:100%;min-width:0;min-height:44px;height:44px;line-height:27px;padding-top:17px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;box-sizing:border-box}
html[data-narrow-stock="1"][data-inventory-view=compact] .compact-qualifier{font-size:10px}