/* Merchant presentation only. Keep controls, catalog and business rules intact. */
@media(min-width:901px){
 .shell{grid-template-columns:220px minmax(0,1fr)}
 .side{padding:22px 14px;overflow-y:auto}
 .brand{font-size:20px;margin:0 8px 24px}
 .nav{gap:3px}.nav button{padding:10px 12px;font-size:13px}
}
.main{width:100%;max-width:1360px;justify-self:center;padding:22px;box-sizing:border-box}
.top{gap:14px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.top h1{font-size:26px;line-height:1.25}.top p{font-size:13px}
.top>div:last-child{flex-wrap:wrap;align-items:center}
.top .open,.top #topUpgrade{padding:10px 13px;white-space:nowrap}
.card{padding:18px;border-radius:14px;min-width:0}
.card h2{font-size:20px}.hint{font-size:13px;line-height:1.5}
.layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}
.metrics{gap:10px;margin-bottom:16px}.metric{padding:13px}.metric strong{font-size:21px}
.form{gap:11px;margin-top:14px}.field{min-width:0}
.field input,.field textarea,.field select{box-sizing:border-box;min-width:0;max-width:100%}
.pricebox{max-width:none}
.pricebox>.save{width:auto;min-width:180px;max-width:100%;padding:11px 18px}
#billing .plans{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:10px!important}
#billing .plans .supplier-card{padding:14px;min-width:0}
#billing .billing-summary{margin:12px 0;padding:13px}
#billing .metrics{margin-top:14px!important}
.supplier-plan-summary{padding:16px;gap:14px;margin-bottom:14px}
.supplier-plan-summary h2{font-size:20px}
.supplier-plan-summary .save{width:auto;max-width:100%;padding:11px 16px}
.supplier-upgrade{padding:17px;margin-bottom:16px}
.supplier-plan-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}
.supplier-plan-option{padding:14px}.supplier-plan-option p{margin:5px 0 9px}
.supplier-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:10px;margin-top:14px}
#supplierGrid .supplier-card{padding:15px}
#products .toolbar{display:flex;align-items:center;gap:8px;margin:13px 0;flex-wrap:wrap}
#products .toolbar input{flex:1 1 240px;width:auto;min-width:160px;height:42px}
#productSupplierFilter{flex:0 1 310px;height:42px}
#productStatusFilter{height:42px}
#products .toolbar>p,#products .toolbar>span{font-size:12px;margin:0}
#products .row{gap:10px;padding:10px}
#products .row>div{min-width:0}
#products .row small{line-height:1.55}
.compatibility-notice{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.46fr);column-gap:18px;row-gap:0;padding:16px 18px;margin-bottom:18px;border-radius:13px}
.compatibility-notice .compatibility-label,.compatibility-notice h2,.compatibility-notice .compatibility-disclaimer,.compatibility-notice .compatibility-technology{grid-column:1}
.compatibility-notice .compatibility-label{font-size:9px;letter-spacing:.09em}
.compatibility-notice h2{font-size:18px;margin:5px 0 7px}
.compatibility-notice .compatibility-disclaimer,.compatibility-notice .compatibility-technology{font-size:12px;line-height:1.55}
.compatibility-notice .compatibility-technology{margin-top:7px}
.compatibility-notice .compatibility-bottom{grid-column:2;grid-row:1/span 4;border-top:0;border-left:1px solid #c6e0d2;padding:0 0 0 18px;margin:0;flex-direction:column;align-items:stretch;justify-content:center;gap:11px;min-width:0}
.compatibility-notice .compatibility-slide{flex:0;min-height:87px}
.compatibility-notice .compatibility-slide strong{font-size:12px}
.compatibility-notice .compatibility-slide p{font-size:12px;line-height:1.5}
.compatibility-notice .compatibility-controls{align-self:flex-end;gap:5px}
.compatibility-notice button{min-width:32px;min-height:32px;padding:5px 8px}
@media(min-width:761px){
 #service>.pricebox,#externalSales>.pricebox,#artServices>.pricebox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:12px;align-items:start}
 #service>.pricebox>*,#externalSales>.pricebox>*,#artServices>.pricebox>*{grid-column:1/-1}
 #service>.pricebox>.field,#externalSales>.pricebox>.field{grid-column:auto;margin-top:0!important}
 #service>.pricebox>.field:has(textarea){grid-column:1/-1}
 #artServices>.pricebox>.card{grid-column:auto;margin-top:0!important;padding:15px}
 #service>.pricebox>.save,#externalSales>.pricebox>.save,#artServices>.pricebox>.save{justify-self:start;margin-top:0!important}
 #passwordForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #passwordForm .field{margin-top:0}#passwordForm .help{grid-column:1/-1}
 #passwordForm .save{width:auto;align-self:end;justify-self:start}
 #prices>.pricebox{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px}
 #prices>.pricebox>h2,#prices>.pricebox>.hint,#prices>.pricebox>.help{grid-column:1/-1}
 #prices .big-input{max-width:420px}
 #prices #saveMarkup{align-self:center;margin-top:0!important}
}
@media(max-width:1100px){
 .compatibility-notice{grid-template-columns:minmax(0,1fr)}
 .compatibility-notice .compatibility-bottom{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #cfe5d9;padding:10px 0 0;margin-top:10px;flex-direction:row;align-items:center;gap:14px}
 .compatibility-notice .compatibility-slide{flex:1;min-height:54px}
 .layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:900px){
 .shell{grid-template-columns:minmax(0,1fr)}
 .side{position:static;height:auto;padding:14px 16px}
 .brand{margin:0 0 12px;font-size:20px}
 .nav{display:flex;overflow:auto;gap:4px}.nav button{white-space:nowrap;padding:9px 11px}
 .main{padding:16px}.top h1{font-size:24px}
}
@media(max-width:600px){
 .main{padding:12px}.card{padding:14px}.top{gap:10px}
 .top h1{font-size:22px}.top>div:last-child{gap:6px!important}
 .top .open,.top #topUpgrade{font-size:12px;padding:9px 11px}
 .compatibility-notice{padding:13px 14px;margin-bottom:14px}
 .compatibility-notice h2{font-size:17px}
 .compatibility-notice .compatibility-bottom{flex-direction:column;align-items:stretch;gap:8px}
 .compatibility-notice .compatibility-slide{min-height:72px}
 .supplier-grid{grid-template-columns:minmax(0,1fr)}
 .supplier-plan-options{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
 #billing .plans{grid-template-columns:minmax(0,1fr)!important}
 #products .toolbar input,#productSupplierFilter,#productStatusFilter{flex:1 1 100%;width:100%;min-width:0;max-width:100%}
 #products .row{grid-template-columns:22px 52px minmax(0,1fr);gap:8px}
 #products .row img{width:52px;height:52px}
 #products .row>.switch{grid-column:3;justify-self:end}
 #products .row .mini{margin-top:5px}
}


@media(min-width:1151px){#artServices>.pricebox{grid-template-columns:repeat(3,minmax(0,1fr))}}