/* Product workspace: reserve space for photos and keep supporting controls compact.
   No page zoom/scaling; editor dialogs and printed documents keep their sizing. */
@media screen {
  .content:has(.products-panel){max-width:none;padding:14px 22px 36px}
  .content:has(.products-panel) .page-head{align-items:center;gap:12px;margin-bottom:10px}
  .content:has(.products-panel) #today{display:none}
  .content:has(.products-panel) .page-head h1{font-size:23px;line-height:1.3;margin:0 0 3px}
  .content:has(.products-panel) #pageSubtitle{display:none}
  .products-panel .panel-head{align-items:center;padding:10px 16px;gap:12px}
  .products-panel .gpc{margin-bottom:0;border-radius:0;border-inline:0}
  .products-panel .panel-head h2{font-size:14px;margin:0 0 3px}
  .products-panel .panel-head p{font-size:11px;line-height:1.4;max-width:610px}
  .products-panel .vehicle-catalog-actions{gap:6px}
  .products-panel .vehicle-catalog-actions button{padding:7px 10px;min-height:34px;font-size:11px;box-shadow:none}
  .products-panel .vehicle-filter{padding:7px 16px;font-size:11px}
  .products-panel .catalog-selection-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:9px 16px}
  .products-panel .catalog-selection-summary{gap:4px 10px;font-size:12px}
  .products-panel .catalog-selection-summary>span{font-size:10px}
  .products-panel .catalog-selection-actions{gap:5px}
  .products-panel .catalog-selection-actions button{min-height:30px;padding:5px 8px;font-size:11px;box-shadow:none}
  .products-panel .catalog-selection-toolbar>p{flex-basis:100%;font-size:10px;line-height:1.4}
  .products-panel .catalog-selection-help{font-size:11px;color:#61728a;line-height:1.5}
  .products-panel .catalog-selection-help summary{cursor:pointer;padding:5px 0;white-space:nowrap}
  .products-panel .catalog-selection-help[open]{flex-basis:100%}
  .products-panel .catalog-selection-help p{margin:4px 0;max-width:900px;font-size:11px}
  .products-panel .catalog-selection-help summary:focus-visible{outline:3px solid #93b8ff;outline-offset:2px}
  .products-panel .catalog-table{table-layout:fixed;min-width:1180px;font-size:12px}
  .catalog-table .col-select{width:2.7%}.catalog-table .col-sku{width:8.5%}
  .catalog-table .col-name{width:12.8%}.catalog-table .col-photo{width:15%}
  .catalog-table .col-size{width:5.5%}.catalog-table .col-config{width:13%}
  .catalog-table .col-price{width:8%}.catalog-table .col-cost{width:11%}
  .catalog-table .col-stock{width:4%}.catalog-table .col-status{width:4.5%}
  .products-panel .catalog-table th{padding:9px 7px;font-size:11px;line-height:1.4;color:#64748b;white-space:normal}
  .products-panel .catalog-table td{padding:10px 7px;max-width:none;line-height:1.5}
  .products-panel .catalog-table .catalog-select-cell{min-width:0;max-width:none;width:auto;padding:6px 2px}
  .products-panel .catalog-product-select{width:26px;min-height:32px}
  .products-panel .catalog-product-select input{width:16px;height:16px}
  .products-panel .catalog-table .catalog-sku{position:static;min-width:0;white-space:normal;overflow-wrap:anywhere}
  .products-panel .catalog-preview-sku{font-size:11px;line-height:1.4;padding:2px 0}
  .products-panel .catalog-actions{flex-direction:row;flex-wrap:wrap;gap:4px;margin-top:7px}
  .products-panel .catalog-actions .mini{min-height:26px;padding:4px 5px!important;font-size:10px!important;border-radius:5px;line-height:1.3;box-shadow:none}
  .products-panel .catalog-name{white-space:normal;overflow-wrap:anywhere}
  .products-panel .catalog-name>b{font-size:12px;line-height:1.5;color:#26384f}
  .products-panel .catalog-name .cell-note{font-size:11px;line-height:1.5;margin-top:4px}
  .products-panel .catalog-photo-cell{overflow:visible}
  .products-panel .catalog-preview-photo{width:100%;max-width:208px;margin:auto}
  .products-panel .catalog-thumb{width:100%;height:clamp(112px,8vw,136px);object-fit:contain;border-radius:8px;background:#fafbfd}
  .products-panel .catalog-table .catalog-size{min-width:0;font-size:11px;white-space:normal;overflow-wrap:anywhere}
  .products-panel .catalog-table .catalog-configuration{min-width:0;max-width:none;font-size:11px;line-height:1.5}
  .products-panel .catalog-memory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:6px}
  .products-panel .catalog-memory-chip{min-width:0;padding:4px 5px;gap:1px;border:0;border-radius:5px;line-height:1.35}
  .products-panel .catalog-memory-chip>b{font-size:10px;font-weight:500}
  .products-panel .catalog-memory-chip>span{font-size:12px;font-weight:750;overflow-wrap:anywhere}
  .products-panel .catalog-functions{font-size:11px;line-height:1.45}
  .products-panel .catalog-functions>b{font-size:10px;font-weight:500}
  .products-panel .catalog-table .catalog-price{font-size:12px;white-space:normal;overflow-wrap:anywhere;color:#3d536d;font-variant-numeric:tabular-nums}
  .products-panel .catalog-table .catalog-cost-cell{max-width:none;font-size:11px}
  .products-panel .catalog-internal-note{max-width:none;margin-bottom:5px;font-size:11px;line-height:1.45}
  .products-panel .catalog-internal-note b{font-size:10px;font-weight:500}
  .products-panel .catalog-stock{font-size:11px;text-align:center;white-space:normal;overflow-wrap:anywhere}
  .products-panel .catalog-status{padding-inline:4px;text-align:center}
  .products-panel .catalog-status .badge{font-size:9px;padding:4px 6px}
}
@media screen and (min-width:761px){
  body:has(.products-panel) .sidebar{width:210px;padding:22px 14px}
  body:has(.products-panel) .brand{gap:10px;padding:0 7px 22px}
  body:has(.products-panel) .brand b{font-size:15px;letter-spacing:1.4px}
  body:has(.products-panel) .brand-mark{width:36px;height:36px;font-size:21px;flex:none}
  body:has(.products-panel) .sidebar nav button{padding:10px 12px;font-size:13px}
  body:has(.products-panel) .workspace{margin-left:210px}
  body:has(.products-panel) .workspace>header{height:60px;padding-inline:22px;gap:16px}
  body:has(.products-panel) .search{padding:8px 12px}
  body:has(.products-panel) .product-image-search-button{min-height:36px;padding:7px 11px;font-size:13px}
}
@media screen and (max-width:1100px) and (min-width:761px){
  body:has(.products-panel) .sidebar{width:190px;padding-inline:10px}
  body:has(.products-panel) .workspace{margin-left:190px}
  .content:has(.products-panel){padding-inline:16px}
  .products-panel .panel-head p{max-width:380px}
}
@media screen and (max-width:760px){
  .content:has(.products-panel){padding:14px 10px 28px}
  .content:has(.products-panel) .page-head{flex-direction:row;align-items:center;margin-bottom:10px}
  .content:has(.products-panel) .page-head>div:first-child{flex:1;min-width:0}
  .content:has(.products-panel) #pageActions{flex:0 0 auto}
  .content:has(.products-panel) .page-head h1{font-size:21px;margin:0}
  .products-panel .panel-head{padding:12px;flex-wrap:wrap}
  .products-panel .vehicle-catalog-actions{display:flex;flex-wrap:wrap;width:100%}
  .products-panel .vehicle-catalog-actions button{flex:1;min-height:44px;font-size:12px}
  .products-panel .catalog-selection-toolbar{padding:10px 12px;gap:8px}
  .products-panel .catalog-selection-summary{font-size:12px}
  .products-panel .catalog-selection-summary>span{display:none}
  .products-panel .catalog-selection-actions{width:100%;gap:6px}
  .products-panel .catalog-selection-actions button{min-height:44px;font-size:12px;padding:7px}
  .products-panel .catalog-selection-toolbar>p{font-size:11px}
  .products-panel .catalog-selection-help summary{min-height:32px;padding-block:7px}
  .products-panel .mobile-catalog{padding:10px;gap:10px}
  .products-panel .mc-card{padding:12px;border-radius:10px}
  .products-panel .mc-card .mc-name{font-size:16px;margin:7px 0 3px}
  .products-panel .mc-card .mc-vehicle{font-size:13px;margin-bottom:10px;line-height:1.45}
  .products-panel .mc-photos{gap:8px}
  .products-panel .mc-photo>div,.products-panel .mc-photo>button.mc-photo-preview{height:138px}
  .products-panel .mc-photo figcaption{font-size:11px;margin-top:4px}
  .products-panel .mc-configurations{margin-top:10px}
  .products-panel .mc-configuration{padding:9px 0}
  .products-panel .mc-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .products-panel .mc-specs>div{grid-column:1/-1;margin:0;font-size:13px;line-height:1.4}
  .products-panel .mc-specs>.mc-memory-field{grid-column:auto;display:block;padding:6px 8px;margin:0}
  .products-panel .mc-memory-field dt{font-size:11px}
  .products-panel .mc-memory-field dd{margin-top:3px}
  .products-panel .mc-specs>.mc-function-field{margin-top:2px}
  .products-panel .mc-internal-note{margin:10px 0;padding:8px 10px;font-size:12px}
  .products-panel .mc-product-select{width:44px;min-height:44px}
  .products-panel .mc-product-select input{width:20px;height:20px}
}
@media screen and (max-width:360px){
  .products-panel .mc-photo>div,.products-panel .mc-photo>button.mc-photo-preview{height:120px}
}

/* Unified product toolbar. Supporting details open only when needed. */
@media screen {
  .content:has(.products-panel){padding:10px 18px 30px}
  .content:has(.products-panel) .page-head{display:none}
  .products-panel .panel-head{padding:7px 12px;gap:8px}
  .products-panel .panel-head>div:first-child{display:flex;align-items:baseline;gap:10px;min-width:0}
  .products-panel .panel-head h2{margin:0;font-size:16px;white-space:nowrap}
  .products-panel .panel-head p{margin:0;font-size:10px}
  .products-panel .vehicle-catalog-actions{gap:5px;align-items:center}
  .products-panel .vehicle-catalog-actions button{min-height:30px;padding:5px 9px}
  .products-panel [data-action="toggle-customer-display"]{color:#146744;border-color:#a8d8c1;background:#f0faf5}
  .products-panel [data-action="toggle-customer-display"][aria-pressed="true"]{color:#fff;background:#146744;border-color:#146744}
  .products-panel .gpc-toolbar{padding:6px 12px 4px}
  .products-panel .gpc-toolbar-meta{align-items:center;margin-top:3px;gap:4px 12px;font-size:10px;flex-wrap:wrap}
  .products-panel .gpc-meta-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
  .products-panel .gpc-meta-actions>.gpc-button{min-height:26px;padding:2px 7px;font-size:11px}
  .products-panel .gpc-help-details{max-width:none}
  .products-panel .gpc-help-details[open]{max-width:420px}
  .products-panel .gpc-heading{padding:0 0 8px;border-top:0}
  .products-panel .gpc-panel{padding-top:10px}
  .products-panel .catalog-selection-toolbar{padding:5px 12px;gap:4px 10px}
  .products-panel .catalog-selection-summary{font-size:11px}
  .products-panel .catalog-selection-summary>span{display:none}
  .products-panel .catalog-selection-actions{margin-left:auto}
  .products-panel .catalog-selection-help{font-size:10px}
  .products-panel .catalog-selection-actions button{min-height:28px;padding:4px 7px}
  .products-panel.customer-display .catalog-table{min-width:1040px}
  .products-panel.customer-display [data-gpc-action="add"]{display:none}
  .products-panel.customer-display .col-select{width:3%}
  .products-panel.customer-display .col-sku{width:8%}
  .products-panel.customer-display .col-name{width:14%}
  .products-panel.customer-display .col-photo{width:17%}
  .products-panel.customer-display .col-size{width:6%}
  .products-panel.customer-display .col-config{width:16%}
  .products-panel.customer-display .col-price{width:10%}
  .products-panel.customer-display .col-stock{width:4%}
  .products-panel.customer-display .col-status{width:5%}
}
@media screen and (min-width:761px){
  body:has(.products-panel) .workspace>header{height:44px;padding-inline:18px;gap:12px}
  body:has(.products-panel) .search{height:30px;padding:3px 10px;width:min(360px,34vw)}
  body:has(.products-panel) .search input{font-size:12px}
  body:has(.products-panel) .product-image-search-button{height:30px;min-height:30px;padding:4px 9px;font-size:12px}
  body:has(.products-panel) .product-image-search-button svg{width:17px;height:17px}
  body:has(.products-panel) .account{gap:7px}
  body:has(.products-panel) .account .avatar{height:26px;width:26px;font-size:13px;border-radius:7px}
  body:has(.products-panel) .account small{display:none}
  body:has(.products-panel) .account b{font-size:11px}
  .products-panel .gpc-filters{align-items:center;gap:12px}
  .products-panel .gpc-filters label{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}
  .products-panel .gpc-filters>label{flex:0 1 280px}
  .products-panel .gpc-filters input,.products-panel .gpc-filters select{margin:0;height:30px;font-size:12px;padding:4px 8px}
  .products-panel .gpc-type-form{align-items:center;gap:5px}
  .products-panel .gpc-type-form .gpc-button{min-height:30px;padding:4px 8px;font-size:11px}
}
@media screen and (max-width:760px){
  .content:has(.products-panel){padding:8px 8px 28px}
  .products-panel .panel-head{padding:9px 10px}
  .products-panel .panel-head>div:first-child{width:100%}
  .products-panel .vehicle-catalog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .products-panel .vehicle-catalog-actions button{min-height:44px;font-size:12px;padding:6px}
  .products-panel .gpc-filters{flex-wrap:wrap}
  .products-panel .gpc-filters>label{flex:1 1 100%}
  .products-panel .gpc-type-form{flex:1 1 100%}
  .products-panel .gpc-filters label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
  .products-panel .gpc-filters input,.products-panel .gpc-filters select{margin:0;font-size:16px;height:44px}
  .products-panel .gpc-type-form label{display:block;white-space:normal}
  .products-panel .gpc-type-form label>span{display:none}
  .products-panel .gpc-toolbar{padding:7px 10px 3px}
  .products-panel .gpc-toolbar-meta{font-size:10px}
  .products-panel .gpc-meta-actions{gap:10px}
  .products-panel .gpc-meta-actions>.gpc-button{min-height:44px}
  .products-panel .gpc-help-details summary{min-height:44px;font-size:11px}
  .products-panel .catalog-selection-toolbar{padding:7px 10px;gap:5px}
  .products-panel .catalog-selection-summary{font-size:11px}
  .products-panel .catalog-selection-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .products-panel .catalog-selection-actions button{min-height:44px;padding:6px;font-size:12px}
}