/* Shared ADS density and responsive layout. Keep values, controls and status text visible. */
.layout{gap:20px}
.main,.panel,.cols>*,.stack>*{min-width:0}
.page-heading{min-height:0;gap:12px;padding:4px 0 16px}
.page-heading h1{font-size:28px;line-height:1.2}
.page-heading>.row,.panel-title>.row,.form-actions{flex-wrap:wrap}
.panel{padding:18px;border-radius:16px}
.panel-title{margin-bottom:14px;align-items:flex-start;flex-wrap:wrap}
.panel-title:empty,.panel>p:empty,.creative-card p:empty{display:none}
.stack,.cols{gap:16px}
.kpis,.publisher-metrics{gap:12px}
.kpi{min-height:92px;padding:14px;gap:10px;align-items:center;border-radius:14px}
.kpi>div:not(.kpi-icon){min-width:0;flex:1}
.kpi-icon{height:36px;width:36px;border-radius:10px}
.kpi-icon .icon{width:20px;height:20px}
.kpi-label{font-size:11px;line-height:1.35;margin-bottom:4px}
.kpi-value{font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:normal}
.kpi-change{font-size:10px;line-height:1.4;color:var(--muted);margin-top:5px;overflow-wrap:normal}
.kpi-change:empty,.kpi .spark:empty{display:none}
.kpi .spark:not(:empty){width:48px;max-width:20%;flex:0 0 48px}
.publisher-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}
.publisher-metrics .kpi{min-height:84px}
.publisher-toolbar{gap:10px;margin-bottom:12px}
.publisher-period-label{margin-bottom:12px}
.publisher-funnel{gap:0 20px;margin-top:16px}
.publisher-funnel .toggle-row{padding:10px 0;align-items:flex-start}
.publisher-table th,.publisher-table td{padding:10px 12px;font-size:11px}
.publisher-table th{white-space:normal}
.publisher-dashboard>p{line-height:1.5}
.table-wrap{max-width:100%;overflow-x:auto}
.data-table td,.data-table th{vertical-align:middle}
.integration{min-height:0;padding:16px;gap:10px;border-radius:16px}
.integration-head{height:auto;min-height:44px}
.integration>p{min-height:0;margin:0;overflow-wrap:anywhere}
.integration>.button{margin-top:0;min-height:36px}
.creative-grid{align-items:start}
.creative-card h3{line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.creative-card p{line-height:1.45;overflow-wrap:anywhere}
.notice{padding:12px;line-height:1.5;overflow-wrap:anywhere}
.sidebar{min-height:0}
.sidebar-bottom{padding-top:12px}
.nav-item{min-height:40px}
.form-actions{gap:8px;margin-top:16px}
.toolbar{gap:10px}
.button .selected-label{min-width:0}
@media(min-width:1500px){.publisher-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.publisher-metrics .kpi{display:block}.publisher-metrics .kpi-icon{display:none}.kpi{min-height:92px}}
@media(max-width:1050px){.cols,.cols.wide,.cols.equal{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .page-heading{padding:8px 0 14px}.page-heading h1{font-size:26px}
 .page-heading>.row{gap:8px;margin-top:12px}.page-heading>.row>.select-wrap{flex:1 1 100%;width:100%}.page-heading>.row>.select-wrap>.button{width:100%}
 .panel{padding:14px;border-radius:14px}.panel-title{margin-bottom:12px}
 .kpis,.publisher-metrics{gap:8px}.kpi,.kpis.three .kpi{min-height:84px;padding:12px;display:block}.kpi>.kpi-icon{display:none}.kpi-value{font-size:23px}.kpi-label{font-size:11px}.kpi-change{font-size:10px}
 .publisher-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.publisher-toolbar{align-items:stretch}.publisher-tabs{gap:6px}.publisher-tabs .button{min-height:36px;font-size:11px}
 .publisher-funnel{grid-template-columns:1fr}.publisher-table-scroll{max-width:100%;overflow-x:auto}.table-wrap:has(>.responsive-table){overflow:visible}
 .toolbar>.tabs{flex-basis:100%}.tab{min-height:36px;font-size:11px}
 .integrations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.integration{padding:12px}.integration-head{min-height:44px}.integration-head h3{font-size:13px}
 .form-actions>.button{flex:1 1 auto}.dialog-footer{gap:8px}
}
@media(max-width:440px){.page-heading>.row>.button.select-trigger{flex-basis:100%;width:100%}.integrations-grid{grid-template-columns:1fr}.integration-head .platform-logo{width:36px;height:36px;flex-basis:36px}.integration-head{min-height:40px}}
@media(max-width:359px){.kpis,.kpis.three,.publisher-metrics{grid-template-columns:1fr}.page-heading>.row>.button{flex-basis:100%}}

/* Long archives stay accessible without stretching every page. */
.marketing-tabs{gap:8px;margin-bottom:16px;flex-wrap:wrap}
.marketing-toolbar{gap:12px;padding:16px;margin-bottom:16px}
.marketing-record{padding:12px 0;gap:12px;flex-wrap:nowrap}
.marketing-record>div{min-width:0;flex:1}
.marketing-record b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.45}
.marketing-record small{margin-top:4px;overflow-wrap:anywhere}
.marketing-record>.button{flex-shrink:0}
.marketing-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}
.marketing-pagination small{white-space:nowrap}
.marketing-day{min-height:110px;padding:10px}
@media(max-width:600px){.marketing-toolbar h2{font-size:18px}.marketing-pagination{flex-wrap:wrap}.marketing-record .grow{min-width:0}.marketing-month{gap:8px}.marketing-day{min-height:54px}.marketing-day>header{margin-bottom:4px}}