/* ============================================================
   AVOID shared components (2026-07-07): cookie consent banner,
   auth chip (nav), toast. Loaded by ALL pages alongside site.js.
   Uses the site's design tokens (fallbacks provided).
   ============================================================ */

/* ---------- cookie consent ---------- */
.ck-wrap{position:fixed;left:0;right:0;bottom:0;z-index:400;padding:18px;display:flex;justify-content:center;pointer-events:none;transform:translateY(115%);transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.ck-wrap.show{transform:none}
.ck{pointer-events:auto;max-width:720px;width:100%;background:var(--card,#161A21);border:1px solid var(--line2,rgba(255,255,255,.14));border-radius:22px;padding:22px 24px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.ck h4{font-size:15.5px;font-weight:800;color:var(--text,#EDEFF3);display:flex;align-items:center;gap:9px;margin:0 0 8px}
.ck h4 svg{width:19px;height:19px;stroke:var(--cyan,#2BD4D9);flex:none}
.ck p{color:var(--muted,#98A0AA);font-size:13px;line-height:1.6;margin:0}
.ck p a{color:var(--cyan,#2BD4D9);font-weight:700;text-decoration:none}
.ck-btns{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
/* ΑΠΔΠΧ: Αποδοχή & Απόρριψη ΙΣΟΤΙΜΑ (ίδιο μέγεθος/βάρος/αντίθεση) */
.ck-accept,.ck-reject{flex:1;min-width:140px;font-size:14px;font-weight:800;padding:12px 18px;border-radius:999px;background:var(--cyan,#2BD4D9);color:#062022;border:1px solid var(--cyan,#2BD4D9);cursor:pointer;transition:.2s;font-family:inherit}
.ck-accept:hover,.ck-reject:hover{box-shadow:0 0 24px rgba(43,212,217,.35)}
.ck-custom{flex:none;font-size:13px;font-weight:700;padding:12px 16px;border-radius:999px;background:none;border:1px solid var(--line2,rgba(255,255,255,.14));color:var(--muted,#98A0AA);cursor:pointer;transition:.2s;font-family:inherit}
.ck-custom:hover{color:var(--text,#EDEFF3)}
.ck-panel{display:none;margin-top:16px;border-top:1px solid var(--line,rgba(255,255,255,.08));padding-top:14px}
.ck-panel.open{display:block}
.ck-row{display:flex;align-items:center;gap:14px;padding:9px 0}
.ck-row b{font-size:13.5px;color:var(--text,#EDEFF3)}
.ck-row span{display:block;font-size:12px;color:var(--muted2,#6C737D)}
.ck-row .grow{flex:1}
.ck-sw{position:relative;width:44px;height:26px;flex:none}
.ck-sw input{opacity:0;width:0;height:0}
.ck-sw i{position:absolute;inset:0;background:#2A303A;border-radius:999px;transition:.25s;border:1px solid var(--line2,rgba(255,255,255,.14));cursor:pointer}
.ck-sw i::after{content:"";position:absolute;left:3px;top:2.5px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.25s}
.ck-sw input:checked + i{background:var(--green,#3ED598);border-color:var(--green,#3ED598)}
.ck-sw input:checked + i::after{transform:translateX(17px)}
.ck-sw input:disabled + i{opacity:.55;cursor:not-allowed}
.ck-save{margin-top:10px;width:100%;font-size:13.5px;font-weight:800;padding:11px;border-radius:999px;background:none;border:1px solid var(--cyan,#2BD4D9);color:var(--cyan,#2BD4D9);cursor:pointer;transition:.2s;font-family:inherit}
.ck-save:hover{background:var(--cyan,#2BD4D9);color:#062022}
@media(max-width:560px){.ck{padding:18px}.ck-btns{flex-direction:column}.ck-custom{width:100%}}

/* ---------- auth chip (nav, all pages) ---------- */
.auth-chip{display:flex;align-items:center;gap:8px}
.auth-chip .ac-user{display:flex;align-items:center;gap:9px;background:var(--cyan-dim,rgba(43,212,217,.14));border:1px solid rgba(43,212,217,.4);border-radius:999px;padding:5px 14px 5px 5px;text-decoration:none;transition:.25s;max-width:190px}
.auth-chip .ac-user:hover{box-shadow:0 0 20px rgba(43,212,217,.3)}
.auth-chip .ac-av{width:28px;height:28px;border-radius:50%;background:var(--cyan,#2BD4D9);color:#062022;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;flex:none;overflow:hidden}
.auth-chip .ac-av img{width:100%;height:100%;object-fit:cover}
.auth-chip .ac-name{font-size:13px;font-weight:700;color:var(--cyan,#2BD4D9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auth-chip .ac-out{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,90,95,.45);background:rgba(255,90,95,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;flex:none}
.auth-chip .ac-out:hover{background:var(--red,#FF5A5F)}
.auth-chip .ac-out svg{width:16px;height:16px;stroke:var(--red,#FF5A5F);transition:.2s}
.auth-chip .ac-out:hover svg{stroke:#fff}
@media(max-width:900px){.auth-chip .ac-name{display:none}.auth-chip .ac-user{padding:5px}}

/* ---------- shared toast ---------- */
.site-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#1D232C;border:1px solid var(--line2,rgba(255,255,255,.14));border-radius:14px;padding:12px 20px;font-size:13.5px;font-weight:600;color:var(--text,#EDEFF3);opacity:0;pointer-events:none;transition:.3s;z-index:500;box-shadow:0 16px 44px rgba(0,0,0,.5);max-width:90vw;text-align:center}
.site-toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- live status badge (footer) ---------- */
.status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;border:1px solid var(--line2,rgba(255,255,255,.14));background:rgba(255,255,255,.03);color:var(--muted,#96A0AD);font-size:12px;font-weight:700;text-decoration:none;transition:.25s;line-height:1}
.status-badge:hover{border-color:var(--cyan,#2BD4D9);transform:translateY(-1px)}
.status-badge .sdot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:sdotpulse 2.2s infinite}
.status-badge.ok{color:#34d399}
.status-badge.warn{color:#fbbf24}
.status-badge.down{color:#f87171}
.status-badge.mut{color:var(--muted,#96A0AD)}
.status-badge.mut .sdot{animation:none}
@keyframes sdotpulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}70%{box-shadow:0 0 0 6px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}