/* Compact CRM spacing without browser zoom or shrinking touch controls. */
.crm-page .crm-app{font-size:14px}
.crm-page .crm-main{padding:26px clamp(18px,2.2vw,34px) 40px}
.crm-page .crm-topbar{gap:16px;padding-bottom:18px}
.crm-page .crm-topbar h1{font-size:clamp(30px,2.7vw,40px);margin:4px 0 6px}
.crm-page .crm-topbar p{font-size:13px}
.crm-page .crm-metrics{gap:10px;margin:18px 0}
.crm-page .crm-metrics article{padding:15px 16px}
.crm-page .crm-metric-icon{width:28px;height:28px;margin-bottom:9px}
.crm-page .crm-metrics article>strong{font-size:clamp(24px,2vw,30px)}
.crm-page .crm-orders-head{padding:17px 20px;gap:12px}
.crm-page .crm-ledger-heading{padding:14px 18px}
.crm-page .crm-ledger-filters{padding:16px 18px 12px}
.crm-page .customer-toolbar{padding:18px 20px 12px}
.crm-page .customer-summary{margin:18px 0 22px}
.crm-page .customer-person{padding:16px 12px;gap:13px;font-size:.9rem}
.crm-page .customer-avatar{flex-basis:40px;width:40px;height:40px;border-radius:12px}
.crm-page .customer-record-caption{padding:12px 20px}
.crm-page .crm-record-list{padding:16px 18px;gap:10px}
.crm-page .crm-record-card{padding:17px 18px;gap:14px;font-size:.875rem}
.crm-page .crm-record-main strong{font-size:.95rem}
.crm-page .crm-record-avatar{flex-basis:40px;height:40px;border-radius:12px}
.crm-page .crm-record-value strong{font-size:1.05rem}
.crm-page .inventory-product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));padding:18px;gap:14px}
.crm-page .inventory-product-card{padding:18px;gap:15px}
.crm-page .inventory-product-image{flex-basis:62px;height:72px}
.crm-page .inventory-product-identity>strong{font-size:.95rem}
.crm-page .inventory-product-stock{padding:13px 10px}
.crm-page .inventory-product-stock strong{font-size:1.25rem}
.crm-page .crm-payout-records{padding:0}
@media(min-width:1001px){
 .crm-page .crm-shell{grid-template-columns:208px minmax(0,1fr)}
 .crm-page .crm-sidebar{padding:24px 14px 18px}
 .crm-page .crm-brand{padding-bottom:22px;gap:10px}
 .crm-page .crm-brand img{width:42px;height:49px}
 .crm-page .crm-brand strong{font-size:25px}
 .crm-page .crm-nav{margin-top:22px;gap:4px}
 .crm-page .crm-nav a{min-height:40px;padding:9px 11px;font-size:13px}
 .crm-page .crm-sidebar-foot{gap:8px;padding-top:16px}
}
@media(max-width:760px){
 .crm-page .crm-main{padding:18px 12px 30px}
 .crm-page .crm-topbar h1{font-size:29px}
 .crm-page .crm-topbar{gap:12px;padding-bottom:14px}
 .crm-page .crm-metrics article{padding:13px}
 .crm-page .crm-metrics article>strong{font-size:25px}
 .crm-page .crm-orders-head,.crm-page .customer-toolbar{padding:14px}
 .crm-page .crm-record-list{padding:12px;gap:9px}
 .crm-page .crm-record-card{padding:14px;gap:12px}
 .crm-page .crm-record-value{margin-left:52px}
 .crm-page .crm-payout-record .crm-record-value{margin-left:0}
 .crm-page .crm-payout-records{padding:0}
 .crm-page .inventory-product-grid{padding:12px;gap:12px}
 .crm-page .inventory-product-card{padding:15px}
 .crm-page .customer-person{padding:14px 10px}
 .crm-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
 .crm-page :is(button,input:not([type=checkbox]):not([type=radio]),select){min-height:44px}
}
/* Match the owner's preferred 75% desktop view at normal browser zoom. */
@media (min-width:1001px) and (hover:hover) and (pointer:fine){
 body.crm-page{zoom:.75}
 body.crm-page :is(.crm-app,.crm-shell){min-height:calc(100dvh / .75)}
 body.crm-page .crm-sidebar{height:calc(100dvh / .75)}
 body.crm-page .crm-drawer-panel{height:calc(100dvh / .75);max-height:calc(100dvh / .75)}
}

/* Match the affiliate portal's compact phone layout. */
@media(max-width:760px){
 body.crm-page .crm-sidebar:has(.crm-menu-toggle){padding:10px 14px;gap:0 10px}
 body.crm-page .crm-sidebar:has(.crm-menu-toggle) .crm-brand{gap:8px}
 body.crm-page .crm-sidebar:has(.crm-menu-toggle) .crm-brand img{width:29px;height:34px}
 body.crm-page .crm-sidebar:has(.crm-menu-toggle) .crm-brand strong{font-size:21px}
 body.crm-page .crm-main{padding:14px 12px 28px}
 body.crm-page .crm-topbar{gap:10px;padding-bottom:10px;margin-bottom:14px}
 body.crm-page .crm-topbar h1{font-size:25px;line-height:1.15;margin:3px 0 5px}
 body.crm-page .crm-topbar p{font-size:13px;line-height:1.5}
 body.crm-page .crm-metrics{gap:8px;margin:14px 0}
 body.crm-page .crm-metrics article{padding:12px;min-height:80px}
 body.crm-page .crm-metrics article>strong{font-size:23px;line-height:1.15}
 body.crm-page .crm-metrics .crm-featured-metric{padding:14px;min-height:90px}
 body.crm-page .crm-metrics .crm-featured-metric>strong{font-size:28px}
 body.crm-page .crm-metric-icon{width:24px;height:24px;margin-bottom:6px}
 body.crm-page :is(.crm-orders-head,.customer-toolbar,.crm-ledger-heading){padding:12px;gap:10px}
 body.crm-page .crm-ledger-filters{padding:12px 12px 8px}
 body.crm-page .crm-record-list{padding:10px;gap:8px}
 body.crm-page .crm-record-card{padding:12px;gap:10px}
 body.crm-page .crm-record-main strong{font-size:14px}
 body.crm-page .crm-record-value strong{font-size:16px}
 body.crm-page .customer-summary{margin:14px 0 16px}
 body.crm-page .inventory-product-grid{padding:10px;gap:10px}
 body.crm-page .inventory-product-card{padding:13px;gap:12px}
 body.crm-page :is(.settings-card,.finance-position,.analytics-card){padding:14px}
 body.crm-page .finance-position h2{font-size:25px}
 body.crm-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
 body.crm-page :is(button,input:not([type=checkbox]):not([type=radio]),select){min-height:44px}
}