/* Role colours identify the workspace; status colours retain their existing meaning. */
:root[data-role="admin"]{--navy:#14283f;--teal:#244b74;--role-accent:#244b74;--role-soft:#edf2f9;--role-border:#ccd9e9;--role-nav-active:#294560;--role-nav-marker:#a0c6ef;--role-hero-end:#315477;--role-hero-text:#d8e5f4}
:root[data-role="store"]{--navy:#0c4145;--teal:#0b766e;--role-accent:#0b766e;--role-soft:#e7f5f1;--role-border:#bedfd6;--role-nav-active:#175c5e;--role-nav-marker:#7be1cc;--role-hero-end:#16796f;--role-hero-text:#d7f1e9}
:root[data-role="office"]{--navy:#4b2f18;--teal:#95510f;--role-accent:#95510f;--role-soft:#fff4e3;--role-border:#e9d1ae;--role-nav-active:#71491f;--role-nav-marker:#f8cb83;--role-hero-end:#976027;--role-hero-text:#fff0db}
html[data-role] .sidebar{background:var(--navy);color:#d9e5e9}
html[data-role] .sidebar .nav-item{color:#d5e2e7}
html[data-role] .sidebar .nav-item.active,html[data-role] .sidebar .nav-item:hover{background:var(--role-nav-active);color:#fff}
html[data-role] .sidebar .nav-item.active{border-left-color:var(--role-nav-marker)}
html[data-role] .sidebar .nav-caption,html[data-role] .brand small{color:var(--role-nav-marker)}
html[data-role] .sidebar-footer{border-top-color:#ffffff2b;color:#d5e2e7}
html[data-role] .brand-mark{background:transparent}
html[data-role] .hero{background:linear-gradient(115deg,var(--navy),var(--role-hero-end))}
html[data-role] .hero p{color:var(--role-hero-text)}
html[data-role] .hero .tag{border-color:var(--role-nav-marker);color:var(--role-hero-text)}
html[data-role] button.primary:hover{filter:brightness(.92);background:var(--role-accent)}
html[data-role] .avatar{background:var(--role-soft);color:var(--role-accent)}
html[data-role] .text-link,html[data-role] .menu-card .ico,html[data-role] .stat .ico,html[data-role] .dish-price{color:var(--role-accent)}
html[data-role] .schedule-tabs button.active,html[data-role] .listing-tabs button.active{background:var(--role-accent);border-color:var(--role-accent);color:#fff}
html[data-role] .published-holidays{border-top-color:var(--role-accent)}
html[data-role] .integrated-holiday-settings{background:var(--role-soft);border-color:var(--role-border)}
html[data-role] .integrated-holiday-settings>summary{color:var(--role-accent)}
html[data-role] input[type="checkbox"],html[data-role] input[type="radio"],html[data-role] input[type="range"]{accent-color:var(--role-accent)}
html[data-role] button:focus-visible,html[data-role] a:focus-visible{outline:3px solid var(--role-accent);outline-offset:3px}
html[data-role] .request-notification{color:var(--role-accent);background:var(--role-soft);border-color:var(--role-border)}
.role-context-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 22px;padding:11px 15px;border:1px solid var(--role-border);border-radius:11px;background:var(--role-soft)}
.role-context-label{display:inline-flex;align-items:center;gap:9px;color:var(--role-accent);font-size:13px;font-weight:750;line-height:1.6;overflow-wrap:anywhere;min-width:0}
.role-context-label::before{content:'';display:block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--role-accent)}
.role-context-bar .role-context-description{font-size:11px;color:#60717b}
@media(max-width:760px){.role-context-bar{padding:10px 12px;gap:4px 10px;margin-bottom:18px}.role-context-label{font-size:12px}.role-context-description{width:100%;padding-left:17px}}