/* ============================================================
   Guest share-link read-only mode (TKT-000351 item 3)
   ------------------------------------------------------------
   Applies once js/guest-mode.js has had a guest session CONFIRMED
   by the server (GET /api/v1/share/session). Everything here is
   scoped under html[data-edash-guest="1"], which guest-mode.js
   sets only after that confirmation; the auth guard keeps the page
   hidden until then, so the full console never flashes.

   Token/role names used here (--r-card, --type-label-*, --warning,
   --surface, --border, --ink) are the shared tokens from
   css/global.css / css/glass.css -- see scripts/check-type-roles.py
   and scripts/check-css-tokens.py, which this file must keep
   passing. No literal font-size or border-radius below.
   ============================================================ */

/* --- Sidebar: entire nav, gone. ------------------------------ */
html[data-edash-guest="1"] #sidebar-root,
html[data-edash-guest="1"] .edash-sidebar-backdrop,
html[data-edash-guest="1"] #hdMenuToggle {
    display: none !important;
}

/* --- Forms: a guest session never submits anything. ----------- */
html[data-edash-guest="1"] form {
    display: none !important;
}

html[data-edash-guest="1"] input[type="submit"],
html[data-edash-guest="1"] input[type="button"] {
    display: none !important;
}

/* --- Anything js/guest-mode.js tagged by its mutate-keyword scan,
   or that a page opts in explicitly with data-guest-hide. -------- */
html[data-edash-guest="1"] [data-guest-hidden="1"],
html[data-edash-guest="1"] [data-guest-hide] {
    display: none !important;
}

/* --- The read-only banner -------------------------------------- */
.edash-guest-banner {
    display: flex;
    align-items: center;
    gap: .6em;
    flex: 0 0 auto;
    padding: .65em 1em;
    background: var(--warning-soft);
    color: var(--ink);
    border-bottom: 1px solid var(--warning);
    font-size: var(--type-label-size);
    font-weight: var(--type-label-weight);
    line-height: var(--type-label-lh);
    letter-spacing: var(--type-label-ls);
}

@media (max-width: 900px) {
    .edash-guest-banner {
        font-size: var(--type-label-size-phone);
    }
}

.edash-guest-banner__icon {
    color: var(--warning);
    flex: 0 0 auto;
}

.edash-guest-banner__text {
    flex: 1 1 auto;
    min-width: 0;
}

.edash-guest-banner__title {
    font-weight: var(--type-label-weight);
}

.edash-guest-banner__expiry {
    font-weight: var(--type-body-weight);
    color: var(--ink);
    opacity: .8;
    margin-inline-start: .4em;
}

:root[data-theme="dark"] .edash-guest-banner {
    background: var(--warning-soft);
    border-bottom-color: var(--warning);
}