/* Y4H TTDC v2.2.0 — premium cards + agency row */
.y4h-ttdc{width:100%;display:block}
.y4h-ttdc--v220{max-width:var(--y4h-ttdc-maxw,980px);margin:0 auto;padding:18px}
.y4h-ttdc__stack{display:flex;flex-direction:column;gap:14px}

.y4h-ttdc-row{
  border-radius:var(--y4h-ttdc-radius,16px);
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow:hidden;
  box-shadow: 0 10px 35px rgba(0,0,0,.25);
}

.y4h-ttdc-row__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.12);
  background: linear-gradient(90deg, rgba(0,0,0,.15), rgba(0,0,0,.02));
}

.y4h-ttdc-row__title{
  margin:0;
  font-size:16px;
  letter-spacing:.2px;
}

.y4h-ttdc-row__pill{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.9);
  background: rgba(0,0,0,.2);
}

.y4h-ttdc-row__body{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap:14px;
  padding:16px;
}
.y4h-ttdc-row__body--target{ grid-template-columns: 1fr 1fr; }
.y4h-ttdc-row__body--agency{ grid-template-columns: 320px 1fr; }

.y4h-ttdc-field{
  border-radius: calc(var(--y4h-ttdc-radius,16px) - 6px);
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
}

.y4h-ttdc-label{
  display:block;
  font-weight:600;
  font-size:12px;
  color: rgba(255,255,255,.82);
  margin-bottom:8px;
}

.y4h-ttdc-input{
  width:100%;
  padding:12px 12px;
  font-size:16px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.30);
  color: rgba(255,255,255,.92);
  outline:none;
}
.y4h-ttdc-input:focus{
  border-color: color-mix(in srgb, var(--y4h-ttdc-accent,#f5c542) 70%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--y4h-ttdc-accent,#f5c542) 25%, transparent);
}

.y4h-ttdc-mini{ margin-top:10px; font-size:12px; color: rgba(255,255,255,.72); }
.y4h-ttdc-mini strong{color: var(--y4h-ttdc-accent,#f5c542)}

.y4h-ttdc-metrics{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
  align-content:start;
}
.y4h-ttdc-metrics--agency{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

.y4h-ttdc-metric{
  border-radius: calc(var(--y4h-ttdc-radius,16px) - 6px);
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
}
.y4h-ttdc-metric__k{ font-size:12px; color: rgba(255,255,255,.74); margin-bottom:8px; }
.y4h-ttdc-metric__v{ display:flex; flex-direction:column; gap:6px; font-weight:700; }
.y4h-ttdc-metric__v span{ color: var(--y4h-ttdc-accent,#f5c542); font-size:18px; letter-spacing:.2px; }

.y4h-ttdc-note{ margin:8px 4px 0 4px; font-size:12px; color: rgba(255,255,255,.65); }

/* Hide agency row if disabled */
.y4h-ttdc--v220[data-agency-enable="0"] .y4h-ttdc-row--agency{ display:none; }

@media (max-width: 920px){
  .y4h-ttdc-row__body{grid-template-columns: 1fr; }
  .y4h-ttdc-metrics{grid-template-columns: 1fr; }
  .y4h-ttdc-metrics--agency{grid-template-columns: 1fr;}
  .y4h-ttdc-row__body--target{grid-template-columns:1fr;}
  .y4h-ttdc-row__body--agency{grid-template-columns:1fr;}
}

/* Agency disclaimer */
.y4h-ttdc-disclaimer{
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: calc(var(--y4h-ttdc-radius,16px) - 6px);
  border: 1px solid color-mix(in srgb, var(--y4h-ttdc-accent,#f5c542) 45%, rgba(255,255,255,.18));
  background: color-mix(in srgb, var(--y4h-ttdc-accent,#f5c542) 10%, rgba(0,0,0,.25));
  color: rgba(255,255,255,.95);
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: 12px;
}

/* Agency disclaimer: span full width of agency row grid */
.y4h-ttdc-row__body--agency .y4h-ttdc-disclaimer{
  grid-column: 1 / -1;
}