/* Desa Marketing compact premium UI, scoped to Marketing and Creative Library */
.meta-marketing,.cl-workspace{gap:12px!important;color:#27323b}
.meta-marketing .meta-head,.cl-workspace .cl-hero{padding:17px 20px!important;border-radius:11px!important;box-shadow:none!important;background:#fff!important;align-items:center!important;gap:12px!important}
.meta-marketing .meta-head:after{display:none!important}
.meta-marketing .meta-head h2,.cl-workspace .cl-hero h2{font-size:24px!important;line-height:1.2!important;letter-spacing:-.035em!important}
.meta-marketing .meta-head p,.cl-workspace .cl-hero p{margin-top:4px!important;line-height:1.45!important;font-size:12px!important}
.meta-marketing .meta-kicker,.cl-workspace .cl-overline{margin-bottom:5px!important;font-size:10px!important;letter-spacing:.08em!important;color:#78838c!important}
.meta-marketing .meta-actions{gap:6px!important}
.meta-marketing .meta-actions button,.meta-marketing .meta-toolbar-row button,.cl-workspace .cl-hero .btn{min-height:34px!important;padding:7px 11px!important;font-size:12px!important;border-radius:7px!important}
.meta-marketing .meta-tabs{gap:4px!important;padding:4px!important;border-radius:9px!important}
.meta-marketing .meta-tab{padding:8px 12px!important;font-size:12px!important;min-height:34px!important}
.meta-marketing .meta-pane{gap:12px!important}
.meta-marketing .meta-kpis{gap:9px!important}
.meta-marketing .meta-kpi{padding:13px 15px!important;border-radius:9px!important;box-shadow:none!important;background:#fff!important}
.meta-marketing .meta-kpi strong{font-size:23px!important;line-height:1.25!important;letter-spacing:-.035em!important}
.meta-marketing .meta-kpi span,.meta-marketing .meta-kpi small{font-size:11px!important}
.meta-marketing .meta-grid2{gap:11px!important}
.meta-marketing .panel,.meta-marketing .meta-report-box,.meta-marketing .meta-campaign,.cl-workspace .cl-panel{border-radius:10px!important;box-shadow:none!important;background:#fff!important}
.meta-marketing .panel{padding:15px!important}
.meta-marketing .panelhead{margin-bottom:11px!important;gap:8px!important}
.meta-marketing .panelhead h2,.meta-marketing .panelhead h3{font-size:15px!important}
.meta-marketing .meta-chart{min-height:150px!important;max-height:230px!important}
.meta-marketing .meta-chart-empty{min-height:145px!important}
.meta-marketing .meta-mini-row,.meta-marketing .meta-funnel-row{padding:9px 0!important}
.meta-marketing .meta-toolbar-row,.meta-marketing .meta-campaign-controls{gap:8px!important;margin-bottom:10px!important}
.meta-marketing .meta-toolbar-row input,.meta-marketing .meta-toolbar-row select,.meta-marketing .meta-campaign-controls input,.meta-marketing .meta-campaign-controls select{min-height:35px!important;padding:7px 10px!important;font-size:12px!important;border-radius:7px!important}
.meta-marketing .meta-campaign-table{font-size:12px!important}
.meta-marketing .meta-campaign-table th{padding:9px 11px!important;font-size:10px!important;white-space:nowrap!important}
.meta-marketing .meta-campaign-table td{padding:10px 11px!important;vertical-align:middle!important}
.meta-marketing .meta-campaign-summary{padding:10px 12px!important}
.meta-marketing .meta-campaign-detail{padding:12px 14px!important}
.meta-marketing .meta-campaign-detail-metrics{gap:8px!important}
.meta-marketing .meta-campaign-ad{padding:10px!important;gap:10px!important}
.meta-marketing .meta-creative-grid{gap:11px!important}
.meta-marketing .meta-creative{border-radius:9px!important;box-shadow:none!important}
.meta-marketing .meta-thumb{height:140px!important;min-height:0!important}
.meta-marketing .meta-creative-body{padding:11px 12px!important}
.meta-marketing .meta-creative-title{font-size:13px!important;line-height:1.4!important}
.meta-marketing .meta-metrics{gap:6px!important;margin-top:9px!important}
.meta-marketing .meta-metric{padding:7px 8px!important}
.meta-marketing .meta-best{padding:11px 13px!important}
.cl-workspace .cl-flow{border-radius:9px!important}
.cl-workspace .cl-flow>div{padding:12px!important;gap:8px!important}
.cl-workspace .cl-hero{margin-bottom:0!important}
.cl-workspace .cl-card,.cl-workspace .cl-panel,.cl-workspace .cl-item{box-shadow:none!important}
.cl-workspace .cl-card{border-radius:9px!important}
.cl-workspace .cl-card-body{padding:11px!important}
.cl-workspace .cl-toolbar,.cl-workspace .cl-filters{gap:8px!important}
.cl-workspace input,.cl-workspace select{min-height:35px!important;font-size:12px!important}
@media(max-width:850px){.meta-marketing .meta-head,.cl-workspace .cl-hero{padding:14px!important}.meta-marketing .meta-head h2,.cl-workspace .cl-hero h2{font-size:21px!important}.meta-marketing .meta-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.meta-marketing .meta-grid2{grid-template-columns:1fr!important}.meta-marketing .meta-campaign-table-wrap{overflow-x:auto!important}.meta-marketing .meta-campaign-table{min-width:650px!important}}
@media(max-width:520px){.meta-marketing .meta-kpi{padding:11px!important}.meta-marketing .meta-kpi strong{font-size:20px!important}.meta-marketing .meta-thumb{height:125px!important}.meta-marketing .meta-creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.meta-marketing .meta-creative-body{padding:9px!important}.cl-workspace .cl-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v4: balanced density, consistent with the rest of Desa CRM */
#marketing .meta-marketing{gap:13px!important}
#marketing .meta-head{padding:17px 20px!important;border:1px solid #e5e9ec!important;border-radius:11px!important}
#marketing .meta-head h2{font-size:26px!important;line-height:1.2!important}
#marketing .meta-head p{font-size:13px!important;line-height:1.5!important}
#marketing .meta-kicker{font-size:11px!important;margin-bottom:7px!important}
#marketing .meta-sync{font-size:12px!important;padding:7px 12px!important}
#marketing .meta-tabs{padding:3px!important;gap:5px!important}
#marketing .meta-tab{min-height:38px!important;padding:9px 14px!important;font-size:13px!important}
#marketing .meta-kpis{gap:11px!important}
#marketing .meta-kpi{min-height:94px!important;height:auto!important;padding:14px 16px!important}
#marketing .meta-kpi span{font-size:11px!important;letter-spacing:.06em!important}
#marketing .meta-kpi strong{font-size:24px!important;margin-top:7px!important}
#marketing .meta-kpi small{font-size:11px!important;margin-top:6px!important}
#marketing .meta-grid2{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;gap:12px!important;align-items:stretch!important}
#marketing .meta-grid2>.panel{padding:17px 19px!important;min-height:0!important}
#marketing .meta-grid2 .panelhead{margin-bottom:11px!important;padding-bottom:10px!important}
#marketing .meta-grid2 .panelhead h2{font-size:15px!important}
#marketing .meta-chart{height:205px!important;min-height:0!important;max-height:205px!important;padding:18px 3px 24px!important;gap:8px!important}
#marketing .meta-chart-empty{min-height:205px!important}
#marketing .meta-bar{max-width:31px!important}
#marketing .meta-bar-wrap label{font-size:11px!important}
#marketing .meta-best{gap:13px!important;align-items:flex-start!important}
#marketing .meta-best img{width:82px!important;height:104px!important;flex-shrink:0!important}
#marketing .meta-best b{font-size:14px!important}
#marketing .meta-best .lead-sub{font-size:12px!important;line-height:1.45!important}
#marketing .meta-best-stats{gap:7px!important;margin-top:11px!important}
#marketing .meta-best-stats span{font-size:12px!important}
#marketing .meta-best-stats strong{font-size:13px!important}
#marketing .meta-campaign-table th{padding:11px 13px!important;font-size:11px!important}
#marketing .meta-campaign-table td{padding:12px 13px!important;font-size:13px!important}
#marketing .meta-creative-body{padding:13px!important}
#marketing .meta-creative-title{font-size:14px!important}
#marketing .meta-thumb{height:170px!important}
#marketing .meta-funnel-row{padding:10px 0!important}
@media(max-width:850px){#marketing .meta-grid2{grid-template-columns:1fr!important}#marketing .meta-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){#marketing .meta-head{padding:15px!important}#marketing .meta-head h2{font-size:23px!important}#marketing .meta-kpi{min-height:84px!important;padding:12px!important}#marketing .meta-kpi strong{font-size:21px!important}#marketing .meta-chart{height:175px!important;max-height:175px!important}}