/* Admin-only navigation; storefront and editor controls retain their styles. */
.admin-sidebar { width: 238px; padding: 18px 0 12px; gap: 0; background: #23282d; color: #f0f0f1; border: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #667078 #23282d; }
.admin-sidebar .admin-brand { display: flex; align-items: center; gap: 12px; padding: 0 18px 16px; text-align: start; color: #fff; font-size: 14px; font-weight: 600; }
.admin-sidebar .admin-brand img { background: #fff; border-radius: 5px; width: 74px; height: 48px; padding: 4px; }
.admin-sidebar .admin-store-link { display: flex; justify-content: space-between; color: #c3c4c7; margin: 0 18px 16px; padding: 9px 0; border-block: 1px solid #ffffff20; font-size: 13px; }
.admin-sidebar nav { display: flex; flex-direction: column; gap: 3px; }
.admin-sidebar nav a, .admin-sidebar summary { display: flex; align-items: center; gap: 11px; padding: 12px 19px; border-radius: 0; color: #f0f0f1; font-size: 14px; line-height: 1.4; text-decoration: none; box-shadow: none; }
.admin-sidebar summary { list-style: none; cursor: pointer; font-weight: 500; }
.admin-sidebar summary::-webkit-details-marker { display: none; }
.admin-sidebar .admin-nav-icon { flex: 0 0 20px; opacity: .75; }
.admin-sidebar .admin-nav-chevron { margin-inline-start: auto; transition: transform .15s; }
.admin-sidebar details[open] > summary .admin-nav-chevron { transform: rotate(180deg); }
.admin-sidebar nav a:hover, .admin-sidebar summary:hover { background: #323a41; color: #8ed9dc; }
.admin-sidebar nav > a.active, .admin-sidebar .is-active > summary { background: #087f83; color: #fff; }
.admin-sidebar .admin-subnav { background: #191e23; padding: 6px 0; }
.admin-sidebar .admin-subnav a { padding: 10px 50px 10px 12px; font-size: 13px; color: #c3c4c7; }
.admin-sidebar .admin-subnav a.active { background: transparent; color: #fff; font-weight: 700; box-shadow: inset -3px 0 #65c6ca; }
.admin-sidebar a:focus-visible, .admin-sidebar summary:focus-visible, .admin-sidebar button:focus-visible { outline: 2px solid #8ed9dc; outline-offset: -3px; }
.admin-sidebar form { margin: auto 18px 0; padding-top: 24px; position: static; }
.admin-signout { background: transparent; border: 1px solid #ffffff40; border-radius: 4px; color: #f0f0f1; font: inherit; font-size: 13px; padding: 10px 14px; width: 100%; cursor: pointer; }
.admin-signout:hover { background: #323a41; }
.admin-main:not(.login-main) { margin-right: 238px; }
.admin-content-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.admin-content-tabs a { padding: 10px 16px; border: 1px solid #dcdcde; border-radius: 5px; color: #424356; background: #fff; }
.admin-content-tabs a[aria-current="page"] { background: #087f83; border-color: #087f83; color: #fff; }
@media (max-width: 1000px) and (min-width: 721px) { .admin-sidebar { width: 218px; } .admin-main:not(.login-main) { margin-right: 218px; } }
@media (max-width: 720px) {
    .admin-sidebar { width: 100%; position: static; padding: 12px 0; max-height: 48vh; }
    .admin-sidebar .admin-brand { padding-bottom: 8px; }
    .admin-sidebar .admin-store-link { margin-bottom: 8px; }
    .admin-sidebar nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; align-items: start; }
    .admin-sidebar nav a, .admin-sidebar summary { padding: 12px; font-size: 13px; }
    .admin-sidebar .admin-subnav a { padding-inline: 15px; min-height: 44px; }
    .admin-sidebar form { padding-top: 12px; }
    .admin-main:not(.login-main) { margin-right: 0; }
}
@media (prefers-reduced-motion: reduce) { .admin-sidebar .admin-nav-chevron { transition: none; } }