/* Wide forms on desktops, stacked controls on small displays. */
@media screen {
 #settings-modal>div{width:min(1180px,96vw)!important;max-width:1180px!important;max-height:90dvh!important;display:flex;flex-direction:column}
 .landscape-settings{display:grid!important;grid-template-columns:180px minmax(0,1fr);gap:18px!important;padding:20px!important;align-content:start;min-height:0;overflow:auto}
 .landscape-settings>*{margin:0!important;min-width:0}
 .landscape-nav{display:flex;flex-direction:column;gap:8px;align-self:start;grid-column:1;grid-row:1 / span 2;position:sticky;top:0}
 .landscape-nav button{padding:13px 12px!important;text-align:left;font-size:12px;font-weight:800;border-radius:10px;border:1px solid #dbe3ef;background:#f8fafc;color:#475569;line-height:1.4;white-space:normal}
 .landscape-nav button.selected{background:#4f46e5;color:white;border-color:#4f46e5}
 .landscape-panel{grid-column:2;min-width:0;display:grid;gap:14px;align-content:start}
 .landscape-panel[hidden],.landscape-permissions fieldset[hidden]{display:none!important}
 .landscape-panel[aria-label="Business & Receipt"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landscape-panel[aria-label="Business & Receipt"]>.grid,.landscape-panel[aria-label="Business & Receipt"]>div:has(#set-store-address){grid-column:1/-1}
 .landscape-panel>*{margin:0!important;min-width:0}
 .landscape-actions{grid-column:2;position:sticky;bottom:-20px;background:white;padding:12px 0!important;border-top:1px solid #e2e8f0;z-index:2}
 #business-users-list,#business-tills-list{max-height:180px;overflow:auto;padding-right:5px}
 #staff-access-dialog{width:min(1180px,96vw)!important;max-height:90dvh!important}
 .landscape-permissions{display:grid!important;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start}
 .landscape-permissions>fieldset{grid-column:2;margin:0!important;min-width:0}
 #sp-save{position:sticky;bottom:0;box-shadow:0 0 0 8px white}
 #sp-user{max-width:550px}
 #add-product-modal>div,#add-customer-modal>div,#manage-customer-modal>div,#receive-payment-modal>div,#bulk-price-modal>div,#payment-modal>div,#expense-modal>div,#custom-price-modal>div{max-width:920px!important;width:min(920px,96vw)!important;max-height:90dvh!important;overflow:auto!important}
 #add-product-modal form,#add-customer-modal form,#manage-customer-modal form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px!important;align-items:start}
 #add-product-modal form>*,#add-customer-modal form>*,#manage-customer-modal form>*{margin:0!important;min-width:0}
 #add-product-modal form>.grid,#add-product-modal form>button,#add-product-modal form>div:last-child,#add-customer-modal form>div:last-child,#add-customer-modal form>p,#manage-customer-modal form>div:last-child,#manage-customer-modal form>p{grid-column:1/-1}
 #manage-cust-invoices{max-height:180px;overflow:auto}
 #manage-customer-delete-section{background:#fff7f8;border-radius:12px;margin:0 20px 20px;padding:14px!important}
 .opening-entry-dialog{width:min(860px,96vw)!important;max-height:90dvh;overflow:auto}
 .opening-entry-dialog form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .opening-entry-dialog form>h2,.opening-entry-dialog form>p,.opening-entry-dialog .entry-actions,.opening-entry-dialog label:has([name=reason]){grid-column:1/-1}
 #desktop-settings{width:min(1080px,96vw)!important;max-height:90dvh!important;overflow:auto!important}
 #desktop-settings #ds-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
 #desktop-settings #ds-pair>label:has([name=host]),#desktop-settings #ds-pair>label:has([type=checkbox]),#desktop-settings #ds-pair>button{grid-column:1/-1}
 #return-requests-panel,#replacement-stock,#supplier-manager,#purchase-workspace{width:min(1180px,96vw)!important}
 dialog>header{position:sticky!important;top:0;z-index:3}
 #payment-modal>div{display:grid;grid-template-columns:1fr 1fr}
 #payment-modal>div>div:first-child{grid-column:1/-1}
 #payment-modal>div>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:14px;border-left:1px solid #e2e8f0}
 #payment-modal>div>div:nth-child(2){padding:20px!important}
 #payment-modal>div>div:last-child button{width:100%}
 @media(max-width:760px){
  .landscape-settings,.landscape-permissions{grid-template-columns:1fr!important}
  .landscape-nav{grid-column:1;grid-row:auto;position:static;flex-direction:row;flex-wrap:wrap}
  .landscape-nav button{flex:1;min-width:110px;padding:10px!important}
  .landscape-panel,.landscape-actions,.landscape-permissions>fieldset{grid-column:1!important}
  .landscape-panel[aria-label="Business & Receipt"],#add-product-modal form,#add-customer-modal form,#manage-customer-modal form,.opening-entry-dialog form,#desktop-settings #ds-pair,#payment-modal>div{grid-template-columns:1fr!important}
  #payment-modal>div>div:last-child{border-left:0}
 }
}

@media screen {
 .landscape-manage{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;padding:8px}
 .landscape-manage>aside{padding-top:12px;min-width:0}
 .landscape-manage details{border:1px solid #fecdd3;border-radius:10px;margin:0 20px 20px;background:#fff7f8}
 .landscape-manage summary{padding:12px;color:#be123c;font-size:12px;font-weight:800;cursor:pointer}
 #manage-customer-modal .landscape-manage form{grid-template-columns:1fr}
 #receive-payment-modal form,#bulk-price-modal form,#custom-price-modal form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px!important;align-items:start}
 #receive-payment-modal form>*,#bulk-price-modal form>*,#custom-price-modal form>*{margin:0!important;min-width:0}
 #receive-payment-modal form>div:first-child,#receive-payment-modal form>div:last-child,#bulk-price-modal form>div:last-child,#custom-price-modal form>div:last-child{grid-column:1/-1}
 #owner-backup{width:min(1180px,96vw)!important}
 .landscape-backup{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:12px 0}
 .landscape-backup>section{border:1px solid #e2e8f0;border-radius:12px;padding:16px;min-width:0}
 #owner-backup .landscape-backup h3{margin-top:0!important}
 #owner-backup #ob-status{font-size:12px!important;line-height:1.4!important;padding:12px!important}
 #owner-backup .landscape-backup a{display:flex!important;width:100%}
 @media(max-width:760px){.landscape-manage,.landscape-backup,#receive-payment-modal form,#bulk-price-modal form,#custom-price-modal form{grid-template-columns:1fr!important}}
}