.acd-header {
  margin-bottom:16px;
}

.acd-kicker {
  margin-bottom:4px;
  opacity:0.7;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.acd-title {
  font-size:24px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:6px;
  color:#241b4b;
}

.acd-subtitle {
  font-size:14px;
  opacity:0.8;
  color:#7d74a8;
}

.acd-page {
  display:block;
  color:#2a1d62;
}

.acd-page .acd-section {
  margin:8px;
  padding:10px;
  border:1px solid #ece7fb;
  border-radius:18px;
  background:linear-gradient(180deg, #ffffff 0%, #fcfbff 100%);
  box-shadow:0 4px 16px rgba(126, 87, 194, 0.08);
}

.acd-card {
  margin:6px;
  padding:18px;
  background:#fff;
  border:1px solid #ece7fb;
  border-radius:16px;
  box-shadow:0 3px 12px rgba(126, 87, 194, 0.06);
}

.acd-card-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}

.acd-mini-label {
  margin-bottom:4px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#8a80b8;
}

.acd-card-title {
  font-size:18px;
  font-weight:600;
  line-height:1.2;
  color:#241b4b;
}

.acd-summary-text {
  font-size:14px;
  line-height:1.6;
  color:#4d4279;
}

.acd-meta-row {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.acd-stat-pill {
  padding:8px 12px;
  border-radius:999px;
  border:1px solid #e8e1fb;
  background:#faf8ff;
  font-size:12px;
  color:#4a3b7a;
}

.acd-overview-section {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:stretch;
}

.acd-overview-main {
  flex:1 1 38%;
  min-width:300px;
  display:flex;
}

.acd-overview-main .acd-card {
  flex:1 1 auto;
  height:100%;
}

.acd-overview-kpis {
  flex:1 1 58%;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:stretch;
}

.acd-kpi-card {
  flex:1 1 220px;
  padding:18px;
  border:1px solid #ece7fb;
  border-radius:16px;
  background:linear-gradient(180deg, #ffffff 0%, #faf8ff 100%);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.acd-kpi-card {
  flex:1 1 220px;
  padding:18px;
  border:1px solid #ece7fb;
  border-radius:16px;
  background:linear-gradient(180deg, #ffffff 0%, #faf8ff 100%);
}

.acd-kpi-value {
  font-size:30px;
  font-weight:800;
  line-height:1.05;
  color:#241b4b;
  margin-top:6px;
}

.acd-visual-section {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.acd-visual-chart {
  flex:1 1 72%;
  min-width:320px;
}

.acd-visual-legend {
  flex:1 1 24%;
  min-width:220px;
}

.acd-chart-wrap {
  height:360px;
  padding:8px;
  border:1px solid #ece7fb;
  border-radius:16px;
  background:linear-gradient(180deg, #ffffff 0%, #fcfbff 100%);
}

.acd-legend-list {
  margin-top:10px;
}

.acd-legend-row {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  font-size:13px;
  color:#4d4279;
}

.acd-legend-toggle {
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  margin-top:8px;
  padding:9px 10px;
  border:1px solid #ece7fb;
  border-radius:12px;
  background:#fff;
  color:#4d4279;
  font-size:13px;
  text-align:left;
  cursor:pointer;
}

.acd-legend-toggle:hover {
  background:#fcfaff;
  border-color:#ddd3fb;
}

.acd-legend-toggle-off {
  opacity:0.45;
  background:#fbfbfd;
}

.acd-legend-label {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.acd-products-header {
  margin-bottom:8px;
}

.acd-products-list {
  display:flex;
  flex-direction:column;
  gap:12px;
}

.acd-product-card {
  padding:16px;
  border:1px solid #ece7fb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 3px 12px rgba(126, 87, 194, 0.05);
}

.acd-product-main {
  display:flex;
  gap:16px;
  align-items:flex-start;
}

.acd-product-image {
  width:96px;
  height:96px;
  flex:0 0 96px;
  border-radius:16px;
  background:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.acd-product-content {
  flex:1 1 auto;
  min-width:0;
}

.acd-product-title-row {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:12px;
}

.acd-product-title {
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  color:#241b4b;
  margin-bottom:4px;
}

.acd-product-subtitle {
  font-size:13px;
  color:#7d74a8;
}

.acd-product-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.acd-btn,
.acd-status-select {
  height:38px;
  padding:0 14px;
  border-radius:12px;
  box-sizing:border-box;
}

.acd-btn {
  border:none;
  background:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

.acd-btn-secondary {
  background:#f6f2ff;
  color:#5b3fd1;
  border:1px solid #e2d8fb;
}

.acd-status-select {
  border:1px solid #ddd6f7;
  background:#fff;
  color:#241b4b;
}

.acd-product-kpis {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:12px;
}

.acd-inline-kpi {
  padding:10px 12px;
  border-radius:12px;
  background:#faf8ff;
  border:1px solid #ece7fb;
}

.acd-inline-kpi-label {
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#8a80b8;
  margin-bottom:4px;
}

.acd-inline-kpi-value {
  font-size:15px;
  font-weight:700;
  color:#241b4b;
}

.acd-chip-row {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-bottom:14px;
}

.acd-chip-group {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.acd-chip-group-label {
  font-size:12px;
  font-weight:700;
  color:#8a80b8;
  text-transform:uppercase;
  letter-spacing:0.08em;
  margin-right:4px;
}

.acd-chip {
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid #e6defb;
  background:#faf8ff;
  color:#4a3b7a;
  font-size:12px;
  font-weight:600;
}

.acd-plan-table-wrap,
.acd-table-wrap {
  overflow:auto;
  border:1px solid #eee8fb;
  border-radius:14px;
}

.acd-plan-table,
.acd-total-table {
  width:100%;
  border-collapse:collapse;
  background:#fff;
}

.acd-plan-table thead th,
.acd-total-table thead th {
  padding:12px 10px;
  text-align:left;
  font-size:11px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#8a80b8;
  border-bottom:1px solid #eee8fb;
  background:#fcfbff;
}

.acd-plan-table tbody td,
.acd-total-table tbody td {
  padding:12px 10px;
  font-size:14px;
  color:#241b4b;
  border-bottom:1px solid #f3effc;
}

.acd-plan-table tbody tr:hover,
.acd-total-table tbody tr:hover {
  background:#fcfaff;
}

.acd-emptyState,
.acd-muted {
  color:#8a80b8;
  font-size:14px;
}

.acd-channel-shape-legend {
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid #eee8fb;
}

.acd-channel-shape-row {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  font-size:13px;
  color:#4d4279;
}

.acd-shape {
  display:inline-block;
  width:12px;
  height:12px;
  background:#8a80b8;
}

.acd-shape-circle {
  border-radius:50%;
}

.acd-shape-square {
  border-radius:2px;
}

.acd-shape-triangle {
  width:0;
  height:0;
  background:transparent;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:12px solid #8a80b8;
}

.acd-shape-diamond {
  transform:rotate(45deg);
  border-radius:2px;
}

@media (max-width: 980px) {
  .acd-product-main,
  .acd-product-title-row,
  .acd-overview-section,
  .acd-visual-section {
    display:block;
  }

  .acd-product-image {
    margin-bottom:12px;
  }

  .acd-overview-kpis {
    margin-top:12px;
  }
}





/* :Listing */

.acdl-header {
  margin-bottom:16px;
}

.acdl-kicker {
  margin-bottom:4px;
  opacity:0.7;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.acdl-title {
  font-size:24px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:6px;
  color:#241b4b;
}

.acdl-subtitle {
  font-size:14px;
  opacity:0.8;
  color:#7d74a8;
}

.acdl-page {
  display:block;
  color:#2a1d62;
}

.acdl-section {
  margin:8px;
  padding:10px;
  border:1px solid #ece7fb;
  border-radius:18px;
  background:linear-gradient(180deg, #ffffff 0%, #fcfbff 100%);
  box-shadow:0 4px 16px rgba(126, 87, 194, 0.08);
}

.acdl-summary-card,
.acdl-card {
  margin:6px;
  padding:18px;
  background:#fff;
  border:1px solid #ece7fb;
  border-radius:16px;
  box-shadow:0 3px 12px rgba(126, 87, 194, 0.06);
}

.acdl-card-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}

.acdl-mini-label {
  margin-bottom:4px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#8a80b8;
}

.acdl-card-title {
  font-size:18px;
  font-weight:600;
  line-height:1.2;
  color:#241b4b;
}

.acdl-summary-text {
  font-size:14px;
  line-height:1.6;
  color:#4d4279;
}

.acdl-summary-pills {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.acdl-stat-pill {
  padding:8px 12px;
  border-radius:999px;
  border:1px solid #e8e1fb;
  background:#faf8ff;
  font-size:12px;
  color:#4a3b7a;
}

.acdl-tableWrap {
  overflow:auto;
  border:1px solid #eee8fb;
  border-radius:14px;
}

.acdl-table {
  width:100%;
  border-collapse:collapse;
  background:#fff;
}

.acdl-table thead th {
  padding:12px 10px;
  text-align:left;
  font-size:11px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#8a80b8;
  border-bottom:1px solid #eee8fb;
  background:#fcfbff;
  vertical-align:top;
}

.acdl-table tbody td {
  padding:14px 10px;
  font-size:14px;
  color:#241b4b;
  border-bottom:1px solid #f3effc;
  vertical-align:top;
}

.acdl-table tbody tr:hover {
  background:#fcfaff;
}

.acdl-campaignLink {
  text-decoration:none;
}

.acdl-campaignName {
  font-size:15px;
  font-weight:700;
  color:#241b4b;
}

.acdl-campaignLink:hover .acdl-campaignName {
  text-decoration:underline;
}

.acdl-rowSubtext {
  margin-top:4px;
  font-size:12px;
  color:#7d74a8;
  line-height:1.4;
}

.acdl-status {
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  border:1px solid #e8e1fb;
  background:#faf8ff;
  color:#5b4e90;
}

.acdl-status-draft {
  background:#f6f2ff;
  border-color:#e6dcff;
  color:#5b4e90;
}

.acdl-status-active {
  background:#eefcf5;
  border-color:#c9efd9;
  color:#267a4b;
}

.acdl-status-paused {
  background:#fff8ea;
  border-color:#f3dfac;
  color:#7b5c10;
}

.acdl-status-archived {
  background:#f4f4f7;
  border-color:#e2e2e8;
  color:#666a78;
}

.acdl-chipRow {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.acdl-chip {
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid #e6defb;
  background:#faf8ff;
  color:#4a3b7a;
  font-size:12px;
  font-weight:600;
}

.acdl-openBtn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 14px;
  border-radius:12px;
  text-decoration:none;
  background:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
  color:#fff;
  font-weight:700;
  box-shadow:0 4px 12px rgba(139, 92, 246, 0.18);
}

.acdl-openBtn:hover {
  filter:brightness(1.03);
}

.acdl-actionCell {
  white-space:nowrap;
}

.acdl-emptyState,
.acdl-muted {
  color:#8a80b8;
  font-size:14px;
}