/*
 * AdEditors Unified Design System — Stage DS-5
 * Visual language: icons, semantic badges and advanced table controls.
 */

.adeds-icon{display:inline-block;flex:0 0 auto;width:17px;height:17px;vertical-align:-.18em;color:currentColor}
.adeds-icon-button{display:inline-flex!important;align-items:center!important;justify-content:center;gap:7px!important}
.adpai-app-nav button{gap:7px}.adpai-app-nav button>.adeds-icon{width:18px;height:18px;opacity:.78;transition:opacity .16s ease,transform .16s ease}
.adpai-app-nav button:hover>.adeds-icon,.adpai-app-nav button.active>.adeds-icon{opacity:1;transform:translateY(-1px)}
.adeds-heading-icon{display:flex!important;align-items:center;gap:8px}.adeds-heading-icon>.adeds-icon{width:20px;height:20px;padding:4px;box-sizing:content-box;border-radius:9px;background:var(--adeds-brand-50,#EAFBF5);color:var(--adeds-brand-700,#007A59)}
.adeds-metric-card__label>.adeds-icon,.adeds-ds3-metric>span>.adeds-icon,.adpai-product-kpis article>span>.adeds-icon,.adpai-engine-kpis article>span>.adeds-icon{width:15px;height:15px;color:var(--metric-accent,var(--adeds-brand-600,#008A66))}

/* DS-5 product cost and profitability workspace */
.adpai-profitability-block,.adpai-cost-panel{border:1px solid var(--adeds-gray-200,#e4e7ec);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfd);padding:16px;box-shadow:0 5px 16px rgba(16,24,40,.04)}
.adpai-cost-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.adpai-cost-panel__head h3,.adpai-cost-panel__head h4{margin:2px 0 0}.adpai-accounting-note{border-inline-start:4px solid var(--adeds-brand-500,#00a075);background:#f0fdf8;border-radius:10px;padding:11px 13px;margin-bottom:14px}.adpai-accounting-note p{margin:4px 0 0;color:#475467;font-size:13px;line-height:1.5}
.adpai-cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.adpai-cost-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;color:#344054}.adpai-cost-grid input,.adpai-cost-grid select,.adpai-extra-cost-row input,.adpai-extra-cost-row select{width:100%;min-height:42px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:8px 10px;color:#101828}.adpai-cost-grid input:focus,.adpai-cost-grid select:focus,.adpai-extra-cost-row input:focus,.adpai-extra-cost-row select:focus{outline:2px solid rgba(0,160,117,.18);border-color:#00a075}
.adpai-cost-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.adpai-cost-toggles label,.adpai-cost-include{display:flex;align-items:flex-start;gap:8px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;padding:10px;font-size:12px;line-height:1.45;color:#344054}.adpai-cost-toggles input,.adpai-cost-include input{width:17px;height:17px;margin:0;flex:0 0 auto;accent-color:#00a075}
.adpai-extra-costs{border-top:1px solid #eaecf0;margin-top:14px;padding-top:14px}.adpai-extra-cost-row{display:grid;grid-template-columns:minmax(130px,1.3fr) minmax(90px,.7fr) minmax(120px,.9fr) minmax(200px,1.5fr) auto;gap:8px;align-items:center;margin-bottom:8px}.adpai-extra-cost-row .adpai-cost-include{margin:0}.adpai-cost-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.adpai-cost-actions [data-cost-status]{font-size:12px;font-weight:650;color:#027a48}.adpai-profitability-block .adpai-product-kpis{margin-bottom:0}
@media(max-width:760px){.adpai-cost-grid,.adpai-cost-toggles{grid-template-columns:1fr}.adpai-extra-cost-row{grid-template-columns:1fr 1fr}.adpai-extra-cost-row .adpai-cost-include{grid-column:1/-1}.adpai-extra-cost-row [data-remove-cost]{grid-column:1/-1}.adpai-cost-panel__head{align-items:flex-start}.adpai-cost-actions{align-items:stretch;flex-direction:column}.adpai-cost-actions button{width:100%}}

.adeds-semantic-badge,.adeds-table-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:25px;padding:3px 9px;border:1px solid #DDE3EA;border-radius:999px;background:#F6F8FA;color:#526075;font-size:10.5px;font-weight:800;line-height:1.2;white-space:nowrap}
.adeds-semantic-badge>.adeds-icon,.adeds-table-badge>.adeds-icon{width:13px;height:13px}
.adeds-semantic-badge.tone-success,.adeds-table-badge.tone-success{border-color:#ABEFC6!important;background:#ECFDF3!important;color:#067647!important}
.adeds-semantic-badge.tone-danger,.adeds-table-badge.tone-danger{border-color:#FECDCA!important;background:#FEF3F2!important;color:#B42318!important}
.adeds-semantic-badge.tone-warning,.adeds-table-badge.tone-warning{border-color:#FEDF89!important;background:#FFFAEB!important;color:#B54708!important}
.adeds-semantic-badge.tone-info,.adeds-table-badge.tone-info{border-color:#B2CCFF!important;background:#EFF4FF!important;color:#175CD3!important}
.adeds-semantic-badge.tone-brand,.adeds-table-badge.tone-brand{border-color:#A9EAD7!important;background:#ECFBF5!important;color:#007A59!important}
.adeds-table-badge.tone-watch{border-color:#FDE272;background:#FFF8D6;color:#9A6700}.adeds-table-badge.tone-good{border-color:#6CE9D5;background:#F0FDF9;color:#0E7C71}
.adeds-table-badge.platform-meta{border-color:#C7D7FE;background:#EEF2FF;color:#384BCB}.adeds-table-badge.platform-google{border-color:#BDD7FF;background:#F2F7FF;color:#175CD3}.adeds-table-badge.platform-tiktok{border-color:#D0D5DD;background:#F8F9FB;color:#1D2939}.adeds-table-badge.platform-snapchat{border-color:#FDE272;background:#FFFBE8;color:#7A5D00}
.adeds-score-badge{min-width:64px;font-variant-numeric:tabular-nums}.adeds-count-badge{min-width:34px;padding-inline:7px;font-variant-numeric:tabular-nums}

.adeds-ds5-tablebar{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(150px,.8fr) minmax(150px,.8fr) auto auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--adeds-gray-200,#E4E7EC);border-bottom:0;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#fff,#FBFCFD);box-shadow:0 5px 16px rgba(16,24,40,.045)}
.adeds-ds5-tablebar+.adpai-table-wrap{margin-top:0!important;border-start-start-radius:0!important;border-start-end-radius:0!important}
.adeds-table-control{position:relative;display:flex;align-items:center;min-width:0}.adeds-table-control>.adeds-icon{position:absolute;z-index:1;inset-inline-start:11px;width:15px;height:15px;color:#758195;pointer-events:none}
.adeds-table-control input,.adeds-table-control select{width:100%;height:40px;min-width:0;padding:7px 10px;padding-inline-start:35px;border:1px solid #DDE3EA;border-radius:10px;background:#fff;color:#344054;font-family:inherit;font-size:12px;outline:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.adeds-table-control input:focus,.adeds-table-control select:focus{border-color:#36B99A;box-shadow:0 0 0 3px rgba(0,160,117,.11)}.adeds-table-control select:disabled{background:#F5F7F9;color:#98A2B3;cursor:not-allowed}
.adeds-table-reset{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:7px 11px;border:1px solid #DDE3EA;border-radius:10px;background:#fff;color:#526075;font-family:inherit;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.adeds-table-reset:hover{border-color:#8AD7C1;background:#F0FBF7;color:#007A59}.adeds-table-reset>.adeds-icon{width:14px;height:14px}
.adeds-table-count{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border-radius:999px;background:#EEF2F6;color:#526075;font-size:10.5px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.adpai-data-table th.adeds-ds5-sortable{padding-inline-end:30px!important}.adpai-data-table th.adeds-ds5-sortable:after{content:'↕';position:absolute;inset-inline-end:10px;top:50%;margin:0;transform:translateY(-50%);color:#98A2B3;font-size:11px}.adpai-data-table th.adeds-ds5-sortable.sort-asc:after{content:'↑';color:#008A66}.adpai-data-table th.adeds-ds5-sortable.sort-desc:after{content:'↓';color:#008A66}
.adpai-data-table td:has(>.adeds-table-badge){text-align:center}.adpai-data-table td[data-ds5-cell="1"]{font-variant-numeric:tabular-nums}

@media(max-width:1050px){.adeds-ds5-tablebar{grid-template-columns:minmax(200px,1fr) minmax(145px,.7fr) minmax(145px,.7fr) auto}.adeds-table-count{grid-column:1/-1;justify-self:start}}
@media(max-width:720px){.adeds-ds5-tablebar{grid-template-columns:1fr 1fr;padding:9px}.adeds-table-search{grid-column:1/-1}.adeds-table-reset{width:100%}.adeds-table-count{grid-column:auto;justify-self:stretch}.adpai-app-nav button{gap:6px}.adpai-app-nav button>.adeds-icon{width:17px;height:17px}}
@media(max-width:430px){.adeds-ds5-tablebar{grid-template-columns:1fr}.adeds-table-search,.adeds-table-count{grid-column:auto}.adeds-table-count{justify-self:start}.adeds-heading-icon>.adeds-icon{width:17px;height:17px;padding:3px}}
@media(prefers-reduced-motion:reduce){.adpai-app-nav button>.adeds-icon,.adeds-table-control input,.adeds-table-control select,.adeds-table-reset{transition:none!important}}
