/* Store admin header and footer, styled like the storefront header (brand colours, logo) with a slim footer. */
.admin-topbar{height:64px;gap:14px;border-bottom:0;background:var(--brand-header-bg,var(--brand-primary));color:var(--brand-header-text);font-family:var(--brand-header-font)}
.admin-topbar small{color:inherit;opacity:.75}
.admin-topbar .admin-brand{display:flex;align-items:center;flex:0 0 auto;max-width:170px;height:44px}
.admin-topbar .admin-brand img{display:block;max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain}
.admin-topbar .admin-topbar-title{padding-left:14px;border-left:1px solid color-mix(in srgb,var(--brand-header-text) 28%,transparent);line-height:1.25;min-width:0}
.admin-topbar .admin-topbar-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-topbar .admin-fullscreen-button,.admin-topbar .admin-logout-button{border:1px solid color-mix(in srgb,var(--brand-header-text) 35%,transparent);background:transparent;color:var(--brand-header-text);font:inherit;font-size:13px}
.admin-topbar .admin-fullscreen-button:hover,.admin-topbar .admin-logout-button:hover{background:color-mix(in srgb,var(--brand-header-text) 14%,transparent)}
.admin-topbar .admin-mobile-nav{background:color-mix(in srgb,var(--brand-header-text) 16%,transparent);color:var(--brand-header-text)}
.admin-ai-coin{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px 0 8px;border:1px solid #f1d27a;border-radius:999px;background:#fff8dc;color:#7a4d06;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap}
.admin-ai-coin:hover{background:#fff1b8}
.admin-ai-coin.is-empty{border-color:#f3b4b4;background:#fff0f0;color:#9b1c1c}
.admin-ai-coin svg{flex:0 0 auto}
.admin-workspace{display:flex;flex-direction:column}
.admin-workspace .admin-content{flex:1 0 auto}
.admin-footer{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;padding:12px 24px;background:var(--brand-secondary);color:var(--brand-on-secondary);font-size:12px}
.admin-footer nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.admin-footer a{color:var(--brand-footer-icons,inherit);text-decoration:none}
.admin-footer a:hover{text-decoration:underline}
@media(max-width:760px){.admin-topbar{padding:0 12px;gap:8px}.admin-topbar .admin-brand{max-width:104px}.admin-topbar .admin-topbar-title{display:none}.admin-topbar .admin-fullscreen-button,.admin-topbar .admin-logout-button{padding:8px 10px}.admin-footer{padding:12px;justify-content:center;text-align:center}}