/* Extras din einpanel.css (fisier unic anterior) -- vezi INSTALL.md / notele proiectului pt. harta completa a fisierelor CSS. */

.tc-modal {
  position: fixed; inset: 0; z-index: 500; display: none;
  background: rgba(5,5,6,.75); backdrop-filter: blur(2px);
  align-items: center; justify-content: center; padding: 20px;
}
.tc-modal.open { display: flex; }
.tc-card {
  width: min(420px, 100%); background: var(--bg-1, #101216);
  border: 1px solid rgba(239,68,68,.35);
  box-shadow: 0 30px 80px rgba(0,0,0,.6);
  padding: 26px 24px 22px;
}
.tc-head { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 1px; color: #ef4444; margin-bottom: 12px; }
.tc-msg { color: var(--txt-dim); font-size: 13.5px; line-height: 1.6; margin: 0 0 14px; }
.tc-hint { color: var(--txt-mute); font-size: 12.5px; margin: 0 0 8px; }
.tc-hint b { color: var(--gold); font-family: ui-monospace, monospace; letter-spacing: 1px; }
.tc-card .input { width: 100%; margin-bottom: 18px; }
.tc-actions { display: flex; gap: 10px; justify-content: flex-end; }
.tc-actions .btn { min-width: 100px; }
#tcConfirm:disabled { opacity: .35; cursor: not-allowed; }

.cookie-bar {
  position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%);
  z-index: 300; width: min(680px, calc(100vw - 32px));
  background: var(--bg-1, #101216); border: 1px solid var(--line-2);
  clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  box-shadow: 0 20px 50px rgba(0,0,0,.55);
}
.cookie-bar-inner { display: flex; align-items: center; gap: 16px; padding: 14px 18px; flex-wrap: wrap; }
.cookie-txt { flex: 1; min-width: 220px; font-size: 13px; color: var(--txt-dim); line-height: 1.5; }
.cookie-actions { display: flex; gap: 8px; flex-shrink: 0; margin-left: auto; }
@media (max-width: 560px) {
  .cookie-bar { bottom: 8px; width: calc(100vw - 16px); }
  .cookie-bar-inner { flex-direction: column; align-items: stretch; text-align: center; }
  .cookie-actions { margin-left: 0; justify-content: center; }
}
