:root {
--admin-bg: #f4f7fb;
--admin-surface: #ffffff;
--admin-surface-alt: #f8fafc;
--admin-surface-dark: #0b1020;
--admin-text: #111827;
--admin-text-muted: #667085;
--admin-border: #e5e7eb;
--admin-accent: #111827;
--admin-primary: #1d4ed8;
--admin-info: #2563eb;
--admin-success: #059669;
--admin-warning: #d97706;
--admin-danger: #dc2626;
--admin-sidebar-bg: #0b1020;
--admin-sidebar-text: #d6dbe6;
--radius-sm: 10px;
--radius-md: 14px;
--radius-lg: 20px;
--radius-xl: 24px;
--radius-2xl: 32px;
--shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
--shadow-sm: 0 6px 20px rgba(15, 23, 42, 0.06);
--shadow-md: 0 14px 34px rgba(15, 23, 42, 0.10);
--shadow-lg: 0 24px 60px rgba(11, 16, 32, 0.18);
--space-1: .25rem;
--space-2: .5rem;
--space-3: .75rem;
--space-4: 1rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-7: 1.75rem;
--space-8: 2rem;
--space-9: 2.5rem;
--space-10: 3rem;
--font-size-xs: .75rem;
--font-size-sm: .875rem;
--font-size-base: 1rem;
--font-size-md: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.5rem;
--font-size-2xl: 2rem;
--font-size-3xl: 2.5rem;
--z-sidebar: 40;
--z-topbar: 45;
--z-drawer: 70;
--z-modal: 80;
--z-notification-center: 75;
}
html, body { min-height: 100%; }
body.admin-app {
margin: 0;
color: var(--admin-text);
background: radial-gradient(circle at top, #fbfcfe 0, var(--admin-bg) 40%, #eef2f7 100%);
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
input, select, textarea {
width: 100%;
border: 1px solid var(--admin-border);
background: #fff;
color: var(--admin-text);
border-radius: var(--radius-md);
}
input:focus, select:focus, textarea:focus {
outline: none;
border-color: rgba(37, 99, 235, .45);
box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}
.admin-page-shell {
display: grid;
gap: 1rem;
}
.admin-content {
padding: 1rem 1.15rem;
}
.admin-content > *:first-child { margin-top: 0; }
.inline-form { display: inline-flex; align-items: center; gap: .4rem; margin: 0; }
.admin-inline-amount { width: 6.75rem; min-width: 6.25rem; flex: 0 0 auto; }
.admin-inline-reason { width: 9.5rem; min-width: 8rem; flex: 0 1 11rem; }
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .45rem;
border: 1px solid transparent;
border-radius: 999px;
padding: .56rem .92rem;
font-size: .86rem;
font-weight: 700;
white-space: nowrap;
flex-shrink: 0;
cursor: pointer;
transition: all .2s ease;
}
.btn-sm { padding: .45rem .78rem; font-size: .8rem; }
.btn-primary {
background: var(--admin-accent);
color: white;
box-shadow: var(--shadow-sm);
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }
.btn-ghost {
background: #fff;
color: var(--admin-text);
border-color: var(--admin-border);
}
.btn-ghost:hover { background: var(--admin-surface-alt); }
.admin-field-stack {
display: grid;
gap: .45rem;
}
.admin-field-stack span {
font-size: var(--font-size-sm);
font-weight: 700;
color: var(--admin-text-muted);
}
body.admin-lock-scroll { overflow: hidden; }
.admin-shell {
display: grid;
grid-template-columns: 256px minmax(0, 1fr);
min-height: 100vh;
}
.admin-main {
min-width: 0;
display: grid;
grid-template-rows: auto 1fr;
}
.sidebar {
position: sticky;
top: 0;
z-index: var(--z-sidebar);
height: 100vh;
overflow: auto;
background: radial-gradient(circle at top, rgba(59, 130, 246, 0.12), transparent 24%), linear-gradient(180deg, #0b1020 0%, #121a31 56%, #0d162b 100%);
color: #edf2ff;
padding: .8rem .78rem 1rem;
border-right: 1px solid rgba(255,255,255,.06);
scrollbar-width: thin;
scrollbar-color: rgba(148, 163, 184, .5) transparent;
}
.sidebar-brand-mark {
font-size: var(--font-size-xs);
text-transform: uppercase;
letter-spacing: .22em;
color: rgba(237, 242, 255, .74);
margin: .1rem .5rem .75rem;
}
.sidebar-logo {
display: flex;
align-items: center;
gap: .75rem;
padding: .68rem .78rem;
margin-bottom: .75rem;
border-radius: var(--radius-lg);
background: rgba(255,255,255,.08);
box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.sidebar-logo__mark {
width: 2.35rem;
height: 2.35rem;
border-radius: .78rem;
display: grid;
place-items: center;
background: linear-gradient(135deg, #ffffff, #bfdbfe);
color: #111827;
font-weight: 900;
font-size: 1rem;
}
.sidebar-logo strong { display: block; color: #fff; font-size: .92rem; }
.sidebar-logo small { color: rgba(237, 242, 255, .86); font-size: .76rem; }
.sidebar-shortcuts {
display: grid;
grid-template-columns: 1fr 1fr;
gap: .45rem;
margin-bottom: .75rem;
}
.sidebar-shortcuts--triple {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sidebar-shortcut {
border: 1px solid rgba(255,255,255,.08);
background: rgba(255,255,255,.08);
color: #fff;
border-radius: 999px;
padding: .54rem .62rem;
font-size: .78rem;
font-weight: 700;
text-align: center;
cursor: pointer;
}
.sidebar-shortcut--ghost {
background: transparent;
color: #e8eefc;
}
.sidebar-nav {
display: grid;
gap: .65rem;
}
.sidebar-group {
display: grid;
gap: .28rem;
}
.sidebar-group + .sidebar-group {
padding-top: .6rem;
border-top: 1px solid rgba(255,255,255,.07);
}
.sidebar-section {
padding: .2rem .68rem;
font-size: .68rem;
text-transform: uppercase;
letter-spacing: .18em;
color: rgba(237, 242, 255, .72);
}
.sidebar-section--toggle {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: .65rem;
border: 0;
background: transparent;
text-align: left;
cursor: pointer;
}
.sidebar-section__chevron {
width: .64rem;
height: .64rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform .18s ease;
opacity: .85;
margin-right: .2rem;
}
.sidebar-group.is-open .sidebar-section__chevron {
transform: rotate(225deg);
}
.sidebar-group__body {
display: grid;
gap: .25rem;
}
.sidebar-group.is-collapsed .sidebar-group__body {
display: none;
}
.sidebar-link {
text-decoration: none;
display: flex;
align-items: center;
justify-content: space-between;
gap: .6rem;
padding: .62rem .78rem;
border-radius: .78rem;
font-size: .84rem;
color: #e8eefc;
transition: all .2s ease;
}
.sidebar-link:hover {
background: rgba(255,255,255,.08);
color: #fff;
}
.sidebar-link.is-active {
background: #fff;
color: #111827;
box-shadow: var(--shadow-md);
}
.sidebar-link__badge {
min-width: 1.65rem;
padding: .2rem .5rem;
border-radius: 999px;
background: rgba(255,255,255,.16);
font-size: .72rem;
text-align: center;
font-weight: 800;
}
.sidebar-link.is-active .sidebar-link__badge {
background: #dbeafe;
color: #1d4ed8;
}
.sidebar-link__badge--soft { background: rgba(16, 185, 129, .18); color: #b7f7dc; }
.sidebar-link__badge--warning { background: rgba(217, 119, 6, .18); color: #ffe1a8; }
.sidebar-link__badge--danger { background: rgba(220, 38, 38, .18); color: #fecaca; }
.sidebar-link__badge--info { background: rgba(59, 130, 246, .18); color: #dbeafe; }
.sidebar-footer {
margin-top: 1.3rem;
padding: 1rem;
border-radius: var(--radius-xl);
background: rgba(255,255,255,.05);
}
.sidebar-footer__label {
font-size: var(--font-size-xs);
text-transform: uppercase;
letter-spacing: .18em;
color: rgba(214, 219, 230, .58);
margin-bottom: .55rem;
}
.sidebar-footer p { margin: 0; line-height: 1.6; font-size: var(--font-size-sm); }
.topbar {
position: sticky;
top: 0;
z-index: var(--z-topbar);
display: grid;
grid-template-columns: auto minmax(0,1fr) auto;
gap: .75rem;
align-items: center;
padding: .68rem 1.05rem;
background: rgba(255,255,255,.88);
backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(229,231,235,.85);
}
.topbar-left, .topbar-right {
display: flex;
align-items: center;
gap: .65rem;
}
.topbar-title-block { display: grid; }
.topbar-kicker {
font-size: .68rem;
text-transform: uppercase;
letter-spacing: .16em;
color: var(--admin-text-muted);
}
.topbar-title-block strong { font-size: .92rem; }
.topbar-icon-button {
width: 2.35rem;
height: 2.35rem;
border-radius: 999px;
border: 1px solid var(--admin-border);
background: #fff;
display: grid;
place-items: center;
cursor: pointer;
box-shadow: var(--shadow-xs);
}
.topbar-user-pill {
display: flex;
align-items: center;
gap: .55rem;
padding: .32rem .65rem .32rem .35rem;
border: 1px solid var(--admin-border);
border-radius: 999px;
background: #fff;
}
.topbar-user-pill__avatar {
width: 1.9rem;
height: 1.9rem;
border-radius: 999px;
display: grid;
place-items: center;
background: #111827;
color: #fff;
font-weight: 900;
font-size: .82rem;
}
.topbar-user-pill__meta { display: grid; }
.topbar-user-pill__meta strong { font-size: .8rem; }
.topbar-user-pill__meta small { color: var(--admin-text-muted); font-size: .72rem; }
.admin-page-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: .85rem;
padding: 1rem 1.25rem;
border: 1px solid var(--admin-border);
background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-sm);
}
.admin-page-header__content { display: grid; gap: .38rem; }
.admin-page-header__titles h1 { margin: 0; font-size: clamp(1.32rem, 1.55vw, 1.65rem); }
.admin-page-header__titles p { margin: 0; color: var(--admin-text-muted); max-width: 60ch; font-size: .88rem; }
.admin-page-header__actions { display: flex; flex-wrap: wrap; gap: .55rem; }
.admin-breadcrumbs {
display: inline-flex;
align-items: center;
gap: .4rem;
font-size: .8rem;
color: var(--admin-text-muted);
}
.admin-overlay[hidden] { display: none !important; }
.admin-overlay {
position: fixed;
inset: 0;
left: 256px;
background: rgba(15, 23, 42, .18);
z-index: 39;
}
@media (max-width: 1024px) {
.admin-overlay {
left: 0;
z-index: calc(var(--z-drawer) - 1);
background: rgba(2, 6, 23, .38);
}
}
.sidebar-radar {
display: grid;
gap: .5rem;
margin-top: .75rem;
padding-top: .75rem;
border-top: 1px solid rgba(255,255,255,.08);
}
.sidebar-radar__card {
display: grid;
gap: .16rem;
padding: .68rem .78rem;
border-radius: .85rem;
color: #f8fbff;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.08);
box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.sidebar-radar__card strong { font-size: .82rem; }
.sidebar-radar__card span { color: rgba(237,242,255,.78); font-size: .72rem; line-height: 1.45; }
.sidebar-radar__card:hover { background: rgba(255,255,255,.1); }
.admin-global-search {
position: relative;
display: flex;
align-items: center;
gap: .6rem;
min-height: 2.5rem;
padding: .45rem .85rem;
border-radius: 999px;
border: 1px solid var(--admin-border);
background: rgba(248, 250, 252, .95);
box-shadow: var(--shadow-xs);
}
.admin-global-search__icon,
.admin-global-search__hint {
color: var(--admin-text-muted);
font-weight: 700;
white-space: nowrap;
}
.admin-global-search input {
border: 0;
background: transparent;
box-shadow: none;
padding: 0;
}
.admin-global-search__menu {
position: absolute;
top: calc(100% + .65rem);
left: 0;
right: 0;
display: grid;
gap: .3rem;
padding: .65rem;
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
background: #fff;
box-shadow: var(--shadow-lg);
z-index: 40;
}
.admin-global-search__menu[hidden] { display: none; }
.admin-global-search__menu-head {
padding: .25rem .35rem .45rem;
color: var(--admin-text-muted);
font-size: var(--font-size-xs);
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
}
.admin-global-search__item {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
padding: .8rem .85rem;
border-radius: 1rem;
color: var(--admin-text);
}
.admin-global-search__item:hover,
.admin-global-search__item:focus-visible {
background: var(--admin-surface-alt);
}
.admin-global-search__item-copy { display: grid; gap: .18rem; }
.admin-global-search__item-copy small { color: var(--admin-text-muted); }
.admin-global-search__item-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2rem;
min-height: 2rem;
padding: .25rem .55rem;
border-radius: 999px;
background: #eef2ff;
color: #1e3a8a;
font-size: var(--font-size-xs);
font-weight: 800;
}
.admin-global-search__empty {
padding: .85rem .9rem;
color: var(--admin-text-muted);
}
.quick-actions { position: relative; }
.quick-actions-menu {
position: absolute;
right: 0;
top: calc(100% + .6rem);
min-width: 13rem;
display: none;
padding: .5rem;
border: 1px solid var(--admin-border);
border-radius: var(--radius-lg);
background: #fff;
box-shadow: var(--shadow-md);
}
.quick-actions.is-open .quick-actions-menu { display: grid; gap: .25rem; }
.quick-actions-menu a {
display: grid;
gap: .18rem;
padding: .8rem .9rem;
border-radius: .9rem;
color: var(--admin-text);
}
.quick-actions-menu a small { color: var(--admin-text-muted); }
.quick-actions-menu a:hover { background: var(--admin-surface-alt); }
.quick-actions-menu__empty { padding: .8rem .9rem; color: var(--admin-text-muted); }
.notification-center{position:fixed;inset:0 0 0 auto;width:min(30rem,100vw);height:100dvh;z-index:var(--z-notification-center);background:#fff;border-left:1px solid var(--admin-border);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .2s ease;overflow:hidden}
.notification-center.is-open{transform:translateX(0)}
.notification-center__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem .9rem;border-bottom:1px solid var(--admin-border)}
.notification-center__header strong{font-size:1.05rem}.notification-center__header p{margin:.3rem 0 0;max-width:38ch;color:var(--admin-text-muted);font-size:.82rem;line-height:1.45}
.notification-center__toolbar,.notification-center__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}
.notification-center__toolbar{padding:.65rem 1.1rem;border-bottom:1px solid var(--admin-border);background:#fbfdff}
.notification-center__toolbar a,.notification-center__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.32rem .65rem;border:1px solid var(--admin-border);border-radius:.7rem;background:#fff;color:#334155;font-size:.75rem;font-weight:800;text-decoration:none}
.notification-center__toolbar a:hover,.notification-center__actions a:hover{border-color:#bfdbfe;color:var(--admin-primary);background:#eff6ff}
.notification-center__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.notification-center__summary-card{display:flex;align-items:center;justify-content:space-between;gap:.55rem;min-width:0;padding:.65rem .72rem;border:1px solid var(--admin-border);border-radius:.85rem;background:var(--admin-surface-alt)}
.notification-center__summary-card strong{font-size:1.05rem;line-height:1}.notification-center__summary-card span{overflow:hidden;text-overflow:ellipsis;color:var(--admin-text-muted);font-size:.7rem;font-weight:800}
.notification-center__summary-card--warning{background:#fffbeb;border-color:#fde68a}.notification-center__summary-card--danger{background:#fff7f7;border-color:#fecaca}
.notification-center__list{padding:.85rem 1.1rem 1.1rem;display:grid;align-content:start;gap:.72rem;overflow:auto;min-height:0}.notification-center__actions{padding:0}.notification-center__items{display:grid;gap:.6rem}
.notification-center__empty{display:grid;gap:.5rem;padding:.9rem;border:1px dashed var(--admin-border);border-radius:.9rem;background:var(--admin-surface-alt)}.notification-center__empty p{margin:0;color:var(--admin-text-muted);font-size:.82rem;line-height:1.5}
.notification-item{display:grid;gap:.34rem;padding:.8rem .85rem;border:1px solid var(--admin-border);border-radius:.9rem;background:#fff;color:var(--admin-text)}.notification-item__row{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.notification-item strong{display:block;margin:0;font-size:.86rem}.notification-item p{margin:0;color:var(--admin-text-muted);font-size:.78rem;line-height:1.45}.notification-item small{color:var(--admin-text-muted);font-size:.72rem}.notification-item--danger{background:#fffafa;border-color:#fecaca}.notification-item--warning{background:#fffdf6;border-color:#fde68a}
.status-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.9rem;
padding: .25rem .75rem;
border-radius: 999px;
background: #eef2f7;
color: #334155;
font-size: var(--font-size-xs);
font-weight: 800;
}
.status-badge--success { background: #ecfdf5; color: #047857; }
.status-badge--warning { background: #fff7ed; color: #b45309; }
.status-badge--danger { background: #fef2f2; color: #b91c1c; }
.status-badge--info { background: #eff6ff; color: #1d4ed8; }
.admin-stat-card {
display: grid;
gap: .35rem;
padding: 1rem 1.1rem;
border-radius: var(--radius-xl);
border: 1px solid var(--admin-border);
background: #fff;
box-shadow: var(--shadow-sm);
}
.admin-stat-card__label,
.admin-stat-card__note { color: var(--admin-text-muted); }
.admin-stat-card__value { font-size: 1.8rem; line-height: 1; }
.bulk-action-bar,
.filter-bar-shell,
.data-table-shell {
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
background: #fff;
box-shadow: var(--shadow-sm);
}
.bulk-action-bar,
.filter-bar-shell,
.data-table-shell__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: .85rem;
padding: 1rem 1.1rem;
}
.filter-bar-shell { flex-wrap: wrap; }
.filter-bar-shell__search { min-width: min(24rem, 100%); flex: 1; }
.filter-bar-shell__chips,
.filter-bar-shell__actions,
.data-table-shell__actions,
.bulk-action-bar__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.chip {
border: 1px solid var(--admin-border);
background: var(--admin-surface-alt);
border-radius: 999px;
padding: .55rem .85rem;
font-weight: 700;
color: var(--admin-text-muted);
}
.admin-drawer,
.admin-modal {
position: fixed;
inset: 0;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease;
}
.admin-drawer.is-open,
.admin-modal.is-open { opacity: 1; pointer-events: auto; }
.admin-drawer {
display: flex;
justify-content: flex-end;
z-index: var(--z-drawer);
}
.admin-drawer__header,
.admin-modal__header,
.admin-modal__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
}
.admin-drawer__header,
.admin-modal__header { padding: 1.2rem 1.25rem; border-bottom: 1px solid var(--admin-border); }
.admin-drawer__header p,
.admin-modal__body p { margin: .4rem 0 0; color: var(--admin-text-muted); }
.admin-drawer__body,
.admin-modal__body { padding: 1.25rem; overflow: auto; }
.admin-drawer > *:not(.admin-overlay) {
width: min(30rem, 100vw);
height: 100vh;
margin-left: auto;
background: #fff;
border-left: 1px solid var(--admin-border);
box-shadow: var(--shadow-lg);
display: grid;
grid-template-rows: auto 1fr;
}
.admin-modal {
z-index: var(--z-modal);
display: grid;
place-items: center;
background: rgba(2, 6, 23, .48);
}
.admin-modal__dialog {
width: min(34rem, calc(100vw - 2rem));
background: #fff;
border-radius: var(--radius-2xl);
border: 1px solid var(--admin-border);
box-shadow: var(--shadow-lg);
}
.admin-modal__actions { padding: 1rem 1.25rem 1.25rem; justify-content: flex-end; }
.ax-shell, .adm-grid, .cards.adm-cards, .adm-hero, .ax-surface, .card {
max-width: 100%;
}
.adm-hero, .ax-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
padding: .95rem 1.2rem;
border: 1px solid var(--admin-border);
border-radius: 14px;
background: linear-gradient(180deg, #ffffff, #fbfcfe);
box-shadow: var(--shadow-sm);
}
.adm-kicker, .ax-kicker {
color: var(--admin-text-muted);
text-transform: uppercase;
letter-spacing: .18em;
font-size: var(--font-size-xs);
font-weight: 800;
}
.adm-hero h1, .ax-head h1 { margin: .35rem 0 0; font-size: clamp(1.18rem, 1.45vw, 1.38rem); }
.adm-hero p, .ax-sub { margin: .55rem 0 0; color: var(--admin-text-muted); line-height: 1.7; max-width: 70ch; }
.adm-hero-badge {
padding: .75rem 1rem;
border-radius: 999px;
background: #111827;
color: #fff;
font-size: var(--font-size-sm);
font-weight: 800;
}
.cards.adm-cards, .ax-metrics {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1rem;
margin-top: 1rem;
}
.adm-card, .ax-metric {
display: grid;
gap: .35rem;
padding: 1rem 1.1rem;
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
background: #fff;
box-shadow: var(--shadow-sm);
}
.adm-card span, .ax-metric span { color: var(--admin-text-muted); font-size: var(--font-size-sm); }
.adm-card strong, .ax-metric strong { font-size: 1.8rem; }
.ax-surface, .adm-panel, .ax-table-wrap {
margin-top: 1rem;
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
background: #fff;
box-shadow: var(--shadow-sm);
}
.ax-surface__body, .adm-panel { padding: 1rem 1.1rem; }
.ax-inline-fields { display: flex; gap: .9rem; flex-wrap: wrap; }
.ax-field { min-width: min(14rem, 100%); flex: 1; display: grid; gap: .35rem; }
.ax-field label { font-size: var(--font-size-sm); font-weight: 700; color: var(--admin-text-muted); }
.ax-actions { display: flex; gap: .65rem; flex-wrap: wrap; align-items: center; }
.ax-table, .table {
width: 100%;
border-collapse: collapse;
}
.ax-table th, .ax-table td, .table th, .table td {
text-align: left;
padding: .95rem 1rem;
border-bottom: 1px solid #eef2f7;
vertical-align: top;
}
.ax-table thead th, .table thead th {
font-size: var(--font-size-xs);
text-transform: uppercase;
letter-spacing: .15em;
color: var(--admin-text-muted);
background: #fafbfc;
}
.ax-row-title { font-weight: 800; }
.ax-muted { color: var(--admin-text-muted); font-size: var(--font-size-sm); }
.ax-chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.9rem;
padding: .25rem .75rem;
border-radius: 999px;
background: #eef2f7;
color: #334155;
font-size: var(--font-size-xs);
font-weight: 800;
}
.ax-chip.success { background: #ecfdf5; color: #047857; }
.ax-chip.warning { background: #fff7ed; color: #b45309; }
.ax-chip.danger { background: #fef2f2; color: #b91c1c; }
.ax-chip.info { background: #eff6ff; color: #1d4ed8; }
.attr-blueprint-grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); margin-top:1rem; }
.attr-blueprint-card .catalog-card__body { display:grid; gap:1rem; }
.attr-blueprint-meta { display:flex; gap:.65rem; flex-wrap:wrap; }
.attr-blueprint-workspace { border:1px solid #dbeafe; background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%); }
.attr-blueprint-preview { margin-top:1rem; display:grid; gap:.35rem; padding:1rem 1.1rem; border:1px dashed #bfdbfe; border-radius:var(--radius-lg); background:#eff6ff; color:#1e3a8a; }
.attr-blueprint-preview strong { font-size:var(--font-size-base); }
.attr-blueprint-hero { border-color:#dbeafe; }
.admin-spacing-bottom-md { margin-bottom: 1rem; }
.admin-spacing-top-xs { margin-top: .375rem; }
.admin-spacing-top-sm { margin-top: .75rem; }
.admin-spacing-top-md { margin-top: 1rem; }
.admin-spacing-top-lg { margin-top: 1.25rem; }
.admin-layout-span-2 { grid-column: span 2; }
.admin-note-list {
margin: .75rem 0 0 1rem;
color: #475569;
display: grid;
gap: .4rem;
}
.field-validation-message {
color: #b91c1c;
font-size: var(--font-size-xs);
font-weight: 700;
}
.admin-field-stack--end { align-self: end; }
.provider-block--hidden { display: none; }
.admin-code-editor {
font-family: Consolas, "SFMono-Regular", Menlo, Monaco, monospace;
min-height: 14rem;
}
.admin-inline-result-box[hidden] { display: none; }
.admin-inline-result-box.is-visible { display: block; }
.admin-toolbar {
display: flex;
gap: .625rem;
flex-wrap: wrap;
align-items: end;
}
.admin-toolbar--push-end { margin-left: auto; }
.admin-input-compact { width: 5.625rem; }
.admin-input-compact--wide { width: 6.25rem; }
.admin-inline-form { display: inline-flex; }
.admin-inline-form--spaced { margin-left: .375rem; }
.admin-pagination-bar {
margin-top: .625rem;
display: flex;
gap: .375rem;
flex-wrap: wrap;
align-items: center;
}
.admin-pagination-bar__actions {
margin-left: auto;
display: flex;
gap: .375rem;
flex-wrap: wrap;
}
.catalog-actions--left { justify-content: flex-start; }
.catalog-media-cell {
display: flex;
gap: .85rem;
align-items: flex-start;
}
@media (max-width: 992px) {
.admin-layout-span-2 { grid-column: span 1; }
.admin-toolbar--push-end { margin-left: 0; }
.admin-pagination-bar__actions {
margin-left: 0;
width: 100%;
}
}
.topbar-control-strip {
display: flex;
flex-wrap: wrap;
gap: .4rem;
margin-left: .65rem;
}
.topbar-control-chip {
display: grid;
gap: .04rem;
min-width: 7.2rem;
padding: .42rem .65rem;
border-radius: .85rem;
border: 1px solid var(--admin-border);
background: #fff;
color: var(--admin-text);
box-shadow: var(--shadow-xs);
}
.topbar-control-chip strong { font-size: .78rem; }
.topbar-control-chip span { color: var(--admin-text-muted); font-size: .68rem; }
.topbar-control-chip--identity { background: linear-gradient(180deg, #eef2ff, #ffffff); }
.topbar-control-chip--ai { background: linear-gradient(180deg, #ecfeff, #ffffff); }
.topbar-control-chip--mobile { background: linear-gradient(180deg, #f5f3ff, #ffffff); }
.quick-actions-menu__spotlight {
display: grid;
gap: .45rem;
padding: .35rem 0 .15rem;
}
.quick-actions-menu__spotlight-card {
display: grid;
gap: .16rem;
padding: .8rem .9rem;
border-radius: 1rem;
background: linear-gradient(180deg, #f8fafc, #ffffff);
border: 1px solid var(--admin-border);
}
.quick-actions-menu__spotlight-card strong { color: var(--admin-text); }
.quick-actions-menu__spotlight-card small { color: var(--admin-text-muted); }
.admin-global-search__fastlane {
display: flex;
flex-wrap: wrap;
gap: .5rem;
padding: .15rem .35rem .55rem;
}
.admin-global-search__fastlane a {
display: inline-flex;
align-items: center;
padding: .45rem .7rem;
border-radius: 999px;
background: #f8fafc;
border: 1px solid var(--admin-border);
color: var(--admin-text);
font-size: var(--font-size-xs);
font-weight: 800;
}
@media (max-width: 1180px) {
.topbar-control-strip { margin-left: 0; width: 100%; }
}
.notification-center:not(.is-open) {
display: none;
transform: none;
}
.notification-center.is-open {
display: grid;
width: min(30rem, 100vw);
max-width: 100vw;
height: 100dvh;
transform: none;
overflow: hidden;
grid-template-rows: auto auto minmax(0, 1fr);
}
.notification-center__header,
.notification-center__toolbar,
.notification-center__list,
.notification-center__items,
.notification-center__empty {
min-width: 0;
max-width: 100%;
}
.admin-columns-anchor { position: relative; }
.admin-columns-panel { position: absolute; z-index: 2000; min-width: 220px; padding: 12px; border: 1px solid rgba(15, 23, 42, .16); border-radius: 14px; background: #fff; box-shadow: 0 18px 44px rgba(15, 23, 42, .18); top: calc(100% + 8px); right: 0; }
.admin-columns-panel__title { display: block; margin-bottom: 8px; }
.admin-columns-panel__option { display: flex; gap: 8px; align-items: center; margin: 7px 0; }
.admin-module-page textarea { field-sizing: content; min-height: 140px; }
.data-table-shell__body {
overflow: auto;
}
.admin-table {
width: 100%;
border-collapse: collapse;
}
.admin-table th,
.admin-table td {
padding: 1rem;
border-bottom: 1px solid #edf2f7;
text-align: left;
vertical-align: top;
}
.admin-table thead th {
position: sticky;
top: 0;
z-index: 1;
background: #fafbfc;
font-size: var(--font-size-xs);
text-transform: uppercase;
letter-spacing: .15em;
color: var(--admin-text-muted);
}
.admin-table tr:hover td {
background: rgba(248, 250, 252, .85);
}
.admin-form-shell,
.ax-form-stack {
display: grid;
gap: 1rem;
}
.admin-form-section {
padding: 1.15rem 1.2rem;
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
background: #fff;
box-shadow: var(--shadow-sm);
}
.admin-form-section__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
margin-bottom: 1rem;
}
.admin-form-section__header h2,
.admin-form-section__header h3 { margin: 0; font-size: 1.05rem; }
.admin-form-grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1rem;
}
.admin-form-grid > * { grid-column: span 12; }
@media (min-width: 900px) {
.admin-form-grid > .span-6 { grid-column: span 6; }
.admin-form-grid > .span-4 { grid-column: span 4; }
}
.form-check,
.ax-check {
display: inline-flex;
align-items: center;
gap: .6rem;
}
.form-check input,
.ax-check input { width: auto; }
.admin-state {
display: grid;
justify-items: center;
gap: .65rem;
padding: 2rem 1rem;
text-align: center;
}
.admin-state__icon {
width: 3.25rem;
height: 3.25rem;
border-radius: 999px;
display: grid;
place-items: center;
background: #f8fafc;
border: 1px solid var(--admin-border);
font-size: 1.2rem;
}
.admin-state p { margin: 0; max-width: 42ch; color: var(--admin-text-muted); line-height: 1.65; }
.admin-state--error .admin-state__icon { background: #fef2f2; border-color: #fecaca; }
.admin-state--loading { justify-items: stretch; }
.admin-skeleton {
width: 100%;
height: .95rem;
border-radius: 999px;
background: linear-gradient(90deg, #eef2f7 25%, #f8fafc 50%, #eef2f7 75%);
background-size: 200% 100%;
animation: adminPulse 1.35s linear infinite;
}
.admin-skeleton--lg { height: 2.6rem; }
@keyframes adminPulse {
from { background-position: 200% 0; }
to { background-position: -200% 0; }
}
@media (max-width: 1279px) {
.admin-shell {
grid-template-columns: 1fr;
}
.sidebar {
position: fixed;
inset: 0 auto 0 0;
width: min(320px, 90vw);
transform: translateX(-100%);
transition: transform .22s ease;
box-shadow: var(--shadow-lg);
}
.sidebar.is-open { transform: translateX(0); }
.topbar-mobile-only { display: grid; }
}
@media (min-width: 1280px) {
.topbar-mobile-only { display: none; }
}
@media (max-width: 980px) {
.topbar {
grid-template-columns: 1fr;
}
.topbar-right, .topbar-left { justify-content: space-between; }
.topbar-center { order: 3; }
}
@media (max-width: 768px) {
.admin-content { padding: 1rem; }
.adm-hero, .ax-head, .admin-page-header { padding: 1.1rem; }
.cards.adm-cards, .ax-metrics { grid-template-columns: 1fr 1fr; }
.ax-inline-fields { flex-direction: column; }
.topbar-right { flex-wrap: wrap; }
}
@media (max-width: 540px) {
.cards.adm-cards, .ax-metrics { grid-template-columns: 1fr; }
.topbar-user-pill__meta { display: none; }
}
.ops-stack {
display: grid;
gap: 1rem;
align-content: start;
}
.ops-grid {
display: grid;
gap: 1rem;
align-items: start;
}
.ops-grid--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ops-grid--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ops-grid--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ops-grid--aside {
grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.7fr);
align-items: start;
}
.ops-card,
.ops-surface {
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
background: #fff;
box-shadow: var(--shadow-sm);
height: auto;
align-self: start;
}
.ops-card {
padding: 1.1rem 1.15rem;
}
.ops-card--dark {
background: linear-gradient(135deg, #0f172a, #111827 60%, #1f2937);
color: #fff;
border-color: rgba(255,255,255,.08);
box-shadow: var(--shadow-md);
}
.ops-card__header,
.ops-surface__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.ops-card__header + *,
.ops-surface__header + * {
margin-top: 1rem;
}
.ops-kicker {
margin: 0 0 .35rem;
color: var(--admin-text-muted);
text-transform: uppercase;
letter-spacing: .16em;
font-size: var(--font-size-xs);
font-weight: 800;
}
.ops-card--dark .ops-kicker,
.ops-card--dark .ops-muted {
color: rgba(255,255,255,.72);
}
.ops-card h2,
.ops-card h3,
.ops-surface h2,
.ops-surface h3 {
margin: 0;
}
.ops-muted {
color: var(--admin-text-muted);
line-height: 1.65;
}
.ops-metric-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1rem;
}
.ops-metric {
border: 1px solid var(--admin-border);
border-radius: var(--radius-lg);
background: #fff;
box-shadow: var(--shadow-xs);
padding: 1rem;
display: grid;
gap: .35rem;
}
.ops-metric__label {
color: var(--admin-text-muted);
font-size: var(--font-size-sm);
font-weight: 700;
}
.ops-metric__value {
font-size: clamp(1.5rem, 2vw, 2rem);
line-height: 1;
font-weight: 900;
}
.ops-metric__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: .5rem;
color: var(--admin-text-muted);
font-size: var(--font-size-sm);
}
.ops-pill {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .35rem;
min-height: 1.85rem;
border-radius: 999px;
padding: .25rem .75rem;
font-size: var(--font-size-xs);
font-weight: 800;
white-space: nowrap;
}
.ops-pill--neutral { background: #eef2f7; color: #334155; }
.ops-pill--success { background: #ecfdf5; color: #047857; }
.ops-pill--warning { background: #fff7ed; color: #b45309; }
.ops-pill--danger { background: #fef2f2; color: #b91c1c; }
.ops-pill--info { background: #eff6ff; color: #1d4ed8; }
.ops-alert-list,
.ops-signal-list,
.ops-timeline,
.ops-mini-list {
display: grid;
gap: .8rem;
}
.ops-alert {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: .85rem;
border: 1px solid var(--admin-border);
border-radius: var(--radius-lg);
background: #fff;
padding: .95rem 1rem;
}
.ops-alert__body strong,
.ops-mini-list__item strong,
.ops-timeline__item strong {
display: block;
margin-bottom: .2rem;
}
.ops-alert__body p,
.ops-mini-list__item p,
.ops-timeline__item p {
margin: 0;
color: var(--admin-text-muted);
line-height: 1.55;
}
.ops-surface__body {
padding: 1.1rem 1.15rem;
}
.ops-table-wrap {
overflow: auto;
}
.ops-table {
width: 100%;
border-collapse: collapse;
}
.ops-table th,
.ops-table td {
padding: 1rem;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #edf2f7;
}
.ops-table thead th {
background: #f8fafc;
color: var(--admin-text-muted);
font-size: var(--font-size-xs);
letter-spacing: .14em;
text-transform: uppercase;
position: sticky;
top: 0;
z-index: 1;
}
.ops-table tbody tr:hover td {
background: rgba(248, 250, 252, .82);
}
.ops-row-title {
font-weight: 800;
color: var(--admin-text);
}
.ops-row-subtitle {
display: block;
margin-top: .25rem;
color: var(--admin-text-muted);
font-size: var(--font-size-sm);
}
.ops-checkbox-cell { width: 42px; }
.ops-bulk-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
padding: 1rem 1.1rem;
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
background: #fff;
box-shadow: var(--shadow-sm);
}
.ops-bulk-bar__meta {
color: var(--admin-text-muted);
font-weight: 700;
}
.ops-actions {
display: flex;
align-items: center;
gap: .65rem;
flex-wrap: wrap;
}
.ops-field-grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 1rem;
}
.ops-field {
grid-column: span 12;
display: grid;
gap: .4rem;
}
.ops-field--6 { grid-column: span 12; }
.ops-field--4 { grid-column: span 12; }
.ops-field--3 { grid-column: span 12; }
.ops-field label {
color: var(--admin-text-muted);
font-weight: 700;
font-size: var(--font-size-sm);
}
.ops-stat-line {
display: flex;
align-items: center;
justify-content: space-between;
gap: .9rem;
padding: .85rem 0;
border-bottom: 1px solid #eef2f7;
}
.ops-stat-line:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.ops-stat-line:first-child {
padding-top: 0;
}
.ops-address-card,
.ops-summary-card {
border: 1px solid var(--admin-border);
border-radius: var(--radius-lg);
background: #fff;
padding: 1rem;
height: auto;
align-self: start;
}
.ops-address-card strong,
.ops-summary-card strong { display: block; margin-bottom: .45rem; }
.ops-summary-list {
display: grid;
gap: .65rem;
}
.ops-note {
border: 1px solid var(--admin-border);
border-radius: var(--radius-lg);
background: #fff;
padding: .95rem 1rem;
}
.ops-note__meta {
display: flex;
align-items: center;
gap: .6rem;
flex-wrap: wrap;
margin-top: .55rem;
color: var(--admin-text-muted);
font-size: var(--font-size-sm);
}
.ops-list-chip {
display: inline-flex;
align-items: center;
gap: .35rem;
border-radius: 999px;
background: var(--admin-surface-alt);
padding: .35rem .7rem;
color: var(--admin-text-muted);
font-size: var(--font-size-xs);
font-weight: 800;
}
.ops-health-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: .85rem;
}
.ops-health {
border: 1px solid var(--admin-border);
border-radius: var(--radius-lg);
background: #fff;
padding: .9rem;
}
.ops-health strong {
display: block;
margin-bottom: .35rem;
}
.ops-empty {
border: 1px dashed var(--admin-border);
border-radius: var(--radius-lg);
padding: 1.2rem;
text-align: center;
color: var(--admin-text-muted);
background: #f8fafc;
}
.ops-timeline__item {
position: relative;
padding-left: 1rem;
}
.ops-timeline__item::before {
content: '';
position: absolute;
left: 0;
top: .35rem;
width: .45rem;
height: .45rem;
border-radius: 999px;
background: #111827;
}
.ops-drawer-trigger {
background: none;
border: 0;
padding: 0;
color: #1d4ed8;
cursor: pointer;
font-weight: 700;
}
@media (min-width: 900px) {
.ops-field--6 { grid-column: span 6; }
.ops-field--4 { grid-column: span 4; }
.ops-field--3 { grid-column: span 3; }
}
@media (max-width: 1100px) {
.ops-grid--aside,
.ops-grid--2,
.ops-grid--3,
.ops-grid--4 {
grid-template-columns: 1fr;
}
}
.ops-priority-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ops-priority-card {
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
background: #fff;
box-shadow: var(--shadow-sm);
padding: 1.1rem 1.15rem;
display: grid;
gap: .75rem;
}
.ops-priority-card--success { background: linear-gradient(180deg, #ffffff, #f0fdf4); }
.ops-priority-card--warning { background: linear-gradient(180deg, #ffffff, #fff7ed); }
.ops-priority-card--danger { background: linear-gradient(180deg, #ffffff, #fef2f2); }
.ops-priority-card--info { background: linear-gradient(180deg, #ffffff, #eff6ff); }
.ops-priority-card__eyebrow {
color: var(--admin-text-muted);
text-transform: uppercase;
letter-spacing: .14em;
font-size: var(--font-size-xs);
font-weight: 800;
}
.ops-priority-card strong {
font-size: 1.05rem;
}
.ops-priority-card p {
margin: 0;
color: var(--admin-text-muted);
line-height: 1.6;
}
.ops-quicklink-grid {
display: grid;
gap: .9rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ops-quicklink {
border: 1px solid var(--admin-border);
border-radius: var(--radius-lg);
background: #fff;
box-shadow: var(--shadow-xs);
padding: 1rem;
display: grid;
gap: .35rem;
color: inherit;
text-decoration: none;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.ops-quicklink:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
border-color: rgba(37, 99, 235, .25);
}
.ops-quicklink strong {
font-size: .96rem;
}
.ops-quicklink span {
color: var(--admin-text-muted);
line-height: 1.55;
font-size: var(--font-size-sm);
}
@media (max-width: 1280px) {
.ops-priority-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.ops-priority-grid,
.ops-quicklink-grid {
grid-template-columns: 1fr;
}
}
.ops-stack--spacious { margin-bottom: 1.5rem; }
.ops-section-gap { margin-bottom: 1.5rem; }
.ops-table-wrap--spaced { margin-top: 1rem; }
.ops-live-strip {
display: grid;
gap: 1rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-bottom: 1rem;
}
.ops-live-card {
border: 1px solid rgba(59, 130, 246, .14);
border-radius: var(--radius-xl);
background: linear-gradient(180deg, #ffffff, #f8fbff);
box-shadow: var(--shadow-xs);
padding: 1rem 1.1rem;
display: grid;
gap: .3rem;
}
.ops-live-card__label {
color: var(--admin-text-muted);
font-size: var(--font-size-xs);
letter-spacing: .08em;
text-transform: uppercase;
font-weight: 800;
}
.ops-live-card strong {
font-size: 1.7rem;
line-height: 1.05;
color: var(--admin-text);
}
.ops-live-card small {
color: var(--admin-text-muted);
line-height: 1.5;
}
.ops-note--soft {
border-color: rgba(59, 130, 246, .12);
background: linear-gradient(180deg, #ffffff, #f8fbff);
}
.ops-empty--compact {
padding: 1rem 1.05rem;
min-height: 0;
}
.ops-empty--compact strong {
display: block;
margin-bottom: .35rem;
}
@media (max-width: 1280px) {
.ops-live-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
.ops-live-strip { grid-template-columns: 1fr; }
}
.ops-list-chip--action {
text-decoration: none;
cursor: pointer;
transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.ops-list-chip--action:hover {
background: #eef2ff;
color: #1d4ed8;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12);
}
.rma-admin-shell .rma-filter-card .ops-field-grid { align-items: end; }
.rma-customer-cell { display:grid; gap:.2rem; }
.rma-customer-cell strong { color: var(--admin-text); font-weight: 900; }
.rma-customer-cell span { color: var(--admin-text-muted); font-size: var(--font-size-sm); }
.rma-table td { vertical-align: middle; }
.ops-form-card textarea { width:100%; resize: vertical; }
.ops-form-card input[type="number"] { width:100%; }
.catalog-shell,
.media-shell {
display: grid;
gap: 1.25rem;
}
.catalog-metrics,
.media-metrics {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.catalog-metric,
.media-metric {
background: var(--admin-surface);
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-sm);
padding: 1rem 1.1rem;
display: grid;
gap: .35rem;
}
.catalog-metric span,
.media-metric span {
color: var(--admin-text-muted);
font-size: var(--font-size-sm);
font-weight: 700;
}
.catalog-metric strong,
.media-metric strong {
font-size: 1.7rem;
letter-spacing: -.02em;
}
.catalog-toolbar-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: .85rem;
padding: 1rem 1.1rem;
border-radius: var(--radius-xl);
border: 1px solid var(--admin-border);
background: var(--admin-surface);
box-shadow: var(--shadow-sm);
}
.catalog-toolbar-row__meta {
display: flex;
flex-wrap: wrap;
gap: .6rem;
}
.catalog-pill {
display: inline-flex;
align-items: center;
gap: .45rem;
padding: .6rem .9rem;
border-radius: 999px;
background: #f8fafc;
border: 1px solid var(--admin-border);
color: var(--admin-text-muted);
font-size: var(--font-size-sm);
font-weight: 700;
}
.catalog-pill strong { color: var(--admin-text); }
.catalog-toolbar-row__actions {
display: flex;
flex-wrap: wrap;
gap: .65rem;
}
.catalog-card,
.media-card,
.catalog-edit-card {
background: var(--admin-surface);
border: 1px solid var(--admin-border);
border-radius: var(--radius-2xl);
box-shadow: var(--shadow-sm);
overflow: hidden;
}
.catalog-card__head,
.media-card__head,
.catalog-edit-card__head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 1rem;
padding: 1.15rem 1.2rem;
border-bottom: 1px solid rgba(229,231,235,.8);
background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
}
.catalog-card__head h2,
.media-card__head h2,
.catalog-edit-card__head h2 {
margin: 0;
font-size: 1.15rem;
}
.catalog-card__head p,
.media-card__head p,
.catalog-edit-card__head p {
margin: .35rem 0 0;
color: var(--admin-text-muted);
max-width: 64ch;
}
.catalog-card__body,
.media-card__body,
.catalog-edit-card__body {
padding: 1.1rem 1.2rem 1.2rem;
}
.catalog-grid-2 { display: grid; gap: 1rem; grid-template-columns: 1.15fr .85fr; }
.catalog-grid-3 { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0,1fr)); }
.catalog-grid-main { display:grid; gap:1rem; grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr); }
.catalog-table-wrap { overflow: auto; }
.catalog-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
min-width: 920px;
}
.catalog-table thead th {
position: sticky;
top: 0;
text-align: left;
font-size: .78rem;
text-transform: uppercase;
letter-spacing: .18em;
color: var(--admin-text-muted);
background: #f8fafc;
border-bottom: 1px solid var(--admin-border);
padding: .95rem 1rem;
}
.catalog-table tbody td {
padding: 1rem;
border-bottom: 1px solid rgba(229,231,235,.7);
vertical-align: top;
}
.catalog-table tbody tr:hover { background: #fbfcfe; }
.catalog-title {
font-weight: 800;
font-size: 1rem;
color: var(--admin-text);
}
.catalog-subtitle,
.catalog-muted { color: var(--admin-text-muted); font-size: var(--font-size-sm); }
.catalog-price { font-size: 1.05rem; font-weight: 800; }
.catalog-chip {
display: inline-flex; align-items:center; gap:.35rem; padding: .45rem .7rem;
border-radius:999px; font-size:.76rem; font-weight:800;
}
.catalog-chip--success { background: rgba(5,150,105,.12); color: var(--admin-success); }
.catalog-chip--warning { background: rgba(217,119,6,.12); color: var(--admin-warning); }
.catalog-chip--info { background: rgba(37,99,235,.12); color: var(--admin-info); }
.catalog-chip--neutral { background: #f4f7fb; color: var(--admin-text-muted); }
.catalog-actions { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:flex-end; }
.catalog-thumb {
width: 56px; height: 56px; border-radius: 18px; object-fit: cover;
border: 1px solid var(--admin-border); background: linear-gradient(180deg, #fff, #f5f7fb);
}
.catalog-thumb--placeholder {
display:grid; place-items:center; font-size:.72rem; color:var(--admin-text-muted); font-weight:700;
}
.catalog-form-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(2, minmax(0,1fr));
}
.catalog-form-grid--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.catalog-field,
.form-group {
display: flex;
flex-direction: column;
gap: .45rem;
}
.catalog-field label,
.form-group label {
font-size: var(--font-size-sm);
font-weight: 800;
color: var(--admin-text-muted);
}
.catalog-field input,
.catalog-field select,
.catalog-field textarea,
.form-group input,
.form-group select,
.form-group textarea {
min-height: 38px;
padding: .45rem .75rem;
border-radius: 10px;
background: #fff;
}
.catalog-field textarea,
.form-group textarea { min-height: 120px; }
.catalog-field--full { grid-column: 1 / -1; }
.catalog-help {
margin: 0;
color: var(--admin-text-muted);
font-size: var(--font-size-sm);
line-height: 1.65;
}
.catalog-section-stack { display:grid; gap:1rem; }
.catalog-section {
border: 1px solid var(--admin-border);
border-radius: var(--radius-xl);
background: #fbfcfe;
overflow: hidden;
}
.catalog-section summary {
list-style: none;
cursor: pointer;
padding: 1rem 1.05rem;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
font-weight: 900;
}
.catalog-section summary::-webkit-details-marker { display:none; }
.catalog-section__body { padding: 0 1.05rem 1.05rem; display:grid; gap:1rem; }
.catalog-mini-kpis { display:grid; gap:.75rem; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); }
.catalog-mini-kpi {
border-radius: var(--radius-lg);
background: #fff;
border: 1px solid var(--admin-border);
padding: .9rem;
}
.catalog-mini-kpi span { color: var(--admin-text-muted); font-size: .78rem; font-weight: 700; }
.catalog-mini-kpi strong { display:block; margin-top:.35rem; font-size:1.2rem; }
.image-row,
.box {
border: 1px solid var(--admin-border);
background: #fff;
border-radius: var(--radius-lg);
padding: 1rem;
box-shadow: var(--shadow-xs);
}
.image-row {
display:grid;
grid-template-columns: 96px minmax(0,1fr) auto;
gap: .9rem;
align-items:start;
margin-bottom: .9rem;
}
.image-preview {
width: 96px; min-height: 96px; border-radius: 20px; display:grid; place-items:center;
border:1px dashed var(--admin-border); background:#f8fafc; overflow:hidden;
}
.image-preview img { width:100%; height:100%; object-fit:cover; }
.image-fields { display:grid; gap:.75rem; grid-template-columns: repeat(2, minmax(0,1fr)); }
.catalog-list-grid {
display:grid; gap: .85rem;
}
.cat-toolbar { display:flex; flex-wrap:wrap; gap:.65rem; margin:0; }
.cat-msg { padding: .9rem 1rem; border-radius: var(--radius-lg); font-weight: 800; }
.cat-msg.ok { background: rgba(5,150,105,.12); color: var(--admin-success); }
.cat-msg.bad { background: rgba(220,38,38,.12); color: var(--admin-danger); }
.cat-help { margin: 0; color: var(--admin-text-muted); }
.cat-tree { list-style:none; margin:0; padding-left: 0; display:grid; gap:.8rem; }
.cat-tree .cat-tree { margin-top:.8rem; padding-left:1.4rem; border-left: 1px dashed rgba(148,163,184,.45); }
.cat-item { list-style:none; }
.cat-row {
display:grid;
grid-template-columns: auto minmax(0,1fr) auto auto;
gap:.75rem;
align-items:center;
border:1px solid var(--admin-border);
background:#fff;
border-radius: var(--radius-xl);
padding: .95rem 1rem;
box-shadow: var(--shadow-xs);
}
.cat-item.dragging .cat-row { opacity:.6; transform: scale(.99); }
.cat-drag {
width:2.2rem; height:2.2rem; display:grid; place-items:center;
border-radius:999px; background:#f5f7fb; color:var(--admin-text-muted); cursor:grab;
}
.cat-main { min-width:0; display:grid; gap:.25rem; }
.cat-name { display:flex; flex-wrap:wrap; gap:.55rem; align-items:center; font-weight:800; }
.cat-slug, .cat-meta { color: var(--admin-text-muted); }
.cat-inactive { opacity:.55; }
.cat-toggle { display:inline-flex; align-items:center; gap:.45rem; font-size:.82rem; color:var(--admin-text-muted); }
.cat-toggle input { width:auto; min-height:auto; }
.cat-actions { display:flex; flex-wrap:wrap; gap:.45rem; }
.cat-actions a, .cat-actions button {
display:inline-flex; align-items:center; justify-content:center; min-height: 34px; padding: .38rem .78rem;
border-radius: 10px; border:1px solid var(--admin-border); background:#fff; font-size: .8rem; font-weight:800;
}
.cat-actions button { cursor:pointer; }
.catalog-upload-box {
border: 1px dashed rgba(148,163,184,.5);
border-radius: var(--radius-xl);
padding: 1rem;
background: linear-gradient(180deg, #fff, #fbfcfe);
}
.catalog-upload-box .catalog-form-grid { align-items:end; }
.pre-block {
margin: 0;
padding: 1rem;
border-radius: var(--radius-lg);
background:#111827;
color:#fff;
overflow:auto;
}
.media-preview-thumb {
width: 88px; height: 88px; object-fit: cover; border-radius: 20px; border:1px solid var(--admin-border); background:#f8fafc;
}
.media-preview-thumb.is-media-preview-failed { opacity:.58; filter:grayscale(.35); }
.media-actions { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:flex-end; }
@media (max-width: 1180px) {
.catalog-grid-2,
.catalog-grid-main,
.catalog-form-grid,
.catalog-form-grid--3,
.image-fields { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
.image-row { grid-template-columns: 1fr; }
.cat-row { grid-template-columns: 1fr; }
}
.catalog-inline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.catalog-inline-card{border:1px solid rgba(148,163,184,.24);border-radius:18px;padding:1rem 1.1rem;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.055);color:#182033}
.catalog-inline-card__eyebrow{display:inline-flex;align-items:center;width:fit-content;min-height:1.55rem;padding:0 .58rem;border-radius:999px;background:rgba(37,99,235,.08);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1d4ed8;margin-bottom:.45rem}
.catalog-inline-card strong{display:block;font-size:1rem;margin-bottom:.35rem;color:#182033;line-height:1.35}
.catalog-inline-card p{margin:0;color:#556070;line-height:1.55}
.catalog-card--spotlight,.media-card--spotlight{border-color:rgba(96,165,250,.18);box-shadow:0 24px 60px rgba(15,23,42,.12)}
.ops-surface--spotlight{border:1px solid rgba(96,165,250,.16);box-shadow:0 18px 42px rgba(15,23,42,.1)}
@media (max-width: 980px){.catalog-inline-grid{grid-template-columns:1fr}}
.catalog-inline-card--soft{background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.22)}
.admin-module-page .catalog-inline-grid{margin-bottom:1rem}
.admin-module-page .catalog-inline-card{background:linear-gradient(180deg,#fff,#f8fafc);}
.admin-module-page .catalog-inline-card strong{letter-spacing:-.01em}
.admin-module-page .catalog-inline-card p{font-size:.92rem}
.catalog-shell--ops .catalog-card--filter .catalog-card__body { background: #fff; }
.catalog-form-grid--ops-filter { grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(180px, .75fr)) minmax(190px, auto); align-items: end; }
.catalog-field--wide { min-width: 260px; }
.catalog-field--actions .catalog-actions { align-items: center; }
.catalog-active-filters { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem; padding-top:1rem; border-top:1px solid var(--admin-border); }
.catalog-inline-grid--ops { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.catalog-table--products .catalog-actions { min-width: 210px; }
@media (max-width: 1180px) { .catalog-form-grid--ops-filter, .catalog-inline-grid--ops { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .catalog-form-grid--ops-filter, .catalog-inline-grid--ops { grid-template-columns: 1fr; } .catalog-field--actions .catalog-actions { justify-content: stretch; } .catalog-field--actions .btn { width: 100%; } }
.catalog-badge-helper { gap: 10px; }
.catalog-badge-helper__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}
.catalog-badge-token {
border: 1px solid rgba(15,23,42,.08);
border-radius: 999px;
min-height: 34px;
padding: 0 12px;
font-weight: 850;
font-size: .82rem;
cursor: pointer;
background: rgba(248,250,252,.94);
color: #0f172a;
box-shadow: 0 8px 18px rgba(15,23,42,.06);
}
.catalog-badge-token:hover,
.catalog-badge-token:focus-visible {
transform: translateY(-1px);
border-color: rgba(37,99,235,.22);
outline: none;
}
.catalog-badge-token--new { background: rgba(220,252,231,.95); color: #15803d; }
.catalog-badge-token--best { background: rgba(255,237,213,.95); color: #c2410c; }
.catalog-badge-token--premium { background: rgba(237,233,254,.95); color: #5b21b6; }
.catalog-badge-helper__note {
margin: 4px 0 0;
color: #64748b;
line-height: 1.55;
}
.admin-module-page {
display:flex;
flex-direction:column;
gap:1rem
}
.admin-module-page .ax-page,.admin-module-page > div,.admin-module-page > form,.admin-module-page > table,.admin-module-page > h1,.admin-module-page > h2,.admin-module-page > p {
max-width:100%
}
.admin-module-page .ax-page {
display:flex;
flex-direction:column;
gap:1rem
}
.admin-module-page h1,.admin-module-page h2 {
margin:0 0 .5rem;
font-size:1.55rem;
line-height:1.2;
font-weight:800;
color:var(--admin-text)
}
.admin-module-page p {
color:var(--admin-text-muted);
line-height:1.7
}
.admin-module-page .ax-headline,.admin-module-page .d-flex.justify-content-between.align-items-center.mb-3 {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:1rem;
flex-wrap:wrap;
padding:1.25rem 1.5rem;
border:1px solid var(--admin-border);
border-radius:1.5rem;
background:var(--admin-surface);
box-shadow:var(--shadow-sm)
}
.admin-module-page .ax-kicker {
font-size:.76rem;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--admin-text-muted);
font-weight:700
}
.admin-module-page .ax-toast,.admin-module-page .alert {
padding:.9rem 1rem;
border-radius:1rem;
border:1px solid var(--admin-border);
background:var(--admin-surface);
margin:0
}
.admin-module-page .ax-toast--ok,.admin-module-page .alert-success {
background:rgba(16,185,129,.08);
border-color:rgba(16,185,129,.2);
color:#047857
}
.admin-module-page .ax-toast--error,.admin-module-page .alert-danger {
background:rgba(239,68,68,.08);
border-color:rgba(239,68,68,.18);
color:#b91c1c
}
.admin-module-page .alert-warning {
background:rgba(245,158,11,.08);
border-color:rgba(245,158,11,.18);
color:#92400e
}
.admin-module-page .alert-info {
background:rgba(59,130,246,.08);
border-color:rgba(59,130,246,.18);
color:#1d4ed8
}
.admin-module-page .ax-panel,.admin-module-page .table,.admin-module-page form,.admin-module-page .admin-content-card {
border:1px solid var(--admin-border);
background:var(--admin-surface);
border-radius:1.5rem;
box-shadow:var(--shadow-sm)
}
.admin-module-page .ax-panel {
padding:1.25rem
}
.admin-module-page .ax-panel--table,.admin-module-page .table {
overflow:hidden
}
.admin-module-page table {
width:100%;
border-collapse:separate;
border-spacing:0
}
.admin-module-page thead th {
font-size:.76rem;
text-transform:uppercase;
letter-spacing:.14em;
color:var(--admin-text-muted);
background:var(--admin-surface-alt);
padding:.95rem 1rem;
border-bottom:1px solid var(--admin-border)
}
.admin-module-page tbody td {
padding:1rem;
border-bottom:1px solid rgba(148,163,184,.14);
vertical-align:top;
color:var(--admin-text)
}
.admin-module-page tbody tr:last-child td {
border-bottom:none
}
.admin-module-page .table {
margin-bottom:0
}
.admin-module-page .table thead th,.admin-module-page .table tbody td {
border-color:rgba(148,163,184,.14)
}
.admin-module-page .form-control,.admin-module-page .form-select,.admin-module-page input:not([type=checkbox]):not([type=radio]),.admin-module-page select,.admin-module-page textarea {
width:100%;
min-height:38px;
border:1px solid var(--admin-border);
background:#fff;
color:var(--admin-text);
border-radius:10px;
padding:.45rem .75rem;
font-size:.84rem;
outline:none;
transition:border-color .18s ease, box-shadow .18s ease
}
.admin-module-page textarea {
min-height:140px
}
.admin-module-page .form-control:focus,.admin-module-page input:focus,.admin-module-page select:focus,.admin-module-page textarea:focus {
border-color:rgba(15,23,42,.45);
box-shadow:0 0 0 4px rgba(15,23,42,.06)
}
.admin-module-page label,.admin-module-page .form-label {
display:block;
margin-bottom:.4rem;
font-weight:700;
color:var(--admin-text)
}
.admin-module-page small,.admin-module-page .text-muted {
color:var(--admin-text-muted)!important
}
.admin-module-page .text-danger {
color:#b91c1c!important
}
.admin-module-page code {
padding:.12rem .35rem;
background:#eef2ff;
border-radius:.5rem;
color:#4338ca
}
.admin-module-page .btn,.admin-module-page .ax-btn, .admin-module-page button[type=submit], .admin-module-page a.btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:.45rem;
min-height:36px;
border-radius:10px;
border:1px solid transparent;
padding:.42rem .85rem;
font-size:.82rem;
font-weight:700;
text-decoration:none;
cursor:pointer;
transition:transform .16s ease,box-shadow .16s ease,background .16s ease
}
.admin-module-page .btn:hover,.admin-module-page .ax-btn:hover,.admin-module-page button[type=submit]:hover {
transform:translateY(-1px)
}
.admin-module-page .btn-primary,.admin-module-page .ax-btn--primary,.admin-module-page button[type=submit],.admin-module-page .btn.btn-primary {
background:#0f172a;
color:#fff;
box-shadow:var(--shadow-sm)
}
.admin-module-page .btn-secondary,.admin-module-page .btn-outline-secondary,.admin-module-page .ax-btn--ghost,.admin-module-page .btn.btn-secondary {
background:#fff;
color:var(--admin-text);
border-color:var(--admin-border)
}
.admin-module-page .btn-outline-danger,.admin-module-page .btn-danger {
background:rgba(239,68,68,.08);
border-color:rgba(239,68,68,.18);
color:#b91c1c
}
.admin-module-page .btn-outline-primary {
background:#fff;
border-color:rgba(59,130,246,.18);
color:#1d4ed8
}
.admin-module-page .btn-sm {
padding:.55rem .8rem;
border-radius:.85rem;
font-size:.88rem
}
.admin-module-page .row {
display:flex;
flex-wrap:wrap;
margin-left:-.5rem;
margin-right:-.5rem
}
.admin-module-page .row>[class^=col-],.admin-module-page .row>[class*=' col-'] {
padding-left:.5rem;
padding-right:.5rem;
box-sizing:border-box
}
.admin-module-page .col-md-3 {
width:25%
}
.admin-module-page .col-md-4 {
width:33.3333%
}
.admin-module-page .col-md-6 {
width:50%
}
.admin-module-page .col-md-8 {
width:66.6667%
}
.admin-module-page .col-md-12 {
width:100%
}
.admin-module-page .mb-3 {
margin-bottom:1rem
}
.admin-module-page .mt-2 {
margin-top:.5rem
}
.admin-module-page .mt-3 {
margin-top:.75rem
}
.admin-module-page .mt-4 {
margin-top:1rem
}
.admin-module-page .mt-5 {
margin-top:1.25rem
}
.admin-module-page .d-inline {
display:inline
}
.admin-module-page .d-flex {
display:flex
}
.admin-module-page .align-items-center {
align-items:center
}
.admin-module-page .align-items-end {
align-items:flex-end
}
.admin-module-page .justify-content-between {
justify-content:space-between
}
.admin-module-page .gap-2 {
gap:.5rem
}
.admin-module-page .ax-inline-actions,.admin-module-page td .d-inline,.admin-module-page td .d-flex {
display:flex;
flex-wrap:wrap;
gap:.5rem;
align-items:center
}
.admin-module-page .ax-link {
color:#1d4ed8;
font-weight:700;
text-decoration:none
}
.admin-module-page .ax-link:hover {
text-decoration:underline
}
.admin-module-page .ax-badge {
display:inline-flex;
align-items:center;
border-radius:999px;
padding:.35rem .65rem;
background:#eef2ff;
color:#4338ca;
font-weight:700;
font-size:.83rem
}
.admin-module-page .ax-url {
max-width:26rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.admin-module-page .integration-kpi-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1rem
}
.admin-module-page .integration-kpi {
padding:1rem 1.1rem;
border-radius:1.25rem;
background:linear-gradient(180deg,#fff,#f8fafc);
border:1px solid var(--admin-border)
}
.admin-module-page .integration-kpi__label {
font-size:.78rem;
text-transform:uppercase;
letter-spacing:.16em;
color:var(--admin-text-muted);
font-weight:700
}
.admin-module-page .integration-kpi__value {
margin-top:.5rem;
font-size:1.65rem;
font-weight:900;
color:var(--admin-text)
}
.admin-module-page .integration-kpi__meta {
margin-top:.35rem;
font-size:.9rem;
color:var(--admin-text-muted)
}
.admin-module-page .integration-toolbar {
display:flex;
justify-content:space-between;
gap:1rem;
align-items:center;
flex-wrap:wrap
}
.admin-module-page .integration-toolbar__meta {
display:flex;
gap:.75rem;
flex-wrap:wrap
}
.admin-module-page .integration-pill {
display:inline-flex;
align-items:center;
gap:.35rem;
padding:.45rem .7rem;
border-radius:999px;
background:#f8fafc;
border:1px solid var(--admin-border);
font-weight:700;
color:var(--admin-text-muted)
}
.admin-module-page .integration-split {
display:grid;
grid-template-columns:1.2fr .8fr;
gap:1rem
}
.admin-module-page .integration-stack {
display:flex;
flex-direction:column;
gap:1rem
}
.admin-module-page .integration-card {
border:1px solid var(--admin-border);
background:var(--admin-surface);
border-radius:1.25rem;
padding:1rem 1.1rem
}
.admin-module-page .integration-card h3 {
margin:0 0 .35rem;
font-size:1.05rem;
font-weight:800
}
.admin-module-page .integration-card p {
margin:0
}
.admin-module-page .integration-page-note {
padding:.95rem 1rem;
border-radius:1rem;
background:#f8fafc;
border:1px dashed rgba(148,163,184,.45);
color:var(--admin-text-muted)
}
.admin-module-page .form-check {
display:flex;
align-items:center;
gap:.5rem;
min-height:unset
}
.admin-module-page .form-check-input {
width:1rem!important;
height:1rem!important
}
.admin-module-page img {
border-radius:1rem;
border:1px solid rgba(148,163,184,.18)
}
@media (max-width:1200px) {
.admin-module-page .integration-kpi-grid {
grid-template-columns:repeat(2,minmax(0,1fr))
}
.admin-module-page .integration-split {
grid-template-columns:1fr
}
.admin-module-page .col-md-3,.admin-module-page .col-md-4,.admin-module-page .col-md-6,.admin-module-page .col-md-8 {
width:100%
}
}
@media (max-width:768px) {
.admin-module-page .ax-headline,.admin-module-page .d-flex.justify-content-between.align-items-center.mb-3 {
padding:1rem
}
.admin-module-page thead {
display:none
}
.admin-module-page table,.admin-module-page tbody,.admin-module-page tr,.admin-module-page td {
display:block;
width:100%
}
.admin-module-page tbody tr {
padding:.5rem 0;
border-bottom:1px solid rgba(148,163,184,.14)
}
.admin-module-page tbody td {
padding:.55rem 1rem;
border-bottom:none
}
.admin-module-page .integration-kpi-grid {
grid-template-columns:1fr
}
}
.catalog-inline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.catalog-card--spotlight,.media-card--spotlight{border-color:rgba(96,165,250,.18);box-shadow:0 24px 60px rgba(15,23,42,.12)}
.ops-surface--spotlight{border:1px solid rgba(96,165,250,.16);box-shadow:0 18px 42px rgba(15,23,42,.1)}
@media (max-width: 980px){.catalog-inline-grid{grid-template-columns:1fr}}
.commerce-focus-band {
display:flex;
flex-direction:column;
gap:1rem;
}
.commerce-focus-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:.9rem;
}
.commerce-focus-card {
padding:1rem 1.05rem;
border-radius:1.1rem;
border:1px solid rgba(148,163,184,.18);
background:linear-gradient(180deg, rgba(248,250,252,.96), rgba(241,245,249,.9));
box-shadow:0 12px 28px rgba(15,23,42,.05);
}
.commerce-focus-card strong {
display:block;
margin:.2rem 0 .45rem;
color:var(--admin-text);
font-size:.98rem;
}
.commerce-focus-card p {
margin:0;
color:var(--admin-text-muted);
font-size:.92rem;
line-height:1.6;
}
.commerce-focus-kicker {
display:inline-flex;
align-items:center;
gap:.35rem;
padding:.28rem .55rem;
border-radius:999px;
background:rgba(15,23,42,.06);
color:var(--admin-text-muted);
font-size:.72rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
@media (max-width: 991.98px) {
.commerce-focus-grid {
grid-template-columns:1fr;
}
}
.sg-page {
display:grid;
gap:1.25rem
}
.sg-page-head,.sg-section-head {
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:1rem;
flex-wrap:wrap
}
.sg-page-head h1,.sg-section-head h2 {
margin:0;
font-weight:800;
letter-spacing:-.02em
}
.sg-kicker {
font-size:.78rem;
text-transform:uppercase;
letter-spacing:.18em;
color:#6b7280;
font-weight:700;
margin-bottom:.35rem
}
.sg-muted {
color:#6b7280
}
.sg-meta {
display:flex;
gap:.75rem;
flex-wrap:wrap;
color:#6b7280;
font-size:.93rem
}
.sg-grid {
display:grid;
gap:1rem
}
.sg-grid--2 {
grid-template-columns:1.2fr .8fr
}
.sg-grid--3 {
grid-template-columns:repeat(3,minmax(0,1fr))
}
.sg-grid--4 {
grid-template-columns:repeat(4,minmax(0,1fr))
}
.sg-card {
background:#fff;
border:1px solid #e5e7eb;
border-radius:24px;
padding:1.1rem 1.15rem;
box-shadow:0 10px 26px rgba(17,24,39,.05)
}
.sg-card h3 {
margin:0 0 .35rem
}
.sg-card--soft {
background:#f8fafc
}
.sg-kpi {
display:grid;
gap:.35rem
}
.sg-kpi__value {
font-size:1.8rem;
font-weight:800;
letter-spacing:-.03em
}
.sg-kpi__note {
font-size:.9rem;
color:#6b7280
}
.sg-badge {
display:inline-flex;
align-items:center;
gap:.35rem;
padding:.36rem .72rem;
border-radius:999px;
font-size:.78rem;
font-weight:700;
background:#f3f4f6;
color:#111827
}
.sg-badge--success {
background:#ecfdf5;
color:#047857
}
.sg-badge--warning {
background:#fffbeb;
color:#b45309
}
.sg-badge--danger {
background:#fef2f2;
color:#b91c1c
}
.sg-badge--info {
background:#eff6ff;
color:#1d4ed8
}
.sg-table-wrap {
overflow:auto
}
.sg-table {
width:100%;
border-collapse:separate;
border-spacing:0
}
.sg-table th,.sg-table td {
padding:.85rem .9rem;
border-bottom:1px solid #edf0f5;
vertical-align:top
}
.sg-table thead th {
font-size:.72rem;
text-transform:uppercase;
letter-spacing:.16em;
color:#6b7280;
background:#f8fafc;
position:sticky;
top:0
}
.sg-table tbody tr:hover {
background:#fafafa
}
.sg-actions {
display:flex;
gap:.55rem;
align-items:center;
flex-wrap:wrap
}
.sg-btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:.45rem;
min-height:36px;
border-radius:10px;
padding:.42rem .85rem;
font-size:.82rem;
text-decoration:none;
font-weight:700;
border:1px solid #d1d5db;
background:#fff;
color:#111827;
cursor:pointer
}
.sg-btn--primary {
background:#111827;
color:#fff;
border-color:#111827
}
.sg-btn--ghost {
background:#fff
}
.sg-btn--danger {
background:#fff1f2;
border-color:#fecdd3;
color:#b91c1c
}
.sg-btn--small {
padding:.45rem .7rem;
border-radius:12px;
font-size:.88rem
}
.sg-form {
display:grid;
gap:1rem
}
.sg-form-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1rem
}
.sg-field {
display:grid;
gap:.45rem
}
.sg-field span,.sg-field label {
font-size:.9rem;
font-weight:700;
color:#374151
}
.sg-field input,.sg-field select,.sg-field textarea {
width:100%;
min-height:38px;
border:1px solid #d1d5db;
border-radius:10px;
padding:.45rem .75rem;
background:#fff
}
.sg-field--full {
grid-column:1 / -1
}
.sg-stack {
display:grid;
gap:.85rem
}
.sg-thread {
display:grid;
gap:.35rem;
padding:1rem;
border-radius:18px;
background:#f8fafc;
border:1px solid #eef2f7
}
.sg-thread--admin {
background:#eff6ff;
border-color:#dbeafe
}
.sg-thread__meta {
display:flex;
justify-content:space-between;
gap:.75rem;
color:#6b7280;
font-size:.83rem
}
.sg-note {
padding:1rem;
border-radius:18px;
background:#f8fafc;
border:1px solid #edf2f7
}
.sg-alert {
padding:.9rem 1rem;
border-radius:18px;
border:1px solid #dbeafe;
background:#eff6ff;
color:#1d4ed8
}
.sg-alert--success {
border-color:#bbf7d0;
background:#f0fdf4;
color:#15803d
}
.sg-alert--danger {
border-color:#fecaca;
background:#fef2f2;
color:#b91c1c
}
.sg-tabs {
display:flex;
gap:.5rem;
flex-wrap:wrap
}
.sg-tab {
padding:.55rem .85rem;
border-radius:999px;
background:#f3f4f6;
color:#374151;
font-weight:700
}
.sg-tab.is-active {
background:#111827;
color:#fff
}
.sg-list {
display:grid;
gap:.75rem
}
.sg-list-item {
display:flex;
justify-content:space-between;
gap:1rem;
padding:.9rem 1rem;
border-radius:18px;
border:1px solid #edf0f5;
background:#fff
}
.sg-code {
font-family:ui-monospace,SFMono-Regular,Menlo,monospace
}
.sg-hero-strip {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1rem
}
.sg-panel-title {
display:flex;
justify-content:space-between;
gap:1rem;
align-items:center;
margin-bottom:.9rem
}
.sg-panel-title h2,.sg-panel-title h3 {
margin:0
}
.sg-text-end {
text-align:right
}
.sg-split {
display:grid;
grid-template-columns:1fr 1fr;
gap:1rem
}
.sg-quick-links {
display:flex;
gap:.6rem;
flex-wrap:wrap
}
.sg-quick-links a {
display:inline-flex;
padding:.55rem .85rem;
border-radius:999px;
background:#f3f4f6;
color:#111827;
text-decoration:none;
font-weight:700
}
.sg-json {
white-space:pre-wrap;
background:#0f172a;
color:#e5e7eb;
border-radius:18px;
padding:1rem;
font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:.84rem;
max-height:360px;
overflow:auto
}
.sg-pill-list {
display:flex;
gap:.45rem;
flex-wrap:wrap
}
.sg-pill {
padding:.35rem .65rem;
border-radius:999px;
background:#f8fafc;
border:1px solid #e5e7eb;
font-size:.8rem;
font-weight:700
}
.sg-empty {
padding:2rem;
border-radius:22px;
border:1px dashed #cbd5e1;
background:#f8fafc;
color:#64748b;
text-align:center
}
.sg-inline {
display:flex;
gap:.75rem;
align-items:center;
flex-wrap:wrap
}
.sg-divider {
height:1px;
background:#edf0f5;
margin:.5rem 0
}
.sg-toolbar {
display:flex;
justify-content:space-between;
gap:1rem;
align-items:center;
flex-wrap:wrap
}
.sg-toolbar form {
display:flex;
gap:.75rem;
align-items:end;
flex-wrap:wrap
}
.sg-statline {
display:flex;
gap:1rem;
flex-wrap:wrap
}
.sg-statline div {
padding:.85rem 1rem;
border:1px solid #edf0f5;
background:#fff;
border-radius:18px;
min-width:160px
}
.sg-statline strong {
display:block;
font-size:1.4rem;
margin-top:.25rem
}
.sg-help {
font-size:.84rem;
color:#6b7280
}
.sg-checkline {
display:flex;
gap:.6rem;
align-items:center
}
.sg-checkline input[type=checkbox] {
width:1rem;
height:1rem
}
@media (max-width:1200px) {
.sg-grid--2,.sg-grid--3,.sg-grid--4,.sg-hero-strip,.sg-split,.sg-form-grid {
grid-template-columns:1fr 1fr
}
}
@media (max-width:768px) {
.sg-grid--2,.sg-grid--3,.sg-grid--4,.sg-hero-strip,.sg-split,.sg-form-grid {
grid-template-columns:1fr
}
.sg-page-head,.sg-section-head,.sg-toolbar {
flex-direction:column;
align-items:stretch
}
.sg-text-end {
text-align:left
}
}
.sg-link-grid{display:grid;gap:.8rem}.sg-link-tile{display:grid;gap:.2rem;padding:1rem;border:1px solid #e5e7eb;border-radius:18px;background:#fff;color:#111827;text-decoration:none;box-shadow:0 8px 22px rgba(17,24,39,.04)}.sg-link-tile span{color:#6b7280;font-size:.92rem}.sg-link-tile:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(17,24,39,.08)}
.sg-checkline{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;color:#374151}.sg-checkline input{width:1rem;height:1rem}.sg-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem}.sg-text-end{text-align:right}
.admin-page-header__meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.admin-page-header__context,.admin-page-header__chip{display:inline-flex;align-items:center;padding:.32rem .65rem;border-radius:999px;background:rgba(99,102,241,.1);color:#3730a3;font-size:.78rem;font-weight:700}
.admin-page-header__chip{background:rgba(15,23,42,.06);color:#334155}
.admin-global-search__menu-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(148,163,184,.18)}
.admin-global-search__menu-head strong{display:block;font-size:.92rem}
.admin-global-search__menu-head small{display:block;color:#64748b}
.admin-global-search__menu-chip{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;background:rgba(59,130,246,.12);color:#1d4ed8;font-size:.72rem;font-weight:700}
.admin-global-search__menu-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-top:1px solid rgba(148,163,184,.18);font-size:.78rem;color:#64748b}
.admin-global-search__item-meta{display:inline-flex;align-items:center;gap:.55rem}
.admin-global-search__item-arrow{color:#94a3b8;font-size:.9rem}
.admin-global-search__item.is-active{background:rgba(59,130,246,.08);outline:1px solid rgba(59,130,246,.22)}
.quick-actions-menu__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(148,163,184,.18)}
.quick-actions-menu__head strong{display:block;font-size:.92rem}
.quick-actions-menu__head small{display:block;color:#64748b}
.quick-actions-menu__count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:999px;background:rgba(99,102,241,.12);color:#4338ca;font-weight:800;font-size:.8rem}
.quick-actions-menu__foot{padding:.75rem 1rem;border-top:1px solid rgba(148,163,184,.18)}
.quick-actions-menu__foot a{font-size:.82rem;font-weight:700;color:#4338ca;text-decoration:none}
.admin-breadcrumbs__home{font-weight:800}
.sg-growth-radar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem;align-items:stretch;padding:1.15rem 1.25rem;border-radius:28px;border:1px solid #e5e7eb;background:linear-gradient(135deg,#fff 0%,#f8fafc 55%,#eef2ff 100%);box-shadow:0 14px 34px rgba(15,23,42,.07)}
.sg-growth-radar__intro{display:grid;gap:.45rem}
.sg-growth-radar__eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#6366f1}
.sg-growth-radar__intro h2{margin:0;font-size:1.25rem;letter-spacing:-.03em}
.sg-growth-radar__intro p{margin:0;color:#475569;max-width:62ch}
.sg-growth-radar__grid{display:grid;gap:.75rem}
.sg-growth-radar__grid article{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.2)}
.sg-growth-radar__grid strong{font-size:.84rem;text-transform:uppercase;letter-spacing:.14em;color:#475569}
.sg-growth-radar__grid span{font-weight:700;color:#111827;line-height:1.45}
.sg-growth-radar--coupons{background:linear-gradient(135deg,#fff 0%,#fefce8 45%,#fff7ed 100%)}
.sg-growth-radar--campaigns{background:linear-gradient(135deg,#fff 0%,#eff6ff 45%,#eef2ff 100%)}
.sg-growth-radar--segments{background:linear-gradient(135deg,#fff 0%,#ecfeff 45%,#eff6ff 100%)}
.sg-growth-radar--loyalty{background:linear-gradient(135deg,#fff 0%,#fdf2f8 45%,#fae8ff 100%)}
.sg-growth-radar--giftcards{background:linear-gradient(135deg,#fff 0%,#fff7ed 45%,#fffbeb 100%)}
@media (max-width: 960px){.sg-growth-radar{grid-template-columns:1fr}}
.sg-growth-radar--identity{background:linear-gradient(135deg,#fff 0%,#eff6ff 45%,#eef2ff 100%)}
.sg-growth-radar--ai{background:linear-gradient(135deg,#fff 0%,#ecfeff 40%,#eef2ff 100%)}
.sg-growth-radar--mobile{background:linear-gradient(135deg,#fff 0%,#f8fafc 35%,#ecfccb 100%)}
.sidebar-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 .25rem 1rem}
.sidebar-meta__pill{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .75rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em}
.sidebar-meta__pill--ghost{background:rgba(59,130,246,.12);color:#dbeafe}
.topbar-status{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.topbar-status__item{display:grid;gap:.12rem;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--admin-border);background:#fff;box-shadow:var(--shadow-xs)}
.topbar-status__item em{font-style:normal;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--admin-text-muted)}
.topbar-status__item strong{font-size:.78rem;color:var(--admin-text)}
.topbar-status__item--ghost{background:linear-gradient(135deg,#eff6ff,#faf5ff)}
.sidebar-logo,.sidebar-footer,.sidebar-shortcut,.topbar-user-pill,.topbar-status__item{backdrop-filter:blur(12px)}
.admin-page-shell{display:grid;gap:1.1rem}
.admin-content{background:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent 28%),radial-gradient(circle at top left,rgba(217,70,239,.04),transparent 26%)}
@media (max-width: 1200px){.topbar-status{display:none}}
.admin-page-shell {
display: grid;
gap: 1.15rem;
}
.admin-page-header {
position: relative;
overflow: hidden;
border: 1px solid var(--admin-border);
border-radius: 1.7rem;
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 26%),
linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,252,0.96));
box-shadow: var(--shadow-sm);
}
.admin-page-header::after {
content: "";
position: absolute;
right: -4rem;
bottom: -4rem;
width: 12rem;
height: 12rem;
border-radius: 999px;
background: radial-gradient(circle, rgba(99, 102, 241, 0.16), rgba(99, 102, 241, 0));
pointer-events: none;
}
.topbar {
gap: 1rem;
backdrop-filter: blur(10px);
}
.topbar-status {
flex-wrap: wrap;
}
.topbar-right {
gap: .75rem;
}
.topbar-utility-links {
display: flex;
flex-wrap: wrap;
gap: .55rem;
}
.topbar-utility-link {
display: inline-flex;
align-items: center;
min-height: 2.2rem;
padding: 0 .85rem;
border: 1px solid var(--admin-border);
border-radius: 999px;
background: rgba(255,255,255,0.8);
color: var(--admin-text);
font-size: .82rem;
font-weight: 700;
}
.topbar-utility-link:hover {
background: #fff;
border-color: rgba(99, 102, 241, 0.24);
}
.sidebar {
box-shadow: inset -1px 0 0 rgba(255,255,255,0.04);
}
.sidebar-shortcuts,
.sidebar-meta,
.sidebar-group,
.sidebar-footer {
border-radius: 1.2rem;
}
.sidebar-shortcuts,
.sidebar-group,
.sidebar-footer {
border: 1px solid rgba(255,255,255,0.06);
background: rgba(255,255,255,0.03);
}
.sidebar-group {
padding: .35rem;
}
.sidebar-link,
.sidebar-shortcut,
.sidebar-meta__pill {
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.sidebar-link:hover,
.sidebar-shortcut:hover,
.sidebar-meta__pill:hover {
transform: translateY(-1px);
}
.dashboard-v2 {
display: grid;
gap: 1.4rem;
}
.dashboard-hero-grid {
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
}
.dashboard-hero {
border: 1px solid var(--admin-border);
border-radius: 1.8rem;
padding: 1.5rem 1.6rem;
background: linear-gradient(135deg, #0f172a 0%, #111827 55%, #1f2937 100%);
color: #fff;
box-shadow: var(--shadow-md);
}
.dashboard-hero__kicker {
display: inline-flex;
align-items: center;
gap: .45rem;
padding: .45rem .8rem;
border-radius: 999px;
background: rgba(255,255,255,.08);
color: #cbd5e1;
font-size: .78rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .14em;
}
.dashboard-hero h2 {
margin: .85rem 0 .5rem;
font-size: clamp(1.7rem, 2.4vw, 2.5rem);
line-height: 1.08;
}
.dashboard-hero p {
margin: 0;
max-width: 66ch;
color: #cbd5e1;
line-height: 1.7;
}
.dashboard-hero__meta {
margin-top: 1.1rem;
display: flex;
flex-wrap: wrap;
gap: .6rem;
}
.dashboard-chip {
padding: .65rem .9rem;
border-radius: 999px;
background: rgba(255,255,255,.08);
color: #f8fafc;
font-size: .85rem;
font-weight: 700;
}
.dashboard-summary {
border: 1px solid var(--admin-border);
border-radius: 1.8rem;
padding: 1.25rem;
background: #fff;
box-shadow: var(--shadow-sm);
display: grid;
gap: 1rem;
}
.dashboard-summary__grid {
display: grid;
gap: .8rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dashboard-mini-card {
border: 1px solid var(--admin-border);
border-radius: 1.15rem;
padding: 1rem;
background: var(--admin-surface-alt);
}
.dashboard-mini-card span {
display: block;
color: var(--admin-text-muted);
font-size: .82rem;
font-weight: 700;
}
.dashboard-mini-card strong {
display: block;
margin-top: .35rem;
font-size: 1.45rem;
}
.dashboard-kpis {
display: grid;
gap: 1rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dashboard-kpi {
border: 1px solid var(--admin-border);
border-radius: 1.5rem;
padding: 1.1rem 1.15rem;
background: #fff;
box-shadow: var(--shadow-sm);
display: grid;
gap: .35rem;
}
.dashboard-kpi__label {
color: var(--admin-text-muted);
font-size: .82rem;
font-weight: 800;
letter-spacing: .02em;
}
.dashboard-kpi__value {
font-size: 1.9rem;
line-height: 1.05;
font-weight: 900;
color: var(--admin-text);
}
.dashboard-kpi__note {
color: var(--admin-text-muted);
font-size: .84rem;
}
.dashboard-grid-2,
.dashboard-grid-2-alt {
display: grid;
gap: 1rem;
}
.dashboard-grid-2 {
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}
.dashboard-grid-2-alt {
grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
}
.dashboard-panel {
border: 1px solid var(--admin-border);
border-radius: 1.65rem;
background: #fff;
box-shadow: var(--shadow-sm);
overflow: hidden;
}
.dashboard-panel__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
padding: 1.25rem 1.25rem 0;
}
.dashboard-panel__head h3 {
margin: 0;
font-size: 1.15rem;
}
.dashboard-panel__head p {
margin: .35rem 0 0;
color: var(--admin-text-muted);
line-height: 1.6;
}
.dashboard-panel__body {
padding: 1.25rem;
}
.priority-list,
.activity-list {
display: grid;
gap: .8rem;
}
.priority-card,
.activity-card,
.signal-card,
.queue-card,
.service-card,
.quick-card {
border: 1px solid var(--admin-border);
border-radius: 1.2rem;
background: #fff;
}
.priority-card {
padding: 1rem;
background: var(--admin-surface-alt);
}
.priority-card__row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: .8rem;
}
.priority-card h4,
.activity-card h4 {
margin: 0;
font-size: 1rem;
}
.priority-card p,
.activity-card p {
margin: .45rem 0 0;
color: var(--admin-text-muted);
line-height: 1.6;
}
.dash-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.85rem;
padding: .28rem .7rem;
border-radius: 999px;
background: #eef2ff;
color: #334155;
font-size: .75rem;
font-weight: 800;
}
.dash-badge--success { background: #ecfdf5; color: #047857; }
.dash-badge--danger { background: #fef2f2; color: #b91c1c; }
.dash-badge--warning { background: #fff7ed; color: #b45309; }
.dash-badge--info { background: #eff6ff; color: #1d4ed8; }
.signal-grid,
.queue-grid,
.service-grid,
.quick-grid,
.warning-grid {
display: grid;
gap: .85rem;
}
.signal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.queue-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.quick-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.warning-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.signal-card { padding: 1rem; }
.signal-card--placeholder { background: #fafafa; }
.signal-card__label {
color: var(--admin-text-muted);
font-size: .82rem;
font-weight: 700;
}
.signal-card__value {
margin-top: .35rem;
font-size: 1.55rem;
font-weight: 900;
color: var(--admin-text);
}
.signal-card__note {
margin-top: .35rem;
color: var(--admin-text-muted);
font-size: .84rem;
line-height: 1.55;
}
.queue-card {
padding: 1rem;
background: linear-gradient(180deg, #fff, #f8fbff);
}
.queue-card--success { background: linear-gradient(180deg, #ffffff, #f0fdf4); }
.queue-card--danger { background: linear-gradient(180deg, #ffffff, #fef2f2); }
.queue-card--warning { background: linear-gradient(180deg, #ffffff, #fff7ed); }
.queue-card--info { background: linear-gradient(180deg, #ffffff, #eff6ff); }
.queue-card__count {
margin-top: .4rem;
font-size: 2rem;
font-weight: 900;
line-height: 1;
}
.queue-card__note {
margin-top: .35rem;
color: var(--admin-text-muted);
font-size: .84rem;
line-height: 1.55;
}
.service-card {
padding: 1rem;
}
.service-card--healthy { background: #f8fffb; }
.service-card--warning { background: #fffafa; }
.service-card__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
}
.service-card__meta {
margin-top: .45rem;
color: var(--admin-text-muted);
font-size: .84rem;
}
.dashboard-table {
width: 100%;
border-collapse: collapse;
}
.dashboard-table th,
.dashboard-table td {
padding: .9rem .85rem;
border-top: 1px solid var(--admin-border);
text-align: left;
vertical-align: top;
}
.dashboard-table thead th {
border-top: 0;
color: var(--admin-text-muted);
font-size: .76rem;
text-transform: uppercase;
letter-spacing: .08em;
}
.activity-card {
padding: 1rem;
}
.activity-card__meta {
margin-top: .55rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
color: var(--admin-text-muted);
font-size: .8rem;
}
.quick-card {
padding: 1rem;
box-shadow: var(--shadow-xs);
}
.quick-card strong { display: block; }
.quick-card p {
margin: .45rem 0 0;
color: var(--admin-text-muted);
line-height: 1.55;
font-size: .86rem;
}
.warning-card {
border: 1px solid #fde68a;
border-radius: 1.1rem;
padding: .95rem 1rem;
background: #fffaf0;
color: #92400e;
font-size: .9rem;
line-height: 1.55;
}
@media (max-width: 1400px) {
.dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.queue-grid,
.quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
.dashboard-hero-grid,
.dashboard-grid-2,
.dashboard-grid-2-alt {
grid-template-columns: 1fr;
}
.topbar-status {
display: none;
}
}
@media (max-width: 768px) {
.dashboard-kpis,
.signal-grid,
.queue-grid,
.service-grid,
.quick-grid,
.warning-grid,
.dashboard-summary__grid {
grid-template-columns: 1fr;
}
.dashboard-table {
display: block;
overflow: auto;
white-space: nowrap;
}
.admin-page-header__actions,
.dashboard-panel__head {
display: grid;
gap: .65rem;
}
.dashboard-panel__head {
justify-content: stretch;
}
}
@media (max-width: 540px) {
.topbar-right {
justify-content: space-between;
}
.topbar-utility-links {
display: none;
}
.sidebar {
width: min(340px, 92vw);
border-top-right-radius: 1.25rem;
border-bottom-right-radius: 1.25rem;
}
}
.dashboard-focus-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dashboard-focus-card {
border: 1px solid var(--admin-border);
border-radius: 1.5rem;
background: #fff;
box-shadow: var(--shadow-sm);
padding: 1.15rem;
display: grid;
gap: .85rem;
}
.dashboard-focus-card--success { background: linear-gradient(180deg, #ffffff, #f0fdf4); }
.dashboard-focus-card--warning { background: linear-gradient(180deg, #ffffff, #fff7ed); }
.dashboard-focus-card--danger { background: linear-gradient(180deg, #ffffff, #fef2f2); }
.dashboard-focus-card--info { background: linear-gradient(180deg, #ffffff, #eff6ff); }
.dashboard-focus-card__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: .85rem;
}
.dashboard-focus-card__eyebrow {
display: inline-flex;
color: var(--admin-text-muted);
font-size: .76rem;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.dashboard-focus-card h3 {
margin: .35rem 0 0;
font-size: 1.05rem;
}
.dashboard-focus-card p {
margin: 0;
color: var(--admin-text-muted);
line-height: 1.6;
}
.dashboard-focus-card__actions {
display: flex;
flex-wrap: wrap;
gap: .55rem;
}
.quick-card {
display: grid;
gap: .35rem;
padding: 1rem;
text-decoration: none;
color: inherit;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.quick-card:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
border-color: rgba(37, 99, 235, .25);
}
.quick-card strong {
font-size: .98rem;
}
.quick-card span {
color: var(--admin-text-muted);
line-height: 1.55;
font-size: .85rem;
}
@media (max-width: 1280px) {
.dashboard-focus-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.dashboard-focus-grid,
.quick-grid {
grid-template-columns: 1fr;
}
}
.admin-page-header--radar,
.admin-page-header--analytics,
.admin-page-header--operations {
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.16), transparent 28%),
linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,253,.98));
}
.admin-radar,
.admin-analytics-page,
.admin-operations-page {
display: grid;
gap: 1.25rem;
}
.admin-radar__hero,
.admin-analytics-page__hero {
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
align-items: stretch;
}
.admin-radar__hero-panel {
border: 1px solid rgba(255,255,255,.08);
border-radius: 1.35rem;
padding: 1.25rem 1.4rem;
background: linear-gradient(135deg, #0f172a 0%, #111827 55%, #1f2937 100%);
color: #fff;
box-shadow: var(--shadow-md);
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.admin-radar__hero-panel h2 {
margin: .55rem 0 .45rem;
font-size: clamp(1.3rem, 1.55vw, 1.6rem);
line-height: 1.18;
}
.admin-radar__hero-panel p {
margin: 0;
color: #cbd5e1;
font-size: .88rem;
line-height: 1.55;
max-width: 72ch;
}
.admin-radar__hero-kicker {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: .4rem;
padding: .34rem .68rem;
border-radius: 999px;
background: rgba(255,255,255,.08);
color: #dbeafe;
font-size: .68rem;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.admin-radar__hero-chips {
margin-top: auto;
padding-top: 1rem;
display: flex;
flex-wrap: wrap;
gap: .5rem;
}
.admin-radar__chip {
display: inline-flex;
align-items: center;
min-height: 1.9rem;
padding: .42rem .72rem;
border-radius: 999px;
background: rgba(255,255,255,.08);
color: #f8fafc;
font-size: .78rem;
font-weight: 700;
}
.admin-radar__summary-card {
border: 1px solid var(--admin-border);
border-radius: 1.35rem;
padding: 1.15rem 1.25rem;
background: #fff;
box-shadow: var(--shadow-sm);
display: flex;
flex-direction: column;
justify-content: space-between;
gap: .75rem;
height: 100%;
}
.admin-radar__summary-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
}
.admin-radar__summary-head span,
.admin-radar__summary-note {
color: var(--admin-text-muted);
font-size: .78rem;
margin: 0;
}
.admin-radar__summary-grid {
display: grid;
gap: .65rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-radar__summary-grid > div {
padding: .55rem .7rem;
border-radius: .75rem;
background: #f8fafc;
border: 1px solid #e2e8f0;
}
.admin-radar__summary-grid span {
display: block;
color: var(--admin-text-muted);
font-size: .72rem;
font-weight: 700;
}
.admin-radar__summary-grid strong {
display: block;
margin-top: .2rem;
font-size: 1.12rem;
}
.admin-radar__kpis {
display: grid;
gap: .85rem;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.admin-radar-kpi {
border: 1px solid var(--admin-border);
border-radius: 1.1rem;
padding: .85rem .95rem;
background: #fff;
box-shadow: var(--shadow-sm);
display: grid;
gap: .28rem;
}
.admin-radar-kpi__label {
color: var(--admin-text-muted);
font-size: .75rem;
font-weight: 800;
}
.admin-radar-kpi strong {
font-size: 1.38rem;
line-height: 1.08;
letter-spacing: -.03em;
}
.admin-radar-kpi small {
color: var(--admin-text-muted);
line-height: 1.55;
}
.admin-radar-panel {
border: 1px solid var(--admin-border);
border-radius: 1.35rem;
background: #fff;
box-shadow: var(--shadow-sm);
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
.admin-radar-panel__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
padding: 1.1rem 1.2rem 0;
}
.admin-radar-panel__head h3 {
margin: 0;
font-size: 1.05rem;
}
.admin-radar-panel__head p {
margin: .25rem 0 0;
color: var(--admin-text-muted);
line-height: 1.5;
font-size: .84rem;
}
.admin-radar__signal-grid,
.admin-radar__queue-grid,
.admin-radar__service-grid,
.admin-radar__main-grid,
.admin-search-intel-grid {
display: grid;
gap: .85rem;
}
.admin-radar__signal-grid,
.admin-radar__queue-grid,
.admin-radar__service-grid {
padding: 1rem 1.2rem 1.2rem;
flex: 1;
align-content: stretch;
}
.admin-radar__signal-grid,
.admin-radar__queue-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-radar__service-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.admin-radar__main-grid,
.admin-radar__main-grid--reverse {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
}
.admin-signal-card,
.admin-queue-card,
.admin-service-card,
.admin-priority-card,
.admin-activity-card,
.admin-ai-summary-card,
.admin-search-intel-card {
border: 1px solid var(--admin-border);
border-radius: 1.15rem;
background: #fff;
}
.admin-signal-card,
.admin-queue-card,
.admin-service-card,
.admin-search-intel-card {
padding: 1rem;
}
.admin-signal-card--placeholder {
background: #fafafa;
}
.admin-signal-card span,
.admin-queue-card span {
display: block;
color: var(--admin-text-muted);
font-size: .8rem;
font-weight: 800;
}
.admin-signal-card strong,
.admin-queue-card strong {
display: block;
margin-top: .35rem;
font-size: 1.55rem;
line-height: 1.05;
}
.admin-signal-card small,
.admin-queue-card small,
.admin-service-card p,
.admin-search-intel-card li,
.admin-ai-summary-card p,
.admin-priority-card p,
.admin-activity-card p {
color: var(--admin-text-muted);
line-height: 1.58;
}
.admin-queue-card { background: linear-gradient(180deg, #fff, #f8fbff); }
.admin-queue-card--warning { background: linear-gradient(180deg, #fff, #fff7ed); }
.admin-queue-card--danger { background: linear-gradient(180deg, #fff, #fef2f2); }
.admin-queue-card--info { background: linear-gradient(180deg, #fff, #eff6ff); }
.admin-queue-card a,
.admin-priority-card__link,
.admin-service-card__meta a {
margin-top: .5rem;
display: inline-flex;
align-items: center;
gap: .35rem;
color: var(--admin-info);
font-weight: 700;
text-decoration: none;
}
.admin-service-card--healthy { background: #f8fffb; }
.admin-service-card--danger { background: #fffafa; }
.admin-service-card__head,
.admin-priority-card__row,
.admin-activity-card__meta {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: .75rem;
}
.admin-service-card__meta {
margin-top: .45rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .6rem;
color: var(--admin-text-muted);
font-size: .82rem;
}
.admin-priority-list,
.admin-activity-list,
.admin-ai-summary-list {
display: grid;
grid-auto-rows: 1fr;
align-content: stretch;
flex: 1;
gap: .85rem;
padding: 1rem 1.2rem 1.2rem;
}
.admin-priority-card,
.admin-activity-card,
.admin-ai-summary-card {
padding: 1rem 1.1rem;
background: var(--admin-surface-alt);
display: flex;
flex-direction: column;
justify-content: center;
}
.admin-tone-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 1.85rem;
padding: .28rem .72rem;
border-radius: 999px;
background: #eef2ff;
color: #334155;
font-size: .74rem;
font-weight: 800;
}
.admin-tone-badge--success { background: #ecfdf5; color: #047857; }
.admin-tone-badge--danger { background: #fef2f2; color: #b91c1c; }
.admin-tone-badge--warning { background: #fff7ed; color: #b45309; }
.admin-tone-badge--info { background: #eff6ff; color: #1d4ed8; }
.admin-tone-badge--neutral { background: #f4f4f5; color: #52525b; }
.admin-table-wrap { padding: 1.2rem; }
.admin-radar-table { width: 100%; border-collapse: collapse; }
.admin-radar-table th, .admin-radar-table td { padding: .9rem .85rem; border-top: 1px solid var(--admin-border); text-align: left; vertical-align: top; }
.admin-radar-table thead th { border-top: 0; color: var(--admin-text-muted); font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; }
.admin-search-intel-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: 1.2rem;
}
.admin-search-intel-card strong {
display: block;
margin-bottom: .7rem;
}
.admin-search-intel-card ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: .65rem;
}
.admin-search-intel-card li {
display: flex;
align-items: center;
justify-content: space-between;
gap: .8rem;
padding: .72rem .8rem;
border: 1px solid var(--admin-border);
border-radius: .95rem;
background: #fff;
}
.admin-search-intel-card li strong {
margin: 0;
color: var(--admin-text);
}
.admin-search-intel-card--danger {
background: linear-gradient(180deg, #fff, #fff7f7);
}
.admin-warning-stack {
display: grid;
gap: .8rem;
}
.admin-empty-inline {
color: var(--admin-text-muted);
padding: 1rem 1.2rem;
}
@media (max-width: 1440px) {
.admin-radar__kpis {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 1180px) {
.admin-radar__hero,
.admin-analytics-page__hero,
.admin-radar__main-grid,
.admin-radar__main-grid--reverse {
grid-template-columns: 1fr;
}
.admin-radar__signal-grid,
.admin-radar__queue-grid,
.admin-radar__service-grid,
.admin-search-intel-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.admin-radar__kpis,
.admin-radar__signal-grid,
.admin-radar__queue-grid,
.admin-radar__service-grid,
.admin-search-intel-grid {
grid-template-columns: 1fr;
}
.admin-radar__summary-grid {
grid-template-columns: 1fr;
}
.admin-radar-panel__head,
.admin-page-header__actions {
flex-direction: column;
align-items: flex-start;
}
}
.sidebar-meta{
display:flex;
flex-wrap:wrap;
gap:.55rem;
margin:0 .1rem 1rem;
}
.sidebar-meta__pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:2rem;
padding:.45rem .78rem;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.1);
color:#fff;
font-size:.72rem;
font-weight:800;
letter-spacing:.03em;
}
.sidebar-meta__pill--link{text-decoration:none;}
.sidebar-meta__pill--ghost{background:rgba(59,130,246,.14);color:#dbeafe;}
.sidebar-meta__pill--warning{background:rgba(217,119,6,.16);color:#ffedd5;}
.sidebar-meta__pill--danger{background:rgba(220,38,38,.16);color:#fee2e2;}
.sidebar-meta__pill--info{background:rgba(16,185,129,.16);color:#dcfce7;}
.topbar-utility-links{
display:flex;
align-items:center;
gap:.5rem;
flex-wrap:wrap;
}
.topbar-utility-link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:2.2rem;
padding:.48rem .78rem;
border-radius:999px;
border:1px solid var(--admin-border);
background:#fff;
color:var(--admin-text-muted);
text-decoration:none;
font-size:.78rem;
font-weight:800;
letter-spacing:.02em;
box-shadow:var(--shadow-xs);
}
.topbar-utility-link:hover{
color:var(--admin-text);
border-color:#cbd5e1;
background:#f8fbff;
}
.topbar-status__item--env-dev{background:linear-gradient(135deg,#ecfeff,#eff6ff);border-color:#bae6fd;}
.topbar-status__item--env-prod{background:linear-gradient(135deg,#ecfdf3,#f0fdf4);border-color:#bbf7d0;}
.topbar-status__item--env-other{background:linear-gradient(135deg,#fff7ed,#fffaf0);border-color:#fed7aa;}
.topbar-environment-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .68rem;border:1px solid var(--admin-border);border-radius:999px;background:#f8fafc;color:#475569;font-size:.72rem;font-weight:850;white-space:nowrap}
.sg-kpi-card{display:grid;gap:.45rem;}
.sg-kpi-card .sg-kpi__value{font-size:clamp(1.7rem,2vw,2.4rem);font-weight:900;letter-spacing:-.04em;}
.sg-kpi-card .sg-kpi__note{color:var(--admin-text-muted);line-height:1.6;}
.sg-preview-card{background:linear-gradient(180deg,#fff,#fbfdff);}
.sg-code-list{display:grid;gap:.8rem;}
.sg-code-list > div{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.78rem .9rem;border:1px solid var(--admin-border);border-radius:1rem;background:#fff;}
.sg-code-list strong{font-size:.82rem;color:var(--admin-text-muted);}
.sg-code-list span{text-align:right;color:var(--admin-text);font-weight:700;}
.sg-inline-actions{display:flex;justify-content:flex-end;gap:.75rem;}
.admin-footer-ribbon{
margin-top:1.25rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
padding:1rem 1.1rem;
border:1px solid var(--admin-border);
border-radius:1rem;
background:linear-gradient(180deg,#fff,#f8fbff);
box-shadow:var(--shadow-xs);
}
.admin-footer-ribbon__meta,
.admin-footer-ribbon__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;}
.admin-footer-ribbon__meta strong{font-size:.95rem;}
.admin-footer-ribbon__meta span{color:var(--admin-text-muted);font-size:.88rem;}
.admin-footer-ribbon__actions a{color:var(--admin-primary);text-decoration:none;font-weight:700;}
.dashboard-closeout,.ops-warroom{margin-top:1.5rem;}
.dashboard-closeout__intro{color:var(--admin-text-muted);margin-bottom:1rem;}
.dashboard-closeout__grid,.ops-warroom__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
@media (max-width: 1280px){.topbar-utility-links{display:none;}}
@media (max-width: 960px){.admin-footer-ribbon{flex-direction:column;align-items:flex-start;}}
.topbar-icon-glyph{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem}
.topbar-icon-glyph svg{width:1.15rem;height:1.15rem}
.topbar-icon-button--label{width:auto;min-width:2.85rem;padding:0 .95rem;gap:.55rem;font-weight:800;color:var(--admin-text)}
.topbar-icon-button--label span:last-child{white-space:nowrap}
.ops-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}
.ops-action-tile{display:grid;gap:.35rem;padding:1rem 1.05rem;border-radius:18px;border:1px solid var(--admin-border);background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);text-decoration:none;color:var(--admin-text);box-shadow:0 16px 34px rgba(15,23,42,.05)}
.ops-action-tile:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(15,23,42,.08);border-color:rgba(79,70,229,.22)}
.ops-action-tile strong{font-size:.98rem}
.ops-action-tile span{font-size:.9rem;color:var(--admin-text-soft);line-height:1.55}
.ops-kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.ops-kv-card{padding:1rem 1.05rem;border-radius:18px;border:1px solid var(--admin-border);background:#fff;display:grid;gap:.55rem}
.ops-kv-card strong{font-size:.96rem}
.ops-kv-card span{font-size:.9rem;color:var(--admin-text-soft)}
.ops-thread-list{display:grid;gap:.85rem}
.ops-thread-card{padding:1rem 1.05rem;border-radius:18px;border:1px solid var(--admin-border);background:#fff;display:grid;gap:.5rem}
.ops-thread-card--admin{background:linear-gradient(180deg,#eef2ff 0%,#f8faff 100%);border-color:rgba(79,70,229,.2)}
.ops-thread-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;color:var(--admin-text-soft);font-size:.85rem}
.ops-checklist{display:grid;gap:.75rem}
.ops-checkitem{display:grid;gap:.2rem;padding:.9rem 1rem;border-radius:16px;background:rgba(248,250,252,.95);border:1px solid rgba(148,163,184,.18)}
.ops-checkitem strong{font-size:.93rem}
.ops-checkitem span{font-size:.88rem;color:var(--admin-text-soft);line-height:1.55}
.ops-form-card{padding:1rem 1.05rem;border-radius:18px;border:1px solid var(--admin-border);background:#fff;display:grid;gap:1rem}
.ops-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800;color:var(--admin-primary)}
.ops-kicker--muted{color:var(--admin-text-soft)}
@media (max-width: 1024px){.ops-kv-grid{grid-template-columns:1fr}}
.admin-command-deck{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1rem;margin:1.15rem 0 1.35rem}
.admin-command-card{display:grid;gap:.9rem;padding:1.15rem 1.2rem;border-radius:24px;border:1px solid var(--admin-border);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 16px 36px rgba(15,23,42,.06)}
.admin-command-card--primary{background:radial-gradient(circle at top right, rgba(79,70,229,.16), transparent 30%),linear-gradient(180deg,#fff 0%,#eef4ff 100%);border-color:rgba(79,70,229,.18)}
.admin-command-card__eyebrow{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--admin-primary)}
.admin-command-card strong{font-size:1.08rem;line-height:1.35}
.admin-command-card p{margin:0;color:var(--admin-text-soft);line-height:1.65}
.admin-command-card__actions{display:flex;flex-wrap:wrap;gap:.7rem}
.admin-mini-checklist{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.admin-mini-checklist li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.82rem .9rem;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#fff}
.admin-mini-checklist strong{font-size:1.05rem;color:var(--admin-text)}
.admin-mini-checklist span{font-size:.88rem;color:var(--admin-text-soft)}
@media (max-width: 1100px){.admin-command-deck{grid-template-columns:1fr}}
.admin-drawer__panel{width:min(34rem,100vw);height:100vh;margin-left:auto;background:#fff;border-left:1px solid var(--admin-border);box-shadow:var(--shadow-lg);display:grid;grid-template-rows:auto 1fr}
.admin-drawer-card{display:grid;gap:1rem;padding:1.05rem 1.1rem;border-radius:22px;border:1px solid var(--admin-border);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 16px 34px rgba(15,23,42,.05)}
.admin-drawer-card--muted{background:linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%)}
.admin-drawer-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.admin-drawer-card__head h3{margin:.1rem 0 0;font-size:1.06rem;letter-spacing:-.02em}
.admin-drawer-card__kicker{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--admin-primary)}
.admin-drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.admin-drawer-stat{display:grid;gap:.35rem;padding:1rem;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#fff}
.admin-drawer-stat__label{font-size:.8rem;font-weight:800;color:var(--admin-text-soft);text-transform:uppercase;letter-spacing:.08em}
.admin-drawer-stat strong{font-size:1.45rem;letter-spacing:-.03em}
.admin-drawer-stat small{color:var(--admin-text-soft);line-height:1.55}
.admin-drawer-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.42rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#fff;color:var(--admin-text-soft);font-size:.76rem;font-weight:800}
.admin-drawer-chip--alert{background:#fff7ed;border-color:rgba(249,115,22,.22);color:#b45309}
.admin-drawer-links{display:grid;gap:.75rem}
.admin-drawer-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#fff;color:var(--admin-text);text-decoration:none;box-shadow:0 14px 30px rgba(15,23,42,.04)}
.admin-drawer-link:hover{transform:translateY(-1px);border-color:rgba(79,70,229,.2);box-shadow:0 18px 34px rgba(15,23,42,.08)}
.admin-drawer-link span{display:grid;gap:.2rem}
.admin-drawer-link strong{font-size:.96rem}
.admin-drawer-link small{color:var(--admin-text-soft);line-height:1.55}
.admin-drawer-link em{font-style:normal;font-weight:900;color:var(--admin-primary)}
.admin-drawer-list{margin:0;padding-left:1.1rem;display:grid;gap:.65rem;color:var(--admin-text-soft)}
.admin-drawer-list li{line-height:1.6}
@media (max-width: 900px){.admin-drawer__panel{width:100vw}.admin-drawer-grid{grid-template-columns:1fr}}
.admin-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:.95rem 0 1.1rem}
.admin-focus-card{display:grid;gap:.7rem;padding:.95rem 1.05rem .9rem;border-radius:20px;border:1px solid var(--admin-border);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 12px 28px rgba(15,23,42,.05)}
.admin-focus-card--commerce{background:radial-gradient(circle at top right, rgba(14,165,233,.12), transparent 32%),linear-gradient(180deg,#fff 0%,#f3fbff 100%);border-color:rgba(14,165,233,.18)}
.admin-focus-card--experience{background:radial-gradient(circle at top right, rgba(16,185,129,.12), transparent 32%),linear-gradient(180deg,#fff 0%,#f3fff9 100%);border-color:rgba(16,185,129,.18)}
.admin-focus-card--ops{background:radial-gradient(circle at top right, rgba(249,115,22,.12), transparent 32%),linear-gradient(180deg,#fff 0%,#fff7f1 100%);border-color:rgba(249,115,22,.18)}
.admin-focus-card__eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--admin-primary)}
.admin-focus-card strong{font-size:.98rem;line-height:1.4;letter-spacing:-.02em}
.admin-focus-card p{margin:0;color:var(--admin-text-soft);font-size:.86rem;line-height:1.55}
.admin-focus-card__list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.admin-focus-card__list li{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.62rem .8rem;border-radius:13px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.92)}
.admin-focus-card__list span{font-size:.82rem;color:var(--admin-text-soft)}
.admin-focus-card__list strong{font-size:.92rem;color:var(--admin-text)}
.admin-focus-card__actions{display:flex;flex-wrap:wrap;gap:.55rem}
@media (max-width: 1100px){.admin-focus-grid{grid-template-columns:1fr}}
.ax-login-body {
margin: 0;
min-height: 100vh;
background:
radial-gradient(circle at 8% 12%, rgba(59, 130, 246, .22), transparent 30%),
radial-gradient(circle at 86% 14%, rgba(236, 72, 153, .16), transparent 28%),
linear-gradient(135deg, #06111f 0%, #0b1630 48%, #17213d 100%);
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: #fff;
overflow-x: hidden;
}
.ax-login-body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
background-image:
linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
background-size: 54px 54px;
mask-image: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.35));
}
.ax-login-body--narrow {
background-attachment: fixed;
}
.ax-login-shell {
position: relative;
z-index: 1;
width: min(1180px, calc(100% - 40px));
min-height: 100vh;
margin: 0 auto;
padding: 28px 0;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(390px, .88fr);
gap: clamp(26px, 4vw, 56px);
align-items: center;
}
.ax-login-shell--compact {
grid-template-columns: minmax(0, .96fr) minmax(360px, .72fr);
}
.ax-login-copy {
display: grid;
gap: 18px;
padding: clamp(12px, 2.4vw, 34px);
}
.ax-auth-brand {
width: fit-content;
display: inline-flex;
align-items: center;
gap: 14px;
padding: 10px 14px 10px 10px;
border-radius: 22px;
border: 1px solid rgba(255,255,255,.16);
background: rgba(255,255,255,.08);
color: #fff;
text-decoration: none;
box-shadow: 0 18px 40px rgba(0,0,0,.18);
}
.ax-auth-brand__mark {
width: 54px;
height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 18px;
background: linear-gradient(135deg, #ffffff, #dbeafe);
color: #1d4ed8;
font-weight: 950;
font-size: 1.8rem;
letter-spacing: -.06em;
box-shadow: inset 0 0 0 1px rgba(15,23,42,.08);
}
.ax-auth-brand__text {
display: grid;
gap: 2px;
}
.ax-auth-brand__text strong {
font-size: 1.12rem;
letter-spacing: -.02em;
}
.ax-auth-brand__text small {
color: rgba(255,255,255,.72);
font-weight: 700;
}
.ax-kicker {
margin-top: 8px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .18em;
color: rgba(255,255,255,.68);
font-weight: 850;
}
.ax-login-copy h1 {
max-width: 760px;
margin: 0;
font-size: clamp(2.55rem, 5vw, 4.8rem);
line-height: 1.02;
letter-spacing: -.055em;
}
.ax-login-copy p {
max-width: 620px;
margin: 0;
color: rgba(255,255,255,.78);
font-size: clamp(1rem, 1.25vw, 1.16rem);
line-height: 1.75;
}
.ax-login-card {
position: relative;
overflow: hidden;
background: rgba(255,255,255,.985);
color: #0f172a;
border: 1px solid rgba(255,255,255,.22);
border-radius: 32px;
padding: clamp(26px, 3vw, 38px);
box-shadow: 0 36px 80px rgba(0,0,0,.34);
}
.ax-login-card::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 7px;
background: linear-gradient(90deg, #1d4ed8, #38bdf8, #f97316);
}
.ax-auth-card-head {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: flex-start;
margin-bottom: 20px;
}
.ax-auth-card-eyebrow {
display: inline-flex;
margin-bottom: 8px;
color: #1d4ed8;
font-size: 12px;
font-weight: 900;
letter-spacing: .14em;
text-transform: uppercase;
}
.ax-auth-card-head h2 {
margin: 0;
font-size: clamp(1.75rem, 2vw, 2.15rem);
letter-spacing: -.035em;
}
.ax-auth-card-head p {
margin: 8px 0 0;
color: #667085;
line-height: 1.55;
}
.ax-auth-pill {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 13px;
border-radius: 999px;
background: #eef2ff;
color: #3730a3;
font-size: 12px;
font-weight: 850;
white-space: nowrap;
}
.ax-auth-pill--warning {
background: #fff7ed;
color: #c2410c;
}
.ax-form-stack {
display: grid;
gap: 15px;
}
.ax-field {
display: grid;
gap: 8px;
}
.ax-field span {
font-size: 13px;
font-weight: 800;
color: #475467;
}
.ax-field input {
width: 100%;
min-height: 50px;
padding: 12px 15px;
border: 1px solid #d0d5dd;
border-radius: 16px;
background: #fff;
color: #0f172a;
font: inherit;
outline: 0;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.ax-field input:focus {
border-color: #1d4ed8;
box-shadow: 0 0 0 4px rgba(29, 78, 216, .12);
}
.ax-check {
display: flex;
gap: 10px;
align-items: center;
color: #475467;
font-size: 14px;
font-weight: 700;
}
.ax-check input {
width: 17px;
height: 17px;
accent-color: #1d4ed8;
}
.ax-auth-note {
padding: 13px 15px;
border-radius: 16px;
background: #f8fafc;
border: 1px solid #e5e7eb;
font-size: 13px;
color: #667085;
line-height: 1.55;
}
.ax-auth-submit,
.ax-login-card .btn.btn-primary {
min-height: 52px;
border: 0;
border-radius: 16px;
background: linear-gradient(135deg, #0f172a, #1d4ed8);
color: #fff;
font-weight: 900;
letter-spacing: .01em;
box-shadow: 0 18px 34px rgba(29, 78, 216, .24);
}
.ax-auth-submit:hover,
.ax-login-card .btn.btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 22px 42px rgba(29, 78, 216, .30);
}
.ax-auth-radar {
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 12px;
margin-top: 12px;
}
.ax-auth-radar--compact {
grid-template-columns: repeat(2, minmax(0,1fr));
}
.ax-auth-radar__card {
padding: 17px 18px;
border-radius: 24px;
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.08);
box-shadow: 0 16px 34px rgba(0,0,0,.16);
display: grid;
gap: 7px;
backdrop-filter: blur(12px);
}
.ax-auth-radar__kicker {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .16em;
color: rgba(255,255,255,.62);
font-weight: 850;
}
.ax-auth-radar__card strong {
font-size: 15px;
}
.ax-auth-radar__card span {
color: rgba(255,255,255,.76);
font-size: 13px;
line-height: 1.55;
}
.ax-auth-actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin: 18px 0 12px;
}
.ax-login-card .text-danger {
margin: 0;
color: #b42318;
font-size: 13px;
line-height: 1.55;
}
@media (max-width: 1100px) {
.ax-login-shell,
.ax-login-shell--compact {
width: min(760px, calc(100% - 32px));
grid-template-columns: 1fr;
align-content: center;
}
.ax-login-copy {
padding: 18px 0 0;
}
.ax-auth-radar,
.ax-auth-radar--compact {
grid-template-columns: 1fr;
}
}
@media (max-width: 620px) {
.ax-login-shell,
.ax-login-shell--compact {
width: min(100% - 24px, 760px);
padding: 16px 0;
}
.ax-login-copy h1 {
font-size: clamp(2.05rem, 12vw, 3rem);
}
.ax-auth-brand {
width: 100%;
}
.ax-auth-brand__mark {
width: 48px;
height: 48px;
}
.ax-auth-card-head {
flex-direction: column;
}
.ax-login-card {
border-radius: 26px;
padding: 24px 20px;
}
}
.topbar-user-pill--link { text-decoration: none; color: inherit; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.topbar-user-pill--link:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); border-color: rgba(37,99,235,.24); }
.sidebar-meta__pill--link { text-decoration: none; }
.sg-grid--settings-shell { align-items: start; }
.sg-sticky-stack { position: sticky; top: 6rem; }
.sg-card--section { padding: 1.2rem 1.25rem; }
.sg-toggle-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: .9rem;
}
.sg-toggle-card {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: 1rem 1.05rem;
border: 1px solid #e5e7eb;
border-radius: 18px;
background: #fff;
}
.sg-toggle-card__copy { display: grid; gap: .2rem; }
.sg-toggle-card__copy strong { font-size: .97rem; }
.sg-toggle-card__copy small { color: #6b7280; }
.sg-toggle-card__switch input { width: 1.1rem; height: 1.1rem; }
.sg-asset-stack { display: grid; gap: .9rem; }
.sg-asset-form {
display: grid;
gap: .85rem;
padding: 1rem;
border: 1px solid #e5e7eb;
border-radius: 18px;
background: #f8fafc;
}
.sg-asset-form__head { display: grid; gap: .2rem; }
.sg-asset-form__head small { color: #6b7280; }
.sg-asset-preview {
display: flex; align-items: center; justify-content: center; min-height: 88px;
border: 1px dashed rgba(148,163,184,.45); border-radius: 16px; background: #fff; padding: .8rem;
}
.sg-asset-preview img { max-height: 56px; width: auto; }
.sg-asset-preview--icon img { max-height: 36px; }
.catalog-grid-main--compact { grid-template-columns: minmax(0, 1.55fr) minmax(280px, .62fr); align-items: start; }
.catalog-section-stack--sticky { position: sticky; top: 6rem; }
.catalog-card--compact .catalog-card__head { padding: 1rem 1rem .85rem; }
.catalog-card--compact .catalog-card__body { padding: .95rem 1rem 1rem; }
.catalog-card--compact .catalog-mini-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }
.sg-page--xml-edit .sg-actions { margin-top: -.25rem; }
.sg-inline-actions--stretch { display: grid; gap: .65rem; }
.sg-inline-actions--stretch .sg-btn { width: 100%; }
.sg-page--ai-settings .sg-note { padding: 0; background: transparent; border-radius: 0; }
@media (max-width: 1200px) {
.sg-grid--2,
.catalog-grid-main--compact { grid-template-columns: 1fr; }
.sg-sticky-stack,
.catalog-section-stack--sticky { position: static; }
}
.admin-radar-panel__head h3{letter-spacing:-.02em}
.admin-radar__hero-panel,.admin-radar__summary-card,.admin-radar-panel,.admin-radar-kpi{backdrop-filter:blur(10px)}
.admin-radar-kpi{transition:transform .16s ease, box-shadow .16s ease,border-color .16s ease}
.admin-radar-kpi:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.08);border-color:rgba(79,70,229,.16)}
.admin-service-card,.admin-priority-card,.admin-queue-card,.admin-signal-card{transition:transform .16s ease, box-shadow .16s ease,border-color .16s ease}
.admin-service-card:hover,.admin-priority-card:hover,.admin-queue-card:hover,.admin-signal-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.08)}
.sg-page .sg-card code {
font-size: .84rem;
}
.sg-page .sg-meta span {
white-space: normal;
}
.sg-page--ai-settings .sg-card--soft,
.sg-page--runtime-center .sg-card--soft,
.sg-page .aiops-card,
.sg-page .aiops-note {
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.sg-page .aiops-links a,
.sg-page .sg-quick-links a {
color: var(--admin-primary-700, #243b84);
}
.sg-page .aiops-note ul,
.sg-page .sg-list {
margin: 0;
padding-left: 1rem;
}
.sg-page .sg-table td code {
display: inline-block;
padding: .2rem .45rem;
border-radius: 999px;
background: #f3f6ff;
}
.admin-error-state,
.catalog-empty-state,
.ax-note-box,
.commerce-note,
.sg-alert--info,
.aiops-alert {
display: grid;
gap: .65rem;
padding: 1rem 1.1rem;
border: 1px solid rgba(148, 163, 184, .24);
border-radius: 18px;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
color: #334155;
}
.admin-error-state__card {
display: grid;
gap: .75rem;
padding: 1.15rem;
border: 1px solid rgba(239, 68, 68, .18);
border-radius: 20px;
background: linear-gradient(180deg, #fff 0%, #fff7f7 100%);
}
.admin-error-state__eyebrow,
.catalog-command-band__eyebrow,
.catalog-command-card__kicker,
.catalog-focus-card__eyebrow,
.commerce-focus-card__eyebrow,
.sg-focus-band__kicker,
.aiops-label {
display: inline-flex;
align-items: center;
gap: .35rem;
width: fit-content;
min-height: 1.6rem;
padding: 0 .65rem;
border-radius: 999px;
background: rgba(37, 99, 235, .08);
color: var(--admin-primary-700, #1d4ed8);
font-weight: 800;
font-size: .72rem;
letter-spacing: .035em;
text-transform: uppercase;
}
.admin-error-state__actions,
.sg-action-band,
.sg-inline-actions--stretch,
.home-admin-actions,
.commerce-inline-filter {
display: flex;
flex-wrap: wrap;
gap: .65rem;
align-items: center;
}
.ax-card,
.catalog-command-card,
.catalog-focus-card,
.catalog-editor-brief__card,
.commerce-tile,
.commerce-rail,
.commerce-focus-card--signal,
.commerce-focus-card--warn,
.sg-focus-card,
.sg-form-card,
.sg-action-tile,
.aiops-aside,
.aiops-list,
.aiops-pill,
.mail-snippet-btn {
border: 1px solid rgba(148, 163, 184, .22);
border-radius: 20px;
background: #fff;
box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}
.ax-card__head,
.catalog-command-band__head,
.catalog-editor-brief__title,
.commerce-focus__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.ax-card__body,
.catalog-editor-brief__card,
.catalog-focus-card,
.sg-focus-card,
.sg-form-card {
padding: 1rem;
}
.ax-stack,
.catalog-editor-list,
.aiops-list,
.sg-focus-strip,
.sg-checklist__item {
display: grid;
gap: .75rem;
}
.ax-input,
.ax-inputfile,
.xml-field-select,
.sg-textarea,
.form-select {
width: 100%;
min-height: 2.55rem;
border: 1px solid rgba(148, 163, 184, .35);
border-radius: 12px;
background: #fff;
color: #0f172a;
}
.ax-input,
.xml-field-select,
.form-select {
padding: 0 .8rem;
}
.sg-textarea {
padding: .75rem .85rem;
resize: vertical;
}
.ax-manual-grid,
.catalog-command-grid,
.catalog-command-band__stats,
.ax-metric-strip,
.admin-radar__focus-grid {
display: grid;
gap: 1rem;
}
.ax-manual-grid,
.catalog-command-grid,
.admin-radar__focus-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.catalog-command-band,
.catalog-focus-band,
.sg-focus-band,
.storefront-focus-band,
.ops-triage-strip {
display: grid;
gap: 1rem;
padding: 1.15rem;
border: 1px solid rgba(148, 163, 184, .22);
border-radius: 22px;
background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
box-shadow: 0 16px 38px rgba(15, 23, 42, .06);
}
.catalog-command-band__stats,
.ax-metric-strip {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.catalog-command-band__stat,
.catalog-editor-chip,
.aiops-pill,
.ax-badge--info,
.sg-label {
display: inline-flex;
align-items: center;
gap: .35rem;
width: fit-content;
min-height: 1.7rem;
padding: 0 .65rem;
border-radius: 999px;
background: #eff6ff;
color: #1d4ed8;
font-weight: 800;
font-size: .78rem;
}
.commerce-table,
.table-responsive {
width: 100%;
overflow-x: auto;
}
.commerce-table table,
.table-responsive table {
min-width: 760px;
}
.sg-text-muted {
color: #64748b;
}
.bg-success { background: #dcfce7 !important; color: #166534 !important; }
.bg-danger { background: #fee2e2 !important; color: #991b1b !important; }
.bg-secondary { background: #f1f5f9 !important; color: #334155 !important; }
.text-dark { color: #0f172a !important; }
@media (max-width: 900px) {
.ax-card__head,
.catalog-command-band__head,
.commerce-focus__header {
flex-direction: column;
}
.commerce-table table,
.table-responsive table {
min-width: 640px;
}
}
.sg-page--settings,
.sg-page--system-status,
.sg-page--jobs-monitor,
.sg-page--mail-center,
.sg-page--notification-logs,
.admin-module-page--xml,
.admin-module-page--excel {
--studio-card-bg: color-mix(in srgb, var(--admin-surface, #ffffff) 92%, var(--admin-primary, #2046d8) 8%);
}
.sg-page--settings .sg-page-head,
.sg-page--system-status .sg-page-head,
.sg-page--jobs-monitor .sg-page-head,
.sg-page--mail-center .sg-page-head,
.sg-page--notification-logs .sg-page-head,
.admin-module-page--xml .ax-headline,
.admin-module-page--excel .ops-toolbar {
background: linear-gradient(135deg, color-mix(in srgb, var(--admin-primary, #2046d8) 8%, white 92%), color-mix(in srgb, var(--admin-primary, #2046d8) 3%, white 97%));
border: 1px solid color-mix(in srgb, var(--admin-primary, #2046d8) 10%, #d8deea 90%);
border-radius: 24px;
padding: 20px 22px;
box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06);
}
.sg-page--settings .sg-grid--settings-shell,
.sg-page--settings .sg-card,
.sg-page--system-status .sg-grid,
.sg-page--jobs-monitor .sg-grid,
.sg-page--mail-center .sg-card,
.sg-page--notification-logs .sg-card,
.admin-module-page--xml .sg-card,
.admin-module-page--xml .ax-panel,
.admin-module-page--excel .ops-card,
.admin-module-page--excel .sg-card,
.admin-form-section,
.ops-card,
.ops-surface {
border-radius: 14px;
border: 1px solid #e2e8f0;
box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}
.sg-page--settings .sg-kpi-card,
.sg-page--system-status .sg-kpi,
.sg-page--jobs-monitor .sg-kpi,
.sg-page--mail-center .sg-kpi,
.sg-page--notification-logs .sg-statline > div,
.admin-module-page--xml .sg-statline > div,
.admin-module-page--excel .sg-statline > div,
.ops-metric {
background: linear-gradient(180deg, white 0%, color-mix(in srgb, var(--admin-primary, #2046d8) 3%, white 97%) 100%);
border-radius: 20px;
border: 1px solid color-mix(in srgb, #d8deea 78%, var(--admin-primary, #2046d8) 22%);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.sg-page--notification-logs .sg-toolbar,
.sg-page--mail-center .sg-toolbar,
.admin-module-page--excel .ops-toolbar,
.admin-module-page--xml .sg-panel-title,
.ops-surface__header,
.admin-form-section__header {
gap: 14px;
}
.admin-form-section {
background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--admin-primary, #2046d8) 2%, #fff 98%) 100%);
padding: 22px;
}
.admin-form-section__header h2,
.ops-card__header h3,
.sg-panel-title h2,
.sg-panel-title h3,
.sg-page-head h1,
.ax-headline h1 {
letter-spacing: -0.02em;
}
.admin-form-grid,
.sg-form-grid {
gap: 18px 18px;
}
.sg-page--settings .sg-link-grid,
.sg-page--system-status .sg-link-grid,
.sg-page--jobs-monitor .sg-link-grid,
.admin-module-page--xml .sg-link-grid,
.admin-module-page--excel .sg-card--soft {
margin-top: 18px;
}
.sg-link-tile {
min-height: 116px;
background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--admin-primary, #2046d8) 3%, #fff 97%) 100%);
border-radius: 20px;
border: 1px solid color-mix(in srgb, #d8deea 82%, var(--admin-primary, #2046d8) 18%);
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}
.sg-table-wrap,
.ops-table-wrap {
border-radius: 18px;
overflow: hidden;
border: 1px solid color-mix(in srgb, #d8deea 84%, var(--admin-primary, #2046d8) 16%);
}
.sg-table thead th,
.ops-table thead th {
background: color-mix(in srgb, var(--admin-primary, #2046d8) 6%, white 94%);
}
.sg-table tbody tr:nth-child(even),
.ops-table tbody tr:nth-child(even) {
background: color-mix(in srgb, var(--admin-primary, #2046d8) 1.5%, white 98.5%);
}
.sg-table tbody tr:hover,
.ops-table tbody tr:hover {
background: color-mix(in srgb, var(--admin-primary, #2046d8) 5%, white 95%);
}
.admin-note-list,
.admin-ops-checklist,
.sg-checklist-card,
.sg-focus-list {
display: grid;
gap: 12px;
}
.admin-note-list li,
.admin-ops-checklist__item,
.sg-checklist-card .sg-list-item,
.sg-focus-list .sg-list-item {
background: color-mix(in srgb, var(--admin-primary, #2046d8) 3%, white 97%);
border: 1px solid color-mix(in srgb, #d8deea 85%, var(--admin-primary, #2046d8) 15%);
border-radius: 16px;
padding: 12px 14px;
}
.sidebar-group:has(.sidebar-link[href*="/xml/"]),
.sidebar-group:has(.sidebar-link[href*="/excel/"]),
.sidebar-group:has(.sidebar-link[href*="/settings/"]),
.sidebar-group:has(.sidebar-link[href*="/jobs/"]) {
border-top: 1px solid rgba(255,255,255,.06);
padding-top: 10px;
}
.sidebar-link[href*="/excel/"],
.sidebar-link[href*="/xml/"],
.sidebar-link[href*="/settings/"],
.sidebar-link[href*="/jobs/"],
.sidebar-link[href*="/webmail/"] {
position: relative;
}
.sidebar-link[href*="/excel/"]::before,
.sidebar-link[href*="/xml/"]::before,
.sidebar-link[href*="/settings/" ]::before,
.sidebar-link[href*="/jobs/"]::before,
.sidebar-link[href*="/webmail/"]::before {
content: none !important;
display: none !important;
}
.sg-focus-radar {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 18px;
}
.sg-focus-radar__item {
background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--admin-primary, #2046d8) 4%, #fff 96%) 100%);
border: 1px solid color-mix(in srgb, #d8deea 80%, var(--admin-primary, #2046d8) 20%);
border-radius: 20px;
padding: 16px 18px;
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.05);
display: grid;
gap: 6px;
}
.sg-focus-radar__item span {
color: var(--admin-muted, #5b6475);
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
.sg-focus-radar__item strong {
font-size: 1.15rem;
line-height: 1.2;
letter-spacing: -0.02em;
}
.sg-focus-radar__item small {
color: var(--admin-muted, #5b6475);
line-height: 1.45;
}
@media (max-width: 1100px) {
.sg-focus-radar {
grid-template-columns: 1fr;
}
}
.admin-ai-runtime__filters--stacked {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 14px;
align-items: end;
}
.admin-ai-field {
display: flex;
flex-direction: column;
gap: 8px;
}
.admin-ai-field > span {
font-size: 12px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: #6b7280;
}
.admin-ai-field--grow {
grid-column: span 2;
}
.admin-ai-field--compact {
max-width: 180px;
}
.admin-ai-input {
width: 100%;
min-height: 44px;
border: 1px solid rgba(148, 163, 184, .35);
border-radius: 14px;
background: #fff;
padding: 11px 14px;
font-size: 14px;
color: #111827;
transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.admin-ai-input:focus {
outline: none;
border-color: rgba(37, 99, 235, .45);
box-shadow: 0 0 0 4px rgba(59, 130, 246, .12);
}
.admin-ai-input--textarea {
min-height: 88px;
resize: vertical;
}
.admin-ai-input--compact {
min-height: 76px;
padding-top: 10px;
padding-bottom: 10px;
}
.admin-ai-runtime__filters-action--end {
display: flex;
justify-content: flex-end;
align-items: end;
}
.admin-ai-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 14px;
border-radius: 12px;
border: 1px solid transparent;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-decoration: none;
cursor: pointer;
transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
}
.admin-ai-button:hover {
transform: translateY(-1px);
}
.admin-ai-button--primary {
background: #111827;
color: #fff;
box-shadow: 0 12px 24px rgba(17, 24, 39, .12);
}
.admin-ai-button--success {
background: rgba(22, 163, 74, .12);
color: #166534;
border-color: rgba(22, 163, 74, .18);
}
.admin-ai-button--warning {
background: rgba(245, 158, 11, .12);
color: #92400e;
border-color: rgba(245, 158, 11, .2);
}
.admin-ai-button--danger {
background: rgba(220, 38, 38, .12);
color: #991b1b;
border-color: rgba(220, 38, 38, .18);
}
.admin-ai-button--muted {
background: rgba(100, 116, 139, .12);
color: #334155;
border-color: rgba(100, 116, 139, .18);
}
.admin-ai-button--ghost {
background: #fff;
}
.admin-ai-inline-feedback {
margin: 0 0 18px;
border-radius: 14px;
padding: 14px 16px;
font-size: 14px;
font-weight: 600;
}
.admin-ai-inline-feedback--success {
background: rgba(22, 163, 74, .10);
color: #166534;
border: 1px solid rgba(22, 163, 74, .18);
}
.admin-ai-inline-feedback--danger {
background: rgba(220, 38, 38, .10);
color: #991b1b;
border: 1px solid rgba(220, 38, 38, .18);
}
.admin-tone-badge {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 10px;
border-radius: 999px;
background: rgba(100, 116, 139, .12);
color: #334155;
font-size: 12px;
font-weight: 700;
}
.admin-tone-badge--warning {
background: rgba(245, 158, 11, .14);
color: #92400e;
}
.admin-tone-badge--success {
background: rgba(22, 163, 74, .14);
color: #166534;
}
.admin-tone-badge--danger {
background: rgba(220, 38, 38, .14);
color: #991b1b;
}
.admin-table-align-end {
text-align: right;
}
.admin-table-meta {
margin-top: 4px;
font-size: 12px;
color: #64748b;
}
.admin-table-strong {
font-weight: 700;
}
.admin-ai-table-cell {
white-space: normal;
}
.admin-ai-table-cell--wide {
max-width: 420px;
}
.admin-ai-table-cell--product {
min-width: 220px;
}
.admin-ai-table-cell--customer {
min-width: 180px;
}
.admin-ai-actions-cell {
min-width: 260px;
}
.admin-ai-actions-cell--wide {
min-width: 320px;
}
.admin-ai-form-stack {
display: flex;
flex-direction: column;
gap: 10px;
}
.admin-ai-form-stack--compact {
gap: 8px;
}
.admin-ai-form-stack--align-end {
align-items: flex-end;
}
.admin-ai-action-row {
display: flex;
gap: 8px;
}
.admin-ai-action-row--end {
justify-content: flex-end;
}
.admin-ai-action-row--stretch > * {
flex: 1 1 auto;
}
.admin-ai-action-row--wrap {
flex-wrap: wrap;
}
.admin-ai-note-box {
margin-top: 10px;
border-radius: 14px;
padding: 12px 14px;
background: rgba(248, 250, 252, .96);
border: 1px solid rgba(148, 163, 184, .16);
font-size: 13px;
color: #334155;
}
@media (max-width: 992px) {
.admin-ai-field--grow {
grid-column: auto;
}
.admin-ai-field--compact {
max-width: none;
}
.admin-ai-actions-cell,
.admin-ai-actions-cell--wide,
.admin-ai-table-cell--product,
.admin-ai-table-cell--customer,
.admin-ai-table-cell--wide {
min-width: auto;
max-width: none;
}
.admin-table-align-end {
text-align: left;
}
}
.admin-ai-focus-band {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin: 0 0 18px;
}
.admin-ai-focus-card {
position: relative;
display: grid;
gap: 8px;
padding: 18px 18px 18px 20px;
border-radius: 22px;
border: 1px solid rgba(148, 163, 184, .22);
background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.96) 100%);
box-shadow: 0 18px 36px rgba(15, 23, 42, .08);
}
.admin-ai-focus-card::before {
content: "";
position: absolute;
left: 0;
top: 16px;
bottom: 16px;
width: 4px;
border-radius: 999px;
background: linear-gradient(180deg, #2563eb 0%, #7c3aed 100%);
}
.admin-ai-focus-card__eyebrow {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .14em;
font-weight: 800;
color: #64748b;
}
.admin-ai-focus-card strong {
font-size: 15px;
line-height: 1.35;
color: #0f172a;
}
.admin-ai-focus-card p {
margin: 0;
font-size: 13px;
line-height: 1.65;
color: #475569;
}
.admin-ai-focus-band--moderation .admin-ai-focus-card::before {
background: linear-gradient(180deg, #7c3aed 0%, #db2777 100%);
}
.admin-ai-focus-band--questions .admin-ai-focus-card::before {
background: linear-gradient(180deg, #0891b2 0%, #2563eb 100%);
}
.admin-ai-focus-band--search .admin-ai-focus-card::before {
background: linear-gradient(180deg, #2563eb 0%, #14b8a6 100%);
}
.admin-ai-focus-band--audit .admin-ai-focus-card::before {
background: linear-gradient(180deg, #0f172a 0%, #334155 100%);
}
@media (max-width: 1100px) {
.admin-ai-focus-band {
grid-template-columns: 1fr;
}
}
.admin-ai-runtime-bridge {
display: grid;
grid-template-columns: 1.35fr .95fr;
gap: 14px;
margin: 0 0 18px;
}
.admin-ai-runtime-bridge--analytics {
margin-bottom: 20px;
}
.admin-ai-runtime-card {
border-radius: 24px;
padding: 18px 20px;
background: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(30, 41, 59, .94));
color: #e2e8f0;
border: 1px solid rgba(148, 163, 184, .16);
box-shadow: 0 20px 48px rgba(15, 23, 42, .18);
}
.admin-ai-runtime-card--soft {
background: linear-gradient(135deg, rgba(248, 250, 252, .98), rgba(241, 245, 249, .96));
color: #0f172a;
}
.admin-ai-runtime-card h3 {
margin: 0 0 8px;
font-size: 1.05rem;
}
.admin-ai-runtime-card p {
margin: 0;
color: inherit;
opacity: .92;
line-height: 1.6;
}
.admin-ai-runtime-card__kicker {
display: inline-flex;
align-items: center;
gap: 6px;
margin-bottom: 10px;
font-size: .73rem;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
opacity: .82;
}
.admin-ai-runtime-card__meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 14px;
}
.admin-ai-runtime-card__meta span {
border-radius: 999px;
padding: 6px 10px;
background: rgba(148, 163, 184, .12);
border: 1px solid rgba(148, 163, 184, .18);
font-size: .78rem;
font-weight: 600;
}
.admin-mobile-release-checklist {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 0 0 16px;
}
.admin-mobile-release-checklist__item {
border-radius: 22px;
padding: 16px 18px;
background: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(30, 41, 59, .94));
color: #e2e8f0;
border: 1px solid rgba(148, 163, 184, .16);
}
.admin-mobile-release-checklist__item--soft {
background: linear-gradient(135deg, rgba(248, 250, 252, .98), rgba(241, 245, 249, .96));
color: #0f172a;
}
.admin-mobile-release-checklist__item strong {
display: block;
margin-bottom: 8px;
font-size: 1rem;
}
.admin-mobile-release-checklist__item p {
margin: 0;
line-height: 1.6;
opacity: .92;
}
.admin-mobile-release-checklist__kicker {
display: inline-flex;
align-items: center;
margin-bottom: 8px;
font-size: .72rem;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
opacity: .78;
}
@media (max-width: 992px) {
.admin-ai-runtime-bridge,
.admin-mobile-release-checklist {
grid-template-columns: 1fr;
}
}
:root {
--adn-surface-max: 1760px;
--adn-panel-radius: 22px;
--adn-shell-z: 1000;
--adn-overlay-z: 1400;
}
html { scroll-behavior: smooth; }
body { overflow-x: clip; }
img, svg, video { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
.admin-shell,
.admin-layout,
.admin-main,
.admin-content,
.admin-page,
.admin-page-shell,
.admin-page-body,
.admin-page-section,
.ops-stack,
.ops-surface {
min-width: 0;
}
.admin-content,
.admin-page-shell,
.admin-page-body,
.admin-page-container {
width: min(100%, var(--adn-surface-max));
margin-inline: auto;
}
.admin-topbar,
.admin-shell-topbar,
.admin-sidebar,
.admin-shell-sidebar {
z-index: var(--adn-shell-z);
}
.admin-global-search,
.admin-global-search__menu,
.quick-actions-menu,
.notification-center,
.admin-drawer,
.admin-modal,
.admin-command-palette {
z-index: var(--adn-overlay-z);
}
.admin-page-header,
.admin-page-header__content,
.admin-page-header__actions,
.admin-toolbar,
.admin-command-bar,
.admin-actions,
.catalog-actions,
.ops-actions,
.form-actions {
min-width: 0;
}
.admin-page-header__actions,
.admin-toolbar,
.admin-command-bar,
.admin-actions,
.catalog-actions,
.ops-actions,
.form-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: .65rem;
}
.admin-page-header h1,
.admin-page-title,
.admin-card h1,
.admin-card h2,
.admin-card h3,
.ops-card h1,
.ops-card h2,
.ops-card h3,
.catalog-card h1,
.catalog-card h2,
.catalog-card h3 {
overflow-wrap: anywhere;
letter-spacing: -.025em;
}
.admin-card,
.admin-panel,
.admin-section-card,
.ops-card,
.catalog-card,
.settings-card,
.table-card,
.form-card,
.studio-card,
.sg-panel,
.analytics-card {
min-width: 0;
border-radius: var(--adn-panel-radius);
}
.admin-table-wrapper,
.admin-table-scroll,
.table-responsive,
.ops-table-wrap,
.catalog-table-wrap,
.sg-table-wrap {
width: 100%;
min-width: 0;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.admin-table-wrapper table,
.admin-table-scroll table,
.table-responsive table,
.ops-table-wrap table,
.catalog-table-wrap table,
.sg-table-wrap table,
.admin-table,
.ops-table,
.catalog-table {
min-width: 860px;
}
.admin-table th,
.admin-table td,
.ops-table th,
.ops-table td,
.catalog-table th,
.catalog-table td {
vertical-align: middle;
}
.admin-table td,
.ops-table td,
.catalog-table td {
overflow-wrap: anywhere;
}
.admin-form-grid,
.catalog-form-grid,
.ops-form-grid,
.settings-form-grid,
.studio-form-grid,
.sg-form-grid {
min-width: 0;
align-items: start;
}
.admin-field,
.catalog-field,
.ops-field,
.settings-field,
.studio-field,
.sg-field,
.form-group {
min-width: 0;
}
.admin-field input,
.admin-field select,
.admin-field textarea,
.catalog-field input,
.catalog-field select,
.catalog-field textarea,
.ops-field input,
.ops-field select,
.ops-field textarea,
.settings-field input,
.settings-field select,
.settings-field textarea,
.studio-field input,
.studio-field select,
.studio-field textarea,
.sg-field input,
.sg-field select,
.sg-field textarea,
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
max-width: 100%;
}
.btn,
.admin-btn,
.ops-btn,
.catalog-btn,
.sg-btn,
button[class*="btn"],
a[class*="btn"] {
min-height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: .45rem;
white-space: normal;
text-align: center;
}
.admin-sidebar a,
.admin-nav a,
.admin-menu a,
.admin-sidebar__link {
min-width: 0;
overflow-wrap: anywhere;
}
.admin-badge,
.status-badge,
.ops-badge,
.catalog-badge,
.sg-badge,
.admin-page-header__chip,
.admin-page-header__context {
display: inline-flex;
align-items: center;
max-width: 100%;
overflow-wrap: anywhere;
}
body[data-admin-controller="orders"] .ops-stack,
body[data-admin-controller="orders"] .ops-surface,
body[data-admin-controller="orders"] .ops-table-wrap,
body[data-admin-controller="orders"] .ops-bulk-bar,
body[data-admin-controller="orders"] .ops-surface__header,
body[data-admin-controller="orders"] .ops-actions {
min-width: 0;
max-width: 100%;
}
body[data-admin-controller="orders"] .ops-table-wrap {
contain: inline-size;
}
@media (max-width: 860px) {
body[data-admin-controller="orders"] .ops-bulk-bar,
body[data-admin-controller="orders"] .ops-surface__header {
align-items: stretch;
flex-direction: column;
}
body[data-admin-controller="orders"] .ops-bulk-bar > .ops-actions,
body[data-admin-controller="orders"] .ops-surface__header > .ops-actions {
width: 100%;
justify-content: stretch;
}
body[data-admin-controller="orders"] .ops-bulk-bar > .ops-actions > * {
flex: 1 1 220px;
min-width: 0;
max-width: 100%;
}
}
@media (max-width: 1200px) {
.admin-page-header,
.admin-page-header__actions,
.admin-toolbar,
.admin-command-bar {
align-items: stretch;
}
.admin-page-header__actions > *,
.admin-toolbar > *,
.admin-command-bar > * {
min-width: 0;
}
}
@media (max-width: 860px) {
.admin-content,
.admin-page-shell,
.admin-page-body,
.admin-page-container {
width: 100%;
}
.admin-page-header__actions,
.admin-toolbar,
.admin-command-bar,
.admin-actions,
.catalog-actions,
.ops-actions,
.form-actions {
justify-content: stretch;
}
.admin-page-header__actions > *,
.admin-toolbar > *,
.admin-command-bar > *,
.admin-actions > *,
.catalog-actions > *,
.ops-actions > *,
.form-actions > * {
flex: 1 1 180px;
}
.btn,
.admin-btn,
.ops-btn,
.catalog-btn,
.sg-btn,
button[class*="btn"],
a[class*="btn"] {
width: 100%;
}
}
:root {
--adn-production-surface-max: 1880px;
--adn-production-content-pad: clamp(16px, 1.35vw, 30px);
}
.admin-main,
.admin-content,
.admin-page-shell,
.admin-page-body,
.admin-page-container {
min-width: 0;
}
.admin-content {
width: 100%;
max-width: none;
margin: 0;
padding-left: var(--adn-production-content-pad);
padding-right: var(--adn-production-content-pad);
}
.admin-page-shell,
.admin-page-body,
.admin-page-container {
width: min(100%, var(--adn-production-surface-max));
max-width: var(--adn-production-surface-max);
margin-left: 0;
margin-right: auto;
}
.dashboard-v2,
.ops-hub,
.operations-hub,
.system-health-page,
.storefront-admin-page,
.admin-dashboard-page {
width: 100%;
max-width: var(--adn-production-surface-max);
margin-left: 0;
margin-right: auto;
}
.dashboard-hero-grid,
.dashboard-grid-2,
.dashboard-grid-2-alt,
.ops-grid,
.ops-radar-grid,
.admin-kpi-grid,
.admin-card-grid {
width: 100%;
}
.admin-page-header,
.dashboard-hero,
.dashboard-summary,
.dashboard-panel,
.admin-card,
.admin-panel,
.table-card,
.form-card,
.ops-card,
.catalog-card,
.settings-card,
.studio-card {
max-width: 100%;
}
.admin-table-wrapper,
.admin-table-scroll,
.table-responsive,
.ops-table-wrap,
.catalog-table-wrap,
.sg-table-wrap {
max-width: 100%;
overflow-x: auto;
}
.admin-topbar,
.admin-topbar__content,
.admin-topbar__actions,
.admin-shell-topbar,
.admin-shell-topbar__actions {
min-width: 0;
max-width: 100%;
}
@media (min-width: 1600px) {
.admin-content {
padding-left: clamp(18px, 1vw, 26px);
padding-right: clamp(18px, 1vw, 30px);
}
}
@media (max-width: 980px) {
.admin-content {
padding-left: clamp(12px, 3.4vw, 18px);
padding-right: clamp(12px, 3.4vw, 18px);
}
.admin-page-shell,
.admin-page-body,
.admin-page-container {
width: 100%;
}
}
.cat-toolbar--tree {
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.cat-search {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: min(360px, 100%);
color: #475569;
font-size: 12px;
font-weight: 800;
}
.cat-search input {
width: min(320px, 54vw);
min-height: 38px;
border: 1px solid rgba(148, 163, 184, 0.34);
border-radius: 999px;
padding: 0 14px;
background: rgba(255, 255, 255, 0.92);
outline: none;
}
.cat-search input:focus {
border-color: rgba(37, 99, 235, 0.52);
box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.08);
}
.cat-item > ul.cat-tree {
margin-top: 10px;
margin-left: 18px;
}
.cat-item.is-collapsed > ul.cat-tree {
display: none;
}
.cat-row {
gap: 10px;
}
.cat-expand {
width: 28px;
height: 28px;
display: inline-grid;
place-items: center;
flex: 0 0 auto;
border: 1px solid rgba(148, 163, 184, 0.34);
border-radius: 999px;
background: rgba(248, 250, 252, 0.96);
color: #0f172a;
font-size: 20px;
font-weight: 900;
line-height: 1;
cursor: pointer;
transform: rotate(0deg);
transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}
.cat-item.is-expanded > .cat-row .cat-expand {
transform: rotate(90deg);
background: #eef2ff;
border-color: rgba(79, 70, 229, 0.26);
}
.cat-expand--empty {
visibility: hidden;
cursor: default;
}
.cat-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.cat-count,
.cat-badge {
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.28);
background: rgba(248, 250, 252, 0.88);
color: #334155;
font-weight: 800;
}
.cat-badge--empty {
color: #92400e;
background: rgba(254, 243, 199, 0.72);
border-color: rgba(251, 191, 36, 0.32);
}
.cat-badge--children {
color: #1e3a8a;
background: rgba(219, 234, 254, 0.72);
border-color: rgba(59, 130, 246, 0.28);
}
.cat-hidden-by-search {
display: none !important;
}
.cat-search-hit > .cat-row {
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08), 0 14px 34px rgba(15, 23, 42, 0.08);
border-color: rgba(37, 99, 235, 0.24);
}
@media (max-width: 760px) {
.cat-search {
width: 100%;
align-items: flex-start;
flex-direction: column;
}
.cat-search input {
width: 100%;
}
.cat-row {
align-items: flex-start;
}
}
.cat-tree > .cat-item > .cat-row,
.cat-tree .cat-tree > .cat-item > .cat-row {
display: grid;
grid-template-columns: auto auto minmax(220px, 1fr) auto auto;
align-items: center;
column-gap: 10px;
row-gap: 8px;
width: 100%;
}
.cat-tree .cat-row > .cat-expand {
grid-column: 1;
grid-row: 1;
justify-self: start;
}
.cat-tree .cat-row > .cat-drag {
grid-column: 2;
grid-row: 1;
justify-self: start;
}
.cat-tree .cat-row > .cat-main {
grid-column: 3;
grid-row: 1;
justify-self: stretch;
min-width: 0;
margin-left: 0;
text-align: left;
}
.cat-tree .cat-row > .cat-toggle {
grid-column: 4;
grid-row: 1;
justify-self: end;
white-space: nowrap;
}
.cat-tree .cat-row > .cat-actions {
grid-column: 5;
grid-row: 1;
justify-self: end;
display: inline-flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
min-width: max-content;
}
.cat-tree .cat-name,
.cat-tree .cat-meta {
justify-content: flex-start;
text-align: left;
}
.cat-tree .cat-meta {
width: 100%;
}
.cat-tree .cat-tree {
width: 100%;
}
.cat-item > ul.cat-tree {
margin-left: 24px;
padding-left: 18px;
border-left: 1px dashed rgba(148, 163, 184, 0.42);
}
@media (max-width: 980px) {
.cat-tree > .cat-item > .cat-row,
.cat-tree .cat-tree > .cat-item > .cat-row {
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: start;
}
.cat-tree .cat-row > .cat-expand {
grid-column: 1;
grid-row: 1;
}
.cat-tree .cat-row > .cat-drag {
grid-column: 1;
grid-row: 2;
}
.cat-tree .cat-row > .cat-main {
grid-column: 2 / 4;
grid-row: 1;
}
.cat-tree .cat-row > .cat-toggle {
grid-column: 2;
grid-row: 2;
justify-self: start;
}
.cat-tree .cat-row > .cat-actions {
grid-column: 3;
grid-row: 2;
justify-self: end;
}
}
@media (max-width: 620px) {
.cat-tree > .cat-item > .cat-row,
.cat-tree .cat-tree > .cat-item > .cat-row {
grid-template-columns: auto minmax(0, 1fr);
}
.cat-tree .cat-row > .cat-main {
grid-column: 2;
}
.cat-tree .cat-row > .cat-toggle,
.cat-tree .cat-row > .cat-actions {
grid-column: 1 / -1;
justify-self: start;
}
.cat-item > ul.cat-tree {
margin-left: 12px;
padding-left: 12px;
}
}
.cat-item.cat-drop-before > .cat-row,
.cat-item.cat-drop-after > .cat-row,
.cat-item.cat-drop-inside > .cat-row {
position: relative;
}
.cat-item.cat-drop-before > .cat-row::before,
.cat-item.cat-drop-after > .cat-row::after {
content: "";
position: absolute;
left: 38px;
right: 18px;
height: 3px;
border-radius: 999px;
background: #2563eb;
box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.1);
}
.cat-item.cat-drop-before > .cat-row::before {
top: -8px;
}
.cat-item.cat-drop-after > .cat-row::after {
bottom: -8px;
}
.cat-item.cat-drop-inside > .cat-row {
border-color: rgba(37, 99, 235, 0.58);
background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(255, 255, 255, 0.98));
box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1), 0 18px 38px rgba(15, 23, 42, 0.09);
}
.cat-item.cat-drop-inside > .cat-row::after {
content: "Alt kategori olarak bırak";
position: absolute;
right: 18px;
bottom: -12px;
padding: 3px 10px;
border-radius: 999px;
background: #2563eb;
color: #fff;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.01em;
box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
}
.cat-save-dirty {
box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.14), 0 12px 24px rgba(15, 23, 42, 0.14);
}
.cat-tree--runtime {
animation: catTreeRuntimeIn 0.16s ease-out;
}
@keyframes catTreeRuntimeIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
.catalog-field--parent {
grid-column: span 2;
}
.category-parent-select {
min-height: 44px;
font-weight: 800;
}
.category-parent-select option {
font-weight: 700;
}
.category-parent-preview {
display: flex;
align-items: flex-start;
gap: 10px;
margin-top: 10px;
padding: 12px 14px;
border: 1px solid rgba(37, 99, 235, 0.16);
border-radius: 16px;
background: linear-gradient(180deg, rgba(239, 246, 255, 0.88), rgba(255, 255, 255, 0.96));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.category-parent-preview__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 76px;
padding: 5px 9px;
border-radius: 999px;
background: #0f172a;
color: #fff;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.01em;
white-space: nowrap;
}
.category-parent-preview__body {
display: grid;
gap: 3px;
min-width: 0;
}
.category-parent-preview__body strong {
color: #0f172a;
font-size: 13px;
line-height: 1.35;
overflow-wrap: anywhere;
}
.category-parent-preview__body small {
color: #64748b;
font-size: 12px;
line-height: 1.45;
}
@media (max-width: 860px) {
.catalog-field--parent {
grid-column: 1 / -1;
}
.category-parent-preview {
flex-direction: column;
}
.category-parent-preview__badge {
min-width: 0;
}
}
.admin-premium-band {
display: grid;
gap: 16px;
padding: 18px;
border: 1px solid rgba(148,163,184,.20);
border-radius: 24px;
background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.94));
box-shadow: 0 18px 44px rgba(15,23,42,.06);
}
.admin-premium-band__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.admin-premium-band__eyebrow {
margin: 0 0 6px;
color: #1d4ed8;
font-size: .74rem;
font-weight: 900;
letter-spacing: .10em;
text-transform: uppercase;
}
.admin-premium-band__head h3 {
margin: 0;
color: #0f172a;
font-size: clamp(1.15rem, 1.4vw, 1.45rem);
letter-spacing: -.025em;
}
.admin-premium-band__head p {
margin: 6px 0 0;
max-width: 78ch;
color: #64748b;
line-height: 1.58;
}
.admin-premium-actions {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
gap: 10px;
}
.admin-premium-action {
display: grid;
grid-template-columns: auto minmax(0,1fr);
gap: 10px;
align-items: center;
min-height: 68px;
padding: 12px 13px;
border: 1px solid rgba(148,163,184,.24);
border-radius: 18px;
background: #fff;
color: #0f172a;
text-decoration: none;
box-shadow: 0 12px 26px rgba(15,23,42,.045);
transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.admin-premium-action:hover {
transform: translateY(-1px);
border-color: rgba(37,99,235,.34);
box-shadow: 0 18px 36px rgba(37,99,235,.10);
}
.admin-premium-action__icon {
display: inline-grid;
place-items: center;
width: 36px;
height: 36px;
border-radius: 13px;
background: linear-gradient(135deg, #eff6ff, #eef2ff);
color: #1d4ed8;
font-weight: 900;
}
.admin-premium-action strong {
display: block;
font-size: .93rem;
line-height: 1.2;
}
.admin-premium-action span:last-child {
display: block;
margin-top: 3px;
color: #64748b;
font-size: .78rem;
line-height: 1.35;
}
.ops-triage-strip .ops-mini-list,
.commerce-focus--order-detail,
.commerce-focus--invoicing {
display: none !important;
}
.sg-page .sg-focus-band,
.sg-page .sg-statline,
.sg-page .sg-grid--4 {
gap: 12px !important;
}
.sg-page .sg-card--soft {
border-color: rgba(148,163,184,.20) !important;
box-shadow: 0 14px 34px rgba(15,23,42,.045) !important;
}
.sg-quick-links a,
.ops-actions a,
.sg-actions a,
.sg-actions button {
border-radius: 999px !important;
}
@media (max-width: 720px) {
.admin-premium-band__head {
display: grid;
}
.admin-premium-actions {
grid-template-columns: 1fr;
}
}
.admin-premium-action--form {
margin: 0;
}
.admin-premium-action__button {
all: unset;
box-sizing: border-box;
display: grid;
grid-template-columns: auto minmax(0,1fr);
gap: 10px;
align-items: center;
width: 100%;
cursor: pointer;
}
.admin-premium-action--form:hover .admin-premium-action__button {
color: #0f172a;
}
.sg-card,
.ops-surface,
.commerce-focus-card,
.catalog-command-card,
.admin-premium-band {
color: #182033;
background: #ffffff;
}
.sg-help,
.sg-muted,
.sg-note,
.ops-row-subtitle,
.sg-kpi__note,
.commerce-focus-card p,
.catalog-command-card p,
.sg-list-item small {
color: #475569;
}
.sg-kicker,
.ops-kicker,
.commerce-focus-card__eyebrow,
.catalog-command-card__kicker {
color: #2563eb;
letter-spacing: .08em;
}
.sg-card--soft,
.ops-surface--spotlight,
.commerce-focus-card--signal {
background: #ffffff;
border: 1px solid #e2e8f0;
}
.sg-table th,
.ops-table th,
.admin-table th {
color: #475569;
background: #f8fafc;
}
.sg-table td,
.ops-table td,
.admin-table td {
color: #1f2937;
}
.storefront-studio-tabs {
position: sticky;
top: 72px;
z-index: 20;
display: flex;
flex-wrap: wrap;
gap: .55rem;
margin: 1rem 0;
padding: .75rem;
border: 1px solid #ead9b7;
border-radius: 18px;
background: rgba(255, 250, 240, .96);
backdrop-filter: blur(10px);
box-shadow: 0 14px 32px rgba(31, 41, 55, .08);
}
.storefront-studio-tabs a {
display: inline-flex;
align-items: center;
gap: .35rem;
min-height: 38px;
padding: .55rem .85rem;
border-radius: 999px;
color: #362b15;
background: #fff;
border: 1px solid #e8d8b8;
font-weight: 700;
text-decoration: none;
}
.storefront-studio-tabs a:hover,
.storefront-studio-tabs a:focus-visible {
color: #111827;
border-color: #b88a2f;
box-shadow: 0 8px 18px rgba(184, 138, 47, .16);
}
.storefront-admin-section {
scroll-margin-top: 150px;
}
.storefront-admin-section > .storefront-admin-section__title {
cursor: pointer;
user-select: none;
padding: .7rem .8rem;
margin: -.25rem -.25rem .85rem;
border-radius: 14px;
background: linear-gradient(135deg, #fff8e8, #ffffff);
border: 1px solid #ead9b7;
}
.storefront-admin-section > .storefront-admin-section__title::after {
content: "Açık";
margin-left: auto;
padding: .25rem .65rem;
border-radius: 999px;
color: #3f2f10;
background: #f8e6bd;
font-size: .78rem;
font-weight: 800;
}
.storefront-admin-section.is-collapsed > .storefront-admin-section__title {
margin-bottom: 0;
}
.storefront-admin-section.is-collapsed > .storefront-admin-section__title::after {
content: "Aç";
background: #eef2f7;
color: #475569;
}
.storefront-admin-section.is-collapsed > :not(.storefront-admin-section__title) {
display: none !important;
}
.mail-center-summary .commerce-focus-card strong,
.ops-surface--support-focus h3,
.template-preview-card h2,
.template-editor-card h2 {
color: #1f2937 !important;
}
.sg-page--mail-center .sg-actions .sg-btn[title] {
border-color: #b88a2f;
color: #3f2f10;
background: #fff8e8;
}
.ops-table .ops-row-title,
.ops-table td strong,
.sg-table td strong {
color: #111827;
}
.ticket-customer-label {
display: flex;
flex-direction: column;
gap: .12rem;
}
.ticket-customer-label strong {
color: #111827;
}
.ticket-customer-label span {
color: #64748b;
font-size: .82rem;
}
.template-preview-device,
.ticket-template-preview {
background: #ffffff;
color: #1f2937;
border: 1px solid #ead9b7;
}
@media (max-width: 768px) {
.storefront-studio-tabs {
position: static;
}
.storefront-studio-tabs a {
flex: 1 1 calc(50% - .55rem);
justify-content: center;
}
}
.admin-warning-digest {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 1rem;
align-items: flex-start;
padding: 1rem 1.1rem;
border: 1px solid rgba(217, 119, 6, .22);
border-radius: 1.2rem;
background: linear-gradient(135deg, rgba(255, 251, 235, .94), rgba(255, 255, 255, .96));
box-shadow: 0 18px 40px rgba(120, 53, 15, .08);
}
.admin-warning-digest__icon {
width: 2rem;
height: 2rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: rgba(245, 158, 11, .14);
color: #92400e;
font-weight: 800;
}
.admin-warning-digest__body { min-width: 0; }
.admin-warning-digest__eyebrow {
display: block;
margin-bottom: .18rem;
color: #92400e;
font-size: .72rem;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.admin-warning-digest__body strong {
display: block;
color: var(--admin-text);
font-size: .98rem;
}
.admin-warning-digest__body p,
.admin-warning-digest__body small {
display: block;
margin: .35rem 0 0;
color: var(--admin-text-muted);
line-height: 1.55;
}
.admin-warning-digest__body ul {
margin: .75rem 0 0;
padding-left: 1.05rem;
color: #78350f;
line-height: 1.55;
}
.admin-warning-digest__actions {
display: flex;
flex-wrap: wrap;
gap: .5rem;
justify-content: flex-end;
}
@media (max-width: 860px) {
.admin-warning-digest { grid-template-columns: 1fr; }
.admin-warning-digest__actions { justify-content: flex-start; }
}
.variant-attributes-editor { display: grid; gap: .65rem; margin-top: .55rem; }
.variant-attribute-row { display: grid; grid-template-columns: minmax(160px,.9fr) minmax(200px,1.4fr) auto; gap: .65rem; align-items: center; }
.variant-attribute-row.is-invalid { padding: .5rem; border-radius: .75rem; background: rgba(220,38,38,.07); outline: 1px solid rgba(220,38,38,.25); }
.variant-attributes-actions { justify-content: flex-start; margin-top: .65rem; }
.variant-attributes-advanced { margin-top: .65rem; border-top: 1px dashed rgba(15,23,42,.12); padding-top: .65rem; }
.variant-attributes-advanced summary { cursor: pointer; color: var(--admin-muted, #64748b); font-weight: 700; }
.variant-attributes-raw { width: 100%; margin-top: .55rem; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.theme-settings-builder { display: grid; gap: .65rem; min-width: 440px; }
.theme-setting-row { display: grid; grid-template-columns: minmax(130px,.8fr) 110px minmax(210px,1.4fr) auto; gap: .55rem; align-items: center; }
.theme-setting-row textarea { min-height: 42px; resize: vertical; }
.theme-setting-row.is-invalid { padding: .45rem; border-radius: .75rem; outline: 1px solid rgba(220,38,38,.3); background: rgba(220,38,38,.06); }
.theme-settings-actions { justify-content: flex-start; margin-top: .55rem; }
.theme-settings-advanced { margin-top: .65rem; border-top: 1px dashed rgba(15,23,42,.12); padding-top: .65rem; }
.theme-settings-advanced summary { cursor: pointer; font-weight: 700; color: #64748b; }
.theme-settings-raw { width: 100%; margin-top: .55rem; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.theme-order-actions { display: flex; gap: .35rem; margin-top: .35rem; }
.theme-order-actions .sg-btn { min-width: 34px; min-height: 32px; padding: .25rem .5rem; }
@media (max-width: 1100px) {
.theme-settings-builder { min-width: 320px; }
.theme-setting-row { grid-template-columns: 1fr 100px; }
.theme-setting-value { grid-column: 1 / -1; }
}
@media (max-width: 760px) { .variant-attribute-row { grid-template-columns: 1fr; } }
.sg-u-01d607cbf9 { grid-column:1/-1; }
.sg-u-07b5225704 { display:none;margin-top:1rem; }
.sg-u-0ce85d22eb { max-width:420px;overflow:hidden;text-overflow:ellipsis; }
.sg-u-0de7e43302 { height:32px;max-width:140px;object-fit:cover; }
.sg-u-18b5fd1a0b { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px; }
.sg-u-1d436efc1f { margin-top:6px; }
.sg-u-1e250fa8cf { justify-content:flex-end; }
.sg-u-22aa6909ee { margin-top:.75rem; }
.sg-u-248320b833 { margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center; }
.sg-u-24a96c1779 { background:transparent;border:none;padding:0; }
.sg-u-262cde9738 { max-width:720px;margin:3rem auto; }
.sg-u-2b85ed4676 { width:80px; }
.sg-u-2d2b9d4e96 { max-width: 900px; }
.sg-u-31c9d3cfe3 { max-width:340px; }
.sg-u-34cf4dbcac { width:auto;min-height:auto; }
.sg-u-359d73ba56 { margin-bottom:.5rem; }
.sg-u-38965f9b18 { margin:0; }
.sg-u-39c5c24b12 { max-width:380px; }
.sg-u-3f85ef2d36 { margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center; }
.sg-u-3fa7d365e2 { display:flex;gap:12px;align-items:end;flex-wrap:wrap; }
.sg-u-414aa589c6 { color:#666;margin-top:-8px; }
.sg-u-416cb6d0a3 { color:#b42318; }
.sg-u-442b023e55 { margin-top:1rem; }
.sg-u-4636770b49 { margin-bottom:12px; }
.sg-u-47566850b9 { grid-column:span 2; }
.sg-u-492d15e80e { display:block;margin:.75rem 0; }
.sg-u-49706a463b { margin-bottom:1rem;border-color:#f5d27a;background:#fffaf0; }
.sg-u-5a2dfef236 { text-align:center; }
.sg-u-5e4f3068ea { justify-content:flex-start;margin-top:.75rem; }
.sg-u-5f6ce4c3a2 { justify-content:flex-start;align-items:end; }
.sg-u-68227a9129 { margin-bottom:1rem; }
.sg-u-688c776460 { max-width: 520px; }
.sg-u-69a438906f { color:#666;margin-top:8px; }
.sg-u-6b33459b81 { margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap; }
.sg-u-6c30167a21 { width:auto;min-height:auto;margin-right:.5rem; }
.sg-u-71e6f32ace { margin:0 0 1rem; }
.sg-u-71f9841409 { width:90px; }
.sg-u-749c42d1e0 { margin-top:1rem;border-top:1px solid var(--admin-border);padding-top:1rem; }
.sg-u-7564ec607e { margin-bottom:16px; }
.sg-u-76977cc9f2 { margin-top:16px; }
.sg-u-79d9b2fef8 { margin-top:16px;justify-content:flex-end; }
.sg-u-7b6ff91f66 { width:220px; }
.sg-u-7df49cbb77 { display:block;word-break:break-all;margin-top:.5rem; }
.sg-u-7e138be2ad { width:96px;height:96px; }
.sg-u-834fd7b300 { white-space:pre-wrap; }
.sg-u-83ac1ceef7 { cursor:pointer; }
.sg-u-88ab8418b1 { margin-top:-.15rem;margin-bottom:.15rem; }
.sg-u-88bf3f1167 { width:100%;max-height:220px;object-fit:cover;border-radius:14px; }
.sg-u-8af2f38aea { width:100%;max-height:140px;object-fit:cover;border-radius:14px;margin-top:8px; }
.sg-u-8c3c2cf192 { white-space:pre-wrap;max-width:28rem;display:block; }
.sg-u-8d84299030 { margin-top:14px; }
.sg-u-908a0bb8fd { display:block;margin:.35rem 0; }
.sg-u-910f53fb7a { margin-top:20px; }
.sg-u-9173fa4ed6 { margin-top:.5rem;min-width:280px; }
.sg-u-9174992fb7 { border-top:1px solid var(--admin-border);display:flex;justify-content:flex-end;gap:.75rem; }
.sg-u-940c186f54 { min-width:320px; }
.sg-u-95fc57c662 { min-width:240px; }
.sg-u-97c7c429b0 { grid-column:1 / -1;margin:0; }
.sg-u-9a718b0949 { font-size:.95rem;line-height:1.6; }
.sg-u-9b75d38881 { text-align:right; }
.sg-u-9c6fe6b800 { max-height:52px;max-width:180px;object-fit:contain;margin-top:8px; }
.sg-u-9d48bcd569 { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
.sg-u-9fda40b045 { min-width:220px; }
.sg-u-a1d794ace2 { display:inline-flex; }
.sg-u-a33b8fc2ff { margin-top:8px; }
.sg-u-a3c9c5afaa { margin-top:1.25rem; }
.sg-u-a91548c594 { display:inline; }
.sg-u-ada4f78aff { margin:0;padding-left:1rem; }
.sg-u-ae62d9175b { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0; }
.sg-u-af6d8893cc { color:#b91c1c; }
.sg-u-afdc338a7d { min-width:unset; }
.sg-u-b39a90a52f { background:#f8d67a; }
.sg-u-b51a97e67f { display:grid;gap:14px; }
.sg-u-b5587d63b7 { width:320px; }
.sg-u-b6d781cbbc { margin-top:12px; }
.sg-u-b9faa0a993 { margin:10px 0;padding:10px;border:1px solid #cfe9cf;background:#f0fff0; }
.sg-u-bda89ae82b { max-height:52px;max-width:220px;object-fit:contain;margin-top:8px; }
.sg-u-bf8f47ad5b { margin-left:auto;display:flex;gap:6px; }
.sg-u-c388235ac6 { max-width:280px; }
.sg-u-c5374b49ca { justify-content:flex-start;margin-top:1rem; }
.sg-u-c5f3c1cb42 { width:60px; }
.sg-u-c615d40e21 { white-space:pre-wrap;max-width:900px; }
.sg-u-cc34e4e4e5 { align-self:end; }
.sg-u-ccc786d0b8 { justify-content:flex-start;grid-column:1/-1; }
.sg-u-cf008d7532 { margin-top:.6rem; }
.sg-u-d0466aa33f { display:none; }
.sg-u-d2fc7ff8e4 { color:#666; }
.sg-u-e0db5fbf10 { width:160px; }
.sg-u-e43b055f61 { margin-top: 12px;display:flex;gap:10px;flex-wrap:wrap; }
.sg-u-e7694f9edb { margin-top:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap; }
.sg-u-e9594a93be { max-width:900px;overflow:hidden;text-overflow:ellipsis; }
.sg-u-f48abc3f9f { display:block;color:#666;margin-top:4px; }
.sg-u-f62bc9de21 { justify-content:flex-start; }
.sg-u-f6be8b1e81 { display:flex;gap:10px;align-items:center; }
.sg-u-fd0037bd7b { margin: 10px 0;display:flex;gap:10px;flex-wrap:wrap; }
.sg-u-ff0ab364a5 { min-width:260px; }
.sg-u-fffdd52c08 { margin-bottom:10px; }
.sg-link-disabled { pointer-events: none; opacity: .45; }
.sg-list-item--release-issue { border-left: 4px solid #f59e0b; padding-left: 12px; }
.sg-list-item--release-issue.sg-list-item--blocker { border-left-color: #dc2626; }
.sg-list-item--release-issue.sg-list-item--warning { border-left-color: #f59e0b; }
.admin-page-shell > *,
.admin-module-page,
.admin-module-page > *,
.admin-module-page .catalog-card,
.admin-module-page .catalog-card__head,
.admin-module-page .catalog-card__body,
.admin-module-page .catalog-toolbar-row,
.admin-module-page .catalog-toolbar-row__actions,
.admin-module-page .catalog-inline-grid,
.admin-module-page .catalog-metrics,
.admin-module-page .catalog-table-wrap,
.admin-module-page .media-card,
.admin-module-page .media-card__head,
.admin-module-page .media-card__body,
.admin-module-page .ops-surface,
.admin-module-page .ops-surface__header,
.admin-module-page .ops-table-wrap,
.admin-module-page .sg-card,
.admin-module-page .sg-table-wrap {
min-width: 0;
max-width: 100%;
}
.admin-module-page,
.admin-module-page > section,
.admin-module-page > article,
.admin-module-page > div,
.admin-module-page > form {
width: 100%;
}
.admin-module-page .catalog-card__head,
.admin-module-page .media-card__head,
.admin-module-page .catalog-toolbar-row,
.admin-module-page .ops-surface__header,
.admin-module-page .sg-section-head,
.admin-module-page .sg-toolbar {
flex-wrap: wrap;
}
.admin-module-page .catalog-card__head > :first-child,
.admin-module-page .media-card__head > :first-child,
.admin-module-page .ops-surface__header > :first-child,
.admin-module-page .sg-section-head > :first-child {
flex: 1 1 320px;
min-width: 0;
max-width: 100%;
}
.admin-module-page .catalog-toolbar-row__actions,
.admin-module-page .ops-actions,
.admin-module-page .sg-actions,
.admin-module-page td.text-end {
min-width: 0;
max-width: 100%;
}
.admin-module-page .catalog-table-wrap,
.admin-module-page .ops-table-wrap,
.admin-module-page .admin-table-wrapper,
.admin-module-page .admin-table-scroll,
.admin-module-page .table-responsive,
.admin-module-page .sg-table-wrap {
contain: inline-size;
overscroll-behavior-inline: contain;
}
.admin-module-page code,
.admin-module-page pre,
.admin-module-page .sg-u-c615d40e21,
.admin-module-page .sg-u-e9594a93be {
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
}
.admin-module-page .theme-settings-builder,
.admin-module-page .sg-u-940c186f54,
.admin-module-page .sg-u-b5587d63b7 {
min-width: 0;
max-width: 100%;
}
@media (max-width: 1024px) {
.admin-module-page .catalog-card__head,
.admin-module-page .media-card__head,
.admin-module-page .ops-surface__header,
.admin-module-page .sg-section-head,
.admin-module-page .catalog-toolbar-row {
align-items: stretch;
flex-direction: column;
}
.admin-module-page .catalog-toolbar-row__actions,
.admin-module-page .ops-actions,
.admin-module-page .sg-actions,
.admin-module-page .admin-actions {
width: 100%;
justify-content: stretch;
}
.admin-module-page .catalog-toolbar-row__actions > *,
.admin-module-page .ops-actions > *,
.admin-module-page .sg-actions > *,
.admin-module-page .admin-actions > * {
flex: 1 1 180px;
min-width: 0;
max-width: 100%;
}
.admin-module-page .catalog-grid-2,
.admin-module-page .catalog-grid-3,
.admin-module-page .catalog-grid-main,
.admin-module-page .catalog-form-grid,
.admin-module-page .catalog-form-grid--3,
.admin-module-page .ops-grid,
.admin-module-page .sg-grid,
.admin-module-page .settings-grid,
.admin-module-page .studio-grid {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 820px) {
.admin-content {
padding-inline: clamp(10px, 3vw, 16px);
}
.admin-module-page .catalog-metrics,
.admin-module-page .media-metrics,
.admin-module-page .catalog-inline-grid,
.admin-module-page .commerce-focus-grid,
.admin-module-page .integration-kpi-grid,
.admin-module-page .sg-statline,
.admin-module-page .sg-grid--4 {
grid-template-columns: minmax(0, 1fr);
}
.admin-module-page .catalog-table,
.admin-module-page .admin-table,
.admin-module-page .ops-table,
.admin-module-page .sg-table,
.admin-module-page table {
width: 100%;
min-width: 0;
max-width: 100%;
}
.admin-module-page .catalog-table thead,
.admin-module-page .admin-table thead,
.admin-module-page .ops-table thead,
.admin-module-page .sg-table thead,
.admin-module-page table thead {
display: none;
}
.admin-module-page .catalog-table,
.admin-module-page .catalog-table tbody,
.admin-module-page .catalog-table tr,
.admin-module-page .catalog-table td,
.admin-module-page .admin-table,
.admin-module-page .admin-table tbody,
.admin-module-page .admin-table tr,
.admin-module-page .admin-table td,
.admin-module-page .ops-table,
.admin-module-page .ops-table tbody,
.admin-module-page .ops-table tr,
.admin-module-page .ops-table td,
.admin-module-page .sg-table,
.admin-module-page .sg-table tbody,
.admin-module-page .sg-table tr,
.admin-module-page .sg-table td,
.admin-module-page table,
.admin-module-page table tbody,
.admin-module-page table tr,
.admin-module-page table td {
display: block;
}
.admin-module-page .catalog-table tbody tr,
.admin-module-page .admin-table tbody tr,
.admin-module-page .ops-table tbody tr,
.admin-module-page .sg-table tbody tr,
.admin-module-page table tbody tr {
width: 100%;
margin: 0 0 .75rem;
padding: .4rem 0;
overflow: hidden;
border: 1px solid var(--admin-border);
border-radius: 16px;
background: var(--admin-surface);
}
.admin-module-page .catalog-table tbody td,
.admin-module-page .admin-table tbody td,
.admin-module-page .ops-table tbody td,
.admin-module-page .sg-table tbody td,
.admin-module-page table tbody td {
width: 100%;
max-width: 100%;
padding: .6rem .8rem;
border-bottom: 1px solid rgba(148, 163, 184, .12);
text-align: left;
white-space: normal;
}
.admin-module-page .catalog-table tbody td:last-child,
.admin-module-page .admin-table tbody td:last-child,
.admin-module-page .ops-table tbody td:last-child,
.admin-module-page .sg-table tbody td:last-child,
.admin-module-page table tbody td:last-child {
border-bottom: 0;
}
.admin-module-page td.text-end,
.admin-module-page td .d-inline,
.admin-module-page td .d-flex,
.admin-module-page td form,
.admin-module-page td .catalog-actions,
.admin-module-page td .ops-actions,
.admin-module-page td .sg-actions {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: .5rem;
justify-content: stretch;
text-align: left;
}
.admin-module-page td .btn,
.admin-module-page td button,
.admin-module-page td a.btn {
flex: 1 1 140px;
min-width: 0;
max-width: 100%;
}
.admin-module-page .theme-setting-row,
.admin-module-page .variant-attribute-row {
grid-template-columns: minmax(0, 1fr);
}
.admin-module-page .theme-setting-value {
grid-column: auto;
}
}
@media (max-width: 540px) {
.admin-page-header,
.admin-module-page .catalog-card__head,
.admin-module-page .catalog-card__body,
.admin-module-page .media-card__head,
.admin-module-page .media-card__body,
.admin-module-page .ops-surface,
.admin-module-page .sg-card {
padding-inline: .85rem;
}
.admin-module-page .catalog-toolbar-row__actions > *,
.admin-module-page .ops-actions > *,
.admin-module-page .sg-actions > *,
.admin-module-page .admin-actions > *,
.admin-module-page td .btn,
.admin-module-page td button,
.admin-module-page td a.btn {
flex-basis: 100%;
width: 100%;
}
}
html,body.admin-app{max-width:100%}
.admin-skip-link{position:fixed;inset-inline-start:1rem;top:-6rem;z-index:10000;padding:.75rem 1rem;border-radius:.75rem;background:#0f172a;color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.24)}
.admin-skip-link:focus{top:1rem}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}
.admin-shell{width:100%;max-width:100%}
.admin-main,.topbar,.admin-content,.admin-page-shell,.admin-page-header,.admin-module-page,.admin-radar,.admin-analytics-page,.catalog-shell,.ops-stack,.sg-page{min-width:0;max-width:100%}
.admin-main,.topbar,.admin-content,.admin-page-shell{width:100%}
.topbar>*,.topbar-left,.topbar-center,.topbar-right,.admin-page-header>*,.admin-page-header__content,.admin-page-header__actions,.sg-page-head>*,.catalog-form-grid>*,.catalog-metrics>*,.ops-metric-grid>*,.admin-focus-grid>*,.sg-link-grid>*{min-width:0;max-width:100%}
.admin-page-header,.admin-page-header__actions,.sg-page-head,.sg-actions,.catalog-actions,.ops-actions,.admin-actions{flex-wrap:wrap}
.admin-analytics-page input,.admin-analytics-page select,.admin-analytics-page textarea{width:100%;min-width:0;max-width:100%}
@media (min-width:1280px) and (max-width:2400px){
.topbar{grid-template-columns:minmax(180px,auto) minmax(260px,540px) auto;align-items:center;gap:.85rem;padding:.6rem 1.15rem}
.topbar-status,.topbar-control-strip,.topbar-utility-links,.topbar-signal-strip{display:none}
.topbar-center{display:block;grid-column:2;grid-row:1;width:100%;min-width:0}
.topbar-center .admin-global-search{width:100%;max-width:100%}
.topbar-left{overflow:hidden}
.topbar-title-block{min-width:0;max-width:100%}
.topbar-kicker,.topbar-title-block strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-right{max-width:100%;flex-wrap:nowrap;justify-content:flex-end}
.topbar-right>*{flex:0 0 auto}
.topbar-user-pill__meta,.topbar-icon-button--label span:last-child{display:none}
.topbar-icon-button--label{width:2.35rem;padding-inline:0}
.admin-content{padding:clamp(.95rem,1.25vw,1.15rem)}
}
@media (min-width:1280px) and (max-width:1599px){
.admin-page-header{align-items:flex-start;flex-wrap:wrap}
.admin-page-header__content,.admin-page-header__actions{flex:1 1 100%;width:100%}
.admin-page-header__actions{justify-content:flex-start}
.sg-page-head{align-items:stretch;flex-direction:column}
.sg-page-head .sg-actions{width:100%;justify-content:flex-start}
.catalog-form-grid--ops-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-form-grid--ops-filter .catalog-field--actions{grid-column:1/-1}
.catalog-field--actions .catalog-actions{justify-content:flex-start}
.catalog-field--actions .catalog-actions>*{min-width:0;max-width:100%}
}
.catalog-inline-card{min-width:0;overflow:hidden}
.catalog-inline-card strong,.catalog-inline-card p{overflow-wrap:anywhere}
.catalog-command-card{display:grid;align-content:start;gap:.42rem;min-width:0;padding:1rem 1.05rem}
.catalog-command-card strong{display:block;color:#182033;font-size:.98rem;line-height:1.35}
.catalog-command-card p{margin:0;line-height:1.55}
.ops-grid--aside>.ops-surface--compact-filter{align-self:start}
@media (max-width:720px){.catalog-command-card,.catalog-inline-card{padding:.9rem}}
.ops-funnel-stack{display:grid;gap:.75rem}
.ops-funnel-step{border:1px solid var(--admin-border);border-radius:var(--radius-lg);background:#f8fafc;padding:.75rem .95rem;display:grid;gap:.45rem}
.ops-funnel-step__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.ops-funnel-progress,.analytics-funnel-progress{width:100%;height:.65rem;border-radius:999px;overflow:hidden;accent-color:#1d4ed8}
.analytics-svg-chart-wrap{display:grid;gap:.65rem;padding:.5rem 0}
.analytics-svg-chart{width:100%;height:180px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border:1px solid #dbeafe;border-radius:var(--radius-lg)}
.analytics-svg-chart__grid{stroke:#e2e8f0;stroke-width:1;stroke-dasharray:4 4}
.analytics-svg-chart__line{stroke:#1d4ed8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.analytics-svg-chart__dot{fill:#1d4ed8;stroke:#fff;stroke-width:1.5}
.analytics-svg-chart__legend{display:flex;justify-content:space-between;color:var(--admin-text-muted);font-size:var(--font-size-xs);font-weight:700}
.analytics-funnel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem}
.analytics-funnel-card{border:1px solid var(--admin-border);border-radius:var(--radius-lg);background:#fff;padding:.9rem 1rem;display:grid;gap:.38rem}
.analytics-funnel-card__step{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--admin-text-muted);font-weight:800}
.analytics-funnel-card__count{font-size:1.35rem;font-weight:900;color:var(--admin-text)}
.cohort-cell{display:inline-flex;align-items:center;justify-content:center;min-width:4.2rem;padding:.28rem .55rem;border-radius:.5rem;font-weight:800;font-size:var(--font-size-xs)}
.cohort-cell--high{background:#dcfce7;color:#166534}
.cohort-cell--mid{background:#dbeafe;color:#1e40af}
.cohort-cell--low{background:#fef3c7;color:#92400e}
.cohort-cell--min{background:#f1f5f9;color:#475569}
.catalog-stack-badges{display:flex;flex-wrap:wrap;gap:.35rem}
.catalog-quick-edit-form{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:flex-end;margin-top:.5rem}
.catalog-quick-input{width:6.2rem;padding:.3rem .45rem;font-size:var(--font-size-xs)}
.catalog-quick-input--stock{width:4.8rem}
.ops-packing-slip__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-bottom:1rem}
.ops-packing-slip__box{border:1px solid var(--admin-border);border-radius:var(--radius-lg);padding:.85rem 1rem;background:#f8fafc;display:grid;gap:.25rem}
.ops-barcode-badge{display:inline-block;font-family:Consolas,"SFMono-Regular",Menlo,Monaco,monospace;font-weight:900;letter-spacing:.08em;padding:.35rem .6rem;background:#111827;color:#fff;border-radius:.4rem;margin-top:.25rem}
.admin-global-search__quick-jumps{border-bottom:1px solid var(--admin-border);padding-bottom:.35rem;margin-bottom:.35rem}
@media print{.sidebar,.topbar,.admin-page-header,.ops-bulk-bar,.btn,.sg-btn,.catalog-quick-edit-form{display:none}.admin-shell{grid-template-columns:1fr}}
@media (min-width:1280px){.admin-shell{grid-template-columns:248px minmax(0,1fr)}}
.sidebar{padding:.75rem;gap:.5rem}
.sidebar-logo{padding:.55rem .7rem;border-radius:.75rem}
.sidebar-logo strong{font-size:.88rem}
.sidebar-logo small{font-size:.72rem}
.sidebar-group{padding:.25rem;border-radius:.75rem}
.sidebar-group__toggle{min-height:30px;padding:.35rem .6rem;font-size:.7rem}
.sidebar-link{min-height:30px;padding:.32rem .6rem;font-size:.8rem;border-radius:.5rem}
.admin-shell :where(.admin-main,.admin-content,.admin-page-shell,.admin-module-page,.admin-module-page .ax-page,.ax-page,.ax-panel,.ax-grid,.ax-stats,.sg-page,.sg-card,.catalog-shell,.media-shell,.ops-stack,.dashboard-v2){min-width:0;max-width:100%;box-sizing:border-box}
.admin-content{padding:.75rem 1rem 1.25rem}
.admin-shell .admin-main :where(.admin-page-shell,.admin-module-page,.admin-module-page .ax-page,.ax-page,.sg-page,.catalog-shell,.media-shell,.ops-stack,.dashboard-v2){gap:.75rem}
.admin-shell .admin-main :where(.ax-panel--table,.sg-table-wrap,.ops-table-wrap,.table-wrap,.catalog-table-wrap,.admin-table-wrapper,.admin-table-scroll,.table-responsive){min-width:0;max-width:100%;overflow-x:auto;contain:inline-size;border-radius:10px}
.admin-page-shell:has(.ax-headline,.sg-page-head)>.admin-page-header,.admin-page-header::after{display:none}
.admin-shell .admin-main :where(.admin-page-header,.admin-page-head,.admin-module-page .ax-headline,.sg-page-head,.sg-page--settings .sg-page-head,.sg-page--system-status .sg-page-head,.sg-page--jobs-monitor .sg-page-head,.sg-page--mail-center .sg-page-head,.sg-page--notification-logs .sg-page-head,.admin-module-page--xml .ax-headline,.catalog-toolbar-row){display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;border-radius:14px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.03)}
.admin-shell .admin-main :where(.admin-page-header__content,.admin-page-header__actions,.sg-page-head .sg-actions){flex:0 1 auto;width:auto}
.admin-shell .admin-main :where(.admin-page-header h1,.admin-page-head h1,.admin-page-header__titles h1,.admin-module-page .ax-headline h1,.admin-module-page h1,.sg-page-head h1){margin:0;font-size:clamp(1.18rem,1.45vw,1.35rem);line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#0f172a}
.admin-shell .admin-main :where(.admin-page-header p,.admin-page-head p,.admin-page-header__titles p,.admin-module-page .ax-headline p,.sg-page-head p,.sg-meta){margin:.15rem 0 0;font-size:.82rem;line-height:1.45;color:#64748b}
.admin-shell :where(.sg-kicker,.ax-kicker,.ops-kicker,.topbar-kicker,.admin-eyebrow){display:inline-block;margin:0 0 .15rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#2563eb}
.admin-shell .admin-main :where(.ops-metric-grid,.catalog-metrics,.media-metrics,.ax-stats,.sg-statline,.sg-grid--4){gap:.65rem}
.admin-shell .admin-main :where(.ops-metric,.catalog-metric,.media-metric,.ax-stat,.sg-kpi,.sg-kpi-card,.sg-statline>div,.kpi-card){padding:.75rem .95rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.03);gap:.2rem}
.admin-shell .admin-main :where(.ops-metric__label,.catalog-metric span,.media-metric span,.ax-stat span,.sg-kpi__label){font-size:.74rem;color:#64748b;font-weight:700}
.admin-shell .admin-main :where(.ops-metric__value,.catalog-metric strong,.media-metric strong,.ax-stat strong,.sg-kpi__value,.kpi-value){font-size:1.25rem;line-height:1.15;font-weight:800;color:#0f172a}
.admin-shell .admin-main :where(.ops-metric__meta,.sg-kpi__note){font-size:.75rem;color:#64748b}
.admin-shell .admin-main :where(.ops-card,.ops-surface,.sg-card,.sg-card--soft,.admin-module-page .ax-panel,.catalog-card,.media-card,.catalog-edit-card,.admin-card,.surface-card,.dashboard-panel,.admin-form-section){padding:1rem 1.15rem;border-radius:14px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.03)}
.admin-shell .admin-main :where(.catalog-card__head,.media-card__head,.catalog-edit-card__head){padding:.85rem 1.15rem}
.admin-shell .admin-main :where(.catalog-card__body,.media-card__body,.catalog-edit-card__body){padding:1rem 1.15rem}
.admin-shell .admin-main :where(.ops-card h2,.ops-surface h2,.sg-section-head h2,.catalog-card__head h2,.dashboard-panel h2,.dashboard-panel h3){font-size:1rem;line-height:1.25;margin:0}
.dashboard-hero{padding:1rem 1.2rem;border-radius:14px}
.dashboard-hero h2{font-size:1.18rem;margin:.2rem 0 .35rem}
.dashboard-hero p{font-size:.82rem;line-height:1.45}
.ops-bulk-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;padding:.6rem .9rem;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}
.ops-bulk-bar__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1 1 auto}
.admin-shell .admin-main :where(.ops-bulk-bar__controls select,.ops-bulk-bar__controls input[type="text"]){width:auto;min-width:170px;max-width:220px}
.admin-main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.admin-main select{min-height:38px;height:38px;padding:0 .75rem;font-size:.84rem;border-radius:10px}
.admin-shell .admin-main :where(.admin-main label,.ops-field label,.catalog-field label,.sg-field label){font-size:.78rem;font-weight:700;margin-bottom:.2rem}
.admin-shell :where(.btn,.sg-btn,.ops-btn,.catalog-btn,.ax-btn,.ops-list-chip){min-height:36px;padding:.38rem .85rem;font-size:.82rem;border-radius:10px;font-weight:700}
.admin-shell .admin-main :where(.sg-table th,.ops-table th,.admin-table th,.catalog-table th,.admin-module-page thead th){padding:.55rem .8rem;font-size:.72rem;background:#f8fafc;color:#475569}
.admin-shell .admin-main :where(.sg-table td,.ops-table td,.admin-table td,.catalog-table td,.admin-module-page tbody td){padding:.6rem .8rem;font-size:.83rem;color:#0f172a;vertical-align:middle}
.sg-table td .sg-note{padding:0;background:transparent;border:0;font-size:.79rem;line-height:1.4}
.sg-table td .sg-actions,.ops-table td .ops-actions,.admin-module-page tbody td .ax-actions{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:.35rem}
.admin-funnel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;padding:1rem 1.2rem 1.2rem}
.admin-funnel-step{display:grid;align-content:space-between;gap:.4rem;padding:.7rem .85rem;border-radius:10px;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);min-width:0}
.admin-funnel-step__head{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem}
.admin-funnel-step__head span{font-size:.74rem;font-weight:700;color:#475569}
.admin-funnel-step__head strong{font-size:1.1rem;font-weight:900;color:#0f172a}
.admin-funnel-progress{display:block;width:100%;height:.42rem;border:0;border-radius:999px;background:#e2e8f0;overflow:hidden;appearance:none}
.admin-funnel-progress::-webkit-progress-bar{background:#e2e8f0;border-radius:999px}
.admin-funnel-progress::-webkit-progress-value{background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:999px}
.admin-funnel-progress::-moz-progress-bar{background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:999px}
.admin-funnel-step__meta{display:flex;align-items:center;justify-content:space-between;gap:.35rem;flex-wrap:wrap;font-size:.72rem;font-weight:700;color:#0f172a}
.admin-funnel-step small{color:#64748b;font-size:.72rem;line-height:1.3}
@media (max-width:1200px){.admin-funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.admin-funnel-grid{grid-template-columns:1fr}}
.ops-surface__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}
.ops-surface__head p{margin:.15rem 0 0;color:#64748b;font-size:.82rem}
.admin-flex-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem}
.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}
.xml-sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.xml-sync-checks,.sg-sync-checklist .sg-list{display:grid;gap:.65rem}
.xml-sync-note{display:block;margin-top:.75rem;color:#64748b;font-size:.8rem}
.sg-sync-toggle-line{align-items:flex-start;padding:.7rem .85rem;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:rgba(248,250,252,.72)}
.sg-sync-toggle-line input[type="checkbox"]{margin-top:.18rem;width:1.12rem;height:1.12rem;accent-color:#0f172a}
.sg-sync-toggle-line span{display:grid;gap:.18rem}
.sg-sync-checklist__item{width:100%;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#fff;cursor:pointer;text-align:left;text-decoration:none;color:inherit}
.sg-sync-checklist__item:hover{border-color:rgba(37,99,235,.34);box-shadow:0 10px 26px rgba(15,23,42,.08)}
.sg-sync-checklist__item span{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.sg-sync-status{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .52rem;font-size:.72rem;font-style:normal;font-weight:800}
.sg-sync-status--on{color:#065f46;background:rgba(16,185,129,.14)}
.sg-sync-status--off{color:#991b1b;background:rgba(239,68,68,.12)}
.sg-sync-status--link{color:#1d4ed8;background:rgba(37,99,235,.1)}
.sg-sync-checklist__hint{display:block;margin-top:.75rem}
.inline-form .btn,.ops-table td .btn,.sg-table td .sg-btn,.admin-table td .btn{flex-shrink:0;white-space:nowrap}
.ops-grid--aside .ops-table{min-width:620px}
.ops-details{border:0}
.ops-details__summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;user-select:none;font-size:.84rem;font-weight:800;color:#1e293b;list-style:none}
.ops-details__summary::-webkit-details-marker{display:none}
.ops-details__summary::after{content:"+";display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:900}
.ops-details[open]>.ops-details__summary::after{content:"−";background:#e2e8f0}
.admin-radar__main-grid{align-items:start}
.admin-priority-list{grid-auto-rows:auto;align-content:start;flex:0 0 auto;gap:.6rem;padding:.85rem 1rem 1rem}
.admin-priority-card{padding:.75rem .95rem;border-radius:.9rem}
.admin-priority-card__row{align-items:center;gap:.85rem}
.admin-priority-card__copy{display:grid;gap:.18rem;min-width:0}
.admin-priority-card__copy strong{font-size:.9rem;line-height:1.25}
.admin-priority-card__copy p{margin:0;font-size:.78rem;line-height:1.38}
.admin-priority-card__side{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}
.admin-priority-card__link{margin-top:0;font-size:.78rem;white-space:nowrap}
.adm-queue-strip--dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;padding:.85rem 1rem 1rem}
.adm-queue-strip--dashboard .admin-queue-card{display:flex;flex-direction:column;justify-content:space-between;gap:.38rem;padding:.75rem .85rem;border-radius:.9rem;min-height:112px}
.admin-queue-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem}
.admin-queue-card__top span{font-size:.75rem;line-height:1.25;color:#334155;font-weight:800}
.admin-queue-card__top strong{margin-top:0;font-size:1.25rem;line-height:1;font-weight:900;color:#0f172a;flex-shrink:0}
.adm-queue-strip--dashboard .admin-queue-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.73rem;line-height:1.35;color:#64748b}
.admin-queue-card__link{margin-top:auto;padding-top:.2rem;font-size:.75rem;font-weight:800;white-space:nowrap}
.admin-queue-card__live-tag{margin-top:auto;padding-top:.2rem;font-size:.7rem;font-weight:800;color:#059669}
@media (max-width:1360px){.adm-queue-strip--dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){.adm-queue-strip--dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}