/* Cookie notice bar. Deliberately self-contained: it renders on the landing page (home.css),
   the Identity auth screens (home.css), the legal pages (home.css + legal.css) AND inside the
   Bootstrap app shell (etherssh.css), so it cannot borrow tokens from any of them. Its own
   variables follow the same system / light / dark contract as the rest of the app: the app sets
   data-theme="light|dark|system" on <html> (see ThemeService), and "system" falls back to
   prefers-color-scheme. */

.cookie-notice{
    --cn-bg:#0b1716;
    --cn-line:rgba(185,212,205,.2);
    --cn-text:#b9c3c0;
    --cn-strong:#f7faf7;
    --cn-accent:#65fbd2;
    --cn-on-accent:#04100d;
    --cn-shadow:rgba(0,0,0,.5);

    position:fixed;
    left:20px;
    right:20px;
    bottom:20px;
    z-index:9999;
    margin:0 auto;
    max-width:640px;
    display:flex;
    align-items:center;
    gap:20px;
    padding:16px 18px;
    background:var(--cn-bg);
    border:1px solid var(--cn-line);
    box-shadow:0 20px 60px var(--cn-shadow);
    color:var(--cn-text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-size:12px;
    line-height:1.65;
}
.cookie-notice[hidden]{display:none}
.cookie-notice p{margin:0}
.cookie-notice b{display:block;color:var(--cn-strong);font-size:12px;font-weight:600;margin-bottom:4px;letter-spacing:.01em}
.cookie-notice a{color:var(--cn-accent);text-decoration:underline;text-underline-offset:3px}
.cookie-notice button{
    flex:0 0 auto;
    height:38px;
    padding:0 20px;
    border:0;
    background:var(--cn-accent);
    color:var(--cn-on-accent);
    font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    letter-spacing:.12em;
    text-transform:uppercase;
    cursor:pointer;
    transition:.2s;
}
.cookie-notice button:hover{filter:brightness(1.12)}

/* Light palette — mirrored for the explicit choice and for "system" following the OS.
   CSS cannot share one block between an attribute selector and a media condition, so the two
   copies below must be kept in sync (same arrangement as home.css). */
[data-theme="light"] .cookie-notice{
    --cn-bg:#ffffff;
    --cn-line:rgba(11,21,19,.16);
    --cn-text:#33413e;
    --cn-strong:#0b1513;
    --cn-accent:#0d7f66;
    --cn-on-accent:#ffffff;
    --cn-shadow:rgba(11,21,19,.16);
}
@media(prefers-color-scheme:light){
    [data-theme="system"] .cookie-notice,:root:not([data-theme]) .cookie-notice{
        --cn-bg:#ffffff;
        --cn-line:rgba(11,21,19,.16);
        --cn-text:#33413e;
        --cn-strong:#0b1513;
        --cn-accent:#0d7f66;
        --cn-on-accent:#ffffff;
        --cn-shadow:rgba(11,21,19,.16);
    }
}

@media(max-width:640px){
    .cookie-notice{left:12px;right:12px;bottom:12px;flex-direction:column;align-items:stretch;gap:14px;padding:16px}
    .cookie-notice button{width:100%;height:42px}
}