/* Dashboard sizing rules. Keep wide tables scrollable without clipping forms. */
.admin-ui .content,.customer-ui main{min-width:0;box-sizing:border-box}
.admin-ui .content :is(.grid,.form-row,.wizard-layout,.wizard-fields,.wizard-panel,.card,.form-group),
.customer-ui :is(.workspace,.editor-grid,.two-column,.dashboard-grid,.panel,.card){min-width:0}
.admin-ui .content :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
.customer-ui main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
.admin-ui .content :is(.help,.card-subtitle,.preview-url,.preview-copy,.mono),
.customer-ui main :is(p,small,.help,.share-panel a:not(.button)){overflow-wrap:anywhere}
.admin-ui :is(.card-header,.section-head,.form-actions,.wizard-footer),
.customer-ui :is(.page-heading,.panel-heading,.editor-submit){gap:12px;flex-wrap:wrap}
.admin-ui .content :is(.btn,button),.customer-ui main :is(.button,.btn){max-width:100%;white-space:normal;overflow-wrap:anywhere}
.admin-ui .content .table-wrap,.customer-ui main .table-wrap{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.admin-ui .wizard-preview{min-width:0;max-width:100%;align-self:start}
.admin-ui .preview-art img:not(.ui-icon){display:block;max-width:100%;width:100%;height:auto;max-height:240px;object-fit:contain}
.admin-ui .wizard-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-ui .wizard-step{min-width:0;white-space:normal;overflow-wrap:anywhere}
.admin-ui .destination-row-main{grid-template-columns:32px minmax(0,1fr) minmax(0,2fr) 96px 44px 228px;gap:10px;align-items:center}
.admin-ui .destination-row-main>*{min-width:0;max-width:100%}
.admin-ui .destination-row-main>.destination-index{grid-column:1;grid-row:1}
.admin-ui .destination-row-main>input[name$="[label]"]{grid-column:2;grid-row:1}
.admin-ui .destination-row-main>.destination-url{grid-column:3;grid-row:1}
.admin-ui .destination-row-main>.destination-weight{grid-column:4;grid-row:1}
.admin-ui .destination-row-main>.destination-enabled{grid-column:5;grid-row:1}
.admin-ui .destination-row-main>.destination-actions{grid-column:6;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.admin-ui .destination-actions .btn{flex:none;width:34px;min-width:34px;height:34px;padding:0}
.customer-ui .editor-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.customer-ui .two-column{grid-template-columns:repeat(2,minmax(0,1fr))}
.customer-ui .editor-grid>div{min-width:0}
@media(max-width:1250px){
 .admin-ui .destination-row-main{grid-template-columns:32px minmax(0,1fr) 44px 228px}
 .admin-ui .destination-row-main>.destination-enabled{grid-column:3;grid-row:1}
 .admin-ui .destination-row-main>.destination-actions{grid-column:4;grid-row:1}
 .admin-ui .destination-row-main>.destination-url{grid-column:2/-1;grid-row:2}
 .admin-ui .destination-row-main>.destination-weight{grid-column:2/-1;grid-row:3}
 .admin-ui #link-form>.grid,.admin-ui .wizard-panel .grid-2{grid-template-columns:1fr}
}
@media(max-width:820px){
 .customer-ui .editor-grid{grid-template-columns:minmax(0,1fr)}
 .customer-ui .editor-grid>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .admin-ui .destination-row-main{grid-template-columns:30px minmax(0,1fr) 44px;padding:12px}
 .admin-ui .destination-row-main>.destination-url{grid-column:1/-1;grid-row:2}
 .admin-ui .destination-row-main>.destination-weight{grid-column:1/-1;grid-row:3}
 .admin-ui .destination-row-main>.destination-actions{grid-column:1/-1;grid-row:4}
 .admin-ui .destination-actions .btn{width:44px;min-width:44px;min-height:44px;height:44px}
 .admin-ui .wizard-footer>div{display:flex;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%}
 .admin-ui .card-header>div,.admin-ui .section-head>div{min-width:0;max-width:100%}
 .customer-ui .two-column,.customer-ui .editor-grid>div:nth-child(2){grid-template-columns:minmax(0,1fr)}
 .customer-ui .button{white-space:normal}
}

/* The wizard narrows its form beside the preview; respond to that actual width. */
.admin-ui .destinations-manager-card{container-type:inline-size}
.admin-ui .destination-actions .btn[data-ui-duplicate]{width:auto;min-width:74px;padding:0 8px;white-space:nowrap}
@container(max-width:900px){
 .admin-ui .destination-row-main{grid-template-columns:32px minmax(0,1fr) 44px 228px}
 .admin-ui .destination-row-main>.destination-enabled{grid-column:3;grid-row:1}
 .admin-ui .destination-row-main>.destination-actions{grid-column:4;grid-row:1}
 .admin-ui .destination-row-main>.destination-url{grid-column:2/-1;grid-row:2}
 .admin-ui .destination-row-main>.destination-weight{grid-column:2/-1;grid-row:3}
}
@container(max-width:560px){
 .admin-ui .destination-row-main{grid-template-columns:30px minmax(0,1fr) 44px}
 .admin-ui .destination-row-main>.destination-url{grid-column:1/-1;grid-row:2}
 .admin-ui .destination-row-main>.destination-weight{grid-column:1/-1;grid-row:3}
 .admin-ui .destination-row-main>.destination-actions{grid-column:1/-1;grid-row:4}
}

/* Constrain intrinsic sizes; sidebars scroll independently on short screens. */
.admin-ui .app-main,.customer-ui .workspace{min-width:0}
.admin-ui .sidebar,.customer-ui .sidebar{overflow-y:auto;overscroll-behavior:contain}
.customer-ui .sidebar{height:100dvh}
.admin-ui .content :is(.wizard-fields,.targeting-grid,.destination-card,.form-row)>*,
.customer-ui main :is(.editor-grid,.two-column,.dashboard-grid,.metrics,.auth-grid)>*{min-width:0}
.customer-ui :is(.page-heading,.panel-heading,.section-title,.destination-top,.share-panel)>div{min-width:0}
.customer-ui :is(.metrics,.dashboard-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
.customer-ui .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.customer-ui .metrics.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.customer-ui .dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.customer-ui .destination-top{flex-wrap:wrap}
.customer-ui .section-title{min-width:0}
.customer-ui .share-panel>div{overflow-wrap:anywhere}
.admin-ui .wizard-layout{grid-template-columns:minmax(0,1fr) minmax(0,280px)}
@media(max-width:1200px){.admin-ui .wizard-layout{grid-template-columns:minmax(0,1fr)}.admin-ui .wizard-preview{position:static}.customer-ui .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.customer-ui .dashboard-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.customer-ui .editor-submit{grid-column:auto}.customer-ui .metric{flex-wrap:wrap}.admin-ui .wizard-step{flex-direction:column;gap:5px;padding:8px 3px}.admin-ui .wizard-footer{align-items:flex-start}.admin-ui .wizard-info{flex-basis:100%;order:3}.customer-ui .topbar{min-width:0}.customer-ui .account-pill{min-width:0}.customer-ui .page-heading h1{overflow-wrap:anywhere}}