.distribution-body{margin:0;background:#f5f7fb}.distribution-header{margin:0;padding:0 max(24px,calc((100vw - 1380px)/2))}.distribution-header a{text-decoration:none;color:inherit}.distribution-main{max-width:1380px;margin:auto;padding:36px 24px 70px}.distribution-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.distribution-title h1{font-size:40px}.distribution-title p{color:#748095;margin:7px 0 0}.role-switch,.view-switch{display:inline-flex;padding:4px;border-radius:11px;background:#eceff5}.role-switch button,.view-switch button{border:0;background:transparent}.role-switch button.active,.view-switch button.active{background:#fff;color:#4f50c8;box-shadow:0 2px 8px #14264a14}.delivery-toolbar{margin:24px 0 18px;display:grid;grid-template-columns:minmax(280px,1.3fr) minmax(220px,1fr) auto;align-items:end;gap:20px}.delivery-toolbar .field{margin:0}.media-type{display:flex;align-items:center;gap:12px;padding:9px 0}.media-type>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef0ff;color:#615be1}.media-type b,.media-type small{display:block}.media-type small{font-size:10px;color:#8893a6;margin-top:2px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.summary{padding:19px}.summary label,.summary small{display:block}.summary label{font-size:11px;color:#78859a;font-weight:700}.summary strong{display:block;font:700 29px 'Space Grotesk';margin:9px 0 5px}.summary small{font-size:10px;color:#939dae}.summary.highlight{background:linear-gradient(135deg,#192957,#5c4ac5);color:#fff}.summary.highlight label,.summary.highlight small{color:#cbd4f2}.delivery-panel{padding:0;overflow:hidden}.panel-head,.map-context{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e7ebf1}.section-kicker{font-size:9px;letter-spacing:.15em;color:#8491a7;font-weight:800;margin-bottom:6px}.panel-head h2,.map-context h2{font-size:20px;margin:0}.delivery-panel table{font-size:12px}.delivery-panel td{padding:16px}.store-cell{display:flex;align-items:center;gap:11px}.store-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf0ff;color:#5958cd}.delivery-state{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#187a61}.delivery-state:before{content:'';width:7px;height:7px;border-radius:50%;background:#18a77b}.evidence{font-size:11px;color:#6f7c91}.fee{font-weight:800}.map-panel{background:#fff;border:1px solid #e4e9f0;border-radius:17px;overflow:hidden}.map-panel iframe{display:block;width:100%;height:720px;border:0;background:#fff}.legend{display:flex;gap:14px;font-size:10px;color:#768298}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:50%;background:#d8dde6}.legend i.live{background:#1fb455}@media(max-width:900px){.delivery-toolbar{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.distribution-title{align-items:flex-start;flex-direction:column}.map-panel iframe{height:620px}}@media(max-width:540px){.distribution-main{padding:25px 14px}.summary-grid{grid-template-columns:1fr 1fr}.delivery-toolbar{padding:16px}.distribution-title h1{font-size:34px}.panel-head{align-items:flex-start}.map-panel iframe{height:560px}}
.distribution-body{margin:0;background:#f5f7fb}.distribution-header{margin:0;padding:0 max(24px,calc((100vw - 1380px)/2))}.distribution-header a{text-decoration:none;color:inherit}.distribution-main{max-width:1380px;margin:auto;padding:36px 24px 70px}.distribution-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.distribution-title h1{font-size:40px}.distribution-title p{color:#748095;margin:7px 0 0}.role-switch,.view-switch{display:inline-flex;padding:4px;border-radius:11px;background:#eceff5}.role-switch button,.view-switch button{border:0;background:transparent}.role-switch button.active,.view-switch button.active{background:#fff;color:#4f50c8;box-shadow:0 2px 8px #14264a14}.country-view{position:relative;display:flex;align-items:center;gap:5px;height:38px;padding:3px 6px 3px 10px;border:1px solid #dce3ed;border-radius:999px;background:#fff}.country-view>span{color:#7a879a;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.country-view select{width:auto;min-width:0;padding:6px 24px 6px 5px;border:0;background-color:transparent;color:#263956;font-size:11px;font-weight:800;outline:none}.country-view:focus-within{border-color:#8c82ea;box-shadow:0 0 0 3px rgba(99,91,255,.12)}.delivery-toolbar{margin:24px 0 18px;display:grid;grid-template-columns:minmax(280px,1.3fr) minmax(220px,1fr) auto;align-items:end;gap:20px}.delivery-toolbar .field{margin:0}.media-type{display:flex;align-items:center;gap:12px;padding:9px 0}.media-type>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef0ff;color:#615be1}.media-type b,.media-type small{display:block}.media-type small{font-size:10px;color:#8893a6;margin-top:2px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.summary{padding:19px}.summary label,.summary small{display:block}.summary label{font-size:11px;color:#78859a;font-weight:700}.summary strong{display:block;font:700 29px 'Space Grotesk';margin:9px 0 5px}.summary small{font-size:10px;color:#939dae}.summary.highlight{background:linear-gradient(135deg,#192957,#5c4ac5);color:#fff}.summary.highlight label,.summary.highlight small{color:#cbd4f2}.delivery-panel{padding:0;overflow:hidden}.panel-head,.map-context{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e7ebf1}.section-kicker{font-size:9px;letter-spacing:.15em;color:#8491a7;font-weight:800;margin-bottom:6px}.panel-head h2,.map-context h2{font-size:20px;margin:0}.delivery-panel table{font-size:12px}.delivery-panel td{padding:16px}.store-cell{display:flex;align-items:center;gap:11px}.store-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf0ff;color:#5958cd}.delivery-state{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#187a61}.delivery-state:before{content:'';width:7px;height:7px;border-radius:50%;background:#18a77b}.evidence{font-size:11px;color:#6f7c91}.fee{font-weight:800}.map-panel{background:#fff;border:1px solid #e4e9f0;border-radius:17px;overflow:hidden}.map-panel iframe{display:block;width:100%;height:720px;border:0;background:#fff}.legend{display:flex;gap:14px;font-size:10px;color:#768298}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:50%;background:#d8dde6}.legend i.live{background:#1fb455}@media(max-width:1120px){.country-view>span{display:none}.country-view{padding-left:6px}.env-chip{display:none}}@media(max-width:900px){.delivery-toolbar{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.distribution-title{align-items:flex-start;flex-direction:column}.map-panel iframe{height:620px}}@media(max-width:700px){.country-view{order:3}.country-view select{max-width:150px}.distribution-header .portal-actions{gap:6px}}@media(max-width:540px){.distribution-main{padding:25px 14px}.summary-grid{grid-template-columns:1fr 1fr}.delivery-toolbar{padding:16px}.distribution-title h1{font-size:34px}.panel-head{align-items:flex-start}.map-panel iframe{height:560px}}
/* Distribution list-view legibility */
.delivery-panel .section-kicker{font-size:11px}
.delivery-panel th{font-size:12px}
.delivery-panel td small{font-size:12px}
.delivery-panel .evidence{font-size:13px}

.media-preview-trigger{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:#eef0ff;color:#615be1;font-size:17px}.media-preview-trigger:hover{background:#e1e5ff}.distribution-preview-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(8,20,43,.72)}.distribution-preview-modal[hidden]{display:none}.distribution-preview-dialog{position:relative;width:min(900px,92vw);max-height:90vh;overflow:auto;padding:24px;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.35)}.distribution-preview-dialog h2{margin:0 44px 3px 0}.distribution-preview-dialog p{margin:0 44px 18px 0;color:#748095}.distribution-preview-close{position:absolute;right:16px;top:14px;width:38px;height:38px;padding:0;border:0;border-radius:50%;font-size:26px;background:#eef1f6}.distribution-preview-stage{display:grid;place-items:center;min-height:320px;max-height:65vh;overflow:hidden;border-radius:14px;background:#111d37}.distribution-preview-stage img,.distribution-preview-stage video{display:block;max-width:100%;width:100%;max-height:65vh;object-fit:contain}.distribution-preview-empty{display:grid;gap:8px;text-align:center;color:#fff;padding:40px}.distribution-preview-empty span{color:#bac4d6}.distribution-empty{text-align:center;color:#7a879b;padding:36px!important}.delivery-state.offline{color:#b03c56}.delivery-state.offline:before{background:#dc4765}

/* Wide workstations use the available canvas while laptop layouts retain the established 1380px measure. */
@media (min-width:1600px){
  .distribution-header{padding-inline:clamp(32px,3vw,72px)}
  .distribution-main{width:100%;max-width:2400px;padding-inline:clamp(32px,3vw,72px)}
  .compact-distribution .delivery-toolbar{grid-template-columns:minmax(420px,1.55fr) minmax(260px,.75fr) auto}
  .compact-map iframe{height:clamp(760px,calc(100dvh - 330px),1100px)}
}
