/*
 * AdEditors Unified Design System — Stage DS-2 (Core Components)
 * Reusable commercial-grade SaaS components layered on DS-1 foundations.
 * Component naming is intentionally portable across Shopify/Salla/Web clients.
 */

/* COMPONENT: section / surface header */
.adeds-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px;min-width:0}
.adeds-section-head__copy{min-width:0}.adeds-section-head__eyebrow,.adeds-eyebrow{display:block;margin:0 0 4px;color:var(--adeds-brand-700);font-size:var(--adeds-fs-xs);font-weight:var(--adeds-fw-extrabold);letter-spacing:.02em;text-transform:uppercase}
.adeds-section-head h2,.adeds-section-head h3{margin:0;font-weight:var(--adeds-fw-extrabold);letter-spacing:-.02em}.adeds-section-head p{margin:5px 0 0;color:var(--adeds-gray-500);font-size:var(--adeds-fs-sm)}
.adeds-section-head__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}

/* COMPONENT: metric card */
.adeds-metric-card{--metric-accent:var(--adeds-brand-500);--metric-soft:var(--adeds-brand-50);position:relative;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;min-width:0;min-height:124px;padding:16px;text-align:center;border:1px solid var(--adeds-gray-200);border-radius:var(--adeds-radius-lg);background:linear-gradient(150deg,#fff 0%,#fff 64%,var(--metric-soft) 165%);box-shadow:var(--adeds-shadow-sm);overflow:hidden;transition:transform var(--adeds-duration) var(--adeds-ease),box-shadow var(--adeds-duration) var(--adeds-ease),border-color var(--adeds-duration) var(--adeds-ease)}
.adeds-metric-card:before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--metric-accent),transparent);opacity:.88}.adeds-metric-card:hover{transform:translateY(-2px);box-shadow:var(--adeds-shadow-md);border-color:#D8E7E2}
.adeds-metric-card__label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px;color:var(--adeds-gray-500);font-size:var(--adeds-fs-xs);font-weight:var(--adeds-fw-bold);line-height:1.45}.adeds-metric-card__value{align-self:center;margin:4px 0;color:var(--adeds-gray-900);font-size:clamp(22px,2vw,30px);font-weight:var(--adeds-fw-extrabold);letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.adeds-metric-card__meta{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;color:var(--adeds-gray-500);font-size:10.5px;line-height:1.45}.adeds-metric-card__delta{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:var(--adeds-radius-pill);background:var(--adeds-gray-100);font-weight:var(--adeds-fw-bold);white-space:nowrap}.adeds-metric-card__delta.positive{color:var(--adeds-success);background:var(--adeds-success-soft)}.adeds-metric-card__delta.negative{color:var(--adeds-danger);background:var(--adeds-danger-soft)}.adeds-metric-card.warning{--metric-accent:var(--adeds-warning);--metric-soft:var(--adeds-warning-soft)}

/* COMPONENT: score card / score pill */
.adeds-score-card{--score-color:var(--adeds-gray-500);--score-soft:var(--adeds-gray-100);--score-border:var(--adeds-gray-300);position:relative;display:grid;place-items:center;gap:10px;min-height:126px;padding:16px;text-align:center;border:1px solid var(--score-border);border-radius:var(--adeds-radius-lg);background:linear-gradient(165deg,#fff 0%,var(--score-soft) 155%);box-shadow:var(--adeds-shadow-sm);overflow:hidden}.adeds-score-card:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--score-color)}
.adeds-score-card__head{display:grid;place-items:center;gap:4px;width:100%}.adeds-score-card__head span{color:var(--adeds-gray-600);font-size:var(--adeds-fs-xs);font-weight:var(--adeds-fw-bold)}.adeds-score-card__head strong{color:var(--score-color);font-size:24px;font-weight:var(--adeds-fw-extrabold);font-variant-numeric:tabular-nums}.adeds-score-card__bar{height:7px;width:100%;border-radius:999px;background:#E9EEF2;overflow:hidden}.adeds-score-card__bar i{display:block;height:100%;border-radius:inherit;background:var(--score-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--score-color) 8%,transparent)}.adeds-score-card__band{color:var(--score-color);font-size:11px;font-weight:var(--adeds-fw-extrabold)}
.adeds-score-pill{--score-color:var(--adeds-gray-500);--score-soft:var(--adeds-gray-100);--score-border:var(--adeds-gray-300);display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--score-border);border-radius:999px;background:var(--score-soft);color:var(--score-color);font-variant-numeric:tabular-nums}.adeds-score-pill strong{font-size:13px}.adeds-score-pill small{font-size:10px;font-weight:700}

/* COMPONENT: badge */
.adeds-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid var(--adeds-gray-200);border-radius:999px;background:var(--adeds-gray-50);color:var(--adeds-gray-600);font-size:10.5px;font-weight:var(--adeds-fw-bold);line-height:1.2;white-space:nowrap}.adeds-badge.success{border-color:#ABEFC6;background:var(--adeds-success-soft);color:#067647}.adeds-badge.warning{border-color:#FEDF89;background:var(--adeds-warning-soft);color:#B54708}.adeds-badge.danger{border-color:#FECDCA;background:var(--adeds-danger-soft);color:#B42318}.adeds-badge.info{border-color:#B2CCFF;background:var(--adeds-info-soft);color:#175CD3}.adeds-badge.brand{border-color:var(--adeds-brand-200);background:var(--adeds-brand-50);color:var(--adeds-brand-700)}

/* COMPONENT: insight / recommendation / risk card */
.adeds-insight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.adeds-insight-card{--insight-accent:var(--adeds-brand-500);position:relative;display:flex;flex-direction:column;gap:9px;min-width:0;padding:13px 14px;border:1px solid var(--adeds-gray-200);border-radius:var(--adeds-radius-md);background:#fff;box-shadow:var(--adeds-shadow-xs);overflow:hidden}.adeds-insight-card:before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--insight-accent)}.adeds-insight-card.warning{--insight-accent:var(--adeds-warning)}.adeds-insight-card.danger{--insight-accent:var(--adeds-danger)}.adeds-insight-card.info{--insight-accent:var(--adeds-info)}.adeds-insight-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.adeds-insight-card strong{font-size:13px;line-height:1.45}.adeds-insight-card p{margin:0;color:var(--adeds-gray-600);font-size:12px;line-height:1.65}.adeds-insight-card small{color:var(--adeds-gray-500);font-size:10.5px}

/* COMPONENT: chart shell */
.adeds-chart-shell{position:relative;padding:14px 14px 10px;border:1px solid var(--adeds-gray-200);border-radius:var(--adeds-radius-lg);background:linear-gradient(180deg,#fff,#FCFDFD);box-shadow:var(--adeds-shadow-sm);overflow:hidden}.adeds-chart-shell__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.adeds-chart-shell__head strong{font-size:13px}.adeds-chart-shell__head span{color:var(--adeds-gray-500);font-size:10.5px}.adeds-chart-shell .adpai-chart-scroll{margin:0;border:0;background:transparent}.adeds-chart-shell svg .trend-line{stroke-width:2.4}.adeds-chart-shell svg circle{stroke:#fff;stroke-width:2}

/* COMPONENT: smart table */
.adeds-table-card{position:relative;border:1px solid var(--adeds-gray-200);border-radius:var(--adeds-radius-lg);background:#fff;box-shadow:var(--adeds-shadow-sm);overflow:hidden}.adeds-table-card>.adpai-table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important}.adpai-smart-table-toolbar{display:grid!important;grid-template-columns:minmax(140px,210px) minmax(220px,1fr) auto!important;align-items:center!important;gap:8px!important;margin:0!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--adeds-gray-200)!important;border-radius:0!important;background:linear-gradient(180deg,#fff,#FCFDFD)!important;box-shadow:none!important}.adpai-smart-table-toolbar input,.adpai-smart-table-toolbar select{height:38px!important;border-radius:10px!important;background:#fff!important}.adpai-table-count{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 8px;border-radius:999px;background:var(--adeds-gray-100);color:var(--adeds-gray-600)!important;font-weight:800!important}.adpai-data-table{border-collapse:separate!important;border-spacing:0!important}.adpai-data-table thead th{position:sticky;top:0;z-index:4;background:#F8FAFB!important;color:#465468!important;font-size:10.5px!important;font-weight:800!important;text-transform:none;white-space:nowrap;border-bottom:1px solid #DDE4EA!important}.adpai-data-table tbody tr{transition:background var(--adeds-duration-fast) var(--adeds-ease)}.adpai-data-table tbody tr:hover td{background:#F8FCFA!important}.adpai-data-table td{vertical-align:middle!important}.adpai-sortable{cursor:pointer;user-select:none}.adpai-sortable:after{content:"↕";margin-inline-start:6px;color:#A6AFBB;font-size:10px}.adpai-sortable.sort-asc:after{content:"↑";color:var(--adeds-brand-600)}.adpai-sortable.sort-desc:after{content:"↓";color:var(--adeds-brand-600)}

/* COMPONENT: empty / evidence state */
.adeds-empty{display:grid;place-items:center;gap:7px;min-height:126px;padding:22px;text-align:center;border:1px dashed var(--adeds-gray-300);border-radius:var(--adeds-radius-md);background:linear-gradient(180deg,#FCFDFD,#F8FAFC);color:var(--adeds-gray-500)}.adeds-empty__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--adeds-gray-100);color:var(--adeds-gray-500);font-size:17px}.adeds-empty strong{color:var(--adeds-gray-700);font-size:13px}.adeds-empty p{margin:0;max-width:520px;font-size:11px}

/* COMPONENT: detail drawer */
.adpai-detail-drawer,.adpai-entity-detail{background:linear-gradient(180deg,#fff 0%,#FBFCFD 100%)!important}.adpai-detail-drawer.adpai-entity-pro,.adpai-product-detail{width:min(820px,96vw)!important;padding:24px!important}.adpai-detail-title{position:sticky;top:-24px;z-index:8;margin:-24px -24px 18px;padding:22px 24px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--adeds-gray-200)}.adpai-detail-title h2{font-size:22px!important;margin:4px 0 6px!important}.adpai-detail-title p{color:var(--adeds-gray-500);margin:0}.adpai-detail-close{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--adeds-shadow-xs)!important}

/* COMPONENT: task card */
.adeds-task-grid,.adpai-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.adeds-task-card,.adpai-task{position:relative;display:flex;flex-direction:column;gap:11px;min-width:0;padding:16px!important;border:1px solid var(--adeds-gray-200)!important;border-radius:var(--adeds-radius-lg)!important;background:linear-gradient(160deg,#fff 0%,#FCFDFD 100%)!important;box-shadow:var(--adeds-shadow-sm)!important;overflow:hidden}.adeds-task-card:before,.adpai-task:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--adeds-brand-400),var(--adeds-brand-600))}.adeds-task-card:hover,.adpai-task:hover{transform:translateY(-2px)!important;box-shadow:var(--adeds-shadow-md)!important}.adpai-task-head{padding-bottom:2px}.adpai-task-target{background:var(--adeds-brand-50)!important;border-color:var(--adeds-brand-100)!important;color:var(--adeds-brand-800)!important}.adpai-task h3{margin:0;font-size:15px;line-height:1.5}.adpai-task-desc{min-height:38px}.adpai-task dl{padding:7px 10px;border-radius:12px;background:#F8FAFB}.adpai-task-actions{padding-top:2px!important;border-top:1px solid var(--adeds-gray-100)}

/* COMPONENT: filter/action bar */
.adpai-filter-bar{position:relative;border:1px solid var(--adeds-gray-200)!important;border-radius:var(--adeds-radius-lg)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--adeds-shadow-sm)!important}.adpai-filter-bar:before{content:"";position:absolute;inset-inline:18px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--adeds-brand-300),transparent);opacity:.65}

/* COMPONENT aliases: upgrade existing markup without page rewrites */
.adpai-kpi{--metric-accent:var(--adeds-brand-500);--metric-soft:var(--adeds-brand-50);border-radius:var(--adeds-radius-lg)!important;box-shadow:var(--adeds-shadow-sm)!important}.adpai-kpi.warning{--metric-accent:var(--adeds-warning);--metric-soft:var(--adeds-warning-soft)}
.adpai-score-card{border-radius:var(--adeds-radius-lg)!important;box-shadow:var(--adeds-shadow-sm)!important}
.adpai-engine-panel,.adpai-product-insights>div,.adpai-commerce-summary{border-radius:var(--adeds-radius-lg)!important;box-shadow:var(--adeds-shadow-sm)!important;background:linear-gradient(180deg,#fff,#FCFDFD)!important}
.adpai-analysis-list article,.adpai-summary-row{border-radius:12px!important}.adpai-analysis-list article{box-shadow:var(--adeds-shadow-xs)}

/* COMPONENT: engine command hero */
.adeds-command-hero,.adpai-engine-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px!important;border:1px solid #D9E9E4!important;border-radius:var(--adeds-radius-xl)!important;background:radial-gradient(circle at 8% 15%,rgba(0,160,117,.12),transparent 16rem),linear-gradient(135deg,#F1FFF9 0%,#FFFFFF 56%,#F7FAFC 100%)!important;box-shadow:var(--adeds-shadow-md)!important;overflow:hidden}.adeds-command-hero:after,.adpai-engine-hero:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(0,160,117,.09);border-radius:50%;inset-inline-end:-70px;top:-85px}.adpai-engine-hero h2{font-size:24px!important}.adpai-engine-hero-side{position:relative;z-index:2}

/* RESPONSIVE */
@media(max-width:900px){.adeds-insight-list,.adeds-task-grid,.adpai-task-grid{grid-template-columns:1fr}.adpai-smart-table-toolbar{grid-template-columns:1fr 1fr!important}.adpai-table-count{grid-column:1/-1;justify-self:start}.adeds-section-head{align-items:flex-start;flex-direction:column}.adeds-section-head__actions{justify-content:flex-start}}
@media(max-width:620px){.adpai-smart-table-toolbar{grid-template-columns:1fr!important}.adpai-table-count{grid-column:auto}.adpai-detail-drawer.adpai-entity-pro,.adpai-product-detail{width:100vw!important;padding:18px!important}.adpai-detail-title{top:-18px;margin:-18px -18px 16px;padding:18px}.adeds-metric-card,.adeds-score-card{min-height:104px}}
@media(prefers-reduced-motion:reduce){.adeds-metric-card,.adeds-task-card,.adpai-task{transition:none!important}.adeds-metric-card:hover,.adeds-task-card:hover,.adpai-task:hover{transform:none!important}}