/* Desktop workspace uses the full available width. */
.admin-content{max-width:none}
.admin-content .work-panel,.super-content .work-panel{min-width:0}
.device-cell-label{display:none}
.device-card-more{display:none}

/* The public platform gets a composed tablet page instead of a tall phone stack. */
@media (min-width:741px) and (max-width:1100px){
  .platform-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(22px,3vw,42px);min-height:430px;padding:48px 28px}
  .platform-hero-copy h1{font-size:clamp(43px,5.5vw,68px)}
  .platform-preview{width:100%;max-width:500px;margin:0}
  .platform-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .platform-steps .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Tablet workspaces keep navigation visible and give the content more room. */
@media (min-width:651px) and (max-width:1100px){
  .admin-content .device-card-table:has(thead th:nth-child(7)),
  .super-content .device-card-table:has(thead th:nth-child(7)){min-width:900px}
}
@media (min-width:821px) and (max-width:1100px){
  .admin-shell{grid-template-columns:190px minmax(0,1fr)}
  .admin-content{padding:24px 22px 48px}
  .super-shell{grid-template-columns:190px minmax(0,1fr)}
  .super-content{min-width:0;padding:24px 22px 48px}
  .admin-content .page-heading,.super-content .page-heading{gap:15px}
  .admin-content .table-scroll,.super-content .table-scroll{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .store-shell .store-page-layout,.store-shell .store-content{min-width:0}
}

/* Phone lists use readable records while preserving the original table data and controls. */
@media (max-width:650px){
  .admin-content,.super-content{min-width:0}
  .admin-content .device-card-scroll,.super-content .device-card-scroll{overflow:visible;max-width:none}
  .admin-content .device-card-table,.super-content .device-card-table,
  .admin-content .device-card-table tbody,.super-content .device-card-table tbody{display:block;width:100%;min-width:0}
  .admin-content .device-card-table thead,.super-content .device-card-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .admin-content .device-card-table tbody tr,.super-content .device-card-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px;margin:10px 12px;padding:16px;border:1px solid var(--line,#dce7e5);border-radius:12px;background:#fff;box-shadow:0 5px 18px #183c3810}
  .admin-content .device-card-table tbody tr:first-child,.super-content .device-card-table tbody tr:first-child{margin-top:12px}
  .admin-content .device-card-table tbody tr:last-child,.super-content .device-card-table tbody tr:last-child{margin-bottom:12px}
  .admin-content .device-card-table tbody td,.super-content .device-card-table tbody td,
  .admin-content .device-card-table tbody td:first-child,.super-content .device-card-table tbody td:first-child,
  .admin-content .device-card-table tbody td:last-child,.super-content .device-card-table tbody td:last-child{display:block;min-width:0;width:auto;padding:0;border:0;text-align:left;white-space:normal;overflow-wrap:anywhere;background:transparent}
  .admin-content .device-card-table tbody td:has(.table-actions),.super-content .device-card-table tbody td:has(.table-actions),
  .admin-content .device-card-table tbody td:has(form),.super-content .device-card-table tbody td:has(form){grid-column:1/-1}
  .admin-content .device-card-table tbody td .device-cell-label,.super-content .device-card-table tbody td .device-cell-label{display:block;margin-bottom:5px;color:#647e7b;font-size:10px;font-weight:800;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}
  .admin-content .device-card-table tbody td b,.super-content .device-card-table tbody td b{font-size:14px}
  .admin-content .device-card-table tbody td small,.super-content .device-card-table tbody td small{display:block;margin-top:3px;line-height:1.4}
  .admin-content .device-card-table tbody td input:not([type=checkbox]),.admin-content .device-card-table tbody td select,
  .super-content .device-card-table tbody td input:not([type=checkbox]),.super-content .device-card-table tbody td select{max-width:100%;min-width:0}
  .admin-content .device-card-table tbody td .table-actions,.super-content .device-card-table tbody td .table-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 15px}
  .admin-content .device-card-table tbody tr.device-card-empty,.super-content .device-card-table tbody tr.device-card-empty{display:block}
  .admin-content .device-card-table tbody tr.device-card-empty td,.super-content .device-card-table tbody tr.device-card-empty td{padding:8px 0;text-align:center}
  .admin-content .device-products-table tbody tr{position:relative}
  .admin-content .device-products-table tbody td:first-child{position:absolute;top:16px;right:16px;width:25px}
  .admin-content .device-products-table tbody td:first-child .device-cell-label{display:none}
  .admin-content .device-products-table tbody td:nth-child(2){grid-column:1/-1;order:-1;padding-right:34px}
  .admin-content .device-products-table tbody td:nth-child(2) a{font-size:16px;font-weight:800;line-height:1.3}
  .admin-content .device-products-table tbody td:nth-child(3),.admin-content .device-products-table tbody td:nth-child(4),
  .admin-content .device-products-table tbody td:nth-child(5),.admin-content .device-products-table tbody td:nth-child(6),
  .admin-content .device-products-table tbody td:nth-child(8){order:1}
  .admin-content .device-products-table tbody tr:not(.is-expanded) td:nth-child(3),
  .admin-content .device-products-table tbody tr:not(.is-expanded) td:nth-child(4),
  .admin-content .device-products-table tbody tr:not(.is-expanded) td:nth-child(5),
  .admin-content .device-products-table tbody tr:not(.is-expanded) td:nth-child(6),
  .admin-content .device-products-table tbody tr:not(.is-expanded) td:nth-child(8){display:none}
  .admin-content .device-products-table tbody td:last-child{order:2}
  .admin-content .device-products-table .device-card-more{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:8px;padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:#f5faf8;color:var(--teal);font-weight:750}
  .admin-content .device-orders-table tbody tr{position:relative;border-top:3px solid var(--order-text,#2a7066)}
  .admin-content .device-orders-table tbody tr td{color:#28413e;font-weight:400}
  .admin-content .device-orders-table tbody td:first-child{position:absolute;top:16px;right:16px;width:25px}
  .admin-content .device-orders-table tbody td:first-child .device-cell-label{display:none}
  .admin-content .device-orders-table tbody td:nth-child(2){grid-column:1/-1;order:-1;padding-right:34px}
  .admin-content .device-orders-table tbody td:nth-child(2) a{font-size:16px;font-weight:800;color:var(--order-text,#24544f)}
  .admin-content .device-orders-table tbody td:nth-child(4){grid-column:1/-1}
  .admin-content .device-orders-table tbody td:nth-child(7),.admin-content .device-orders-table tbody td:nth-child(8){grid-column:1/-1}
  .admin-content .device-orders-table tbody td:nth-child(7) form{width:100%}
  .admin-content .device-orders-table tbody td:nth-child(7) select{width:100%;max-width:100%}
  .admin-content .device-orders-table tbody td:nth-child(3),.admin-content .device-orders-table tbody td:nth-child(5),
  .admin-content .device-orders-table tbody td:nth-child(6){order:1}
  .admin-content .device-orders-table tbody tr:not(.is-expanded) td:nth-child(3),
  .admin-content .device-orders-table tbody tr:not(.is-expanded) td:nth-child(5),
  .admin-content .device-orders-table tbody tr:not(.is-expanded) td:nth-child(6){display:none}
  .admin-content .device-orders-table tbody td:last-child{grid-column:1/-1;order:2}
  .admin-content .device-orders-table .device-card-more{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:8px;padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:#f5faf8;color:var(--teal);font-weight:750}
  .admin-content .state-tabs,.super-content .state-tabs{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
  .admin-content .state-tabs a,.super-content .state-tabs a{scroll-snap-align:start}
  .admin-content .form-grid input:not([type=checkbox]):not([type=radio]):not([type=color]),
  .admin-content .form-grid textarea,.admin-content .form-grid select{max-width:100%;min-width:0}
  .super-content .filter-bar{display:grid;grid-template-columns:1fr;gap:9px}
  .super-content .filter-bar>*{min-width:0;max-width:100%}
  .store-shell .store-page-layout,.store-shell .store-content{min-width:0}
  .store-shell .store-quick-action,.store-shell .store-menu-toggle{min-width:44px;min-height:44px}
  .store-shell .checkout-form input,.store-shell .checkout-form select,.store-shell .checkout-form textarea{max-width:100%;min-width:0}
  .store-shell .cart-summary-line{gap:12px}
  .store-shell .cart-summary-line span{min-width:0;overflow-wrap:anywhere}
}

@media (max-width:420px){
  .admin-content .admin-page-actions{grid-template-columns:1fr}
  .admin-content .admin-page-actions>*:last-child{grid-column:auto}
  .platform-theme-grid{grid-template-columns:1fr}
  .platform-theme-grid .theme-showcase:last-child:nth-child(odd){grid-column:auto}
  .admin-content .device-card-table tbody tr,.super-content .device-card-table tbody tr{gap:11px;margin-inline:8px;padding:14px}
}