/* TCM CMP-Lite minimal UI (no inline styles; CSP-safe) */
.tcmcmp-banner {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 2147483000;
  background: #0b1324;
  color: #fff;
  font: 14px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding: 14px 16px;
  box-shadow: 0 -8px 24px rgba(0,0,0,.35);
}
.tcmcmp-banner__content { max-width: 1100px; margin: 0 auto; display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.tcmcmp-banner__text { flex: 1 1 520px; opacity: .95; }
.tcmcmp-btns { display:flex; gap:8px; flex-wrap:wrap; }
.tcmcmp-btn { border: 0; border-radius: 10px; padding: 10px 14px; cursor: pointer; font-weight: 600; }
.tcmcmp-btn--primary { background:#3ea76a; color:#fff; }
.tcmcmp-btn--ghost { background: transparent; color:#fff; outline: 2px solid #5c6aa0; }
.tcmcmp-link { color:#9ec1ff; text-decoration: underline; cursor:pointer; }

.tcmcmp-modal {
  position: fixed; inset:0; z-index:2147483001; display:none;
  align-items:center; justify-content:center; background: rgba(0,0,0,.55);
}
.tcmcmp-modal__panel {
  width:min(680px,92vw); background:#0f1731; color:#fff; border-radius:14px;
  box-shadow:0 12px 40px rgba(0,0,0,.4); padding:20px;
}
.tcmcmp-modal h3 { margin:0 0 8px 0; }
.tcmcmp-row { display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-top: 1px solid rgba(255,255,255,.08); }
.tcmcmp-row:first-of-type { border-top: 0; }
.tcmcmp-switch { display:flex; align-items:center; gap:8px; }
.tcmcmp-actions { display:flex; gap:8px; justify-content:flex-end; margin-top: 14px; }

.tcmcmp-hidden { display:none !important; }

/* Ensure popup text is white */
.tcmcmp-modal__panel { color: #fff; }
.tcmcmp-modal__panel h3,
.tcmcmp-modal__panel p,
.tcmcmp-modal__panel .tcmcmp-link { color: #fff; }

/* --- Center the "Policy" link in the preferences modal --- */
.tcmcmp-actions {
  display: flex;
  align-items: center;
  justify-content: center;   /* center buttons row */
  gap: 12px;
  flex-wrap: wrap;           /* allow link to break into its own row */
}

/* make the Policy link a full-width centered row above the buttons */
.tcmcmp-actions .tcmcmp-link {
  order: -1;                 /* put it before the buttons */
  flex-basis: 100%;          /* full row */
  text-align: center;        /* centered text */
  color: #fff;               /* visible on dark panel */
  text-decoration: underline;
  opacity: 0.95;
}

/* keep typography readable in the panel */
.tcmcmp-modal__panel, 
.tcmcmp-modal__panel h3,
.tcmcmp-modal__panel p,
.tcmcmp-modal__panel .tcmcmp-link {
  color: #fff;
}