:root{
  --dtpb-bg:#0b1220;
  --dtpb-text:#e5e7eb;
  --dtpb-accent:#60a5fa;
  --dtpb-border:#1e293b;
}

.dtpb-banner{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: var(--dtpb-bg);
  color: var(--dtpb-text);
  border-bottom: 1px solid var(--dtpb-border);
  z-index: 99999;
}
.dtpb-banner.dtpb-bottom_bar{
  border-top: 1px solid var(--dtpb-border);
  border-bottom: none;
}
.dtpb-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 14px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
}
.dtpb-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.dtpb-headline{font-weight:800;font-size:14px;line-height:1.2}
.dtpb-msg{font-size:13px;line-height:1.2;color: rgba(203,213,225,.95)}
.dtpb-msg strong{color: var(--dtpb-text)}
.dtpb-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}
.dtpb-cta{
  background: var(--dtpb-accent);
  color: #0b1220;
  text-decoration:none;
  padding:8px 10px;
  border-radius:10px;
  font-weight:800;
  white-space:nowrap;
}
.dtpb-code{
  background: rgba(96,165,250,.12);
  color: var(--dtpb-text);
  border: 1px solid rgba(96,165,250,.35);
  border-radius:10px;
  padding:7px 10px;
  cursor:pointer;
  font-weight:800;
}
.dtpb-x{
  background: transparent;
  color: var(--dtpb-text);
  border: 1px solid rgba(148,163,184,.35);
  border-radius:10px;
  padding:7px 10px;
  cursor:pointer;
}

.dtpb-modal-overlay{
  position:fixed;
  inset:0;
  background: rgba(2,6,23,.72);
  z-index: 100000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.dtpb-modal{
  width:min(560px, 100%);
  background: var(--dtpb-bg);
  border:1px solid var(--dtpb-border);
  border-radius:16px;
  color: var(--dtpb-text);
  padding:18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
  position:relative;
}
.dtpb-modal-x{
  position:absolute;top:10px;right:10px;
  width:34px;height:34px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.35);
  background:transparent;color:var(--dtpb-text);
  cursor:pointer;
}
.dtpb-modal-headline{font-weight:900;font-size:20px;line-height:1.15;margin:4px 28px 8px 0}
.dtpb-modal-msg{color: rgba(203,213,225,.95);font-size:14px;line-height:1.35}
.dtpb-modal-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}

/* Size presets (per campaign) */
.dtpb-size-compact .dtpb-inner{padding:8px 12px;gap:10px}
.dtpb-size-compact .dtpb-headline{font-size:13px}
.dtpb-size-compact .dtpb-msg{font-size:12px}
.dtpb-size-compact .dtpb-cta{padding:7px 9px;border-radius:10px}
.dtpb-size-compact .dtpb-code,
.dtpb-size-compact .dtpb-x{padding:6px 9px;border-radius:10px}

.dtpb-size-normal .dtpb-inner{padding:10px 14px}
.dtpb-size-normal .dtpb-headline{font-size:14px}
.dtpb-size-normal .dtpb-msg{font-size:13px}

.dtpb-size-large .dtpb-inner{padding:16px 18px;gap:14px}
.dtpb-size-large .dtpb-headline{font-size:18px;line-height:1.15}
.dtpb-size-large .dtpb-msg{font-size:15px;line-height:1.25}
.dtpb-size-large .dtpb-cta{padding:12px 14px;border-radius:12px;font-size:14px}
.dtpb-size-large .dtpb-code,
.dtpb-size-large .dtpb-x{padding:11px 14px;border-radius:12px;font-size:14px}

.dtpb-size-large .dtpb-modal{padding:24px}
.dtpb-size-large .dtpb-modal-headline{font-size:26px}
.dtpb-size-large .dtpb-modal-msg{font-size:16px}

@media (max-width: 700px){
  .dtpb-inner{flex-direction:column;align-items:flex-start}
  .dtpb-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
}