/* Cookie settings dialog (2026-09-27) — shared by dayzhub.net, the Console and the dayzhub.cloud site.
   Self-contained colours (the three sites use different variable names); gold accent like both brands. */
.dzh-ck { padding: 0; border: 0; background: transparent; color: #eeeae1; max-width: calc(100vw - 32px); width: 460px; font: 400 14px/1.5 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; }
.dzh-ck::backdrop { background: rgba(4, 5, 7, .72); }
.dzh-ck-card { background: #111317; border: 1px solid rgba(255, 255, 255, .10); border-radius: 14px; padding: 22px 22px 18px; box-shadow: 0 24px 60px rgba(0, 0, 0, .55); }
.dzh-ck-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.dzh-ck-eyebrow { margin: 0 0 4px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #e7c98b; }
.dzh-ck-title { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.25; color: #fff; }
.dzh-ck-x { flex: none; width: 34px; height: 34px; border-radius: 9px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .03); color: #cfc9bd; font-size: 18px; line-height: 1; cursor: pointer; }
.dzh-ck-x:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.dzh-ck-intro { margin: 10px 0 16px; color: #b1ac9f; font-size: 13px; }
.dzh-ck-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 11px; background: rgba(255, 255, 255, .02); }
.dzh-ck-row + .dzh-ck-row { margin-top: 10px; }
.dzh-ck-row b { display: block; color: #fff; font-size: 14px; font-weight: 600; }
.dzh-ck-row span.dzh-ck-d { display: block; margin-top: 2px; color: #8a857a; font-size: 12px; }
.dzh-ck-pill { flex: none; padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(87, 242, 135, .35); background: rgba(87, 242, 135, .10); color: #7ee2a0; font-size: 11px; font-weight: 700; white-space: nowrap; }
.dzh-ck-switch { position: relative; flex: none; width: 44px; height: 24px; }
.dzh-ck-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.dzh-ck-switch i { position: absolute; inset: 0; border-radius: 999px; background: #3a3d44; transition: background .15s; }
.dzh-ck-switch i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s; }
.dzh-ck-switch input:checked + i { background: #c9a55f; }
.dzh-ck-switch input:checked + i::after { transform: translateX(20px); }
.dzh-ck-switch input:focus-visible + i { outline: 2px solid #e7c98b; outline-offset: 2px; }
.dzh-ck-foot { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.dzh-ck-status { margin-right: auto; color: #7ee2a0; font-size: 12px; font-weight: 600; }
.dzh-ck-btn { padding: 9px 16px; border-radius: 9px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: #eeeae1; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.dzh-ck-btn:hover { background: rgba(255, 255, 255, .09); }
.dzh-ck-btn.dzh-ck-primary { border-color: #e7c98b; background: #e7c98b; color: #16130c; }
.dzh-ck-btn.dzh-ck-primary:hover { background: #f4dda6; }
.dzh-ck-btn:focus-visible, .dzh-ck-x:focus-visible { outline: 2px solid #e7c98b; outline-offset: 2px; }
/* The footer / menu link that opens it looks like the links around it; this only resets a <button>. */
button.dzh-ck-link { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-align: left; }
@media (prefers-reduced-motion: reduce) { .dzh-ck-switch i, .dzh-ck-switch i::after { transition: none; } }