:root {
  --color-bg: #F5F5F5;
  --color-text: #000000;
  --color-text-soft: #3F3F46;
  --color-muted: #71717A;
  --color-muted-2: #737373;
  --color-border: #E6E6E6;
  --color-border-hover: #D6D6D6;
  --color-surface: #FFFFFF;
  --color-surface-muted: #F5F5F5;
  --color-surface-raised: #FFFFFF;
  --color-sidebar: #F5F5F5;
  --color-strong: #000000;
  --color-on-strong: #FFFFFF;
  --color-overlay: color-mix(in srgb, #000000 28%, transparent);
  --control-selected-bg: #F1F1F1;
  --control-selected-border: #D4D4D4;
  --control-selected-text: #000000;
  --button-primary-bg: #18181B;
  --button-primary-bg-hover: #09090B;
  --button-primary-border: #18181B;
  --button-primary-text: #FAFAFA;
  --button-height: 32px;
  --button-height-lg: 34px;
  --button-radius: 7px;
  --button-pad-x: 10px;
  --button-font-size: 11px;
  --button-font-weight: 500;
  --button-default-bg: var(--color-surface);
  --button-default-bg-hover: var(--color-surface-muted);
  --button-default-border: var(--color-border);
  --button-default-border-hover: var(--color-border-hover);
  --button-default-text: var(--color-text-soft);
  --button-default-text-hover: var(--color-text);
  --button-disabled-bg: var(--color-surface);
  --button-disabled-border: var(--color-border);
  --button-disabled-text: var(--color-muted);

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;

  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 24px;
  --space-8: 28px;
  --space-9: 32px;
  --space-10: 40px;

  --radius-sm: 5.6px;
  --radius-md: 7.6px;
  --radius-lg: 9.6px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  --shadow-sm: none;
  --button-shadow: 0 1px 2px rgba(0, 0, 0, .055), 0 0 0 1px rgba(0, 0, 0, .025);
  --button-shadow-hover: 0 2px 7px rgba(0, 0, 0, .075);
  --button-shadow-pressed: 0 1px 2px rgba(0, 0, 0, .09) inset;
  --button-primary-shadow: 0 1px 2px rgba(0, 0, 0, .10);
  --button-primary-shadow-hover: 0 3px 8px rgba(0, 0, 0, .12);
  --button-primary-shadow-pressed: 0 1px 2px rgba(0, 0, 0, .12) inset;
  --shadow-lg: none;
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ease-emphasized: cubic-bezier(.2, .9, .25, 1);
  --push-panel-motion: 520ms cubic-bezier(.22, .8, .22, 1);
  --motion-fast: 120ms cubic-bezier(.2, .8, .2, 1);
  --motion-base: 150ms cubic-bezier(.2, .8, .2, 1);
  --motion-slow: 180ms cubic-bezier(.2, .9, .25, 1);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-text) 6%, transparent);

  --sidebar-width: 224px;
}

html[data-theme="dark"] {
  --color-bg: #000000;
  --color-text: #F5F5F5;
  --color-text-soft: #E6E6E6;
  --color-muted: #A1A1AA;
  --color-muted-2: #737373;
  --color-border: color-mix(in srgb, #3F3F46 72%, #000000);
  --color-border-hover: #3F3F46;
  --color-surface: color-mix(in srgb, #000000 88%, #3F3F46);
  --color-surface-muted: color-mix(in srgb, #000000 72%, #3F3F46);
  --color-surface-raised: color-mix(in srgb, #000000 60%, #3F3F46);
  --color-sidebar: color-mix(in srgb, #000000 68%, #3F3F46);
  --color-strong: #F5F5F5;
  --color-on-strong: #000000;
  --color-overlay: color-mix(in srgb, #000000 72%, transparent);
  --control-selected-bg: #27272A;
  --control-selected-border: #3F3F46;
  --control-selected-text: #F5F5F5;
  --button-primary-bg: #D4D4D8;
  --button-primary-bg-hover: #E4E4E7;
  --button-primary-border: #A1A1AA;
  --button-primary-text: #18181B;
  --button-shadow: 0 1px 2px color-mix(in srgb, #000000 44%, transparent), 0 0 0 1px color-mix(in srgb, #FFFFFF 3%, transparent);
  --button-shadow-hover: 0 2px 7px color-mix(in srgb, #000000 48%, transparent);
  --button-shadow-pressed: 0 1px 2px color-mix(in srgb, #000000 52%, transparent) inset;
  --shadow-sm: none;
  --shadow-lg: none;
}

* { box-sizing: border-box; }

html,
body {
  margin: 0;
  min-width: 320px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html { background: var(--color-sidebar); }

body {
  background: var(--color-sidebar);
  color: var(--color-text);
  font-family: Geist, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: var(--text-sm);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  transition: background-color var(--motion-fast), color var(--motion-fast);
}

html.themeSwitching,
html.themeSwitching body,
html.themeSwitching #adminApp,
html.themeSwitching #adminApp *,
html.themeSwitching #adminApp *::before,
html.themeSwitching #adminApp *::after,
html.themeSwitching #adminPortal,
html.themeSwitching #adminPortal *,
html.themeSwitching #adminPortal *::before,
html.themeSwitching #adminPortal *::after {
  transition-property: background-color, border-color, color, box-shadow, fill, stroke !important;
  transition-duration: 280ms !important;
  transition-timing-function: cubic-bezier(.2, .72, .2, 1) !important;
  transition-delay: 0ms !important;
}

#adminApp {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#adminApp,
#adminApp *,
#adminPortal,
#adminPortal * {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#adminApp::-webkit-scrollbar,
#adminApp *::-webkit-scrollbar,
#adminPortal::-webkit-scrollbar,
#adminPortal *::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

@media (pointer:fine) {
  #adminApp .adminSurface,
  #adminApp .tableScroll,
  #adminApp .tabs,
  #adminApp .pipelineBoard,
  #adminApp .permissionMatrix,
  #adminApp .productEditorPane,
  #adminPortal .drawerBody,
  #adminPortal .adminSheetBody,
  #adminPortal .communitySheetBody,
  #adminPortal .productEditorPane {
    scrollbar-width: thin;
    scrollbar-color: var(--color-border-hover) transparent;
  }

  #adminApp .adminSurface::-webkit-scrollbar,
  #adminApp .tableScroll::-webkit-scrollbar,
  #adminApp .tabs::-webkit-scrollbar,
  #adminApp .pipelineBoard::-webkit-scrollbar,
  #adminApp .permissionMatrix::-webkit-scrollbar,
  #adminApp .productEditorPane::-webkit-scrollbar,
  #adminPortal .drawerBody::-webkit-scrollbar,
  #adminPortal .adminSheetBody::-webkit-scrollbar,
  #adminPortal .communitySheetBody::-webkit-scrollbar,
  #adminPortal .productEditorPane::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    display: block;
  }

  #adminApp .adminSurface::-webkit-scrollbar-thumb,
  #adminApp .tableScroll::-webkit-scrollbar-thumb,
  #adminApp .tabs::-webkit-scrollbar-thumb,
  #adminApp .pipelineBoard::-webkit-scrollbar-thumb,
  #adminApp .permissionMatrix::-webkit-scrollbar-thumb,
  #adminApp .productEditorPane::-webkit-scrollbar-thumb,
  #adminPortal .drawerBody::-webkit-scrollbar-thumb,
  #adminPortal .adminSheetBody::-webkit-scrollbar-thumb,
  #adminPortal .communitySheetBody::-webkit-scrollbar-thumb,
  #adminPortal .productEditorPane::-webkit-scrollbar-thumb {
    border:2px solid transparent;
    border-radius:var(--radius-full);
    background:color-mix(in srgb,var(--color-muted) 42%,transparent);
    background-clip:padding-box;
  }

  #adminApp .adminSurface::-webkit-scrollbar-thumb:hover,
  #adminApp .tableScroll::-webkit-scrollbar-thumb:hover,
  #adminApp .tabs::-webkit-scrollbar-thumb:hover,
  #adminApp .pipelineBoard::-webkit-scrollbar-thumb:hover,
  #adminApp .permissionMatrix::-webkit-scrollbar-thumb:hover,
  #adminApp .productEditorPane::-webkit-scrollbar-thumb:hover,
  #adminPortal .drawerBody::-webkit-scrollbar-thumb:hover,
  #adminPortal .adminSheetBody::-webkit-scrollbar-thumb:hover,
  #adminPortal .communitySheetBody::-webkit-scrollbar-thumb:hover,
  #adminPortal .productEditorPane::-webkit-scrollbar-thumb:hover {
    background:color-mix(in srgb,var(--color-muted) 66%,transparent);
    background-clip:padding-box;
  }
}

button,
input,
select,
textarea { font: inherit; color: inherit; }

button { appearance: none; }
a { color: inherit; text-decoration: none; }
svg { display: block; }

button:focus-visible,
a:focus-visible,
[tabindex]:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--color-text) 42%, var(--color-border));
  outline-offset: 2px;
}

.adminShell {
  width: 100%;
  height: 100dvh;
  min-height: 0;
  display: flex;
  overflow: hidden;
  background: var(--color-sidebar);
}

.adminSidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 40;
  width: var(--sidebar-width);
  height: 100dvh;
  padding: var(--space-7) var(--space-6) var(--space-6);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--color-sidebar);
  border-right: 0;
}

.brand {
  min-height: 32px;
  padding: 0 var(--space-1);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  letter-spacing: -.03em;
}

.brandMark {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 4px;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-text);
  font-size: var(--text-xs);
  font-weight: 500;
}
.brandLogoImage { width: 100%; height: 100%; display: block; object-fit: contain; }

.brandCopy { min-width: 0; display: grid; line-height: 1.05; }
.brandCopy strong { font-size: var(--text-lg); font-weight: 500; }
.brandCopy small { color: var(--color-muted); font-size: 10px; letter-spacing: .02em; }

.searchTrigger {
  width: calc(100% + 8px);
  height: 36px;
  margin-inline: -4px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: none;
  color: var(--color-text-soft);
  cursor: pointer;
  transition: border-color var(--motion-fast), background-color var(--motion-fast), color var(--motion-fast);
}

.searchTrigger:hover { border-color: var(--color-border-hover); background:var(--color-surface-muted); color: var(--color-text); }
.searchTrigger > svg { flex: 0 0 16px; }
.searchTrigger > span:not(.shortcut) { min-width: 0; font-weight: 500; }

.shortcut {
  margin-left: auto;
  min-width: 38px;
  padding: 1px 5px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-bg);
  color: var(--color-muted);
  font-size: 10px;
  line-height: 16px;
  text-align: center;
}

.adminNavScroll {
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin-top: 10px;
  overflow-y: auto;
  overflow-x: clip;
  scrollbar-width: none;
}
.adminNavScroll::-webkit-scrollbar { display:none; width:0; height:0; }
.navGroup,.nav { min-width:0; max-width:100%; }

.navGroup { margin-top: 14px; }
.navLabel { margin: 0 var(--space-3) 6px; color: var(--color-muted); font-size: 10px; font-weight:500; letter-spacing:.015em; }
.nav { display: grid; gap: 2px; }

.navLink {
  position:relative;
  min-width: 0;
  min-height: 34px;
  padding: 0 var(--space-3);
  display: flex;
  align-items: center;
  gap: var(--space-4);
  border-radius: var(--radius-lg);
  color: var(--color-text-soft);
  overflow: hidden;
  white-space: nowrap;
  transition: background-color var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast);
}

.navLink > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.navLink:hover,
.navLink.active { background: var(--control-selected-bg); color: var(--control-selected-text); }
.navLink.active { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--control-selected-border) 68%, transparent); }
.navLink.active::before { content:""; position:absolute; left:3px; top:9px; bottom:9px; width:2px; border-radius:var(--radius-full); background:currentColor; opacity:.64; }

.navIcon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: grid;
  place-items: center;
  color: currentColor;
  opacity: .72 !important;
  transition: opacity var(--motion-fast);
}

.navIcon svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.7;
}

.navLink:hover .navIcon,
.navLink.active .navIcon { opacity: 1 !important; }

.sidebarGrow { flex: 1; min-height: var(--space-6); }

.accountButton {
  width: 100%;
  min-height: 46px;
  margin-top: 6px;
  padding: 7px 8px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 16px;
  align-items: center;
  gap: var(--space-3);
  border: 1px solid transparent;
  border-radius: var(--radius-lg);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);
}

.accountButton:hover,
.accountButton[aria-expanded="true"] { background: var(--color-surface); border-color: var(--color-border); }
.accountButton > svg { color: var(--color-muted); transition: transform var(--motion-fast), color var(--motion-fast); }
.accountButton:hover > svg { color: var(--color-text-soft); }
.accountButton[aria-expanded="true"] > svg { transform: rotate(-90deg); color: var(--color-text); }

.avatar {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  background: var(--color-surface);
  font-size: var(--text-xs);
  font-weight: 500;
}

.accountCopy { min-width: 0; display: grid; gap: 2px; }
.accountName,
.accountMeta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.accountName { font-size: 12px; font-weight: 500; line-height: 1.15; }
.accountMeta { color: var(--color-muted); font-size: 10px; line-height: 1.15; }
.accountArea,
[data-account-popover] {
  position: relative;
  width: 100%;
  min-width: 0;
}

.accountArea > .accountPopover,
[data-account-popover] > .accountPopover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 8px);
  z-index: 80;
  max-width: none;
  padding: 6px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-raised) !important;
  box-shadow: var(--shadow-lg);
  color: var(--color-text);
}

.accountPopover::before {
  content: "Conta";
  display: block;
  padding: 5px 8px 6px;
  color: var(--color-muted);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.accountPopover a,
.accountPopover button {
  width: 100%;
  min-height: 34px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-text-soft);
  text-align: left;
  cursor: pointer;
}

.accountPopover a:hover,
.accountPopover button:hover { background: var(--color-surface-muted); color: var(--color-text); }

.accountPopover small { color: var(--color-muted); font-size: 10px; }

.accountPopover button svg { flex:0 0 15px; color:var(--color-muted); }
.accountPopover button span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:500; }
.accountPopover button:hover svg { color:var(--color-text); }

html[data-theme="dark"] .accountPopover { background:var(--color-surface-raised) !important; }

.adminMain {
  width: calc(100% - var(--sidebar-width));
  height: 100dvh;
  margin-left: var(--sidebar-width);
  padding: var(--space-3) var(--space-3) var(--space-3) 0;
  overflow: hidden;
  background: var(--color-sidebar);
  transition: width var(--push-panel-motion);
}

.adminSurface {
  width: 100%;
  height: calc(100dvh - 16px);
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  container: admin-surface / inline-size;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

html.adminPushPanelOpen .adminMain {
  width: calc(100% - var(--sidebar-width) - var(--admin-drawer-width) - var(--space-3));
}
html.adminSidePanelOpen .adminSurface { overflow-y:hidden; }

.adminTopbar {
  position: sticky;
  top: 0;
  z-index: 30;
  height: 50px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--color-border);
  background: color-mix(in srgb, var(--color-surface) 96%, transparent);
  backdrop-filter: none;
}

.topbarIcon { width: 28px; height: 28px; display: grid; place-items: center; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface-muted); color: var(--color-text-soft); }
.crumbs { min-width: 0; display: flex; align-items: center; gap: 7px; color: var(--color-muted); font-size:12px; }
.crumbs strong { overflow: hidden; color: var(--color-text); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.topbarSpacer { flex: 1; }

.iconButton {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-muted);
  cursor: pointer;
  transition: background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);
}

.iconButton:hover { border-color:var(--color-border); background: var(--color-surface-muted); color: var(--color-text); }
.iconButton:focus-visible { outline:0; border-color:color-mix(in srgb,var(--color-text) 24%,var(--color-border)); box-shadow:var(--focus-ring); }
.adminAlertsWrap { position:relative; flex:0 0 auto; }
.adminAlertsButton { position:relative; }
.adminAlertsButton.hasUnread { border-color:color-mix(in srgb,#dc2626 26%,var(--color-border)); color:var(--color-text); background:color-mix(in srgb,#dc2626 4%,var(--color-surface)); }
.adminAlertsBadge { position:absolute; top:-5px; right:-6px; min-width:17px; height:17px; padding:0 4px; display:grid; place-items:center; border:2px solid var(--color-surface); border-radius:999px; background:#dc2626; color:#fff; font-size:8px; font-weight:700; line-height:1; }
.adminAlertsPopover { position:absolute; top:calc(100% + 9px); right:0; z-index:95; width:min(390px,calc(100vw - 24px)); overflow:hidden; border:1px solid var(--color-border-hover); border-radius:12px; background:var(--color-surface-raised); box-shadow:0 18px 48px color-mix(in srgb,#000 16%,transparent); }
.adminAlertsHead { min-height:58px; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--color-border); }
.adminAlertsHead > div { min-width:0; display:grid; gap:2px; }
.adminAlertsHead span { color:#dc2626; font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.08em; }
.adminAlertsHead strong { font-size:13px; font-weight:600; }
.adminAlertsHead button,.adminAlertsFooter button { border:0; background:transparent; color:var(--color-muted); font:inherit; font-size:9px; cursor:pointer; }
.adminAlertsHead button:hover,.adminAlertsFooter button:hover { color:var(--color-text); }
.adminAlertsList { max-height:min(430px,58vh); overflow:auto; scrollbar-width:none; }
.adminAlertsList::-webkit-scrollbar { display:none; }
.adminAlertItem { width:100%; min-height:70px; padding:10px 12px; display:grid; grid-template-columns:24px minmax(0,1fr) 8px; align-items:start; gap:9px; border:0; border-bottom:1px solid var(--color-border); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.adminAlertItem:last-child { border-bottom:0; }
.adminAlertItem:hover,.adminAlertItem:focus-visible { outline:0; background:var(--color-surface-muted); }
.adminAlertItem.isRead { opacity:.68; }
.adminAlertMark { width:22px; height:22px; display:grid; place-items:center; border:1px solid color-mix(in srgb,#dc2626 54%,var(--color-border)); border-radius:7px; background:color-mix(in srgb,#dc2626 7%,var(--color-surface)); color:#dc2626; font-size:11px; font-weight:800; }
.adminAlertCopy { min-width:0; display:grid; gap:3px; }
.adminAlertCopy strong,.adminAlertCopy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.adminAlertCopy strong { font-size:11px; font-weight:600; }
.adminAlertCopy small { color:var(--color-muted); font-size:9px; }
.adminAlertUnreadDot { width:7px; height:7px; margin-top:7px; border-radius:50%; background:#dc2626; }
.adminAlertsEmpty { min-height:120px; padding:24px 16px; display:grid; place-items:center; align-content:center; gap:4px; text-align:center; }
.adminAlertsEmpty strong { font-size:11px; font-weight:600; }
.adminAlertsEmpty span { color:var(--color-muted); font-size:9px; }
.adminAlertsFooter { min-height:38px; padding:6px 10px; display:flex; align-items:center; justify-content:flex-end; border-top:1px solid var(--color-border); background:var(--color-surface-muted); }
.mobileMenu { display: none; }

.adminContent {
  width: min(calc(100% - 64px), 1320px);
  margin: 0 auto;
  padding: var(--space-8) 0 64px;
  outline: 0;
}
.adminContent.adminRouteExit { pointer-events:none; animation:adminRouteExit 88ms cubic-bezier(.4,0,1,1) both; }
.adminContent.adminRouteEnter { animation:adminRouteEnter 210ms cubic-bezier(.16,1,.3,1) both; }

.pageHead {
  margin-bottom: var(--space-7);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-6);
}

.eyebrow { margin-bottom: var(--space-3); color: var(--color-muted); font-size: var(--text-xs); }

.pageTitle {
  margin: 0;
  font-size: clamp(28px, 2.5vw, 32px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.pageSub {
  max-width: 680px;
  margin: var(--space-3) 0 0;
  color: var(--color-muted);
  font-size: var(--text-sm);
}

.summaryGrid {
  margin-bottom: var(--space-7);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}
.summaryGrid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }

.summaryCard {
  min-width: 0;
  padding: var(--space-5);
  display: grid;
  gap: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface);
}

.summaryCard span,
.summaryCard small { color: var(--color-muted); font-size: var(--text-xs); }
.summaryCard strong { font-size: 22px; font-weight: 400; letter-spacing: -.035em; }

.adminPanel {
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background: var(--color-surface);
}

.panelHead {
  min-height: 58px;
  padding: 0 var(--space-5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  border-bottom: 1px solid var(--color-border);
}

.panelHead > div { min-width: 0; display: grid; gap: 2px; }
.panelHead strong { font-size: var(--text-sm); font-weight: 500; }
.panelHead small { color: var(--color-muted); font-size: var(--text-xs); }

.pill {
  min-height: 26px;
  padding: 0 var(--space-3);
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  background: var(--color-surface-muted);
  color: var(--color-muted);
  font-size: var(--text-xs);
}

.emptyState {
  min-height: 260px;
  padding: var(--space-7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  color: var(--color-muted);
  text-align: center;
}

.emptyState strong { color: var(--color-text); font-size: var(--text-sm); font-weight: 500; }
.emptyState p { max-width: 420px; margin: 0; font-size: var(--text-xs); }
.emptyState.compact,
.adminPanel [data-state="filtered-empty"] .emptyState { min-height:190px; padding:24px; }

.emptyIcon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-surface-muted);
  color: var(--color-text-soft);
}
.emptyState .button { margin-top:2px; }

.mobileOverlay { display: none; }

html[data-theme="dark"] .adminSurface { background: var(--color-surface); }
html[data-theme="dark"] .summaryCard,
html[data-theme="dark"] .adminPanel { background: var(--color-surface-raised); }

html[data-theme="dark"] .searchTrigger,
html[data-theme="dark"] .navLink:hover,
html[data-theme="dark"] .navLink.active,
html[data-theme="dark"] .accountButton:hover,
html[data-theme="dark"] .avatar { background: var(--color-surface-raised); }

html[data-theme="dark"] .shortcut { background: var(--color-surface-muted); }

@media (max-width: 1180px) {
  .summaryGrid,
  .summaryGrid.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container admin-surface (max-width: 900px) {
  .summaryGrid,
  .summaryGrid.three,
  .summaryGrid.six,
  .metricStrip,
  .metricStrip.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboardGrid,
  .twoCol { grid-template-columns: 1fr; }
  .dashboardRail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboardRail .adminPanel:last-child { grid-column: 1 / -1; }
  .tileGrid,
  .integrationGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container admin-surface (max-width: 620px) {
  .summaryGrid,
  .summaryGrid.three,
  .summaryGrid.six,
  .metricStrip,
  .metricStrip.compact,
  .dashboardRail,
  .tileGrid,
  .integrationGrid,
  .settingsGrid,
  .planGrid { grid-template-columns: 1fr; }
  .dashboardRail .adminPanel:last-child { grid-column: auto; }
}

@media (max-width: 760px) {
  :root { --sidebar-width: 224px; }

  .adminSidebar {
    transform: translateX(-100%);
    transition: transform var(--motion-base);
    box-shadow: var(--shadow-lg);
  }

  .adminSidebar.open { transform: translateX(0); }

  .mobileOverlay {
    position: fixed;
    inset: 0;
    z-index: 35;
    display: block;
    border: 0;
    background: var(--color-overlay);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--motion-base);
  }

  .mobileOverlay.open { opacity: 1; pointer-events: auto; }

  .adminMain { width: 100%; margin-left: 0; padding: 0; }
  .adminSurface { min-height: 100dvh; border: 0; border-radius: 0; box-shadow: none; }
  .adminTopbar { height: 50px; padding: 0 var(--space-5); }
  .mobileMenu { display: grid; }
  .crumbs > span,
  .crumbs > svg { display: none; }

  .adminContent {
    width: 100%;
    max-width: none;
    padding: var(--space-7) var(--space-5) var(--space-10);
  }

  .pageHead { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
  .adminTopbar { padding: 0 var(--space-4); }
  .adminContent { padding-left: var(--space-4); padding-right: var(--space-4); }
  .pageTitle { font-size: 28px; }
  .summaryGrid { grid-template-columns: 1fr; }
  .panelHead { align-items: flex-start; padding-top: var(--space-5); padding-bottom: var(--space-5); }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Admin primitives + modules */
.button,
.filterChip,
.tab,
.rowActions button,
.rowActions a,
.futureControls button,
.themeChoice {
  min-height: 32px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text-soft);
  cursor: pointer;
  transition: background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);
}
.button:hover,.filterChip:hover,.tab:hover,.rowActions button:hover,.rowActions a:hover,.themeChoice:hover { background: var(--color-surface-muted); color: var(--color-text); }
.filterChip {
  font-weight: 500;
  box-shadow: none;
  transition: background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast);
}
.filterChip:hover:not(:disabled) { border-color: var(--color-border-hover); box-shadow: 0 0 0 1px color-mix(in srgb,var(--color-border-hover) 34%,transparent); }
.filterChip:active:not(:disabled) { background: var(--color-surface-muted); }
.filterChip.active { background: var(--control-selected-bg); border-color: var(--control-selected-border); color: var(--control-selected-text); box-shadow: none; }
.filterChip.active:hover:not(:disabled) { background: var(--control-selected-bg); border-color: var(--control-selected-border); color: var(--control-selected-text); box-shadow: 0 0 0 1px color-mix(in srgb,var(--control-selected-border) 38%,transparent); }
.filterChip.active:active:not(:disabled) { box-shadow: none; }
.button {
  min-height: var(--button-height);
  padding-inline: var(--button-pad-x);
  border-color: var(--button-default-border);
  border-radius: var(--button-radius);
  background: var(--button-default-bg);
  color: var(--button-default-text);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  letter-spacing: -.01em;
  box-shadow: none;
  transition: background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast), opacity var(--motion-fast);
}
.button:hover:not(:disabled):not([aria-disabled="true"]) { border-color: var(--button-default-border-hover); background: var(--button-default-bg-hover); color: var(--button-default-text-hover); box-shadow: none; }
.button:active:not(:disabled):not([aria-disabled="true"]) { background: var(--button-default-bg-hover); box-shadow: var(--button-shadow-pressed); }
.button:focus-visible { outline:0; border-color:color-mix(in srgb,var(--color-text) 24%,var(--button-default-border)); box-shadow:var(--focus-ring); }
.button.primary { background: var(--button-primary-bg); color: var(--button-primary-text); border-color: var(--button-primary-border); box-shadow: 0 1px 2px color-mix(in srgb,#000 8%,transparent); }
.button.primary:hover:not(:disabled):not([aria-disabled="true"]) { background: var(--button-primary-bg-hover); color: var(--button-primary-text); border-color: var(--button-primary-border); box-shadow: 0 1px 2px color-mix(in srgb,#000 10%,transparent); }
.button.primary:active:not(:disabled):not([aria-disabled="true"]) { box-shadow: var(--button-primary-shadow-pressed); }
.button.ghost { border-color:transparent; background:transparent; box-shadow:none; }
.button.ghost:hover:not(:disabled):not([aria-disabled="true"]) { border-color:transparent; background:var(--color-surface-muted); box-shadow:none; }
.button.danger { border-style:solid; border-color:color-mix(in srgb,var(--color-border-hover) 88%,transparent); background:var(--color-surface); color:var(--color-text-soft); box-shadow:none; }
.button.danger:hover:not(:disabled):not([aria-disabled="true"]) { border-color:color-mix(in srgb,var(--color-text-soft) 30%,var(--color-border-hover)); background:var(--color-surface-muted); color:var(--color-text); box-shadow:none; }
.button:disabled,.button[aria-disabled="true"] { cursor:not-allowed; opacity:.5; box-shadow:none; transform:none; }
.button.primary:disabled,.button.primary[aria-disabled="true"] { border-color:var(--button-primary-border); background:var(--button-primary-bg); color:var(--button-primary-text); }
.filterChip:disabled,.tab:disabled,.rowActions button:disabled,.futureControls button:disabled,.themeChoice:disabled { cursor:not-allowed; opacity:.56; box-shadow:none; transform:none; }
.button.full { width: 100%; margin-top: 8px; }
.buttonGroup { display: flex; gap: 8px; flex-wrap: wrap; }
.topSearch { height: 32px; min-width: 142px; padding: 0 8px; display:flex; align-items:center; gap:7px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); color:var(--color-muted); cursor:pointer; transition:border-color var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast); }
.topSearch:hover { border-color:var(--color-border-hover); color:var(--color-text); background:var(--color-surface-muted); }
.topSearch:focus-visible { outline:0; border-color:color-mix(in srgb,var(--color-text) 24%,var(--color-border)); box-shadow:var(--focus-ring); }
.topSearch kbd { margin-left:auto; min-width:38px; font:inherit; font-size:10px; border:1px solid var(--color-border); border-radius:5px; padding:1px 4px; background:var(--color-surface-muted); text-align:center; }
.devDemoPill { min-height:24px; padding:0 8px; display:inline-flex; align-items:center; border:1px solid var(--color-border); border-radius:var(--radius-full); background:var(--color-surface-muted); color:var(--color-muted); font-size:9px; font-weight:650; letter-spacing:.02em; white-space:nowrap; }

[data-tooltip] { position:relative; }
[data-tooltip]::after { content:attr(data-tooltip); position:absolute; top:calc(100% + 7px); right:0; z-index:90; width:max-content; max-width:180px; padding:5px 7px; border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent); border-radius:6px; background:var(--color-strong); color:var(--color-on-strong); box-shadow:var(--shadow-sm); font-size:10px; font-weight:500; line-height:1.2; white-space:nowrap; opacity:0; pointer-events:none; transform:translateY(-2px); transition:opacity var(--motion-fast),transform var(--motion-fast); transition-delay:0ms; }
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after { opacity:1; transform:translateY(0); transition-delay:360ms; }

.metricStrip { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin-bottom:24px; }
.metricStrip.compact { grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; }
.metricCard { min-width:0; padding:12px; display:grid; gap:5px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.metricCard span,.metricCard small { color:var(--color-muted); font-size:12px; }
.metricCard strong { font-size:16px; font-weight:500; letter-spacing:-.02em; }
.summaryGrid.six { grid-template-columns:repeat(6,minmax(0,1fr)); }
.customerMetricStrip { margin-bottom:14px; }
.customerMetricStrip .metricCard { background:var(--color-surface); }
.customerAdminIdentity { min-width:220px; display:flex; align-items:center; gap:10px; }
.customerAdminIdentity > span:last-child { min-width:0; display:grid; gap:2px; }
.customerAdminIdentity strong { overflow:hidden; color:var(--color-text); font-size:12px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.customerAdminIdentity small { overflow:hidden; color:var(--color-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.customerAdminAvatar { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); color:var(--color-text-soft); font-size:10px; font-weight:650; letter-spacing:.02em; }
.customerDirectoryPage .filterBar { margin-bottom:12px; }
.dashboardGrid { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:12px; }
.dashboardPrimary,.dashboardRail { min-width:0; display:grid; align-content:start; gap:12px; }
.twoCol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.adminPanel { margin-bottom:12px; }
.adminPanel:last-child { margin-bottom:0; }

.auditLogsPage {
  min-height: calc(100dvh - 66px);
  display: flex;
  flex-direction: column;
}
.auditLogsPage > .adminPanel {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.auditLogsPage > .adminPanel > .tableScroll { flex: 1; }
.auditLogsPage > .adminPanel > .buttonGroup {
  margin-top: auto;
  padding: 12px;
  border-top: 1px solid var(--color-border);
}

.filterBar { display:flex; align-items:center; gap:8px; margin-bottom:12px; min-height:38px; }
.filterSearch { height:34px; min-width:260px; padding:0 10px; display:flex; align-items:center; gap:8px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); color:var(--color-muted); transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast); }
.filterSearch:hover { border-color:var(--color-border-hover); }
.filterSearch:focus-within { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); color:var(--color-text-soft); }
.filterSearch input { min-width:0; width:100%; border:0; outline:0; background:transparent; }
.filterSearch input::placeholder { color:var(--color-muted); opacity:.82; }
.filterChipWrap { position:relative; flex:0 0 auto; }
.filterChip svg { margin-left:1px; transform:rotate(90deg); transition:transform var(--motion-fast); }
.filterChip[aria-expanded="true"] svg { transform:rotate(-90deg); }
.filterPopover { position:absolute; top:calc(100% + 7px); right:0; z-index:25; width:max-content; min-width:190px; max-width:min(280px,calc(100vw - 28px)); padding:6px; display:grid; gap:2px; border:1px solid color-mix(in srgb,var(--color-border) 86%,var(--color-text) 4%); border-radius:12px; background:var(--color-surface-raised); box-shadow:0 16px 46px color-mix(in srgb,#000 14%,transparent),var(--shadow-sm); animation:modalIn 140ms var(--ease-emphasized) both; }
.filterPopover button { min-height:34px; padding:0 10px; display:flex; align-items:center; border:0; border-radius:8px; background:transparent; color:var(--color-text-soft); text-align:left; cursor:pointer; }
.filterPopover button:hover,.filterPopover button:focus-visible { outline:0; background:var(--color-surface-muted); color:var(--color-text); }
.filterPopover button.selected,.filterPopover button[aria-checked="true"] { background:var(--control-selected-bg); color:var(--control-selected-text); font-weight:500; }
.filterReset { min-height:32px; padding:0 7px 0 8px; display:inline-flex; align-items:center; gap:6px; border:0; border-radius:var(--radius-md); background:transparent; color:var(--color-muted); font-size:11px; cursor:pointer; transition:background-color var(--motion-fast),color var(--motion-fast); }
.filterReset:hover,.filterReset:focus-visible { background:var(--color-surface-muted); color:var(--color-text); }
.filterReset b { min-width:18px; height:18px; padding:0 5px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:var(--radius-full); background:var(--color-surface); color:var(--color-text-soft); font-size:10px; font-weight:600; line-height:1; }
.filterSpacer { flex:1; }
.bulkActionBar { min-height:40px; padding:6px 10px; display:flex; align-items:center; gap:8px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface-muted); }

.workspacePage { width:min(calc(100% - 64px),1120px); }
.workspaceNav { min-height:34px; margin-bottom:18px; display:flex; align-items:center; gap:10px; color:var(--color-muted); font-size:10px; }
.workspaceBack { min-height:32px; padding:0 9px 0 7px; display:inline-flex; align-items:center; gap:5px; border:1px solid var(--color-border); border-radius:var(--button-radius); background:var(--color-surface); color:var(--color-text-soft); box-shadow:none; cursor:pointer; transition:border-color var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast); }
.workspaceBack svg { transform:rotate(180deg); }
.workspaceBack:hover { border-color:var(--color-border-hover); background:var(--color-surface-muted); color:var(--color-text); box-shadow:none; }
.workspaceHeader { margin-bottom:22px; }
.workspaceHeader .eyebrow { display:block; margin-bottom:6px; color:var(--color-muted); font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.09em; }
.workspaceCanvas { min-width:0; }
.workspaceCanvas > .productEditor,.customerWorkspace,.workspaceFormCard { border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); box-shadow:none; }
.workspaceCanvas > .productEditor { height:auto; min-height:560px; padding:0; overflow:hidden; }
.workspaceCanvas > .productEditor .productEditorHero { padding:20px 28px 16px; background:var(--color-surface); }
.workspaceCanvas > .productEditor .productEditorTabs { margin:0; padding:0 28px 14px; background:var(--color-surface); }
.workspaceCanvas .productEditorPane { flex:initial; overflow:visible; padding:0 28px 24px; background:var(--color-surface); }
.workspaceCanvas .productEditorTabs .tabs { overflow:visible; flex-wrap:wrap; gap:6px; margin:0; }
.workspaceCanvas .productEditorTabs .tab { min-height:34px; padding:0 13px; }
.workspaceCanvas .productEditorFooter { position:static; bottom:auto; z-index:auto; margin:0; padding:14px 28px 16px; background:var(--color-surface); border-radius:0; backdrop-filter:none; }
.customerWorkspace { padding:28px; }
.customerWorkspace > .productEditorHero { padding-top:0; }
.workspaceFormCard { padding:26px 28px 30px; }
.formSectionHead { margin-bottom:22px; padding-bottom:18px; display:grid; gap:4px; border-bottom:1px solid var(--color-border); }
.formSectionHead strong { font-size:15px; font-weight:550; letter-spacing:-.02em; }
.formSectionHead span { color:var(--color-muted); font-size:11px; }
.workspaceForm { width:min(100%,780px); display:grid; gap:15px; }
.workspaceForm label { min-width:0; display:grid; gap:6px; color:var(--color-text-soft); font-size:11px; font-weight:500; }
.workspaceForm input:not([type="checkbox"]),.workspaceForm select,.workspaceForm textarea { width:100%; min-width:0; min-height:42px; padding:9px 11px; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.workspaceForm input:not([type="checkbox"]):hover,.workspaceForm select:hover,.workspaceForm textarea:hover { border-color:var(--color-border-hover); }
.workspaceForm textarea { min-height:104px; resize:vertical; line-height:1.5; }
.workspaceForm input:not([type="checkbox"]):focus,.workspaceForm select:focus,.workspaceForm textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.workspaceForm label:has(input[type="checkbox"]) { grid-template-columns:18px minmax(0,1fr); align-items:center; }
.workspaceForm input[type="checkbox"] { width:16px; height:16px; margin:0; accent-color:var(--color-strong); }
.workspaceActions { position:sticky; bottom:0; z-index:8; margin-top:12px; padding:14px 16px; display:flex; align-items:center; justify-content:flex-end; gap:8px; border:1px solid var(--color-border); border-radius:13px; background:var(--color-surface); box-shadow:none; backdrop-filter:none; }
.workspaceActions .button.full { width:auto; min-width:128px; min-height:var(--button-height-lg); margin:0; }

.tableScroll { width:100%; overflow:auto; scrollbar-width:thin; }
.tableScroll::after { content:""; position:sticky; right:0; width:1px; height:1px; display:block; box-shadow:10px 0 18px 12px color-mix(in srgb,var(--color-text) 8%,transparent); pointer-events:none; }
.tableScroll[tabindex]:focus-visible { outline:0; box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-text) 16%,transparent); }
.adminDataTable { width:100%; min-width:760px; border-collapse:separate; border-spacing:0; }
.adminDataTable th { position:sticky; top:0; z-index:2; height:38px; padding:0 12px; border-bottom:1px solid var(--color-border); background:color-mix(in srgb,var(--color-surface-muted) 82%,var(--color-surface)); color:var(--color-muted); font-size:11px; font-weight:550; letter-spacing:.012em; text-align:left; white-space:nowrap; }
.adminDataTable td { height:52px; padding:0 12px; border-bottom:1px solid var(--color-border); font-size:12px; white-space:nowrap; transition:background-color var(--motion-fast),box-shadow var(--motion-fast); }
.adminDataTable th:first-child,.adminDataTable td:first-child { padding-left:16px; }
.adminDataTable th:last-child,.adminDataTable td:last-child { padding-right:16px; }
.adminDataTable td:first-child { color:var(--color-text); font-weight:500; }
.adminDataTable tbody tr:last-child td { border-bottom:0; }
.adminDataTable tbody tr[data-action] { cursor:pointer; }
.adminDataTable tbody tr:hover td { background:color-mix(in srgb,var(--color-surface-muted) 72%,var(--color-surface)); }
.adminDataTable tbody tr.tableRowInteractive:hover td:first-child { box-shadow:inset 2px 0 0 color-mix(in srgb,var(--color-text) 30%,transparent); }
.adminDataTable tbody tr.tableRowInteractive:focus-visible { outline:0; }
.adminDataTable tbody tr.tableRowInteractive:focus-visible td { background:var(--color-surface-muted); box-shadow:inset 0 1px 0 var(--control-selected-border),inset 0 -1px 0 var(--control-selected-border); }
.adminDataTable tbody tr.tableRowInteractive:focus-visible td:first-child { box-shadow:inset 2px 0 0 var(--color-text),inset 0 1px 0 var(--control-selected-border),inset 0 -1px 0 var(--control-selected-border); }
.adminDataTable code { font:500 12px ui-monospace,SFMono-Regular,Consolas,monospace; }
.rowActions { display:flex; gap:4px; }
.adminDataTable .rowActions { width:max-content; padding:2px; gap:1px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); }
.adminDataTable .rowActions button,.adminDataTable .rowActions a { min-height:26px; padding:0 7px; border-color:transparent; background:transparent; box-shadow:none; font-size:11px; }
.adminDataTable .rowActions button:hover,.adminDataTable .rowActions a:hover { border-color:transparent; background:var(--color-surface-muted); box-shadow:none; }
.adminDataTable td > .button { min-height:28px; padding:0 8px; border-color:transparent; background:transparent; box-shadow:none; }
.adminDataTable td > .button:hover:not(:disabled) { border-color:transparent; background:var(--color-surface-muted); box-shadow:none; }
  .rowActions button,.rowActions a { min-height:28px; padding:0 7px; font-size:11px; }
.tableActionMenu { position:relative; width:max-content; }
.tableActionTrigger { width:28px; height:28px; padding:0; display:grid; place-items:center; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--color-muted); cursor:pointer; transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast); }
.tableActionTrigger:hover,.tableActionTrigger:focus-visible,.tableActionTrigger[aria-expanded="true"] { border-color:var(--color-border); background:var(--color-surface-muted); color:var(--color-text); outline:0; }
.tableActionPopover { position:fixed; top:var(--menu-y,8px); left:var(--menu-x,8px); right:auto; z-index:135; width:176px; padding:5px; display:grid; gap:2px; border:1px solid color-mix(in srgb,var(--color-border) 86%,var(--color-text) 4%); border-radius:10px; background:var(--color-surface-raised); box-shadow:0 14px 38px color-mix(in srgb,#000 13%,transparent),var(--shadow-sm); animation:modalIn 120ms var(--ease-emphasized) both; }
.tableActionPopover button { min-height:32px; padding:0 9px; display:flex; align-items:center; border:0; border-radius:7px; background:transparent; color:var(--color-text-soft); font-size:11px; text-align:left; cursor:pointer; }
.tableActionPopover button:hover,.tableActionPopover button:focus-visible { outline:0; background:var(--color-surface-muted); color:var(--color-text); }
.tableActionPopover button.danger { color:var(--color-text-soft); }
.tableActionPopover button.danger:hover,.tableActionPopover button.danger:focus-visible { color:var(--color-text); }
.tableActionPopover button:disabled { cursor:not-allowed; opacity:.42; }
.tableNoActions { display:inline-flex; min-width:28px; justify-content:center; color:var(--color-muted); }
  .communityPostIdentity { display:grid; gap:3px; min-width:220px; white-space:normal; }
  .communityPostIdentity strong { font-weight:600; line-height:1.25; }
  .communityPostIdentity small { color:var(--color-muted); font-size:11px; }
  .communityEngagement { display:inline-flex; align-items:center; gap:6px; color:var(--color-text-soft); }
  .communityEngagement span { display:inline-flex; align-items:center; gap:3px; }
  .communityPage .filterBar { margin:18px 0 12px; }
  .communityPage .adminPanel { margin-top:0; overflow:hidden; }
.communityPage .tableScroll { scrollbar-width:none; }
.communityPage .tableScroll::-webkit-scrollbar { display:none; width:0; height:0; }
.communityPage .adminDataTable td { height:58px; }
  .communityComposerModal { width:min(680px,100%); }
  .communityComposerModal > h2 { padding-right:28px; margin-bottom:2px; }
  .communityComposerModal .modalIntro { max-width:560px; line-height:1.5; }
  .communityComposerModal textarea { min-height:150px; resize:vertical; line-height:1.5; }
  .communityComposerModal label:has(textarea) { gap:7px; }
  .communityComposerModal .modalFormGrid { padding:10px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface-muted); }
  .communityComposerModal .modalFormGrid label { min-width:0; }
  .communityComposerModal .modalFormGrid + label { margin-top:2px; }
  .communityComposerModal .full { margin-top:4px; }
  .communityCommentList { border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; }
  .communityCommentList .compactRow { align-items:flex-start; padding:12px; }
  .communityCommentList .compactRow > span { min-width:0; flex:1; display:grid; gap:4px; }
  .communityCommentList .compactRow small { white-space:normal; line-height:1.4; }
  .communityCommentList .rowActions { flex-wrap:wrap; justify-content:flex-end; }
.communityCommentList .compactRow + .compactRow { border-top:1px solid var(--color-border); }
.communityCommentList .compactRow > span > small { max-width:52ch; }
.inspectorDrawer:has(.communityPostInspector) { box-shadow:none; }
#adminPortal .drawerBody:has(.communityPostInspector) { padding:20px; scrollbar-width:none; }
#adminPortal .drawerBody:has(.communityPostInspector)::-webkit-scrollbar { display:none; width:0; height:0; }
.communityPostInspector { display:grid; align-content:start; gap:12px; }
.communityPostInspectorHeader { padding:2px 0 16px; display:flex; align-items:flex-start; justify-content:space-between; gap:14px; border-bottom:1px solid var(--color-border); }
.communityPostInspectorHeader > div:first-child { min-width:0; }
.communityPostInspectorHeader h2 { margin:2px 0 4px; overflow:hidden; font-size:20px; font-weight:550; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.communityPostInspectorHeader small { color:var(--color-muted); font-size:10px; line-height:1.4; }
.communityPostInspectorBadges { flex:0 0 auto; justify-content:flex-end; }
.communityPostInspector > .drawerSection { margin:0; padding:14px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.communityPostInspector .productSectionHead { margin-bottom:12px; }
.communityPostInspector .productSectionHead h3 { font-size:13px; }
.communityPostContentSection > p { margin:0; color:var(--color-text-soft); font-size:12px; line-height:1.6; white-space:pre-wrap; }
.communityPostContentSection > .tagCloud { margin-top:12px; }
.communityPostMedia { margin-top:12px; overflow:hidden; border-radius:12px; }
.communityPostMedia img { max-height:360px; object-fit:cover; }
.communityPostMetrics { margin:0; }
.communityPostModerationControls { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; }
.communityPostModerationControls label { min-width:0; display:grid; gap:6px; color:var(--color-muted); font-size:10px; font-weight:500; }
.communityPostModerationControls select { width:100%; min-height:40px; padding:8px 10px; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); }
.communityPostModerationControls select:hover:not(:disabled) { border-color:var(--color-border-hover); }
.communityPostModerationControls select:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:var(--focus-ring); }
.communityPostInspectorActions { position:sticky; bottom:-20px; z-index:2; margin:4px -20px -20px; padding:12px 20px max(14px,env(safe-area-inset-bottom)); border-top:1px solid var(--color-border); background:var(--color-surface); }
.rowActions .danger { border-style:dashed; color:var(--color-text-soft); }
.keyRowActions { min-width:max-content; }
.keyIdentity { display:grid; gap:2px; }
.keyIdentity small { color:var(--color-muted); font-size:10px; }
.domainCell { display:block; max-width:180px; overflow:hidden; text-overflow:ellipsis; }
.keysPage .adminDataTable { min-width:1180px; }
.keysPage .adminDataTable th:last-child,
.keysPage .adminDataTable td:last-child { position:sticky; right:0; }
.keysPage .adminDataTable th:last-child { z-index:3; background:var(--color-surface-muted); }
.keysPage .adminDataTable td:last-child { z-index:1; background:var(--color-surface-raised); box-shadow:-10px 0 18px -18px var(--color-text); }
.keysPage .adminDataTable td:last-child:has(.tableActionTrigger[aria-expanded="true"]) { z-index:40; }
.keysPage .adminDataTable tbody tr:hover td:last-child { background:var(--color-surface-muted); }

.statusBadge { min-height:22px; padding:0 7px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--color-border); border-radius:var(--radius-full); background:var(--color-surface-muted); color:var(--color-text-soft); font-size:11px; white-space:nowrap; }
.status-high,.status-open,.status-chargeback,.status-erro { border-style:dashed; }
.status-paid,.status-active,.status-ativo,.status-published,.status-conectado,.status-fechado { color:var(--color-text); font-weight:500; }
.status-suspenso,.status-suspended,.status-arquivado,.status-archived { border-style:dashed; color:var(--color-muted); }
.status-pendente,.status-pending { color:var(--color-text-soft); }

.tabs { width:max-content; max-width:100%; padding:3px; display:flex; gap:2px; margin-bottom:12px; overflow:auto; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); }
[data-page="products"] > .pageHead { margin-bottom:16px; }
[data-page="products"] > .tabs { margin-bottom:14px; }
[data-page="products"] > .pageHead > .button { flex:0 0 auto; }
.panelHead > .tabs {
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:max-content;
  width:max-content;
  max-width:60%;
  margin-bottom:0;
  overflow-x:auto;
  flex-shrink:0;
}
.tab { min-height:30px; border-color:transparent; background:transparent; box-shadow:none; white-space:nowrap; }
.tab:hover { border-color:transparent; }
.tab.active { background:var(--control-selected-bg); color:var(--control-selected-text); border-color:var(--control-selected-border); box-shadow:0 1px 1px color-mix(in srgb,#000 4%,transparent); }
.chartShell { position:relative; min-height:292px; padding:22px 10px 12px; isolation:isolate; }
.chartDemoBadge { position:absolute; top:10px; right:12px; z-index:8; min-height:20px; padding:0 7px; display:inline-flex; align-items:center; border:1px solid var(--color-border); border-radius:6px; background:color-mix(in srgb,var(--color-surface-raised) 96%,transparent); color:var(--color-muted); font-size:9px; font-weight:500; letter-spacing:.01em; pointer-events:none; }
.chartDemo .chartGrid { top:30px; }
.chartGrid { position:absolute; inset:24px 10px 42px; z-index:0; display:flex; flex-direction:column; justify-content:space-between; pointer-events:none; }
.chartGrid span { display:block; width:100%; border-top:1px dashed color-mix(in srgb,var(--color-border) 76%,transparent); opacity:.65; }
.lineChart { position:relative; z-index:1; height:252px; touch-action:pan-y; }
.lineChartSvg { position:absolute; inset:0 0 40px; width:100%; height:calc(100% - 40px); overflow:visible; }
.lineChartArea { fill:color-mix(in srgb,var(--color-text) 5.5%,transparent); opacity:0; animation:lineAreaIn 520ms var(--ease-standard) 420ms forwards; }
.lineChartLine { fill:none; stroke:var(--color-text); stroke-width:2.15; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; stroke-dashoffset:1; opacity:.9; animation:lineReveal 980ms cubic-bezier(.85,0,.15,1) forwards; transition:opacity var(--motion-base),filter var(--motion-base); }
.lineChartSingleMarker { fill:none; stroke:var(--color-text); stroke-width:7; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.lineChartPoint { position:absolute; top:0; bottom:40px; left:var(--x); width:var(--slot); min-width:12px; padding:0; border:0; outline:0; background:transparent; color:inherit; cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 2v5M9 11v5M2 9h5M11 9h5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M9 2v5M9 11v5M2 9h5M11 9h5' fill='none' stroke='%23000' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E") 9 9,crosshair; transform:translateX(-50%); }
.lineChartPoint::before { content:""; position:absolute; inset:0; }
.lineChartPinned { position:absolute; inset:0 0 40px; z-index:4; --lock-x:50%; --lock-y:50%; opacity:0; pointer-events:none; transition:opacity 140ms ease; }
.lineChartPinned.isActive { opacity:1; }
.lineChartPinned::before { content:""; position:absolute; top:56px; left:var(--lock-x); z-index:2; width:1px; height:max(0px,calc(var(--lock-y) - 61px)); background:linear-gradient(180deg,color-mix(in srgb,var(--color-text) 10%,transparent),color-mix(in srgb,var(--color-text) 24%,transparent)); transform:translateX(-50%); }
.lineChartPinnedStack { position:absolute; left:var(--lock-x); top:calc(var(--lock-y) + 7px); bottom:0; width:18px; border-left:1px solid color-mix(in srgb,var(--color-text) 8%,transparent); border-right:1px solid color-mix(in srgb,var(--color-text) 8%,transparent); border-radius:999px 999px 5px 5px; background:linear-gradient(180deg,color-mix(in srgb,var(--color-text) 8%,transparent),color-mix(in srgb,var(--color-text) 2%,transparent)); opacity:.72; transform:translateX(-50%); }
.lineChartPinnedDot { position:absolute; left:var(--lock-x); top:var(--lock-y); width:9px; height:9px; border:2px solid color-mix(in srgb,var(--color-surface) 76%,transparent); border-radius:50%; background:color-mix(in srgb,var(--color-strong) 58%,transparent); box-shadow:0 0 0 1px color-mix(in srgb,var(--color-strong) 28%,transparent),0 0 0 5px color-mix(in srgb,var(--color-text) 7%,transparent); transform:translate(-50%,-50%); }
.lineChartPinnedTooltip { position:absolute; left:var(--lock-x); top:14px; z-index:5; width:104px; max-width:104px; padding:7px 9px; display:grid; gap:3px; overflow:hidden; border:1px solid color-mix(in srgb,var(--color-border) 68%,var(--color-text) 5%); border-radius:8px; background:var(--color-surface-raised); color:var(--color-text); box-shadow:none; opacity:.72; backdrop-filter:none; transform:translateX(-50%); }
.lineChartPinnedTooltip small { color:var(--color-muted); font-size:10px; font-weight:500; line-height:1.1; }
.lineChartPinnedTooltip strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:550; font-variant-numeric:tabular-nums; line-height:1.2; letter-spacing:-.01em; }
.lineChartPinned.edgeLeft .lineChartPinnedTooltip { transform:translateX(0); }
.lineChartPinned.edgeRight .lineChartPinnedTooltip { transform:translateX(-100%); }
.lineChartPinnedAxisPill { position:absolute; left:var(--lock-x); top:calc(100% + 4px); min-height:28px; min-width:max-content; padding:0 12px; display:grid; align-items:center; justify-items:center; overflow:hidden; border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent); border-radius:999px; background:color-mix(in srgb,var(--color-text) 68%,transparent); color:var(--color-surface); box-shadow:none; font-size:11px; font-weight:500; line-height:1; letter-spacing:-.01em; opacity:.78; backdrop-filter:none; transform:translateX(-50%); }
.lineChartPinned.edgeLeft .lineChartPinnedAxisPill { transform:translateX(0); }
.lineChartPinned.edgeRight .lineChartPinnedAxisPill { transform:translateX(-100%); }
.lineChartPinnedAxisPill:has(.lineChartAxisPillValue.hasContext) { min-height:36px; padding:5px 12px 6px; }
.lineChartTracker { position:absolute; inset:0 0 40px; z-index:5; --track-x:50%; --track-y:50%; opacity:0; pointer-events:none; transition:opacity var(--motion-fast); }
.lineChartTracker.isActive { opacity:1; }
.lineChartCrosshair { position:absolute; top:calc(var(--track-y) + 5px); bottom:0; left:var(--track-x); z-index:2; width:1px; background:linear-gradient(180deg,color-mix(in srgb,var(--color-text) 34%,transparent),color-mix(in srgb,var(--color-text) 20%,transparent) 86%,color-mix(in srgb,var(--color-text) 26%,transparent)); transform:translateX(-50%); transform-origin:center; }
.lineChartTracker::before { content:""; position:absolute; top:56px; left:var(--track-x); z-index:2; width:1px; height:max(0px,calc(var(--track-y) - 61px)); background:linear-gradient(180deg,color-mix(in srgb,var(--color-text) 20%,transparent),color-mix(in srgb,var(--color-text) 46%,transparent)); transform:translateX(-50%); }
.lineChartDot { position:absolute; left:var(--track-x); top:var(--track-y); z-index:3; width:9px; height:9px; border:2px solid var(--color-surface); border-radius:50%; background:var(--color-strong); box-shadow:0 0 0 1px color-mix(in srgb,var(--color-strong) 48%,transparent),0 5px 14px color-mix(in srgb,#000 12%,transparent); transform:translate(-50%,-50%); }
.lineChartTooltip { position:absolute; left:var(--track-x); top:14px; z-index:6; width:104px; max-width:104px; padding:7px 9px; display:grid; gap:3px; overflow:hidden; border:1px solid color-mix(in srgb,var(--color-border) 80%,var(--color-text) 4%); border-radius:8px; background:color-mix(in srgb,var(--color-surface-raised) 98%,transparent); color:var(--color-text); box-shadow:0 12px 30px color-mix(in srgb,#000 11%,transparent),var(--shadow-sm); pointer-events:none; transform:translateX(-50%); }
.lineChartTooltip small { color:var(--color-muted); font-size:10px; font-weight:500; line-height:1.1; }
.lineChartTooltip strong { min-width:0; display:grid; overflow:hidden; font-size:12px; font-weight:550; font-variant-numeric:tabular-nums; line-height:1.2; letter-spacing:-.01em; }
.lineChartTooltipValue { grid-area:1/1; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; will-change:transform,opacity,filter; }
.lineChartTooltip strong[data-roll-direction="forward"] .lineChartTooltipValue.isOutgoing { animation:axisRollOutUp 170ms var(--ease-emphasized) both; }
.lineChartTooltip strong[data-roll-direction="forward"] .lineChartTooltipValue.isIncoming { animation:axisRollInUp 170ms var(--ease-emphasized) both; }
.lineChartTooltip strong[data-roll-direction="backward"] .lineChartTooltipValue.isOutgoing { animation:axisRollOutDown 170ms var(--ease-emphasized) both; }
.lineChartTooltip strong[data-roll-direction="backward"] .lineChartTooltipValue.isIncoming { animation:axisRollInDown 170ms var(--ease-emphasized) both; }
.lineChartTracker.edgeLeft .lineChartTooltip { transform:translateX(0); }
.lineChartTracker.edgeRight .lineChartTooltip { transform:translateX(-100%); }
.lineChartAxisPill { position:absolute; left:var(--track-x); top:calc(100% + 4px); min-height:28px; min-width:max-content; padding:0 12px; display:grid; align-items:center; justify-items:center; overflow:hidden; border-radius:999px; background:var(--color-text); color:var(--color-surface); box-shadow:0 8px 22px color-mix(in srgb,#000 16%,transparent); font-size:11px; font-weight:500; line-height:1; letter-spacing:-.01em; transform:translateX(-50%); }
.lineChartTracker.edgeLeft .lineChartAxisPill { transform:translateX(0); }
.lineChartTracker.edgeRight .lineChartAxisPill { transform:translateX(-100%); }
.lineChartAxisPillValue { grid-area:1/1; display:block; white-space:nowrap; will-change:transform,opacity,filter; }
.lineChartAxisPillValue.hasContext { display:grid; justify-items:center; gap:1px; line-height:1; }
.lineChartAxisPillContext { color:color-mix(in srgb,var(--color-surface) 70%,transparent); font-size:8px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; }
.lineChartAxisPillMain { color:var(--color-surface); font-size:11px; font-weight:600; line-height:1; letter-spacing:-.02em; }
.lineChartAxisPill:has(.lineChartAxisPillValue.hasContext) { min-height:36px; padding:5px 12px 6px; }
.lineChartAxisPill[data-roll-direction="forward"] .lineChartAxisPillValue.isOutgoing { animation:axisRollOutUp 190ms var(--ease-emphasized) both; }
.lineChartAxisPill[data-roll-direction="forward"] .lineChartAxisPillValue.isIncoming { animation:axisRollInUp 190ms var(--ease-emphasized) both; }
.lineChartAxisPill[data-roll-direction="backward"] .lineChartAxisPillValue.isOutgoing { animation:axisRollOutDown 190ms var(--ease-emphasized) both; }
.lineChartAxisPill[data-roll-direction="backward"] .lineChartAxisPillValue.isIncoming { animation:axisRollInDown 190ms var(--ease-emphasized) both; }
.lineChartPoint:focus-visible { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 16%,var(--color-border)); border-radius:7px; }
.lineChart:has(.lineChartTracker.isActive) .lineChartLine { opacity:.76; }
html[data-theme="dark"] .lineChartPoint { cursor:crosshair; }
html[data-theme="dark"] .lineChartPinnedStack { border-color:color-mix(in srgb,var(--color-text) 10%,transparent); background:linear-gradient(180deg,color-mix(in srgb,var(--color-text) 10%,transparent),color-mix(in srgb,var(--color-text) 3%,transparent)); }
.chartShell.dense .lineChartLine { stroke-width:1.95; }
.chartShell.dense .lineChartTooltip { padding:6px 8px; }
.chartShell.dense .lineChartAxisPill { min-height:26px; padding-inline:10px; font-size:10px; }
.chartShell.dense .lineChartAxisPill:has(.lineChartAxisPillValue.hasContext) { min-height:34px; padding:5px 10px; }
.chartEmpty { min-height:240px; padding:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; color:var(--color-muted); text-align:center; }
.chartEmpty strong { color:var(--color-text); font-size:13px; font-weight:500; }
.chartEmpty span { max-width:360px; font-size:11px; }
@keyframes lineReveal { to { stroke-dashoffset:0; } }
@keyframes lineAreaIn { to { opacity:1; } }
@keyframes axisRollOutUp { to { opacity:0; transform:translateY(-130%); } }
@keyframes axisRollInUp { from { opacity:0; transform:translateY(130%); } to { opacity:1; transform:translateY(0); } }
@keyframes axisRollOutDown { to { opacity:0; transform:translateY(130%); } }
@keyframes axisRollInDown { from { opacity:0; transform:translateY(-130%); } to { opacity:1; transform:translateY(0); } }
.dashboardRail .emptyState { min-height:140px; padding:16px; }

.compactList,.rankList,.activityList,.settingsList { display:grid; }
.compactRow,.rankRow,.activityRow,.settingRow { min-height:54px; padding:8px 12px; display:flex; align-items:center; gap:10px; border:0; border-bottom:1px solid var(--color-border); background:transparent; text-align:left; color:inherit; }
button.compactRow { width:100%; cursor:pointer; }
.compactRow:last-child,.rankRow:last-child,.activityRow:last-child,.settingRow:last-child { border-bottom:0; }
.compactRow:hover { background:var(--color-surface-muted); }
.attentionList { gap:4px; }
.attentionItem { min-height:54px; padding:9px 10px; border:1px solid transparent; border-radius:10px; }
.attentionItem:hover,.attentionItem:focus-visible { border-color:var(--color-border); background:var(--color-surface-muted); outline:0; }
.attentionItem > span { min-width:0; display:grid; gap:2px; text-align:left; }
.attentionItem > span strong { font-size:11px; font-weight:550; }
.attentionItem > span small { overflow:hidden; color:var(--color-muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.attentionItem > b { min-width:26px; height:26px; padding:0 7px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:8px; background:var(--color-surface); color:var(--color-text); font-size:10px; font-weight:600; }
.communicationPage > .tabs { margin-bottom:14px; }
.compactRow.static:hover { background:transparent; }
.compactRow > span,.activityRow > div,.settingRow > div { min-width:0; display:grid; flex:1; gap:2px; }
.compactRow strong,.activityRow strong,.settingRow strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:500; }
.compactRow small,.activityRow small,.settingRow small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-muted); font-size:11px; }
.compactRow b { font-size:12px; font-weight:500; }
.rankRow { justify-content:space-between; }
.rankRow strong { font-weight:500; }
.activityDot { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:var(--color-text); opacity:.55; }
.alertList { display:grid; gap:8px; padding:10px; }
.alertCard { padding:10px; display:grid; gap:7px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.alertCard strong { font-size:12px; font-weight:500; }
.alertCard small { color:var(--color-muted); font-size:11px; }

.pipelineStrip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
.pipelineStrip > div { padding:10px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.pipelineStrip span { display:block; color:var(--color-muted); font-size:11px; }
.pipelineStrip strong { display:block; margin-top:4px; font-size:20px; font-weight:500; }
.pipelineBoard { padding:10px; display:grid; grid-template-columns:repeat(6,minmax(160px,1fr)); gap:8px; overflow:auto; }
.pipelineColumn { min-width:160px; padding:8px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.pipelineHead { min-height:32px; display:flex; justify-content:space-between; align-items:center; }
.pipelineHead strong { font-size:12px; font-weight:500; }
.pipelineHead span { color:var(--color-muted); font-size:11px; }
.leadCard { width:100%; margin-top:6px; padding:9px; display:grid; gap:3px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); text-align:left; cursor:pointer; }
.leadCard strong { font-size:12px; font-weight:500; }
.leadCard small { color:var(--color-muted); font-size:10px; }
.progress { width:100px; height:5px; overflow:hidden; border-radius:var(--radius-full); background:var(--color-border); }
.progress span { display:block; height:100%; border-radius:inherit; background:var(--color-text); }

.tileGrid,.integrationGrid,.settingsGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.manageTile,.integrationCard,.settingsCard,.planCard { min-width:0; padding:14px; display:grid; align-content:start; gap:9px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.manageTile strong,.integrationCard strong,.settingsCard strong { font-weight:500; }
.manageTile small,.integrationCard small,.settingsCard p { color:var(--color-muted); font-size:11px; }
.manageTile p,.settingsCard p { margin:0; }
.manageTile > div:first-child:not(.tileTop) { display:grid; gap:3px; }
[data-page="team"] .tileGrid { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); align-items:stretch; }
[data-page="team"] .manageTile { padding:16px; gap:10px; }
[data-page="team"] .manageTile > strong { font-size:13px; }
[data-page="team"] .manageTile > small { margin-top:-5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[data-page="team"] .manageTile label { display:grid; gap:6px; color:var(--color-muted); font-size:10px; font-weight:500; }
[data-page="team"] .manageTile select { width:100%; min-width:0; min-height:40px; padding:8px 10px; border:1px solid var(--color-border); border-radius:var(--radius-md); outline:0; background:var(--color-surface); color:var(--color-text); transition:border-color var(--motion-fast),background-color var(--motion-fast),box-shadow var(--motion-fast); }
[data-page="team"] .manageTile select:hover:not(:disabled) { border-color:var(--color-border-hover); }
[data-page="team"] .manageTile select:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:var(--focus-ring); }
[data-page="team"] .manageTile > .button { width:max-content; max-width:100%; margin-top:2px; }
.teamManagementPage { --team-accent:color-mix(in srgb,var(--color-text) 8%,var(--color-surface)); }
.teamManagementPage .teamSummary { margin-bottom:14px; }
.teamMemberDirectory { min-width:0; }
.teamMemberDirectory .adminPanel { margin-bottom:0; overflow:hidden; }
.teamMemberDirectory .panelHead { padding:14px 16px 12px; }
.teamMemberDirectory .tableScroll { scrollbar-width:none; }
.teamMemberDirectory .tableScroll::-webkit-scrollbar { display:none; width:0; height:0; }
.teamMemberDirectory .adminDataTable { min-width:620px; }
.teamMemberDirectory .adminDataTable td { height:58px; }
.teamMemberIdentity { min-width:220px; display:flex; align-items:center; gap:10px; }
.teamMemberIdentity > span:last-child { min-width:0; display:grid; gap:2px; }
.teamMemberIdentity strong { overflow:hidden; color:var(--color-text); font-size:12px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.teamMemberIdentity small { overflow:hidden; color:var(--color-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.teamMemberIdentity .avatar,
.teamMemberInspectorHeader .avatar { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); color:var(--color-text-soft); font-size:10px; font-weight:650; letter-spacing:.02em; }
.teamReadOnlyNotice { margin-bottom:14px; }
.teamMemberInspector { display:grid; align-content:start; gap:0; }
.teamMemberInspectorHeader { padding:2px 0 18px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--color-border); }
.teamMemberInspectorHeader > div { min-width:0; }
.teamMemberInspectorHeader h2 { margin:2px 0 3px; overflow:hidden; font-size:18px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.teamMemberInspectorHeader p { margin:0; overflow:hidden; color:var(--color-muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.teamMemberInspectorSummary { margin-top:14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:hidden; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.teamMemberInspectorSummary > div { min-width:0; padding:12px 13px; display:grid; gap:4px; }
.teamMemberInspectorSummary > div + div { border-left:1px solid var(--color-border); }
.teamMemberInspectorSummary span,
.teamMemberStatusControl span { color:var(--color-muted); font-size:9px; text-transform:uppercase; letter-spacing:.07em; }
.teamMemberInspectorSummary strong { overflow:hidden; font-size:12px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.teamMemberInspector .drawerSection { margin-top:14px; padding:14px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.teamMemberInspector .productSectionHead { margin-bottom:12px; }
.teamMemberInspector .productSectionHead h3 { font-size:13px; }
.teamMemberInspector .productSectionHead p { max-width:34ch; line-height:1.45; }
.teamMemberRoleSection > label { display:grid; gap:6px; color:var(--color-muted); font-size:10px; font-weight:500; }
.teamMemberRoleSection > label select { width:100%; min-height:40px; padding:8px 10px; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); }
.teamMemberRoleSection > label select:hover:not(:disabled) { border-color:var(--color-border-hover); }
.teamMemberRoleSection > label select:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:var(--focus-ring); }
.teamMemberRoleSection > .button { margin-top:10px; }
.teamMemberProtected { padding:12px; display:grid; gap:4px; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); }
.teamMemberProtected strong { font-size:11px; font-weight:550; }
.teamMemberProtected p { margin:0; color:var(--color-muted); font-size:10px; line-height:1.45; }
.teamMemberStatusControl { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.teamMemberStatusControl > div { min-width:0; display:grid; gap:5px; }
.teamMemberDanger { display:grid; gap:12px; }
.teamMemberDanger > div { display:grid; gap:4px; }
.teamMemberDanger strong { font-size:11px; font-weight:550; }
.teamMemberDanger p { margin:0; color:var(--color-muted); font-size:10px; line-height:1.45; }
.teamMemberDanger .button { width:max-content; }
.teamMemberFirstAccess { margin-top:14px; padding:11px 12px; display:grid; gap:4px; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); }
.teamMemberFirstAccess strong { font-size:11px; font-weight:550; }
.teamMemberFirstAccess p { margin:0; color:var(--color-muted); font-size:10px; line-height:1.45; }
.teamSetupLinkCard { margin:14px 0; padding:13px; display:grid; gap:8px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.teamSetupLinkCard > span { color:var(--color-muted); font-size:10px; font-weight:550; text-transform:uppercase; letter-spacing:.05em; }
.teamSetupLinkCard > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.teamSetupLinkCard input { min-width:0; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:10px; }
.teamSetupLinkCard small { color:var(--color-muted); font-size:10px; line-height:1.45; }
@media (max-width:560px){.teamSetupLinkCard > div{grid-template-columns:1fr}.teamSetupLinkCard .button{width:100%}}
#adminPortal .drawerBody:has(.teamMemberInspector) { scrollbar-width:none; }
#adminPortal .drawerBody:has(.teamMemberInspector)::-webkit-scrollbar { display:none; width:0; height:0; }
.inspectorDrawer:has(.teamMemberInspector) { box-shadow:none; }
.tileTop,.tileMeta { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; }
.tileTop > div { display:grid; gap:3px; }
.futureControls { display:flex; flex-wrap:wrap; gap:4px; }
.futureControls button { min-height:26px; padding:0 7px; font-size:10px; }
.integrationGrid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.integrationIcon { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface-muted); font-size:11px; font-weight:500; }
.settingsGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.settingsGrid { align-items:stretch; }
.settingsCard { min-height:146px; grid-template-rows:auto minmax(0,1fr) auto; }
.settingsCard > .button,.settingsCard > .themePicker { align-self:end; justify-self:start; }
.settingsCard label,.modalCard label { display:grid; gap:5px; color:var(--color-muted); font-size:11px; }
.settingsCard input,.modalCard input,.modalCard select,.modalCard textarea { width:100%; min-height:36px; padding:7px 9px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); color:var(--color-text); outline:0; transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.settingsCard input:hover,.modalCard input:hover,.modalCard select:hover,.modalCard textarea:hover { border-color:var(--color-border-hover); }
.settingsCard input:focus,.modalCard input:focus,.modalCard select:focus,.modalCard textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.settingsCard input::placeholder,.modalCard input::placeholder,.modalCard textarea::placeholder,.workspaceForm input::placeholder,.workspaceForm textarea::placeholder,.communityComposerSheet input::placeholder,.communityComposerSheet textarea::placeholder,.adminSheetBody input::placeholder,.adminSheetBody textarea::placeholder { color:var(--color-muted); opacity:.72; }
.settingsCard input:disabled,.modalCard input:disabled,.modalCard select:disabled,.modalCard textarea:disabled,.workspaceForm input:disabled,.workspaceForm select:disabled,.workspaceForm textarea:disabled,.communityComposerSheet input:disabled,.communityComposerSheet select:disabled,.communityComposerSheet textarea:disabled,.adminSheetBody input:disabled,.adminSheetBody select:disabled,.adminSheetBody textarea:disabled { cursor:not-allowed; background:var(--color-surface-muted); color:var(--color-muted); opacity:.68; }
.modalCard textarea { resize:vertical; }
.themePicker { display:flex; gap:7px; }
.themeChoice.active { background:var(--control-selected-bg); color:var(--control-selected-text); border-color:var(--control-selected-border); }

.settingsHubPage { max-width:none; }
.settingsHub { display:grid; gap:24px; }
.settingsHubGroup { min-width:0; padding:20px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.settingsHubGroupHead { max-width:660px; margin-bottom:16px; display:grid; gap:4px; }
.settingsHubGroupHead > span { color:var(--color-muted); font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.09em; }
.settingsHubGroupHead h2 { margin:0; font-size:16px; font-weight:550; letter-spacing:-.02em; }
.settingsHubGroupHead p { margin:0; color:var(--color-muted); font-size:11px; line-height:1.5; }
.settingsHubCards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.settingsNavCard { min-width:0; min-height:168px; padding:14px; display:flex; flex-direction:column; justify-content:space-between; gap:18px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.settingsNavCardPrimary { background:color-mix(in srgb,var(--color-surface-muted) 55%,var(--color-surface)); }
.settingsNavCard > div:first-child { min-width:0; display:grid; justify-items:start; gap:7px; }
.settingsNavIcon { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); color:var(--color-text-soft); }
.settingsNavCard strong { font-size:12px; font-weight:550; }
.settingsNavCard p { margin:0; color:var(--color-muted); font-size:10px; line-height:1.5; }
.settingsNavCard > .button,
.settingsNavCard > .themePicker { align-self:flex-start; }
.settingsFutureGroup { padding-bottom:16px; }
.settingsFutureList { display:flex; flex-wrap:wrap; gap:6px; }
.settingsFutureItem { min-height:28px; padding:0 9px; display:inline-flex; align-items:center; border:1px solid var(--color-border); border-radius:8px; background:var(--color-surface-muted); color:var(--color-muted); font-size:10px; }

.emailTestsPage { width:min(calc(100% - 64px),1320px); max-width:none; }
.emailTestsPage .workspaceNav { margin-bottom:14px; }
.emailTestsPage .pageHead { margin-bottom:16px; }
.emailTestLayout { display:grid; grid-template-columns:minmax(300px,360px) minmax(0,1fr); gap:12px; align-items:start; }
.emailTestControls,.emailTestPreviewPanel { min-width:0; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.emailTestControls { padding:20px; display:grid; gap:16px; }
.emailTestSectionHead { display:grid; gap:5px; padding-bottom:4px; }
.emailTestSectionHead > span,.emailTestPreviewPanel > header span { color:var(--color-muted); font-size:9px; font-weight:650; letter-spacing:.09em; text-transform:uppercase; }
.emailTestSectionHead h2 { margin:0; font-size:17px; font-weight:550; letter-spacing:-.025em; }
.emailTestSectionHead p { margin:0; color:var(--color-muted); font-size:11px; line-height:1.55; }
.emailTestSectionHead p strong { color:var(--color-text-soft); font-weight:600; }
.emailTestControls > label { min-width:0; display:grid; gap:6px; color:var(--color-muted); font-size:10px; }
.emailTestControls input,.emailTestControls select { width:100%; min-width:0; min-height:40px; padding:8px 10px; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.emailTestControls input:hover,.emailTestControls select:hover { border-color:var(--color-border-hover); }
.emailTestControls input:focus,.emailTestControls select:focus { border-color:color-mix(in srgb,var(--color-text) 26%,var(--color-border)); box-shadow:var(--focus-ring); }
.emailTestControls input:disabled,.emailTestControls select:disabled { cursor:not-allowed; background:var(--color-surface-muted); color:var(--color-muted); opacity:.7; }
.emailTestControls label > small { margin-top:-1px; color:var(--color-muted); font-size:9px; line-height:1.45; }
.emailTestActions { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-top:2px; }
.emailTestActions .button { width:100%; justify-content:center; }
.emailTestMeta { display:grid; gap:6px; padding-top:4px; border-top:1px solid var(--color-border); }
.emailTestMeta > div { min-width:0; padding:9px 10px; display:grid; gap:3px; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); }
.emailTestMeta span { color:var(--color-muted); font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.emailTestMeta strong { overflow:hidden; color:var(--color-text-soft); font-size:10px; font-weight:550; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.emailTestPreviewPanel { overflow:hidden; }
.emailTestPreviewPanel > header { min-height:72px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid var(--color-border); background:var(--color-surface-muted); }
.emailTestPreviewPanel > header > div { min-width:0; display:grid; gap:3px; }
.emailTestPreviewPanel > header strong { font-size:12px; font-weight:550; }
.emailTestPreviewPanel > header small { color:var(--color-muted); font-size:9px; }
.emailPreviewViewport { min-height:680px; padding:16px; display:grid; place-items:stretch; background:#ececec; }
.emailPreviewFrame { width:100%; min-height:648px; border:0; border-radius:10px; background:#f5f5f5; }
.emailPreviewState { min-height:648px; padding:32px; display:grid; place-items:center; align-content:center; gap:10px; border:1px dashed var(--color-border); border-radius:10px; background:var(--color-surface); color:var(--color-muted); text-align:center; }
.emailPreviewState strong { color:var(--color-text); font-size:12px; font-weight:550; }
.emailPreviewState small { max-width:380px; font-size:10px; line-height:1.5; }
.emailPreviewState .adminSkeletonBlock { width:min(84%,420px); height:28px; border-radius:8px; }
.emailPreviewState .adminSkeletonBlock:nth-child(2) { width:min(70%,340px); height:84px; }
.emailPreviewState .adminSkeletonBlock:nth-child(3) { width:min(78%,380px); height:42px; }
.emailPreviewError { color:var(--color-muted); }

.agentSettingsPage { width:min(calc(100% - 64px),1320px); max-width:none; }
.agentSettingsPage .workspaceNav { margin-bottom:14px; }
.agentSettingsPage .pageHead { margin-bottom:16px; }
.agentSettingsLayout { display:grid; grid-template-columns:minmax(0,1fr) 304px; gap:12px; align-items:start; }
.agentSettingsMain { min-width:0; display:grid; gap:0; overflow:hidden; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.agentTrainingRail { min-width:0; position:sticky; top:14px; display:grid; gap:10px; }
.agentSettingsCard { min-width:0; }
.agentSettingsMain > .agentSettingsCard { padding:22px 24px 24px; border:0; border-radius:0; background:transparent; }
.agentSettingsMain > .agentSettingsCard + .agentSettingsCard { border-top:1px solid var(--color-border); }
.agentTrainingRail > .agentSettingsCard { padding:14px; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); }
.agentSettingsSectionHead { margin-bottom:17px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.agentSettingsSectionHead > div { min-width:0; display:grid; gap:4px; }
.agentSettingsSectionHead > div > span { color:var(--color-muted); font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.09em; }
.agentSettingsSectionHead h2 { margin:0; color:var(--color-text); font-size:15px; font-weight:550; letter-spacing:-.02em; }
.agentSettingsSectionHead p { max-width:620px; margin:0; color:var(--color-muted); font-size:11px; line-height:1.5; }
.agentSettingsGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.agentSettingsGrid > label,.agentNumberGrid > label,.agentTrainerCard > label { min-width:0; display:grid; gap:6px; color:var(--color-text-soft); font-size:11px; font-weight:500; }
.agentSettingsGrid input:not([type="checkbox"]),
.agentSettingsGrid textarea,
.agentSettingsGrid select,
.agentNumberGrid input,
.agentTrainerCard textarea { width:100%; min-width:0; min-height:42px; padding:9px 11px; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); box-shadow:none; transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.agentSettingsGrid textarea,.agentTrainerCard textarea { min-height:108px; resize:vertical; line-height:1.5; }
.agentSettingsGrid input:not([type="checkbox"]):hover,
.agentSettingsGrid textarea:hover,
.agentSettingsGrid select:hover,
.agentNumberGrid input:hover,
.agentTrainerCard textarea:hover { border-color:var(--color-border-hover); }
.agentSettingsGrid input:not([type="checkbox"]):focus,
.agentSettingsGrid textarea:focus,
.agentSettingsGrid select:focus,
.agentNumberGrid input:focus,
.agentTrainerCard textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.agentSettingsGrid label > small,.agentTrainerCard > small { color:var(--color-muted); font-size:9px; font-weight:400; line-height:1.45; }
.agentSpanTwo { grid-column:1 / -1; }
.agentMasterToggle,.agentCheckField { display:flex !important; align-items:center; justify-content:space-between; gap:12px; }
.agentMasterToggle { min-width:196px; padding:1px 0; }
.agentMasterToggle > span,.agentCheckField > span { min-width:0; display:grid; gap:2px; }
.agentMasterToggle strong,.agentCheckField strong { color:var(--color-text); font-size:10px; font-weight:550; }
.agentMasterToggle small,.agentCheckField small { color:var(--color-muted); font-size:9px; font-weight:400; line-height:1.4; }
.agentMasterToggle input,.agentCheckField input { appearance:none; width:32px; height:18px; flex:0 0 32px; margin:0; position:relative; border:1px solid var(--color-border); border-radius:var(--radius-full); background:var(--color-surface-muted); cursor:pointer; transition:background-color var(--motion-fast),border-color var(--motion-fast); }
.agentMasterToggle input::after,.agentCheckField input::after { content:""; position:absolute; top:2px; left:2px; width:12px; height:12px; border-radius:50%; background:var(--color-muted); transition:transform var(--motion-fast),background-color var(--motion-fast); }
.agentMasterToggle input:checked,.agentCheckField input:checked { border-color:var(--color-strong); background:var(--color-strong); }
.agentMasterToggle input:checked::after,.agentCheckField input:checked::after { transform:translateX(14px); background:var(--color-on-strong); }
.agentMasterToggle input:focus-visible,.agentCheckField input:focus-visible { outline:0; box-shadow:var(--focus-ring); }
.agentMasterToggle input:disabled { cursor:not-allowed; opacity:.55; }
.agentCheckField { min-height:42px; padding:8px 10px; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface); }
.agentContextOptions { overflow:hidden; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border:1px solid var(--color-border); border-radius:12px; }
.agentContextOptions > label { min-width:0; min-height:58px; padding:10px 11px; display:flex; align-items:flex-start; gap:9px; border-right:1px solid var(--color-border); border-bottom:1px solid var(--color-border); background:transparent; cursor:pointer; transition:background-color var(--motion-fast); }
.agentContextOptions > label:nth-child(3n) { border-right:0; }
.agentContextOptions > label:nth-last-child(-n+3) { border-bottom:0; }
.agentContextOptions > label:hover { background:var(--color-surface-muted); }
.agentContextOptions input { width:15px; height:15px; flex:0 0 15px; margin:1px 0 0; accent-color:var(--color-strong); cursor:pointer; }
.agentContextOptions > label span { min-width:0; display:grid; gap:2px; }
.agentContextOptions strong { font-size:10px; font-weight:550; }
.agentContextOptions small { color:var(--color-muted); font-size:9px; line-height:1.4; }
.agentSecurityCallout { margin-top:14px; padding:13px 0 0; display:flex; align-items:flex-start; gap:9px; border:0; border-top:1px solid var(--color-border); border-radius:0; background:transparent; color:var(--color-muted); }
.agentSecurityCallout svg { flex:0 0 auto; margin-top:1px; }
.agentSecurityCallout div { min-width:0; display:grid; gap:2px; }
.agentSecurityCallout strong { color:var(--color-text-soft); font-size:10px; font-weight:550; }
.agentSecurityCallout p { max-width:680px; margin:0; font-size:9px; line-height:1.5; }
.agentNumberGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.agentNumberGrid input { min-height:40px; }
.agentTrainerCard { background:color-mix(in srgb,var(--color-surface-muted) 42%,var(--color-surface)) !important; }
.agentTrainerCard .agentSettingsSectionHead { margin-bottom:12px; }
.agentTrainerCard > textarea { min-height:128px; margin-bottom:9px; background:var(--color-surface); }
.agentTrainerCard > .button { min-height:36px; margin-bottom:7px; }
.agentMemoryCard { max-height:480px; overflow:hidden; display:flex; flex-direction:column; }
.agentMemoryCard > .agentSettingsSectionHead { flex:0 0 auto; margin-bottom:6px; }
.agentMemoryList { min-height:0; overflow:auto; display:grid; gap:0; scrollbar-width:none; }
.agentMemoryList::-webkit-scrollbar { display:none; }
.agentMemoryItem { padding:12px 0; display:grid; gap:9px; border:0; border-top:1px solid var(--color-border); border-radius:0; background:transparent; }
.agentMemoryItem:first-child { border-top:0; }
.agentMemoryItem[data-memory-status="archived"] { opacity:.55; }
.agentMemoryCopy { min-width:0; display:grid; gap:5px; }
.agentMemoryCopy > div { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.agentMemoryCopy > div span { color:var(--color-muted); font-size:8px; font-weight:650; text-transform:uppercase; letter-spacing:.08em; }
.agentMemoryCopy > div small { color:var(--color-muted-2); font-size:8px; }
.agentMemoryCopy strong { color:var(--color-text); font-size:10px; font-weight:550; line-height:1.45; }
.agentMemoryCopy p { margin:0; color:var(--color-muted); font-size:9px; line-height:1.45; }
.agentMemoryItem .rowActions { justify-content:flex-start; gap:5px; }
.agentMemoryItem .button { min-height:28px; padding:0 8px; font-size:9px; }
html[data-theme="dark"] .agentSettingsMain,
html[data-theme="dark"] .agentTrainingRail > .agentSettingsCard { background:var(--color-surface-raised); }
html[data-theme="dark"] .agentTrainerCard { background:var(--color-surface-raised) !important; }
html[data-theme="dark"] .agentSettingsGrid input:not([type="checkbox"]),
html[data-theme="dark"] .agentSettingsGrid textarea,
html[data-theme="dark"] .agentNumberGrid input,
html[data-theme="dark"] .agentTrainerCard textarea,
html[data-theme="dark"] .agentCheckField { background:var(--color-surface); }

/* Agent settings — aligned with the current BAZE workspace language */
.agentSettingsPage { width:min(calc(100% - 64px),1320px); }
.agentSettingsPage .pageHead { margin-bottom:var(--space-7); }
#adminApp .adminSurface:has(.agentSettingsPage) { scrollbar-width:none !important; }
#adminApp .adminSurface:has(.agentSettingsPage)::-webkit-scrollbar { width:0 !important; height:0 !important; display:none !important; }
.agentBackButton { padding-left:7px; gap:6px; }
.agentBackButton svg { transform:rotate(180deg); }
.agentPowerButton { gap:7px; }
.agentPowerButton .agentPowerDot { width:7px; height:7px; border-radius:50%; background:var(--color-muted-2); }
.agentPowerButton.on .agentPowerDot { background:var(--color-text); }
.agentPowerButton > span:not(.agentPowerDot) { font-size:var(--button-font-size); font-weight:var(--button-font-weight); }
.agentSettingsTabs { margin-bottom:14px; }
.agentOperationalNotice { margin:-4px 0 12px; min-height:38px; padding:8px 10px; display:flex; align-items:center; gap:8px; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); color:var(--color-muted); font-size:9px; line-height:1.45; }
.agentOperationalNotice > svg { flex:0 0 auto; color:var(--color-text-soft); }
.agentOperationalNotice > span { min-width:0; flex:1; }
.agentOperationalNotice .button { flex:0 0 auto; min-height:28px; }
.agentOperationalNotice.error { color:var(--color-text-soft); }
#adminApp .agentSettingsTabs .tabs { width:max-content; max-width:100%; margin:0; scrollbar-width:none; }
#adminApp .agentSettingsTabs .tabs::-webkit-scrollbar { width:0; height:0; display:none; }
.agentSettingsPane { min-width:0; }
.agentLearningStats { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.agentLearningStats > span { min-height:28px; padding:0 8px; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--color-border); border-radius:8px; background:var(--color-surface-muted); color:var(--color-muted); font-size:9px; }
.agentLearningStats strong { color:var(--color-text); font-size:10px; font-weight:600; }
.agentLearningActions { display:flex; align-items:flex-end; flex-direction:column; gap:8px; }
.agentCompactButton { white-space:nowrap; }
.agentMemorySections { display:grid; gap:12px; }
.agentMemorySections > section { min-width:0; display:grid; gap:8px; }
.agentSystemRulesSection { margin-bottom:4px; }
.agentMemorySectionHead { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.agentMemorySectionHead strong { color:var(--color-text); font-size:10px; font-weight:600; }
.agentMemorySectionHead small { color:var(--color-muted); font-size:9px; }
.agentArchivedMemories { overflow:hidden; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); }
.agentArchivedMemories > summary { min-height:48px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; }
.agentArchivedMemories > summary::-webkit-details-marker { display:none; }
.agentArchivedMemories > summary > span { min-width:0; display:grid; gap:2px; }
.agentArchivedMemories > summary strong { color:var(--color-text-soft); font-size:10px; font-weight:600; }
.agentArchivedMemories > summary small { color:var(--color-muted); font-size:9px; }
.agentArchivedMemories > summary > svg { flex:0 0 auto; color:var(--color-muted); transition:transform var(--motion-fast); }
.agentArchivedMemories[open] > summary > svg { transform:rotate(90deg); }
.agentArchivedMemories .agentMemoryList { border:0; border-top:1px solid var(--color-border); border-radius:0; }
.agentArchivedMemories .agentMemoryItem { opacity:.72; }
.agentSystemRuleList .agentSystemRule { background:color-mix(in srgb,var(--color-surface-muted) 34%,transparent); }
.agentSystemRuleList .agentSystemRule:hover { background:color-mix(in srgb,var(--color-surface-muted) 58%,transparent); }
.agentLockedRuleBadge { min-height:28px; padding:0 8px; display:inline-flex; align-items:center; gap:5px; align-self:center; border:1px solid var(--color-border); border-radius:var(--button-radius); background:var(--color-surface); color:var(--color-muted); font-size:9px; font-weight:550; white-space:nowrap; }
.agentLockedRuleBadge svg { flex:0 0 auto; }
.agentSystemRulesLoading { min-height:118px; padding:18px; display:grid; align-content:center; gap:8px; border:1px solid var(--color-border); border-radius:12px; }
.agentSystemRulesLoading span { height:10px; border-radius:5px; background:var(--color-surface-muted); animation:adminSkeletonPulse 1.2s ease-in-out infinite; }
.agentSystemRulesLoading span:nth-child(2) { width:82%; }
.agentSystemRulesLoading span:nth-child(3) { width:64%; }
.agentSystemRulesEmpty { min-height:88px; padding:16px; display:flex; align-items:center; gap:9px; border:1px dashed var(--color-border); border-radius:12px; color:var(--color-muted); }
.agentSystemRulesEmpty > span { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); color:var(--color-text-soft); }
.agentSystemRulesEmpty p { margin:0; font-size:9px; line-height:1.5; }
.agentLearningFoot { margin-top:14px; padding-top:13px; display:flex; align-items:flex-start; gap:7px; border-top:1px solid var(--color-border); color:var(--color-muted); font-size:9px; line-height:1.5; }
.agentLearningFoot svg { flex:0 0 auto; margin-top:1px; }
.agentLearningFoot strong { color:var(--color-text-soft); font-weight:550; }
.agentCompactionStatus { margin:-6px 0 14px; min-height:34px; padding:8px 10px; display:flex; align-items:center; gap:7px; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); color:var(--color-muted); font-size:9px; line-height:1.45; }
.agentCompactionStatus > svg { flex:0 0 auto; color:var(--color-text-soft); }
.agentCompactionStatus.running > svg { animation:agentAdminPulse 1.1s infinite ease-in-out; }
.agentCompactionStatus.failed { border-style:dashed; }
.agentSettingsSurface { min-width:0; padding:24px 26px 26px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.agentSectionIntro { margin-bottom:20px; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.agentSectionIntro > div { min-width:0; display:grid; gap:4px; }
.agentSectionIntro > div > span { color:var(--color-muted); font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.09em; }
.agentSectionIntro h2 { margin:0; color:var(--color-text); font-size:16px; font-weight:550; letter-spacing:-.02em; }
.agentSectionIntro p { max-width:650px; margin:0; color:var(--color-muted); font-size:11px; line-height:1.55; }
.agentSettingsSurface .agentSettingsGrid { gap:14px; }
.agentSettingsSurface .agentSettingsGrid > label { gap:7px; font-size:11px; }
.agentSettingsSurface .agentSettingsGrid input:not([type="checkbox"]),
.agentSettingsSurface .agentSettingsGrid textarea,
.agentSettingsSurface .agentSettingsGrid select,
.agentSettingsSurface .agentNumberGrid input,
.agentTrainerCard textarea { min-height:42px; padding:9px 11px; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface); color:var(--color-text); outline:0; box-shadow:none; }
.agentSettingsSurface .agentSettingsGrid textarea { min-height:116px; }
.agentSettingsSurface .agentSettingsGrid input:not([type="checkbox"]):focus,
.agentSettingsSurface .agentSettingsGrid textarea:focus,
.agentSettingsSurface .agentSettingsGrid select:focus,
.agentSettingsSurface .agentNumberGrid input:focus,
.agentTrainerCard textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.agentSettingsSurface .agentCheckField { padding:9px 10px; }
.agentSettingsSurface .agentContextOptions { grid-template-columns:repeat(3,minmax(0,1fr)); }
.agentSettingsSurface .agentSecurityCallout { margin-top:16px; }
.agentMemoryWorkspace { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:12px; align-items:start; }
.agentMemoryMain { min-width:0; display:grid; gap:12px; }
.agentTrainerRail { min-width:0; position:sticky; top:14px; }
.agentTrainerCard { min-width:0; padding:16px; border:1px solid var(--color-border); border-radius:12px; background:color-mix(in srgb,var(--color-surface-muted) 38%,var(--color-surface)); }
.agentTrainerCard .agentSectionIntro { margin-bottom:13px; }
.agentTrainerCard .agentSectionIntro h2 { font-size:14px; }
.agentTrainerCard .agentSectionIntro p { font-size:10px; }
.agentTrainerCard textarea { width:100%; min-height:146px; margin-bottom:9px; resize:vertical; line-height:1.5; background:var(--color-surface); }
.agentTrainerCard > small { display:block; margin-top:7px; color:var(--color-muted); font-size:9px; line-height:1.45; }
.agentLockedPill { min-height:26px; padding:0 8px; display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; border:1px solid var(--color-border); border-radius:8px; background:var(--color-surface-muted); color:var(--color-muted); font-size:9px; font-weight:550; }
.agentBaseMemoryList { overflow:hidden; border:1px solid var(--color-border); border-radius:12px; }
.agentBaseMemoryList article { min-height:64px; padding:11px 12px; display:grid; grid-template-columns:22px minmax(0,1fr); align-items:start; gap:10px; border-bottom:1px solid var(--color-border); }
.agentBaseMemoryList article:last-child { border-bottom:0; }
.agentBaseMemoryList article > span { width:22px; height:22px; display:grid; place-items:center; border-radius:7px; background:var(--color-surface-muted); color:var(--color-muted); }
.agentBaseMemoryList article > div { min-width:0; display:grid; gap:3px; }
.agentBaseMemoryList strong { color:var(--color-text); font-size:10px; font-weight:550; }
.agentBaseMemoryList p { margin:0; color:var(--color-muted); font-size:9px; line-height:1.5; }
.agentSettingsPane .agentMemoryList { overflow:hidden; display:grid; gap:0; border:1px solid var(--color-border); border-radius:12px; }
.agentSettingsPane .agentMemoryItem { padding:13px 14px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; border:0; border-bottom:1px solid var(--color-border); border-radius:0; background:transparent; }
.agentSettingsPane .agentMemoryItem:last-child { border-bottom:0; }
.agentSettingsPane .agentMemoryItem:hover { background:color-mix(in srgb,var(--color-surface-muted) 52%,transparent); }
.agentSettingsPane .agentMemoryCopy { gap:4px; }
.agentSettingsPane .agentMemoryCopy > div { justify-content:flex-start; gap:8px; }
.agentSettingsPane .agentMemoryCopy > div span { min-height:20px; padding:0 6px; display:inline-flex; align-items:center; border:1px solid var(--color-border); border-radius:6px; background:var(--color-surface-muted); font-size:8px; }
.agentSettingsPane .agentMemoryCopy strong { font-size:11px; font-weight:550; }
.agentSettingsPane .agentMemoryCopy p { max-width:720px; font-size:9px; }
.agentSettingsPane .agentMemoryItem .rowActions { flex-wrap:nowrap; justify-content:flex-end; }
.agentSettingsPane .agentMemoryItem .button { min-height:30px; }
.agentAdvancedBlock { padding-top:20px; }
.agentAdvancedBlock:first-of-type { padding-top:0; }
.agentAdvancedBlock + .agentAdvancedBlock { margin-top:22px; border-top:1px solid var(--color-border); }
.agentAdvancedHead { margin-bottom:12px; display:grid; gap:2px; }
.agentAdvancedHead strong { color:var(--color-text); font-size:11px; font-weight:550; }
.agentAdvancedHead span { color:var(--color-muted); font-size:9px; }
.agentSettingsSurface .agentNumberGrid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
html[data-theme="dark"] .agentSettingsSurface { background:var(--color-surface-raised); }
html[data-theme="dark"] .agentTrainerCard { background:var(--color-surface-raised) !important; }
html[data-theme="dark"] .agentBaseMemoryList article > span,
html[data-theme="dark"] .agentLockedPill,
html[data-theme="dark"] .agentSettingsPane .agentMemoryCopy > div span { background:var(--color-surface); }

.agentTopicField { display:grid; gap:7px; }
.agentTopicField > span { color:var(--color-text-soft); font-size:11px; font-weight:500; }
.agentTopicField > small { color:var(--color-muted); font-size:9px; line-height:1.45; }
.agentTopicEditor { min-height:44px; padding:6px 8px; display:flex; align-items:center; flex-wrap:wrap; gap:6px; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface); transition:border-color var(--motion-fast),box-shadow var(--motion-fast); cursor:text; }
.agentTopicEditor:focus-within { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.agentTopicChips { display:contents; }
.agentTopicChip { min-height:28px; padding:0 5px 0 8px; display:inline-flex; align-items:center; gap:5px; border:1px solid var(--color-border); border-radius:8px; background:var(--color-surface-muted); color:var(--color-text-soft); font-size:9px; font-weight:500; white-space:nowrap; }
.agentTopicChip button { width:18px; height:18px; padding:0; display:grid; place-items:center; border:0; border-radius:5px; background:transparent; color:var(--color-muted); cursor:pointer; }
.agentTopicChip button:hover { background:color-mix(in srgb,var(--color-text) 7%,transparent); color:var(--color-text); }
.agentTopicEditor > input { min-width:150px !important; width:auto !important; flex:1 1 160px; min-height:28px !important; padding:0 4px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }

.agentConfigSurface { padding-bottom:0; }
.agentConfigSummary { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.agentConfigSummary > span { min-height:28px; padding:0 8px; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--color-border); border-radius:8px; background:var(--color-surface-muted); color:var(--color-muted); font-size:9px; }
.agentConfigSummary strong { color:var(--color-text); font-size:10px; font-weight:600; }
.agentConfigSections { display:grid; gap:10px; }
.agentConfigCard,.agentConfigAdvanced { overflow:hidden; border:1px solid var(--color-border); border-radius:12px; background:color-mix(in srgb,var(--color-surface-muted) 32%,var(--color-surface)); }
.agentConfigCard { padding:16px; display:grid; gap:15px; }
.agentConfigCardHead { display:flex; align-items:flex-start; gap:9px; }
.agentConfigCardHead > span { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:8px; background:var(--color-surface); color:var(--color-text-soft); }
.agentConfigCardHead > div { min-width:0; display:grid; gap:2px; }
.agentConfigCardHead strong { color:var(--color-text); font-size:11px; font-weight:600; }
.agentConfigCardHead small { color:var(--color-muted); font-size:9px; line-height:1.45; }
.agentConfigGridTwo { grid-template-columns:repeat(2,minmax(0,1fr)); }
.agentConfigField { min-width:0; display:grid; gap:6px; color:var(--color-text-soft); font-size:11px; font-weight:500; }
.agentConfigField textarea { width:100%; min-width:0; padding:10px 11px; resize:vertical; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); font:inherit; font-size:11px; line-height:1.5; }
.agentConfigField textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.agentConfigField > small { color:var(--color-muted); font-size:9px; font-weight:400; line-height:1.45; }
.agentContextControl { display:grid; gap:10px; }
.agentSwitchRow { min-height:52px; padding:10px 11px; display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface); cursor:pointer; }
.agentSwitchRow > span { min-width:0; display:grid; gap:2px; }
.agentSwitchRow strong { color:var(--color-text); font-size:10px; font-weight:600; }
.agentSwitchRow small { color:var(--color-muted); font-size:9px; line-height:1.4; }
.agentSwitchRow input { appearance:none; width:32px; height:18px; flex:0 0 32px; margin:0; position:relative; border:1px solid var(--color-border); border-radius:999px; background:var(--color-surface-muted); cursor:pointer; }
.agentSwitchRow input::after { content:""; position:absolute; top:2px; left:2px; width:12px; height:12px; border-radius:50%; background:var(--color-muted); transition:transform var(--motion-fast),background-color var(--motion-fast); }
.agentSwitchRow input:checked { border-color:var(--color-strong); background:var(--color-strong); }
.agentSwitchRow input:checked::after { transform:translateX(14px); background:var(--color-on-strong); }
.agentSwitchRow input:focus-visible { outline:0; box-shadow:var(--focus-ring); }
.agentContextOption { min-height:44px !important; align-items:center !important; }
.agentContextOption span { color:var(--color-text-soft); font-size:9px; font-weight:500; line-height:1.35; }
.agentConfigCheck { margin-top:0; }
.agentConfigAdvanced > summary { min-height:54px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; }
.agentConfigAdvanced > summary::-webkit-details-marker { display:none; }
.agentConfigAdvanced > summary > span { min-width:0; display:grid; gap:2px; }
.agentConfigAdvanced > summary strong { color:var(--color-text); font-size:10px; font-weight:600; }
.agentConfigAdvanced > summary small { color:var(--color-muted); font-size:9px; }
.agentConfigAdvanced > summary > svg { color:var(--color-muted); transition:transform var(--motion-fast); }
.agentConfigAdvanced[open] > summary > svg { transform:rotate(90deg); }
.agentConfigAdvancedBody { padding:14px 16px 16px; display:grid; gap:12px; border-top:1px solid var(--color-border); background:var(--color-surface); }
.agentRuntimeProfileDetails { overflow:hidden; border:1px solid var(--color-border); border-radius:10px; background:color-mix(in srgb,var(--color-surface-muted) 30%,var(--color-surface)); }
.agentRuntimeProfileDetails > summary { min-height:52px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; }
.agentRuntimeProfileDetails > summary::-webkit-details-marker { display:none; }
.agentRuntimeProfileDetails > summary > span { min-width:0; display:grid; gap:2px; }
.agentRuntimeProfileDetails > summary strong { color:var(--color-text); font-size:10px; font-weight:600; }
.agentRuntimeProfileDetails > summary small { color:var(--color-muted); font-size:9px; line-height:1.4; }
.agentRuntimeProfileDetails > summary > svg { color:var(--color-muted); transition:transform var(--motion-fast); }
.agentRuntimeProfileDetails[open] > summary > svg { transform:rotate(90deg); }
.agentRuntimeProfileBody { padding:14px; display:grid; gap:14px; border-top:1px solid var(--color-border); background:var(--color-surface); }
.agentRuntimeProfileBody .agentAdvancedHead { margin:0; padding-top:2px; }
.agentRuntimeProfileBody .agentSettingsGrid textarea { min-height:104px; resize:vertical; line-height:1.5; }
.agentConfigActions { margin:20px -26px 0; padding:13px 26px; min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-top:1px solid var(--color-border); background:var(--color-surface); }
.agentConfigActions > div { min-width:0; display:grid; gap:2px; }
.agentConfigActions strong { color:var(--color-text); font-size:10px; font-weight:600; }
.agentConfigActions span { color:var(--color-muted); font-size:9px; line-height:1.4; }
.agentConfigActions .button { flex:0 0 auto; }
.agentConfigSurface :is(input,textarea,select,button):disabled { cursor:not-allowed; opacity:.55; }
html[data-theme="dark"] .agentConfigCard,html[data-theme="dark"] .agentConfigAdvanced { background:var(--color-surface); }
html[data-theme="dark"] .agentConfigAdvancedBody,html[data-theme="dark"] .agentConfigActions,html[data-theme="dark"] .agentRuntimeProfileBody { background:var(--color-surface-raised); }

.agentAdminChat { width:100%; max-width:none; height:min(680px,calc(100dvh - 220px)); min-height:500px; margin:0; overflow:hidden; display:grid; grid-template-rows:auto minmax(0,1fr) auto; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.agentAdminChatHead { min-height:72px; padding:14px 18px; position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--color-border); }
.agentAdminIdentity { min-width:0; display:flex; align-items:center; gap:10px; }
.agentAdminIdentity > div { min-width:0; display:grid; gap:2px; }
.agentAdminMark { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); color:var(--color-text-soft); }
.agentAdminChatHead .agentAdminIdentity > div > span { color:var(--color-muted); font-size:8px; font-weight:650; text-transform:uppercase; letter-spacing:.08em; }
.agentAdminChatHead strong { overflow:hidden; color:var(--color-text); font-size:11px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.agentAdminChatHead small { color:var(--color-muted); font-size:9px; }
.agentAdminChatHeadActions { flex:0 0 auto; display:flex; align-items:center; gap:6px; }
.agentAdminHistoryMenu { width:min(360px,calc(100% - 24px)); max-height:390px; position:absolute; z-index:30; top:calc(100% - 6px); right:14px; overflow:hidden; display:grid; grid-template-rows:auto minmax(0,1fr) auto; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface-raised); }
.agentAdminHistoryMenuHead { min-height:52px; padding:10px 10px 9px 12px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--color-border); }
.agentAdminHistoryMenuHead > span { min-width:0; display:grid; gap:2px; }
.agentAdminHistoryMenuHead strong { font-size:10px; }
.agentAdminHistoryMenuHead small { display:block; font-size:8px; }
.agentAdminHistoryMenuHead .iconButton { width:28px; height:28px; min-height:28px; flex:0 0 28px; }
.agentAdminHistoryList { min-height:0; max-height:280px; overflow:auto; padding:5px; scrollbar-width:none; }
.agentAdminHistoryList::-webkit-scrollbar { display:none; }
.agentAdminHistoryItem { width:100%; min-height:48px; padding:8px 8px 8px 9px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:0; border-radius:9px; background:transparent; color:var(--color-text); text-align:left; cursor:pointer; }
.agentAdminHistoryItem:hover,.agentAdminHistoryItem.active { background:var(--color-surface-muted); }
.agentAdminHistoryItem:disabled { cursor:not-allowed; opacity:.55; }
.agentAdminHistoryItem > span { min-width:0; display:grid; gap:3px; }
.agentAdminHistoryItem strong { max-width:248px; font-size:9px; font-weight:550; }
.agentAdminHistoryItem small { color:var(--color-muted); font-size:8px; line-height:1.35; }
.agentAdminHistoryItem > b { min-height:20px; padding:0 6px; display:inline-flex; align-items:center; border:1px solid var(--color-border); border-radius:6px; color:var(--color-text-soft); font-size:8px; font-weight:600; white-space:nowrap; }
.agentAdminHistoryItem > svg { flex:0 0 auto; color:var(--color-muted); }
.agentAdminHistoryEmpty { padding:24px 14px; color:var(--color-muted); font-size:9px; text-align:center; }
.agentAdminHistoryFoot { padding:8px 11px; border-top:1px solid var(--color-border); color:var(--color-muted); font-size:8px; line-height:1.45; }
.agentAdminChatMessages { min-height:0; overflow:auto; padding:30px max(34px,calc((100% - 820px)/2)); display:flex; flex-direction:column; gap:24px; scrollbar-width:none; scroll-behavior:smooth; }
.agentAdminChatMessages::-webkit-scrollbar { display:none; }
.agentAdminChatEmpty { max-width:560px; margin:auto; display:grid; justify-items:center; gap:8px; text-align:center; color:var(--color-muted); }
.agentAdminChatEmpty > span { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface-muted); color:var(--color-text-soft); }
.agentAdminChatEmpty strong { color:var(--color-text); font-size:14px; font-weight:550; }
.agentAdminChatEmpty p { max-width:500px; margin:0; font-size:10px; line-height:1.55; }
.agentAdminPromptHints { margin-top:6px; display:flex; justify-content:center; flex-wrap:wrap; gap:6px; }
.agentAdminPromptHints button { min-height:30px; padding:0 9px; border:1px solid var(--color-border); border-radius:8px; background:var(--color-surface); color:var(--color-text-soft); font-size:9px; cursor:pointer; }
.agentAdminPromptHints button:hover { border-color:var(--color-border-hover); background:var(--color-surface-muted); }
.agentAdminMessage { width:100%; max-width:780px; display:grid; gap:6px; animation:agentAdminMessageIn .2s ease both; }
.agentAdminMessage.user { align-self:flex-end; justify-items:end; }
.agentAdminMessage.assistant { align-self:flex-start; justify-items:start; }
.agentAdminMessageMeta { display:flex; align-items:center; gap:7px; color:var(--color-muted); font-size:8px; }
.agentAdminMessageMeta span { font-weight:600; }
.agentAdminMessageMeta small { min-height:20px; padding:0 6px; display:inline-flex; align-items:center; border:1px solid var(--color-border); border-radius:6px; background:var(--color-surface-muted); }
.agentAdminMessageMeta .agentAdminFailedLabel { color:var(--color-muted); border-style:dashed; }
.agentAdminMessage.failed .agentAdminMessageText { opacity:.72; }
.agentAdminMessageText { color:var(--color-text-soft); font-size:11px; line-height:1.72; }
.agentAdminMessage.user .agentAdminMessageText { max-width:78%; padding:10px 13px; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface-muted); color:var(--color-text); }
.agentAdminMessage.assistant .agentAdminMessageText { padding:4px 0; }
.agentAdminMessage.typing .agentAdminMessageText::after { content:""; width:1px; height:1em; margin-left:2px; display:inline-block; vertical-align:-2px; background:var(--color-text-soft); animation:agentAdminCaret .8s steps(1,end) infinite; }
.agentAdminLearned { max-width:620px; padding:8px 10px; display:flex; align-items:flex-start; gap:7px; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); color:var(--color-muted); font-size:9px; line-height:1.45; }
.agentAdminLearned svg { flex:0 0 auto; margin-top:1px; color:var(--color-text-soft); }
.agentAdminComposer { width:calc(100% - 28px); max-width:none; margin:0 14px 14px; padding:9px 9px 8px 12px; position:relative; display:grid; grid-template-columns:minmax(0,1fr) 36px; gap:8px; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface-raised); transition:border-color var(--motion-fast),box-shadow var(--motion-fast); }
.agentAdminComposer:focus-within { border-color:color-mix(in srgb,var(--color-text) 32%,var(--color-border)); outline:2px solid color-mix(in srgb,var(--color-text) 9%,transparent); outline-offset:1px; box-shadow:none; }
.agentAdminComposer textarea { min-height:38px; max-height:130px; padding:7px 4px; resize:none; border:0; outline:0; background:transparent; color:var(--color-text); font:inherit; font-size:11px; line-height:1.45; }
.agentAdminComposerMeta { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--color-muted); }
.agentAdminComposerMeta small { display:flex; align-items:center; gap:5px; font-size:8px; line-height:1.4; }
.agentAdminComposerMeta small svg { flex:0 0 auto; }
.agentAdminSend { width:36px; height:36px; align-self:end; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:9px; background:var(--color-strong); color:var(--color-on-strong); cursor:pointer; transition:transform var(--motion-fast),opacity var(--motion-fast); }
.agentAdminSend:not(:disabled):hover { transform:translateY(-1px); }
.agentAdminSend:disabled { cursor:not-allowed; opacity:.42; }
.agentAdminChatLoading { margin:auto; display:flex; gap:5px; }
.agentAdminChatLoading span,.agentAdminThinking span { width:5px; height:5px; border-radius:50%; background:var(--color-muted); animation:agentAdminPulse 1.1s infinite ease-in-out; }
.agentAdminChatLoading span:nth-child(2),.agentAdminThinking span:nth-child(2) { animation-delay:.12s; }
.agentAdminChatLoading span:nth-child(3),.agentAdminThinking span:nth-child(3) { animation-delay:.24s; }
.agentAdminThinking { display:flex; align-items:center; gap:5px; color:var(--color-muted); font-size:9px; }
.agentAdminChatError { margin:0 14px 10px; width:calc(100% - 28px); max-width:none; padding:9px 10px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); color:var(--color-muted); font-size:9px; }
.agentAdminChatError > span { min-width:0; line-height:1.45; }
.agentAdminChatError .button { flex:0 0 auto; min-height:28px; }
@keyframes agentAdminPulse { 0%,80%,100%{opacity:.25;transform:translateY(0)} 40%{opacity:1;transform:translateY(-2px)} }
@keyframes agentAdminCaret { 0%,45%{opacity:1} 46%,100%{opacity:0} }
@keyframes agentAdminMessageIn { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }
@media (prefers-reduced-motion: reduce) { .agentAdminMessage { animation:none; } .agentAdminMessage.typing .agentAdminMessageText::after { animation:none; } }
html[data-theme="dark"] .agentAdminChat { background:var(--color-surface-raised); }
html[data-theme="dark"] .agentAdminComposer { background:var(--color-surface); }
html[data-theme="dark"] .agentAdminPromptHints button { background:var(--color-surface); }
html[data-theme="dark"] .agentArchivedMemories { background:var(--color-surface-raised); }
.agentSecuritySurface { display:grid; gap:16px; }
.agentSecurityIntro { align-items:center; }
.agentSecurityIntro p { max-width:560px; }
.agentSecurityRefreshButton { min-height:32px; color:var(--color-text-soft); }
.agentSecurityStats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.agentSecurityStats article { min-width:0; min-height:76px; padding:13px 14px; display:grid; align-content:center; gap:4px; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface); }
.agentSecurityStats strong { color:var(--color-text); font-size:20px; font-weight:550; letter-spacing:-.03em; }
.agentSecurityStats span { color:var(--color-muted); font-size:9px; font-weight:500; }
.agentSecurityWorkspace { min-height:430px; display:grid; grid-template-columns:minmax(300px,.78fr) minmax(0,1.65fr); overflow:hidden; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); }
.agentSecurityQueue { min-width:0; display:grid; grid-template-rows:auto minmax(0,1fr); border-right:1px solid var(--color-border); }
.agentSecurityQueue > header { min-height:56px; padding:10px 14px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--color-border); }
.agentSecurityQueue > header > div { display:grid; gap:2px; }
.agentSecurityQueue > header strong { font-size:10px; font-weight:600; }
.agentSecurityQueue > header small,.agentSecurityQueue > header > span { color:var(--color-muted); font-size:8px; }
.agentSecurityList { min-height:0; max-height:560px; overflow:auto; padding:6px; scrollbar-width:none; }
.agentSecurityList::-webkit-scrollbar { display:none; }
.agentSecurityIncident { width:100%; min-height:66px; padding:10px 10px 10px 11px; position:relative; display:grid; grid-template-columns:8px minmax(0,1fr) 16px; align-items:center; gap:10px; border:0; border-radius:9px; background:transparent; color:var(--color-text); text-align:left; cursor:pointer; transition:background var(--motion-fast); }
.agentSecurityIncident:hover { background:color-mix(in srgb,var(--color-surface-muted) 72%,transparent); }
.agentSecurityIncident.active { background:var(--color-surface-muted); }
.agentSecurityIncident.active::before { content:""; width:2px; position:absolute; top:10px; bottom:10px; left:0; border-radius:99px; background:var(--color-text-soft); }
.agentSecurityIncidentMark { width:6px; height:6px; display:block; border-radius:50%; background:var(--color-muted-2); }
.agentSecurityIncident.active .agentSecurityIncidentMark { background:var(--color-text-soft); }
.agentSecurityIncidentCopy { min-width:0; display:grid; gap:2px; }
.agentSecurityIncidentCopy strong { overflow:hidden; font-size:10px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.agentSecurityIncidentCopy small { overflow:hidden; color:var(--color-muted); font-size:8px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.agentSecurityIncident > svg { color:var(--color-muted); }
.agentSecurityDetail { min-width:0; min-height:0; display:grid; grid-template-rows:auto auto minmax(0,1fr); background:var(--color-surface); }
.agentSecurityDetail > header { min-height:74px; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--color-border); }
.agentSecurityDetail > header > div { min-width:0; display:grid; gap:2px; }
.agentSecurityDetail > header > div > span { color:var(--color-muted); font-size:8px; font-weight:600; text-transform:uppercase; letter-spacing:.07em; }
.agentSecurityDetail > header strong { overflow:hidden; font-size:12px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.agentSecurityDetail > header small { color:var(--color-muted); font-size:8px; }
.agentSecurityReason { max-width:260px; min-height:26px; padding:0 8px; display:inline-flex; align-items:center; gap:6px; border:1px solid var(--color-border); border-radius:7px; background:transparent; color:var(--color-text-soft); font-size:8px; font-weight:550; text-align:right; }
.agentSecurityReason i { width:5px; height:5px; flex:0 0 5px; border-radius:50%; background:var(--color-muted-2); }
.agentSecurityMeta { padding:0 18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--color-border); }
.agentSecurityMeta > div { min-width:0; min-height:54px; padding:10px 14px 10px 0; display:grid; align-content:center; gap:2px; border-right:1px solid var(--color-border); }
.agentSecurityMeta > div + div { padding-left:14px; }
.agentSecurityMeta > div:last-child { border-right:0; }
.agentSecurityMeta span { color:var(--color-muted); font-size:8px; }
.agentSecurityMeta strong { overflow:hidden; color:var(--color-text); font-size:9px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.agentSecurityMessages { min-height:0; max-height:430px; overflow:auto; padding:24px max(22px,calc((100% - 650px)/2)); display:flex; flex-direction:column; gap:18px; scrollbar-width:none; }
.agentSecurityMessages::-webkit-scrollbar { display:none; }
.agentSecurityMessage { width:min(88%,650px); display:grid; gap:5px; }
.agentSecurityMessage.user { align-self:flex-end; justify-items:end; }
.agentSecurityMessage.assistant { align-self:flex-start; }
.agentSecurityMessage > span,.agentSecurityMessage > small { color:var(--color-muted); font-size:8px; }
.agentSecurityMessage p { margin:0; color:var(--color-text-soft); font-size:10px; line-height:1.65; }
.agentSecurityMessage.user p { padding:10px 12px; border:1px solid var(--color-border); border-radius:11px; background:var(--color-surface-muted); color:var(--color-text); }
.agentSecurityEmpty { min-height:160px; padding:24px 18px; display:grid; place-items:center; align-content:center; gap:7px; color:var(--color-muted); text-align:center; }
.agentSecurityEmpty.compact { min-height:150px; }
.agentSecurityEmpty > span { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); color:var(--color-text-soft); }
.agentSecurityEmpty strong { color:var(--color-text); font-size:11px; font-weight:600; }
.agentSecurityEmpty p { max-width:520px; margin:0; font-size:9px; line-height:1.5; }
.agentSecurityEmpty small { max-width:520px; font-size:8px; line-height:1.45; }
.agentSecurityLoading { min-height:220px; display:flex; align-items:center; justify-content:center; gap:5px; }
.agentSecurityLoading span { width:5px; height:5px; border-radius:50%; background:var(--color-muted); animation:agentAdminPulse 1.1s infinite ease-in-out; }
.agentSecurityLoading span:nth-child(2) { animation-delay:.12s; }
.agentSecurityLoading span:nth-child(3) { animation-delay:.24s; }
.agentSecurityDetailEmpty { min-height:100%; display:grid; place-items:center; align-content:center; gap:8px; color:var(--color-muted); text-align:center; }
.agentSecurityDetailEmpty > span { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface-muted); color:var(--color-text-soft); }
.agentSecurityDetailEmpty strong { color:var(--color-text); font-size:12px; font-weight:600; }
.agentSecurityDetailEmpty p { max-width:360px; margin:0; font-size:9px; line-height:1.5; }
.agentSecurityZero { min-height:156px; padding:24px; display:flex; align-items:center; justify-content:center; gap:12px; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); color:var(--color-muted); text-align:left; }
.agentSecurityZero > span { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); color:var(--color-text-soft); }
.agentSecurityZero > div { max-width:540px; display:grid; gap:4px; }
.agentSecurityZero strong { color:var(--color-text); font-size:11px; font-weight:600; }
.agentSecurityZero p { margin:0; color:var(--color-muted); font-size:9px; line-height:1.5; }
.agentSecurityZero small { margin-top:3px; color:var(--color-muted); font-size:8px; line-height:1.45; }
.agentSecurityStateCard { overflow:hidden; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); }
.agentSecurityRetentionNote { min-height:24px; display:flex; align-items:center; gap:6px; color:var(--color-muted); font-size:8px; line-height:1.45; }
.agentSecurityRetentionNote svg { flex:0 0 auto; }
html[data-theme="dark"] .agentSecurityStats article,html[data-theme="dark"] .agentSecurityZero,html[data-theme="dark"] .agentSecurityStateCard,html[data-theme="dark"] .agentSecurityWorkspace,html[data-theme="dark"] .agentSecurityDetail { background:var(--color-surface-raised); }

.planGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.planCard > span { color:var(--color-muted); }
.planCard > strong { font-size:25px; font-weight:500; }
.planCard > strong small { color:var(--color-muted); font-size:11px; font-weight:400; }
.planCard ul { margin:0; padding:0; display:grid; gap:6px; list-style:none; color:var(--color-text-soft); font-size:12px; }
.permissionMatrix { overflow:auto; }
.permissionMatrix > div { min-width:620px; min-height:42px; padding:0 12px; display:grid; grid-template-columns:1fr repeat(3,120px); align-items:center; border-bottom:1px solid var(--color-border); }
.permissionMatrix > div:last-child { border-bottom:0; }
.permissionMatrix b { text-align:center; font-weight:500; }

.funnelViz { padding:20px; display:grid; justify-items:center; gap:6px; }
.funnelViz > div { width:var(--w); min-height:54px; padding:9px 14px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:16px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.funnelViz span { color:var(--color-muted); font-size:12px; }
.funnelViz strong { font-size:17px; font-weight:500; }
.funnelViz small { color:var(--color-muted); }
.kvGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.kvGrid > div { padding:9px; display:grid; gap:3px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface-muted); }
.kvGrid span { color:var(--color-muted); font-size:10px; }
.kvGrid strong { overflow:hidden; text-overflow:ellipsis; font-size:12px; font-weight:500; }
.eventExamples,.tagCloud { padding:12px; display:flex; flex-wrap:wrap; gap:6px; }
.dropzone { min-height:180px; margin-bottom:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px dashed var(--color-muted-2); border-radius:var(--radius-xl); background:var(--color-surface-muted); text-align:center; }
.dropzone span { color:var(--color-muted); font-size:12px; }
.dropzone { padding:24px; }
.dropzone > strong { font-size:14px; font-weight:500; }
.dropzone > small { max-width:640px; color:var(--color-muted); font-size:10px; line-height:1.45; }
.dropzone .rowActions { justify-content:center; flex-wrap:wrap; }
.importPreviewPanel { margin-bottom:12px; }
.importPreviewPanel > .summaryGrid { margin:0; padding:12px; border-bottom:1px solid var(--color-border); }
.importValidationCell { min-width:180px; display:grid; justify-items:start; gap:5px; white-space:normal; }
.importValidationCell small { max-width:320px; color:var(--color-muted); font-size:10px; line-height:1.35; }
.importPreviewFootnote { margin:0; padding:10px 12px; border-top:1px solid var(--color-border); }
.loadingSkeleton { padding:14px; display:grid; gap:8px; }
.loadingSkeleton span,
.adminSkeletonBlock { display:block; border-radius:var(--radius-md); background:linear-gradient(90deg,var(--color-surface-muted),color-mix(in srgb,var(--color-border) 72%,var(--color-surface)),var(--color-surface-muted)); background-size:220% 100%; animation:skeletonPulse 1.35s ease-in-out infinite; }
.loadingSkeleton span { height:44px; }
.loadingSkeleton .skeletonWide { width:100%; }
.loadingSkeleton .skeletonMedium { width:76%; }
.loadingSkeleton .skeletonShort { width:48%; }
.adminBootSkeleton { width:100%; height:100dvh; min-height:0; display:flex; overflow:hidden; background:var(--color-sidebar); }
.adminBootSidebar { width:var(--sidebar-width); min-height:100dvh; padding:var(--space-7) var(--space-6) var(--space-6); display:flex; flex-direction:column; gap:var(--space-5); border-right:0; background:var(--color-sidebar); }
.adminBootSidebar .bootBrand { width:92px; height:30px; margin-bottom:var(--space-3); }
.adminBootSidebar .bootSearch { width:100%; height:38px; }
.bootNav { display:grid; gap:9px; }
.bootNav .adminSkeletonBlock { width:88%; height:32px; }
.bootNav .adminSkeletonBlock:nth-child(2n) { width:72%; }
.adminBootSidebar .bootAccount { width:100%; height:48px; margin-top:auto; }
.adminBootMain { width:calc(100% - var(--sidebar-width)); min-height:100dvh; padding:var(--space-3) var(--space-3) var(--space-3) 0; }
.adminBootTopbar { height:50px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; border:1px solid var(--color-border); border-bottom:0; border-radius:var(--radius-xl) var(--radius-xl) 0 0; background:var(--color-surface); }
.bootCrumb { width:150px; height:14px; }
.bootTopAction { width:92px; height:32px; }
.adminBootContent { min-height:calc(100dvh - 74px); padding:28px 32px; border:1px solid var(--color-border); border-top:0; border-radius:0 0 var(--radius-xl) var(--radius-xl); background:var(--color-surface); }
.bootPageHead { margin-bottom:28px; display:grid; gap:10px; }
.bootTitle { width:min(320px,48%); height:30px; }
.bootSubtitle { width:min(520px,72%); height:12px; }
.bootMetricGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.bootMetric { height:96px; }
.bootPanelGrid { margin-top:16px; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr); gap:16px; }
.bootPanel { height:330px; }
.staleState,.errorState { margin-bottom:12px; padding:11px 13px; display:grid; gap:3px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface-muted); }
.errorState { border-style:dashed; }
.staleState strong,.errorState strong { font-size:12px; font-weight:500; }
.staleState p,.errorState p { margin:0; color:var(--color-muted); font-size:11px; }
.inlineRouteNote { margin-bottom:12px; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); color:var(--color-text-soft); }
.switch { width:38px; height:22px; padding:2px; border:1px solid var(--color-border); border-radius:var(--radius-full); background:var(--color-surface-muted); cursor:pointer; }
.switch span { width:16px; height:16px; display:block; border-radius:50%; background:var(--color-muted); transition:transform var(--motion-fast),background var(--motion-fast); }
.switch.on span { transform:translateX(16px); background:var(--color-text); }

.modalBackdrop { position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; padding:clamp(16px,3vw,30px); background:color-mix(in srgb,var(--color-overlay) 86%,transparent); backdrop-filter:none; animation:adminFade 150ms var(--ease-standard) both; }
.drawerBackdrop { justify-content:flex-end; padding:0; }
.adminPushDrawerOpen .drawerBackdrop {
  top: var(--space-3);
  right: var(--space-3);
  bottom: var(--space-3);
  left: auto;
  width: var(--admin-drawer-width);
  height: auto;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  pointer-events: none;
  animation: none;
}
.adminPushSheetOpen .adminSheetBackdrop,
.adminPushSheetOpen .communitySheetBackdrop {
  top: var(--space-3);
  right: var(--space-3);
  bottom: var(--space-3);
  left: auto;
  width: var(--admin-drawer-width);
  height: auto;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
  pointer-events: none;
  animation: none;
}
.searchBackdrop { z-index:120; align-items:flex-start; padding-top:min(12vh,112px); }
.inspectorDrawer { width:min(460px,100%); height:100dvh; max-height:100dvh; min-height:0; display:flex; flex-direction:column; overflow:hidden; overscroll-behavior:contain; border-left:1px solid color-mix(in srgb,var(--color-border) 88%,transparent); background:color-mix(in srgb,var(--color-surface) 98%,var(--color-surface-raised)); box-shadow:-18px 0 52px color-mix(in srgb,#000 12%,transparent); animation:drawerIn var(--push-panel-motion) both; }
.adminPushDrawerOpen .inspectorDrawer {
  width: 100%;
  height: 100%;
  pointer-events: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: none;
  animation: pushPanelIn var(--push-panel-motion) both;
}
.inspectorDrawer.licenseDrawer { width:min(560px,100%); }
.inspectorDrawer.supportDrawer { width:min(680px,100%); }
.inspectorDrawer.productDrawer { width:min(820px,100%); }
.drawerTop { position:relative; top:auto; z-index:3; flex:0 0 auto; min-height:94px; padding:18px 56px 16px 20px; display:flex; align-items:flex-start; justify-content:space-between; border-bottom:1px solid color-mix(in srgb,var(--color-border) 88%,transparent); background:var(--color-surface); backdrop-filter:none; }
.sidePanelHeading { min-width:0; display:grid; gap:4px; }
.sidePanelEyebrow { color:var(--color-muted); font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.09em; }
.sidePanelHeading strong { color:var(--color-text); font-size:20px; line-height:1.2; font-weight:550; letter-spacing:-.03em; }
.sidePanelHeading small { max-width:440px; color:var(--color-muted); font-size:11px; line-height:1.45; }
.sidePanelClose { position:absolute; top:12px; right:12px; width:32px; height:32px; border-radius:var(--radius-md); }
.drawerBody { flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:var(--color-border-hover) transparent; padding:20px; }
.sidePanelBody { background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-muted) 28%,transparent),transparent 90px); }
.supportDrawer .drawerBody { padding:0 28px 32px; }
.drawerBody h2,.modalCard h2 { margin:0 0 8px; font-size:22px; line-height:1.2; font-weight:550; letter-spacing:-.035em; }
.drawerBody > p { color:var(--color-muted); }
.drawerSection { margin-top:20px; padding-top:16px; border-top:1px solid var(--color-border); }
.drawerSection h3 { margin:0 0 8px; font-size:12px; font-weight:500; }
.drawerSection p { margin:5px 0; color:var(--color-text-soft); font-size:12px; }
.drawerSection small { color:var(--color-muted); }
.inspectorDrawer:not(.productDrawer):not(.supportDrawer) .drawerSection { margin-top:14px; padding:14px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:color-mix(in srgb,var(--color-surface) 96%,var(--color-surface-muted)); }
.inspectorDrawer:not(.productDrawer):not(.supportDrawer) .drawerSection h3 { margin-bottom:7px; font-size:11px; font-weight:550; }
.inspectorDrawer:not(.productDrawer):not(.supportDrawer) .drawerSection p:last-child { margin-bottom:0; }
.inspectorDrawer:not(.productDrawer):not(.supportDrawer) .drawerSection pre { margin:0; padding:10px; overflow:auto; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface-muted); font-size:10px; line-height:1.55; }
.modalCard { position:relative; width:min(520px,100%); max-height:calc(100dvh - 40px); overflow:auto; padding:22px; display:grid; gap:12px; border:1px solid color-mix(in srgb,var(--color-border) 88%,var(--color-text) 3%); border-radius:var(--radius-xl); background:color-mix(in srgb,var(--color-surface) 98%,var(--color-surface-raised)); box-shadow:0 20px 64px color-mix(in srgb,#000 14%,transparent),0 1px 4px color-mix(in srgb,#000 5%,transparent); animation:modalIn 170ms var(--ease-emphasized) both; scrollbar-width:thin; scrollbar-color:var(--color-border-hover) transparent; }
.modalCard.keyEditModal { width:min(660px,100%); }
.modalIntro { margin:-2px 0 4px; max-width:92%; color:var(--color-muted); font-size:12px; line-height:1.5; }
.modalFormGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.modalFormGrid .spanTwo { grid-column:1/-1; }
.modalCard label { gap:6px; }
.modalCard input,.modalCard select { min-height:40px; padding:8px 11px; border-radius:10px; }
.modalCard textarea { padding:10px 11px; border-radius:10px; line-height:1.5; }
.modalCard > .button.full { min-height:var(--button-height-lg); margin-top:4px; }
.communitySheetBackdrop { justify-content:flex-end; padding:0; background:color-mix(in srgb,var(--color-overlay) 82%,transparent); backdrop-filter:none; }
.communityComposerSheet { position:relative; width:min(460px,100%); height:100dvh; max-height:100dvh; min-height:0; display:flex; flex-direction:column; overflow:hidden; overscroll-behavior:contain; border-left:1px solid color-mix(in srgb,var(--color-border) 90%,transparent); background:var(--color-surface); box-shadow:-18px 0 52px color-mix(in srgb,#000 12%,transparent); animation:drawerIn var(--push-panel-motion) both; }
.adminPushSheetOpen .communityComposerSheet {
  width:100%;
  height:100%;
  pointer-events:auto;
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  overflow:hidden;
  box-shadow:none;
  animation:pushPanelIn var(--push-panel-motion) both;
}
.communitySheetClose { position:absolute; top:12px; right:12px; z-index:4; width:32px; height:32px; border:1px solid transparent; border-radius:var(--radius-md); background:transparent; color:var(--color-text-soft); }
.communitySheetClose:hover { border-color:var(--color-border); background:var(--color-surface-muted); color:var(--color-text); }
.communitySheetHeader { flex:0 0 auto; min-height:94px; padding:18px 56px 16px 20px; border-bottom:1px solid var(--color-border); background:var(--color-surface); backdrop-filter:none; }
.communitySheetEyebrow { display:block; margin-bottom:6px; color:var(--color-muted); font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.09em; }
.communitySheetHeader h2 { margin:0; font-size:21px; line-height:1.2; font-weight:550; letter-spacing:-.035em; }
.communitySheetHeader p { margin:6px 0 0; color:var(--color-muted); font-size:11px; line-height:1.45; }
.communitySheetBody { flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:20px; background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-muted) 28%,transparent),transparent 96px); scrollbar-width:thin; scrollbar-color:var(--color-border-hover) transparent; }
.communitySheetSection { display:grid; gap:14px; }
.communitySheetSection + .communitySheetSection { margin-top:22px; padding-top:20px; border-top:1px solid var(--color-border); }
.communityComposerSheet label { min-width:0; display:grid; gap:6px; color:var(--color-text-soft); font-size:11px; font-weight:500; }
.communityComposerSheet input:not([type="checkbox"]),
.communityComposerSheet select,
.communityComposerSheet textarea { width:100%; min-width:0; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.communityComposerSheet input:not([type="checkbox"]),
.communityComposerSheet select { min-height:40px; padding:8px 10px; }
.communityComposerSheet textarea { min-height:170px; padding:10px 11px; resize:vertical; line-height:1.55; }
.communityComposerSheet input:not([type="checkbox"]):hover,
.communityComposerSheet select:hover,
.communityComposerSheet textarea:hover { border-color:var(--color-border-hover); }
.communityComposerSheet input:not([type="checkbox"]):focus,
.communityComposerSheet select:focus,
.communityComposerSheet textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.communitySheetGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.communityHashtagField { display:grid; gap:8px; }
.communityHashtagSuggestions { display:flex; flex-wrap:wrap; gap:6px; }
.communityHashtagChip { min-height:28px; padding:0 9px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--color-border); border-radius:var(--radius-full); background:var(--color-surface); color:var(--color-muted); font-size:10px; font-weight:500; line-height:1; cursor:pointer; transition:border-color var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast); }
.communityHashtagChip:hover { border-color:var(--color-border-hover); background:var(--color-surface-raised); color:var(--color-text-soft); }
.communityHashtagChip.active { border-color:color-mix(in srgb,var(--color-text) 20%,var(--color-border)); background:var(--control-selected-bg); color:var(--control-selected-text); box-shadow:0 1px 1px color-mix(in srgb,#000 4%,transparent); }
.communityHashtagChip:focus-visible { outline:0; border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:var(--focus-ring); }
.communityHashtagChip:active { transform:translateY(1px); }
.communityPinToggle { min-height:58px; padding:10px 11px; grid-template-columns:minmax(0,1fr) 34px; align-items:center; gap:12px; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); cursor:pointer; transition:border-color var(--motion-fast),background-color var(--motion-fast); }
.communityPinToggle:hover { border-color:var(--color-border-hover); background:var(--color-surface-raised); }
.communityPinToggle > span { min-width:0; display:grid; gap:2px; }
.communityPinToggle strong { color:var(--color-text); font-size:11px; font-weight:500; }
.communityPinToggle small { color:var(--color-muted); font-size:10px; font-weight:400; line-height:1.35; }
.communityPinToggle input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.communityPinToggle i { width:34px; height:20px; justify-self:end; position:relative; border:1px solid var(--color-border-hover); border-radius:var(--radius-full); background:var(--color-surface); transition:border-color var(--motion-fast),background-color var(--motion-fast); }
.communityPinToggle i::after { content:""; width:14px; height:14px; position:absolute; top:2px; left:2px; border-radius:50%; background:var(--color-muted); transition:transform var(--motion-fast),background-color var(--motion-fast); }
.communityPinToggle input:checked + i { border-color:var(--button-primary-border); background:var(--button-primary-bg); }
.communityPinToggle input:checked + i::after { transform:translateX(14px); background:var(--button-primary-text); }
.communityPinToggle:has(input:focus-visible) { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.communitySheetDetails { margin-top:22px; padding-top:4px; border-top:1px solid var(--color-border); }
.communitySheetDetails summary { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:14px; list-style:none; color:var(--color-text-soft); cursor:pointer; user-select:none; }
.communitySheetDetails summary::-webkit-details-marker { display:none; }
.communitySheetDetails summary > span { min-width:0; display:grid; gap:2px; }
.communitySheetDetails summary strong { color:var(--color-text); font-size:11px; font-weight:500; }
.communitySheetDetails summary small { color:var(--color-muted); font-size:10px; line-height:1.35; }
.communitySheetDetails summary svg { flex:0 0 auto; color:var(--color-muted); transition:transform var(--motion-fast); }
.communitySheetDetails[open] summary svg { transform:rotate(90deg); }
.communitySheetDetailsBody { padding:2px 0 4px; display:grid; gap:12px; }
.communitySheetFooter { flex:0 0 auto; padding:12px 16px max(14px,env(safe-area-inset-bottom)); display:flex; align-items:center; justify-content:flex-end; gap:8px; border-top:1px solid var(--color-border); background:var(--color-surface); backdrop-filter:none; }
.communitySheetFooter .button { min-height:var(--button-height-lg); }
.communitySheetFooter .button.full { width:auto; min-width:120px; margin:0; }
.communitySheetFooter .communitySheetCancel { order:-1; }
.communitySheetCancel { color:var(--color-text-soft); }
.adminSheetBackdrop { justify-content:flex-end; padding:0; background:color-mix(in srgb,var(--color-overlay) 82%,transparent); backdrop-filter:none; }
.adminSheet { position:relative; width:min(500px,100%); height:100dvh; max-height:100dvh; min-height:0; display:flex; flex-direction:column; overflow:hidden; overscroll-behavior:contain; border-left:1px solid color-mix(in srgb,var(--color-border) 90%,transparent); background:color-mix(in srgb,var(--color-surface) 98%,var(--color-surface-raised)); box-shadow:-18px 0 52px color-mix(in srgb,#000 12%,transparent); animation:drawerIn var(--push-panel-motion) both; }
.adminPushSheetOpen .adminSheet {
  width:100%;
  height:100%;
  pointer-events:auto;
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  overflow:hidden;
  box-shadow:none;
  animation:pushPanelIn var(--push-panel-motion) both;
}

html.adminPushPanelClosing .drawerBackdrop,
html.adminPushPanelClosing .adminSheetBackdrop,
html.adminPushPanelClosing .communitySheetBackdrop {
  top:var(--space-3);
  right:var(--space-3);
  bottom:var(--space-3);
  left:auto;
  width:var(--admin-drawer-width, 420px);
  height:auto;
  padding:0;
  background:transparent;
  backdrop-filter:none;
  pointer-events:none;
  animation:none;
}

html.adminPushPanelClosing .inspectorDrawer,
html.adminPushPanelClosing .adminSheet,
html.adminPushPanelClosing .communityComposerSheet {
  width:100%;
  height:100%;
  overflow:hidden;
  pointer-events:none;
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  box-shadow:none;
  animation:pushPanelOut var(--push-panel-motion) both;
}
.adminSheetClose { position:absolute; top:12px; right:12px; z-index:4; width:32px; height:32px; border:1px solid transparent; border-radius:var(--radius-md); background:transparent; color:var(--color-text-soft); }
.adminSheetClose:hover { border-color:var(--color-border); background:var(--color-surface-muted); color:var(--color-text); }
.adminSheetHeader { flex:0 0 auto; min-height:94px; padding:18px 56px 16px 20px; border-bottom:1px solid var(--color-border); background:var(--color-surface); backdrop-filter:none; }
.adminSheetEyebrow { display:block; margin-bottom:6px; color:var(--color-muted); font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.09em; }
.adminSheetHeader h2 { margin:0; font-size:21px; line-height:1.2; font-weight:550; letter-spacing:-.035em; }
.adminSheetHeader p { margin:6px 0 0; color:var(--color-muted); font-size:11px; line-height:1.45; }
.adminSheetBody { flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:20px; display:grid; align-content:start; gap:16px; background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-muted) 28%,transparent),transparent 96px); scrollbar-width:thin; scrollbar-color:var(--color-border-hover) transparent; }

#adminPortal .drawerBody,
#adminPortal .adminSheetBody,
#adminPortal .communitySheetBody,
#adminPortal .productEditorPane { scrollbar-width:thin; -ms-overflow-style:auto; }
#adminPortal .drawerBody::-webkit-scrollbar,
#adminPortal .adminSheetBody::-webkit-scrollbar,
#adminPortal .communitySheetBody::-webkit-scrollbar,
#adminPortal .productEditorPane::-webkit-scrollbar { width:8px; height:8px; display:block; }
#adminPortal .drawerBody::-webkit-scrollbar-track,
#adminPortal .adminSheetBody::-webkit-scrollbar-track,
#adminPortal .communitySheetBody::-webkit-scrollbar-track,
#adminPortal .productEditorPane::-webkit-scrollbar-track { background:transparent; }
#adminPortal .drawerBody::-webkit-scrollbar-thumb,
#adminPortal .adminSheetBody::-webkit-scrollbar-thumb,
#adminPortal .communitySheetBody::-webkit-scrollbar-thumb,
#adminPortal .productEditorPane::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:999px; background:color-mix(in srgb,var(--color-muted) 42%,transparent); background-clip:padding-box; }
#adminPortal .communitySheetBody { scrollbar-width:none; -ms-overflow-style:none; }
#adminPortal .communitySheetBody::-webkit-scrollbar { display:none; width:0; height:0; }
.adminSheetBody label { min-width:0; display:grid; gap:6px; color:var(--color-text-soft); font-size:11px; font-weight:500; }
.adminSheetBody input:not([type="checkbox"]),.adminSheetBody select,.adminSheetBody textarea { width:100%; min-width:0; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.adminSheetBody input:not([type="checkbox"]),.adminSheetBody select { min-height:42px; padding:9px 11px; }
.adminSheetBody textarea { min-height:112px; padding:10px 11px; resize:vertical; line-height:1.55; }
.adminSheetBody input:not([type="checkbox"]):hover,.adminSheetBody select:hover,.adminSheetBody textarea:hover { border-color:var(--color-border-hover); }
.adminSheetBody input:not([type="checkbox"]):focus,.adminSheetBody select:focus,.adminSheetBody textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.adminSheetBody label:has(input[type="checkbox"]) { min-height:40px; grid-template-columns:18px minmax(0,1fr); align-items:center; }
.adminSheetBody input[type="checkbox"] { width:16px; height:16px; margin:0; accent-color:var(--color-strong); }
.adminSheetFooter { flex:0 0 auto; padding:12px 16px max(14px,env(safe-area-inset-bottom)); display:flex; align-items:center; justify-content:flex-end; gap:8px; border-top:1px solid var(--color-border); background:var(--color-surface); backdrop-filter:none; }
.adminSheetBody > .modalIntro { margin:0; padding:12px 13px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); color:var(--color-muted); font-size:11px; line-height:1.5; }
.adminSheetBody > .modalIntro strong { color:var(--color-text-soft); }
.adminSheetFooter .button { min-height:var(--button-height-lg); }
.adminSheetFooter .button.full { width:auto; min-width:120px; margin:0; }
.licenseCreateSection { display:grid; gap:14px; }
.licenseCreateSection + .licenseCreateSection { padding-top:18px; border-top:1px solid var(--color-border); }
.licenseCreateSectionHead { display:grid; gap:3px; }
.licenseCreateSectionHead > span { color:var(--color-muted); font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.licenseCreateSectionHead > strong { color:var(--color-text); font-size:13px; font-weight:550; }
.licenseCreateSectionHead > small { color:var(--color-muted); font-size:10px; line-height:1.45; }
.licenseCreateGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.licenseCreateGrid .licenseSpanTwo,.licenseCreateSection > .licenseSpanTwo { grid-column:1/-1; }
.adminSheetBody input[readonly] { background:var(--color-surface-muted); color:var(--color-text-soft); cursor:default; }
.adminSheetBody :where(input,select,textarea)[aria-invalid="true"] { border-color:#dc2626 !important; box-shadow:0 0 0 3px color-mix(in srgb,#dc2626 10%,transparent) !important; }
.licenseFieldError { margin-top:-1px; color:#dc2626; font-size:9px; font-weight:500; line-height:1.35; }
.licenseFormError { padding:9px 10px; border:1px solid color-mix(in srgb,#dc2626 42%,var(--color-border)); border-radius:9px; background:color-mix(in srgb,#dc2626 6%,var(--color-surface)); color:#dc2626; font-size:10px; line-height:1.45; }
.licenseFormError[hidden] { display:none; }
.licenseEmailToggle { min-height:62px; padding:10px 11px; display:grid !important; grid-template-columns:minmax(0,1fr) 36px !important; align-items:center !important; gap:12px !important; border:1px solid var(--color-border); border-radius:10px; background:var(--color-surface-muted); cursor:pointer; transition:border-color var(--motion-fast),background-color var(--motion-fast); }
.licenseEmailToggle:hover { border-color:var(--color-border-hover); background:var(--color-surface-raised); }
.licenseEmailToggle > span { min-width:0; display:grid; gap:2px; }
.licenseEmailToggle strong { color:var(--color-text); font-size:11px; font-weight:500; }
.licenseEmailToggle small { color:var(--color-muted); font-size:10px; font-weight:400; line-height:1.4; }
.licenseEmailToggle input { position:absolute; width:1px !important; height:1px !important; opacity:0; pointer-events:none; }
.licenseEmailToggle i { width:36px; height:22px; justify-self:end; position:relative; border:1px solid var(--color-border-hover); border-radius:var(--radius-full); background:var(--color-surface); transition:border-color var(--motion-fast),background-color var(--motion-fast); }
.licenseEmailToggle i::after { content:""; width:16px; height:16px; position:absolute; top:2px; left:2px; border-radius:50%; background:var(--color-muted); transition:transform var(--motion-fast),background-color var(--motion-fast); }
.licenseEmailToggle input:checked + i { border-color:var(--button-primary-border); background:var(--button-primary-bg); }
.licenseEmailToggle input:checked + i::after { transform:translateX(14px); background:var(--button-primary-text); }
.licenseEmailToggle:has(input:focus-visible) { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:var(--focus-ring); }
.confirmBackdrop { z-index:125; background:color-mix(in srgb,var(--color-overlay) 92%,transparent); }
.confirmDialog { width:min(400px,100%); overflow:visible; gap:10px; }
.confirmDialog h2 { padding-right:0; }
.confirmDialog .modalIntro { max-width:100%; margin:0; }
.confirmActions { margin-top:8px; display:flex; justify-content:flex-end; gap:8px; }
.confirmActions .button { min-width:96px; min-height:var(--button-height-lg); }
.confirmActions .button.danger { border-color:var(--color-border-hover); border-style:solid; background:var(--color-surface-muted); color:var(--color-text); }
.confirmActions .button.danger:hover { border-color:var(--color-text-soft); background:var(--color-surface-raised); }
.licenseHero { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-bottom:2px; }
.licenseHero > div { min-width:0; }
.licenseHero h2 { margin:3px 0 8px; overflow:hidden; font:500 18px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-.02em; }
.licenseEyebrow { color:var(--color-muted); font-size:10px; }
.licenseMeta { display:flex; align-items:center; gap:7px; color:var(--color-muted); font-size:11px; }
.licenseSection { margin-top:18px; padding-top:18px; }
.licenseReason { margin-top:8px; padding:9px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface-muted); }
.licenseReason span { color:var(--color-muted); font-size:10px; }
.licenseReason p { margin:3px 0 0; }
.licenseHistoryHead { margin-bottom:8px; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.licenseHistoryHead h3 { margin:0; }
.licenseHistoryHead small { color:var(--color-muted); font-size:9px; text-align:right; }
.domainHistoryList,.licenseTimeline { display:grid; border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; }
.domainHistoryItem,.licenseTimeline > div { min-height:48px; padding:8px 10px; display:grid; gap:2px; border-bottom:1px solid var(--color-border); }
.domainHistoryItem:last-child,.licenseTimeline > div:last-child { border-bottom:0; }
.domainHistoryItem span,.licenseTimeline span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:500; }
.domainHistoryItem > span,.licenseTimeline > div > span { display:flex; align-items:center; gap:7px; }
.domainHistoryItem small,.licenseTimeline small,.domainHistoryEmpty { color:var(--color-muted); font-size:10px; }
.domainHistoryIncident > span { display:flex; align-items:center; gap:7px; color:#dc2626; }
.domainHistoryIncidentMark { width:17px; height:17px; flex:0 0 17px; display:inline-grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; line-height:1; font-weight:600; }
.licenseHistoryCount { min-width:24px; height:18px; padding:0 5px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--color-border); border-radius:6px; background:var(--color-surface-muted); color:var(--color-text-soft); font-size:9px; font-weight:650; line-height:1; }
.domainHistoryEmpty { padding:12px; }
.drawerActionStack { position:sticky; bottom:-20px; z-index:5; margin:18px -20px -20px; padding:12px 20px max(14px,env(safe-area-inset-bottom)); display:flex; flex-wrap:wrap; gap:7px; border:0; border-top:1px solid var(--color-border); border-radius:0; background:var(--color-surface); box-shadow:none; backdrop-filter:none; }
.supportTicketHero { padding:20px 0 18px; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.supportTicketHeroMain { min-width:0; }
.supportTicketEyebrow { display:inline-flex; margin-bottom:7px; color:var(--color-muted); font-size:10px; font-weight:500; text-transform:uppercase; letter-spacing:.09em; }
.supportTicketHero h2 { margin:0 0 14px; max-width:500px; font-size:26px; line-height:1.15; letter-spacing:-.035em; }
.supportTicketHeroStatus { flex:0 0 auto; padding-top:2px; }
.supportCustomerLine { display:flex; align-items:center; gap:9px; }
.supportCustomerAvatar,.supportMessageAvatar { display:grid; place-items:center; border:1px solid var(--color-border); border-radius:50%; background:var(--color-surface); color:var(--color-muted); }
.supportCustomerAvatar { width:30px; height:30px; flex:0 0 30px; }
.supportCustomerLine > span:last-child { min-width:0; display:grid; gap:1px; }
.supportCustomerLine strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-text-soft); font-size:11px; font-weight:500; }
.supportCustomerLine small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-muted); font-size:10px; }
.supportTicketMeta { padding:12px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.supportTicketMeta > div { min-width:0; padding:2px 8px; display:grid; gap:4px; border-right:1px solid var(--color-border); }
.supportTicketMeta > div:last-child { border-right:0; }
.supportTicketMeta span { color:var(--color-muted); font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.supportTicketMeta strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:500; }
.supportConversationSection { padding:26px 0 0; }
.supportSectionHead { margin-bottom:10px; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.supportSectionHead > div { display:grid; gap:2px; }
.supportSectionHead span { color:var(--color-muted); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.supportSectionHead h3 { margin:0; font-size:15px; font-weight:500; letter-spacing:-.02em; }
.supportSectionHead small { color:var(--color-muted); font-size:10px; }
.supportConversationCanvas { min-height:220px; padding:18px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface-muted); }
.supportConversation { display:grid; gap:16px; }
.supportConversationEmpty { min-height:180px; display:grid; place-content:center; justify-items:center; gap:4px; color:var(--color-muted); text-align:center; }
.supportConversationEmpty strong { color:var(--color-text-soft); font-size:12px; font-weight:500; }
.supportConversationEmpty span { font-size:10px; }
.supportMessage { width:fit-content; max-width:88%; display:flex; align-items:flex-end; gap:8px; justify-self:start; }
.supportMessage.team { flex-direction:row-reverse; justify-self:end; }
.supportMessage.internal { width:100%; max-width:100%; padding:10px 12px; border:1px dashed var(--color-border); border-radius:var(--radius-lg); background:color-mix(in srgb,var(--color-surface) 70%,transparent); }
.supportMessageAvatar { width:28px; height:28px; flex:0 0 28px; }
.supportMessage.team .supportMessageAvatar { border-color:var(--color-strong); background:var(--color-strong); color:var(--color-on-strong); }
.supportMessageContent { min-width:0; display:grid; gap:5px; }
.supportMessage.team .supportMessageContent { justify-items:end; }
.supportMessageMeta { display:flex; align-items:center; gap:7px; color:var(--color-muted); font-size:9px; }
.supportMessageMeta strong { color:var(--color-text-soft); font-size:10px; font-weight:500; }
.supportMessageBubble { max-width:100%; padding:10px 12px; border:1px solid var(--color-border); border-radius:14px 14px 14px 5px; background:var(--color-surface); font-size:12px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; box-shadow:var(--shadow-sm); }
.supportMessage.team .supportMessageBubble { border-color:var(--color-strong); border-radius:14px 14px 5px 14px; background:var(--color-strong); color:var(--color-on-strong); }
.supportMessage.internal .supportMessageContent { width:100%; }
.supportMessage.internal .supportMessageBubble { padding:0; border:0; box-shadow:none; background:transparent; color:var(--color-text-soft); }
.supportInternalBadge { color:var(--color-muted); font-size:8px; text-transform:uppercase; letter-spacing:.07em; }
.supportControlsGrid { margin-top:14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.supportControlBar { margin-top:14px; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.supportControlsGrid .supportControlBar { margin-top:0; align-items:stretch; flex-direction:column; }
.supportControlBar > div:first-child { min-width:0; display:grid; gap:2px; }
.supportControlLabel { font-size:11px; font-weight:500; }
.supportControlBar small { color:var(--color-muted); font-size:9px; }
.supportControlActions { flex:0 0 auto; display:flex; align-items:center; gap:7px; }
.supportControlBar select { min-width:168px; min-height:34px; padding:6px 9px; border:1px solid var(--color-border); border-radius:var(--radius-md); outline:0; background:var(--color-surface); color:var(--color-text); font-size:11px; transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.supportControlBar select:hover { border-color:var(--color-border-hover); }
.supportControlBar select:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.supportControlsGrid .supportControlActions { width:100%; }
.supportControlsGrid .supportControlBar select { flex:1; min-width:0; }
.supportReplyComposer { margin-top:14px; padding:16px; display:grid; gap:12px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); box-shadow:none; }
.supportReplyHeader { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.supportReplyHeader > div { min-width:0; display:grid; gap:2px; }
.supportReplyComposer strong { font-size:12px; font-weight:500; }
.supportReplyComposer span { color:var(--color-muted); font-size:9px; }
.supportPublicBadge { flex:0 0 auto; padding:3px 7px; border:1px solid var(--color-border); border-radius:var(--radius-full); background:var(--color-surface-muted); text-transform:uppercase; letter-spacing:.06em; }
.supportReplyComposer textarea { width:100%; min-height:104px; padding:12px; resize:vertical; border:1px solid var(--color-border); border-radius:var(--radius-lg); outline:0; background:var(--color-surface-muted); color:var(--color-text); font:inherit; font-size:12px; line-height:1.55; transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.supportReplyComposer textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); background:var(--color-surface); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }
.supportReplyActions { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.supportReplyActions .button { display:inline-flex; align-items:center; gap:5px; }
.supportClosedCallout { margin-top:14px; }
.supportDangerZone { margin-top:14px; padding:14px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.supportDangerZone > div { min-width:0; display:grid; gap:2px; }
.supportDangerZone strong { font-size:11px; font-weight:500; }
.supportDangerZone span { color:var(--color-muted); font-size:9px; }
.supportDangerZone .button { flex:0 0 auto; }

@media (max-width:720px) {
  .supportDrawer .drawerBody { padding-inline:16px; }
  .supportTicketMeta { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .supportTicketMeta > div { border-right:0; }
  .supportMessage { max-width:94%; }
  .supportControlsGrid { grid-template-columns:1fr; }
  .supportControlBar { align-items:stretch; flex-direction:column; }
  .supportControlActions { width:100%; }
  .supportControlActions select { flex:1; min-width:0; }
  .supportReplyActions { align-items:stretch; flex-direction:column; }
  .supportReplyActions .button { justify-content:center; }
  .supportDangerZone { align-items:stretch; flex-direction:column; }
  .supportDangerZone .button { width:100%; justify-content:center; }
}
.productDrawer .drawerBody { flex:1; min-height:0; overflow:hidden; padding:0 28px; }
.productEditor { height:100%; min-height:0; display:flex; flex-direction:column; }
.productEditorHero { padding:20px 0 16px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.productEditorHero > div:first-child { min-width:0; }
.productEditorEyebrow { display:block; margin-bottom:5px; color:var(--color-muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.productEditorHero h2 { margin:0 0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:26px; }
.productEditorHero p { margin:0; color:var(--color-muted); font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace; }
.productEditorHeroMeta { flex:0 0 auto; display:flex; align-items:center; gap:10px; }
.productEditorHeroMeta strong { font-size:16px; font-weight:500; letter-spacing:-.02em; }
.productEditorTabs { flex:0 0 auto; margin:0 -28px; padding:0 28px 14px; border-bottom:1px solid var(--color-border); background:var(--color-surface); }
.productDrawer .tabs { overflow:visible; flex-wrap:wrap; gap:6px; margin:0; }
.productDrawer .tab { min-height:34px; padding:0 13px; }
.productEditorPane { flex:1; min-height:0; overflow:auto; padding-bottom:24px; scrollbar-width:thin; }
.productEditorSection { margin-top:0; padding:24px 0 0; border-top:0; }
.productSectionHead { margin-bottom:18px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.productSectionHead > div { min-width:0; }
.productSectionHead span { display:block; margin-bottom:4px; color:var(--color-muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.productSectionHead h3 { margin:0 0 5px; font-size:16px; font-weight:500; letter-spacing:-.02em; }
.productSectionHead p { margin:0; color:var(--color-muted); font-size:11px; }
.productSectionHeadAction { align-items:center; }
.productEditorForm { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.productEditorForm label { min-width:0; display:grid; align-content:start; gap:7px; color:var(--color-text-soft); font-size:11px; font-weight:500; }
.productEditorForm .spanTwo { grid-column:1/-1; }
.productEditorForm input,
.productEditorForm select,
.productEditorForm textarea { width:100%; min-width:0; min-height:42px; padding:9px 11px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); color:var(--color-text); outline:0; transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.productEditorForm textarea { min-height:96px; resize:vertical; line-height:1.5; }
.productEditorForm input:focus,
.productEditorForm select:focus,
.productEditorForm textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text) 6%,transparent); }

.productCreationWorkspace { min-width:0; }
.productSaasWorkspace { min-width:0; }
.workspaceCanvas > .productSaasWorkspace { box-shadow:none; }
.productSaasPane { scrollbar-width:none; }
.productSaasPane::-webkit-scrollbar { display:none; width:0; height:0; }
#adminPortal .productEditorPane.productSaasPane { scrollbar-width:none; -ms-overflow-style:none; }
#adminPortal .productEditorPane.productSaasPane::-webkit-scrollbar { display:none; width:0; height:0; }
.productSaasEditor { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,280px); align-items:start; gap:14px; }
.productSaasMain { min-width:0; display:grid; gap:12px; }
.productEditorCard { min-width:0; margin:0; padding:18px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.productEditorCard.productEditorSection { padding:18px; }
.productEditorCard .productSectionHead,
.productEditorCard .formSectionHead { margin-bottom:16px; }
.productEditorCard .formSectionHead { padding-bottom:14px; }
.productSaasRail { min-width:0; position:sticky; top:14px; align-self:start; display:grid; gap:10px; }
.productRailCard { min-width:0; padding:14px; display:grid; gap:10px; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); }
.productRailCard > span { color:var(--color-muted); font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.08em; }
.productRailCard > label { min-width:0; display:grid; gap:6px; color:var(--color-text-soft); font-size:10px; font-weight:500; }
.productRailCard input,
.productRailCard select { width:100%; min-width:0; min-height:40px; padding:8px 10px; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); }
.productRailCard input:hover:not(:disabled),
.productRailCard select:hover:not(:disabled) { border-color:var(--color-border-hover); }
.productRailCard input:focus,
.productRailCard select:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:var(--focus-ring); }
.productRailCard input:disabled,
.productRailCard select:disabled { cursor:not-allowed; background:var(--color-surface-muted); color:var(--color-muted); opacity:.68; }
.productRailCard > small,
.productRailCard > p { margin:0; color:var(--color-muted); font-size:10px; line-height:1.5; }
.productRailCard > strong { font-size:12px; font-weight:550; }
.productPublicationCard { background:color-mix(in srgb,var(--color-surface-muted) 48%,var(--color-surface)); }
.productAccessCard { align-content:start; }
.productCreationWorkspace .productCreateActions { position:sticky; bottom:12px; z-index:4; margin-top:12px; padding:12px 14px; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface); }
.productCreationWorkspace .productCreateActions .button { min-width:160px; }
.productDrawer .productSaasEditor { grid-template-columns:1fr; }
.productDrawer .productSaasRail { position:static; grid-template-columns:1fr; }

/* Shared premium control language */
:where(.workspaceForm,.modalCard,.adminSheetBody,.communityComposerSheet,.productEditorForm,.settingsCard,.supportControlBar) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
.supportReplyComposer textarea {
  border-color:var(--color-border);
  border-radius:var(--radius-md);
  background:var(--color-surface);
  color:var(--color-text);
  outline:0;
  box-shadow:none;
  transition:border-color var(--motion-fast),background-color var(--motion-fast),box-shadow var(--motion-fast);
}
:where(.workspaceForm,.modalCard,.adminSheetBody,.communityComposerSheet,.productEditorForm,.settingsCard,.supportControlBar) :where(input:not([type="checkbox"]):not([type="radio"]),select):not([type="file"]) {
  min-height:40px;
}
:where(.workspaceForm,.modalCard,.adminSheetBody,.communityComposerSheet,.productEditorForm,.settingsCard,.supportControlBar) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):hover:not(:disabled),
.supportReplyComposer textarea:hover:not(:disabled) { border-color:var(--color-border-hover); }
:where(.workspaceForm,.modalCard,.adminSheetBody,.communityComposerSheet,.productEditorForm,.settingsCard,.supportControlBar) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus,
.supportReplyComposer textarea:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); background:var(--color-surface); box-shadow:var(--focus-ring); }
:where(.workspaceForm,.modalCard,.adminSheetBody,.communityComposerSheet,.productEditorForm,.settingsCard,.supportControlBar) :where(input,select,textarea):disabled,
.supportReplyComposer textarea:disabled { cursor:not-allowed; border-color:var(--color-border); background:var(--color-surface-muted); color:var(--color-muted); opacity:.68; box-shadow:none; }
:where(.workspaceForm,.modalCard,.adminSheetBody,.communityComposerSheet,.productEditorForm,.settingsCard,.supportControlBar,.supportReplyComposer) :where(input,textarea)::placeholder { color:var(--color-muted); opacity:.72; }
.productEditorFooter { flex:0 0 auto; padding:14px 0 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--color-border); background:var(--color-surface); }
.productEditorFooter > div { min-width:0; display:grid; gap:2px; }
.productEditorFooter strong { font-size:12px; font-weight:500; }
.productEditorFooter small { color:var(--color-muted); font-size:10px; }
.productEditorFooter .button { min-width:148px; }
.productUploadGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.productUploadCard { min-width:0; padding:14px; display:grid; align-content:start; gap:12px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.productUploadCard > div { display:grid; gap:3px; }
.productUploadLabel { font-size:12px; font-weight:500; }
.productUploadCard small { color:var(--color-muted); font-size:10px; line-height:1.4; }
.productFilePicker { min-width:0; display:grid; gap:6px; color:var(--color-muted); font-size:10px; }
.productFilePicker input { width:100%; min-width:0; padding:7px; border:1px dashed var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); font-size:10px; }
.productMediaLibrary { margin-top:22px; padding-top:18px; border-top:1px solid var(--color-border); }
.productMediaLibrary > h3 { margin-bottom:10px; }

.productMediaEditor { padding-top:20px; }
.productMediaEditor > .productSectionHead { margin-bottom:16px; }
.productMediaEditor .productUploadGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.productMediaEditor .productUploadCard { padding:14px; gap:10px; background:var(--color-surface); }
.productMediaEditor .productUploadCard-gallery { grid-column:1/-1; }
.productMediaEditor .productUploadCard > .button { width:100%; }
.productCreationMediaCard { display:grid; gap:0; }
.productCreationMediaGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.productCreationMediaGrid > .productMediaPicker[data-media-kind="gallery"] { grid-column:1/-1; }
.productCreationMediaCard > .modalIntro { margin:12px 0 0; line-height:1.5; }
.productMediaPicker { min-width:0; display:grid; gap:10px; }
.productMediaPickerHead { min-width:0; display:grid; gap:3px; }
.productMediaPickerHead strong { color:var(--color-text); font-size:12px; font-weight:550; }
.productMediaPickerHead small { color:var(--color-muted); font-size:10px; line-height:1.45; }
.productMediaDropzone {
  position:relative;
  min-height:132px;
  padding:18px 14px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  overflow:hidden;
  border:1px dashed color-mix(in srgb,var(--color-border-hover) 72%,var(--color-border));
  border-radius:11px;
  background:color-mix(in srgb,var(--color-surface-muted) 56%,var(--color-surface));
  color:var(--color-text-soft);
  text-align:center;
  cursor:pointer;
  transition:border-color var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast);
}
.productMediaDropzone:hover:not(.is-disabled) {
  border-color:color-mix(in srgb,var(--color-text) 24%,var(--color-border));
  background:var(--color-surface-muted);
  color:var(--color-text);
}
.productMediaDropzone.is-dragover:not(.is-disabled) {
  border-color:color-mix(in srgb,var(--color-text) 34%,var(--color-border));
  background:color-mix(in srgb,var(--color-surface-muted) 82%,var(--color-surface));
  color:var(--color-text);
}
.productMediaDropzone.is-dragover:not(.is-disabled) .productMediaDropIcon {
  border-color:var(--color-border-hover);
  background:var(--color-surface);
  color:var(--color-text);
}
.productMediaDropzone:has(input:focus-visible) {
  outline:2px solid color-mix(in srgb,var(--color-text) 34%,var(--color-border));
  outline-offset:2px;
  border-color:var(--color-border-hover);
}
.productMediaDropzone.is-disabled {
  cursor:not-allowed;
  border-style:dashed;
  background:var(--color-surface-muted);
  color:var(--color-muted);
  opacity:.58;
}
.productMediaDropzone > input[type="file"] {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  opacity:0;
  cursor:pointer;
}
.productMediaDropzone.is-disabled > input[type="file"] { cursor:not-allowed; }
.productMediaDropIcon {
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid var(--color-border);
  border-radius:9px;
  background:var(--color-surface);
  color:var(--color-muted);
}
.productMediaDropzone > strong { font-size:11px; font-weight:550; line-height:1.35; }
.productMediaDropzone > small { max-width:240px; color:var(--color-muted); font-size:9px; line-height:1.4; }
.productMediaCurrent {
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--color-border);
  border-radius:11px;
  background:var(--color-surface-muted);
}
.productMediaCurrent img {
  width:100%;
  height:112px;
  display:block;
  object-fit:cover;
  background:var(--color-surface-muted);
}
.productMediaCurrent small {
  position:absolute;
  left:8px;
  bottom:8px;
  min-height:22px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  border:1px solid var(--color-border);
  border-radius:7px;
  background:var(--color-surface);
  color:var(--color-text-soft);
  font-size:9px;
}
.productMediaPicker[data-media-kind="cover"] .productMediaCurrent img { height:180px; }
.productMediaPicker[data-media-kind="logo"] .productMediaCurrent img { height:112px; object-fit:contain; padding:18px; }
.productMediaSelectionPreview {
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.productMediaSelectionPreview:empty { display:none; }
.productMediaPicker[data-media-kind="gallery"] .productMediaSelectionPreview { grid-template-columns:repeat(4,minmax(0,1fr)); }
.productMediaSelectionItem {
  min-width:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:82px auto;
  border:1px solid var(--color-border);
  border-radius:9px;
  background:var(--color-surface);
}
.productMediaSelectionItem > img {
  width:100%;
  height:82px;
  display:block;
  object-fit:cover;
  border-bottom:1px solid var(--color-border);
  background:var(--color-surface-muted);
}
.productMediaSelectionItem > span {
  min-width:0;
  padding:7px 8px;
  display:grid;
  gap:2px;
}
.productMediaSelectionItem strong,
.productMediaSelectionItem small {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.productMediaSelectionItem strong { font-size:9px; font-weight:550; }
.productMediaSelectionItem small { color:var(--color-muted); font-size:8px; }
.productMediaPicker[data-media-kind="cover"] .productMediaSelectionPreview,
.productMediaPicker[data-media-kind="logo"] .productMediaSelectionPreview { grid-template-columns:1fr; }
.productMediaPicker[data-media-kind="cover"] .productMediaSelectionItem { grid-template-rows:148px auto; }
.productMediaPicker[data-media-kind="cover"] .productMediaSelectionItem > img { height:148px; }
.productMediaPicker[data-media-kind="logo"] .productMediaSelectionItem { grid-template-columns:78px minmax(0,1fr); grid-template-rows:auto; align-items:center; }
.productMediaPicker[data-media-kind="logo"] .productMediaSelectionItem > img { width:78px; height:78px; border:0; border-right:1px solid var(--color-border); object-fit:contain; padding:10px; }
.productMediaSelectionEmpty { grid-column:1/-1; min-height:30px; display:flex; align-items:center; color:var(--color-muted); font-size:9px; }
.productMediaLibrary { margin-top:24px; padding-top:20px; }
.productMediaLibrary > .productSectionHead { margin-bottom:12px; }
.productMediaAssetList {
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.productDrawer .productMediaAssetList { grid-template-columns:repeat(2,minmax(0,1fr)); }
.productMediaAssetItem {
  min-width:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:112px auto auto;
  border:1px solid var(--color-border);
  border-radius:10px;
  background:var(--color-surface);
}
.productMediaAssetItem > img {
  width:100%;
  height:112px;
  display:block;
  object-fit:cover;
  border-bottom:1px solid var(--color-border);
  background:var(--color-surface-muted);
}
.productMediaAssetMeta { min-width:0; padding:9px 10px 7px; display:grid; gap:2px; }
.productMediaAssetMeta strong,
.productMediaAssetMeta small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.productMediaAssetMeta strong { font-size:10px; font-weight:550; }
.productMediaAssetMeta small { color:var(--color-muted); font-size:8px; }
.productMediaAssetItem > .rowActions {
  padding:0 8px 8px;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.productMediaAssetItem > .rowActions a,
.productMediaAssetItem > .rowActions button { min-height:28px; padding:0 8px; font-size:9px; }
.productMediaAssetList,
.productMediaSelectionPreview { scrollbar-width:none; }
.productMediaAssetList::-webkit-scrollbar,
.productMediaSelectionPreview::-webkit-scrollbar { display:none; width:0; height:0; }
.productAccessTags { padding:0; margin-bottom:12px; }
.productInfoCallout { padding:14px; display:grid; gap:4px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.productInfoCallout + .productInfoCallout { margin-top:10px; }
.productInfoCallout strong { font-size:12px; font-weight:500; }
.productInfoCallout p { margin:0; color:var(--color-muted); font-size:11px; }
.productMetricGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.productMetricGrid article { padding:16px; display:grid; gap:6px; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface-muted); }
.productMetricGrid span { color:var(--color-muted); font-size:11px; }
.productMetricGrid strong { font-size:22px; font-weight:500; letter-spacing:-.03em; }
.visuallyHidden { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.academyCurriculum { grid-template-columns:1fr; }
.academyModuleCard { background:var(--color-surface); }
.academyModuleCard .compactList { border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; }
.academyLessonRow { flex-wrap:wrap; align-items:flex-start; }
.academyLessonRow > .rowActions { flex:0 0 auto; }
.academyLessonRow > .productFileList { flex:1 0 100%; width:100%; margin-top:6px; }
.academyLessonRow > .productFileList .compactRow { padding-inline:8px; }
.modalClose { position:absolute; top:12px; right:12px; width:32px; height:32px; border:1px solid transparent; border-radius:var(--radius-md); background:var(--color-surface-muted); color:var(--color-text-soft); }
.modalClose:hover { border-color:var(--color-border-hover); background:var(--color-surface); box-shadow:none; }
.commandPalette { width:min(620px,calc(100vw - 32px)); overflow:hidden; border:1px solid color-mix(in srgb,var(--color-border) 88%,var(--color-text) 3%); border-radius:var(--radius-xl); background:color-mix(in srgb,var(--color-surface) 98%,var(--color-surface-raised)); box-shadow:0 20px 64px color-mix(in srgb,#000 15%,transparent),0 1px 4px color-mix(in srgb,#000 5%,transparent); animation:modalIn 170ms var(--ease-emphasized) both; }
.commandInput { height:52px; padding:0 14px; display:flex; align-items:center; gap:9px; border-bottom:1px solid color-mix(in srgb,var(--color-border) 88%,transparent); color:var(--color-muted); }
.commandInput input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--color-text); font-size:13px; }
.commandInput input::placeholder { color:var(--color-muted); opacity:.78; }
.commandInput kbd,.commandFooter kbd { min-width:22px; padding:1px 5px; border:1px solid var(--color-border); border-radius:5px; background:var(--color-surface-muted); color:var(--color-muted); font-family:inherit; font-size:9px; font-weight:500; line-height:16px; text-align:center; }
.commandResults { max-height:360px; overflow:auto; padding:6px; }
.commandResults button { width:100%; min-height:42px; padding:6px 8px; display:grid; grid-template-columns:70px minmax(0,1fr) 16px; align-items:center; gap:9px; border:1px solid transparent; border-radius:8px; background:transparent; text-align:left; cursor:pointer; transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast); }
.commandResults button:hover,.commandResults button:focus-visible { outline:0; border-color:color-mix(in srgb,var(--color-border) 72%,transparent); background:var(--color-surface-muted); }
.commandResults button span { color:var(--color-muted); font-size:10px; }
.commandResults button strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:500; }
.commandResults button > svg { justify-self:end; color:var(--color-muted); opacity:.58; }
.commandEmpty { margin:0; padding:28px 16px; color:var(--color-muted); font-size:11px; text-align:center; }
.commandFooter { min-height:36px; padding:7px 10px; display:flex; align-items:center; gap:14px; border-top:1px solid var(--color-border); background:color-mix(in srgb,var(--color-surface-muted) 72%,var(--color-surface)); color:var(--color-muted); font-size:9px; }
.commandFooter span { display:inline-flex; align-items:center; gap:4px; }
.toast {
  --toast-x:0%;
  position:fixed;
  right:24px;
  top:70px;
  z-index:140;
  max-width:min(520px,calc(100vw - 32px));
  min-height:44px;
  padding:6px 12px 6px 7px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid var(--color-border-hover);
  border-radius:var(--radius-xl);
  background:var(--color-surface-raised);
  color:var(--color-text);
  box-shadow:0 12px 32px color-mix(in srgb,#000 13%,transparent),var(--shadow-sm);
  font-size:12px;
  font-weight:500;
  opacity:1;
  transform:translateX(var(--toast-x)) translateY(0);
  animation:toastDropIn 190ms var(--ease-emphasized) both;
  transition:opacity 170ms ease,transform 190ms var(--ease-emphasized);
  will-change:transform,opacity;
}
.toast.toastLeaving { opacity:0; transform:translateX(var(--toast-x)) translateY(-10px); pointer-events:none; animation:none; }
html.adminPushPanelOpen .toast { right:calc(var(--admin-drawer-width) + 24px); }
.toastIcon { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); color:var(--color-text-soft); }
.toast[data-tone="error"] { border-style:dashed; }
.toast[data-tone="error"] .toastIcon { color:var(--color-text); }
.toast[data-tone="success"] .toastIcon { background:var(--control-selected-bg); color:var(--control-selected-text); }
.toastMessage { min-width:0; line-height:1.35; }
.writeBusyStatus { position:fixed; right:16px; bottom:16px; z-index:145; min-height:34px; padding:6px 9px; display:inline-flex; align-items:center; gap:8px; border:1px solid var(--color-border-hover); border-radius:var(--radius-lg); background:var(--color-surface-raised); color:var(--color-text-soft); box-shadow:0 10px 28px color-mix(in srgb,#000 10%,transparent),var(--shadow-sm); font-size:10px; }
.writeBusyStatus strong { font-weight:500; }
.writeBusyStatus > span,
[data-write-pending="true"]::before { width:12px; height:12px; flex:0 0 12px; content:""; border:1.5px solid color-mix(in srgb,currentColor 28%,transparent); border-top-color:currentColor; border-radius:50%; animation:adminSpin .7s linear infinite; }
[data-write-pending="true"] { gap:7px; }
html.adminWriteBusy { cursor:progress; }
body.overlayOpen { overflow:hidden; }
@keyframes adminFade { from{opacity:0} to{opacity:1} }
@keyframes adminRouteExit { from{opacity:1;transform:translateY(0) scale(1)} to{opacity:.78;transform:translateY(2px) scale(.998)} }
@keyframes adminRouteEnter { from{opacity:.52;transform:translateY(5px) scale(.997)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes modalIn { from{opacity:0;transform:translateY(8px) scale(.988)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes toastDropIn { from{opacity:0;transform:translateX(var(--toast-x)) translateY(-10px)} to{opacity:1;transform:translateX(var(--toast-x)) translateY(0)} }
@keyframes drawerIn { from{transform:translateX(18px);opacity:.5} to{transform:translateX(0);opacity:1} }
@keyframes adminSpin { to{transform:rotate(360deg)} }
@keyframes pushPanelIn { from{transform:translateX(calc(100% + var(--space-3)));opacity:.82} to{transform:translateX(0);opacity:1} }
@keyframes pushPanelOut { from{transform:translateX(0);opacity:1} to{transform:translateX(calc(100% + var(--space-3)));opacity:.72} }
@keyframes skeletonPulse { 0%,100%{background-position:0 0} 50%{background-position:100% 0} }

html[data-theme="dark"] .metricCard,
html[data-theme="dark"] .manageTile,
html[data-theme="dark"] .planCard,
html[data-theme="dark"] .integrationCard,
html[data-theme="dark"] .settingsCard,
html[data-theme="dark"] .modalCard,
html[data-theme="dark"] .commandPalette,
html[data-theme="dark"] .inspectorDrawer,
html[data-theme="dark"] .drawerTop,
html[data-theme="dark"] .workspaceCanvas > .productEditor,
html[data-theme="dark"] .customerWorkspace,
html[data-theme="dark"] .workspaceFormCard,
html[data-theme="dark"] .adminSheet,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .leadCard { background:var(--color-surface-raised); }
html[data-theme="dark"] .workspaceCanvas > .productEditor .productEditorHero,
html[data-theme="dark"] .workspaceCanvas > .productEditor .productEditorTabs,
html[data-theme="dark"] .workspaceCanvas > .productEditor .productEditorPane,
html[data-theme="dark"] .workspaceCanvas > .productEditor .productEditorFooter { background:var(--color-surface-raised); }
html[data-theme="dark"] .modalCard,
html[data-theme="dark"] .commandPalette { border-color:var(--color-border-hover); box-shadow:0 20px 64px color-mix(in srgb,#000 46%,transparent),0 1px 4px color-mix(in srgb,#000 26%,transparent); }
html[data-theme="dark"] .communityComposerSheet { background:var(--color-surface-raised); box-shadow:-18px 0 52px color-mix(in srgb,#000 48%,transparent); }
html[data-theme="dark"] .adminSheet { box-shadow:-18px 0 52px color-mix(in srgb,#000 48%,transparent); }
html[data-theme="dark"].adminPushSheetOpen .communityComposerSheet,
html[data-theme="dark"].adminPushSheetOpen .adminSheet,
html[data-theme="dark"].adminPushPanelClosing .communityComposerSheet,
html[data-theme="dark"].adminPushPanelClosing .adminSheet { box-shadow:none; }
html[data-theme="dark"] .filterPopover { border-color:var(--color-border-hover); box-shadow:0 18px 50px color-mix(in srgb,#000 54%,transparent); }

@media (prefers-reduced-motion: reduce) {
  .adminContent.adminRouteExit,
  .adminContent.adminRouteEnter { animation:none; filter:none; }
  .adminMain { transition:none !important; }
  .inspectorDrawer,
  .adminSheet,
  .communityComposerSheet,
  .inspectorDrawer > .drawerTop,
  .inspectorDrawer > .drawerBody,
  .adminSheet > .adminSheetHeader,
  .adminSheet > .adminSheetBody,
  .adminSheet > .adminSheetFooter,
  .adminSheet > .adminSheetClose,
  .communityComposerSheet > .communitySheetHeader,
  .communityComposerSheet > .communitySheetBody,
  .communityComposerSheet > .communitySheetFooter,
  .communityComposerSheet > .communitySheetClose { animation:none !important; filter:none !important; transform:none !important; opacity:1 !important; }
  .lineChartLine { animation:none; stroke-dashoffset:0; }
  .lineChartArea { animation:none; opacity:1; }
}

@media (max-width:1180px) {
  .dashboardGrid { grid-template-columns:1fr 300px; }
  .metricStrip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .summaryGrid.six { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .integrationGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tileGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:1024px) {
  .adminBootSidebar { display:none; }
  .adminBootMain { width:100%; padding:0; }
  .adminBootTopbar { border-radius:0; border-left:0; border-right:0; }
  .adminBootContent { min-height:calc(100dvh - 50px); border:0; border-radius:0; }
  :root { --sidebar-width:224px; }
  .adminSidebar { transform:translateX(-100%); transition:transform var(--motion-base); box-shadow:var(--shadow-lg); }
  .adminSidebar.open { transform:translateX(0); }
  .searchTrigger { width:100%; margin-inline:0; }
  .adminMain { width:100%; height:100dvh; margin-left:0; padding:0; }
  .adminSurface { height:100dvh; min-height:0; border-radius:0; border-width:0; }
  html.adminPushPanelOpen .adminMain { width:100%; }
  html.adminPushPanelOpen .toast { right:12px; }
  .inspectorDrawer,
  .inspectorDrawer.licenseDrawer,
  .inspectorDrawer.supportDrawer,
  .inspectorDrawer.productDrawer { width:100%; max-width:none; border-left:0; }
  .adminSheet,
  .communityComposerSheet { width:100%; max-width:none; border-left:0; }
  .mobileMenu { display:grid; }
  .mobileOverlay { position:fixed; inset:0; z-index:35; display:block; border:0; background:var(--color-overlay); opacity:0; pointer-events:none; transition:opacity var(--motion-base); }
  .mobileOverlay.open { opacity:1; pointer-events:auto; }
  .adminContent { width:100%; max-width:none; padding:24px 18px 48px; }
  .dashboardGrid,.twoCol { grid-template-columns:1fr; }
  .dashboardRail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboardRail .adminPanel:last-child { grid-column:1/-1; }
  .pipelineStrip { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:900px) {
  .settingsHubCards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .emailTestLayout { grid-template-columns:1fr; }
  .emailTestControls { order:0; }
  .emailTestPreviewPanel { order:1; }
  .agentSettingsLayout { grid-template-columns:1fr; }
  .agentTrainingRail { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agentMemoryCard { max-height:440px; }
  .agentMemoryWorkspace { grid-template-columns:1fr; }
  .agentTrainerRail { position:static; }
  .productSaasEditor { grid-template-columns:1fr; }
  .productSaasRail { position:static; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .productMediaAssetList { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .productMediaPicker[data-media-kind="gallery"] .productMediaSelectionPreview { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:600px) {
  .adminBootContent { padding:22px 14px; }
  .bootMetricGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bootPanelGrid { grid-template-columns:1fr; }
  .bootPanel { height:230px; }
  .bootTopAction { width:54px; }
  .bootTitle { width:68%; }
  .bootSubtitle { width:92%; }
  .modalBackdrop:not(.drawerBackdrop):not(.communitySheetBackdrop):not(.adminSheetBackdrop) { padding:12px; }
  .searchBackdrop { padding-top:64px; }
  .modalCard { width:100%; max-height:calc(100dvh - 24px); padding:20px 18px; border-radius:var(--radius-xl); }
  .modalCard.keyEditModal,.communityComposerModal { width:100%; }
  .communityComposerSheet { width:100%; border-left:0; }
  .adminSheet { width:100%; border-left:0; }
  .communitySheetHeader { padding:18px 54px 15px 18px; }
  .communitySheetBody { padding:18px 18px 26px; }
  .communitySheetFooter { padding:12px 14px 14px; }
  .communitySheetGrid { grid-template-columns:1fr; }
  .adminSheetHeader { padding:18px 54px 15px 18px; }
  .adminSheetBody { padding:18px 18px 26px; }
  .adminSheetFooter { padding:12px 14px 14px; }
  .adminSheetFooter .button { flex:1; }
  .modalClose { top:10px; right:10px; }
  .agentSettingsGrid,.agentContextOptions,.agentTrainingRail { grid-template-columns:1fr; }
  .agentSettingsMain > .agentSettingsCard { padding:18px 16px 20px; }
  .agentSettingsSectionHead { flex-direction:column; }
  .agentMasterToggle { width:100%; min-width:0; }
  .agentSpanTwo { grid-column:auto; }
  .agentNumberGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agentContextOptions > label,
  .agentContextOptions > label:nth-child(3n),
  .agentContextOptions > label:nth-last-child(-n+3) { border-right:0; border-bottom:1px solid var(--color-border); }
  .agentContextOptions > label:last-child { border-bottom:0; }
  .agentSettingsPage { width:100%; }
  .agentSettingsPage .pageHead { margin-bottom:14px; }
  .agentOperationalNotice { margin-top:-2px; align-items:flex-start; flex-wrap:wrap; }
  .agentOperationalNotice .button { width:100%; justify-content:center; }
  .agentPowerButton small { display:none; }
  .agentSettingsTabs { margin-inline:-2px; }
  .agentSettingsTabs .tabs { gap:14px; }
  .agentSettingsSurface { padding:18px 16px 20px; border-radius:13px; }
  .agentSectionIntro { flex-direction:column; gap:12px; }
  .agentLearningActions { width:100%; align-items:stretch; }
  .agentCompactButton { width:100%; justify-content:center; }
  .agentCompactionStatus { margin-top:0; }
  .agentMemorySectionHead { align-items:flex-start; flex-direction:column; gap:2px; }
  .agentLockedRuleBadge { justify-self:start; }
  .agentSettingsSurface .agentNumberGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agentSettingsSurface .agentContextOptions { grid-template-columns:1fr; }
  .agentConfigGridTwo { grid-template-columns:1fr; }
  .agentConfigCard { padding:14px; }
  .agentConfigSummary { justify-content:flex-start; }
  .agentConfigActions { margin:18px -16px -20px; padding:12px 16px; align-items:stretch; flex-direction:column; }
  .agentConfigActions .button { width:100%; }
  .agentConfigAdvancedBody .agentNumberGrid { grid-template-columns:1fr; }
  .agentSettingsPane .agentMemoryItem { grid-template-columns:1fr; gap:10px; }
  .agentSettingsPane .agentMemoryItem .rowActions { justify-content:flex-start; flex-wrap:wrap; }
  .agentAdminChat { height:clamp(500px,calc(100dvh - 330px),620px); min-height:500px; border-radius:13px; }
  .agentAdminChatHead { padding:11px 12px; gap:8px; }
  .agentAdminChatHead small { display:none; }
  .agentAdminChatHeadActions { gap:5px; }
  .agentAdminChatHeadActions .button { min-height:30px; padding:0 8px; font-size:9px; }
  .agentAdminHistoryMenu { width:calc(100% - 16px); right:8px; top:calc(100% - 4px); }
  .agentAdminHistoryItem strong { max-width:210px; }
  .agentAdminChatMessages { padding:20px 14px; gap:18px; }
  .agentAdminMessage.user .agentAdminMessageText { max-width:92%; }
  .agentAdminComposer { width:calc(100% - 16px); margin:0 8px 8px; }
  .agentAdminComposerMeta small:last-child { display:none; }
  .agentAdminChatError { width:calc(100% - 16px); margin-bottom:8px; align-items:flex-start; }
  .agentAdminPromptHints { flex-direction:column; width:100%; }
  .agentAdminPromptHints button { width:100%; }
  .agentSecuritySurface { padding:0; gap:14px; }
  .agentSecurityIntro { align-items:flex-start; }
  .agentSecurityRefreshButton { width:100%; justify-content:center; }
  .agentSecurityStats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agentSecurityStats article { min-height:68px; padding:11px 12px; }
  .agentSecurityWorkspace { min-height:0; grid-template-columns:1fr; }
  .agentSecurityQueue { border-right:0; border-bottom:1px solid var(--color-border); }
  .agentSecurityList { max-height:260px; }
  .agentSecurityDetail { min-height:420px; }
  .agentSecurityDetail > header { align-items:flex-start; flex-direction:column; }
  .agentSecurityReason { max-width:100%; text-align:left; }
  .agentSecurityMeta { padding:0 14px; grid-template-columns:1fr; }
  .agentSecurityMeta > div,.agentSecurityMeta > div + div { min-height:48px; padding:9px 0; border-right:0; border-bottom:1px solid var(--color-border); }
  .agentSecurityMeta > div:last-child { border-bottom:0; }
  .agentSecurityMessages { max-height:360px; padding:18px 14px; }
  .agentSecurityMessage { width:94%; }
  .agentSecurityZero { min-height:140px; padding:20px 16px; align-items:flex-start; justify-content:flex-start; }
  .agentSecurityRetentionNote { align-items:flex-start; }
  .agentTopicEditor { align-items:flex-start; }
  .commandPalette { width:100%; border-radius:var(--radius-xl); }
  .accountButton { min-height:48px; margin-top:6px; }
  .accountArea > .accountPopover,
  [data-account-popover] > .accountPopover { left:0; right:0; bottom:calc(100% + 8px); max-width:none; }
  .topSearch { display:none; }
  .crumbs > span,.crumbs > svg { display:none; }
  .adminContent { padding:20px 12px 40px; }
  .pageHead { align-items:flex-start; }
  .pageHead > div:first-child { width:100%; }
  .pageHead > .button,.pageHead > .buttonGroup { width:100%; }
  .pageHead > .buttonGroup .button { flex:1; }
  .pageTitle { font-size:28px; }
  .summaryGrid,.summaryGrid.three,.summaryGrid.six,.metricStrip,.metricStrip.compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboardRail,.tileGrid,.integrationGrid,.settingsGrid,.planGrid { grid-template-columns:1fr; }
  .settingsHubPage { max-width:none; }
  .settingsHub { gap:14px; }
  .settingsHubGroup { padding:16px; border-radius:13px; }
  .settingsHubCards { grid-template-columns:1fr; }
  .settingsNavCard { min-height:0; }
  .emailTestsPage { width:100%; max-width:none; }
  .emailTestActions { grid-template-columns:1fr; }
  .emailTestPreviewPanel > header { align-items:flex-start; flex-direction:column; }
  .emailTestPreviewPanel > header .button { width:100%; }
  .emailPreviewViewport { min-height:560px; padding:10px; }
  .emailPreviewFrame,.emailPreviewState { min-height:540px; }
  .teamMemberDirectory .adminDataTable { min-width:560px; }
  .teamMemberInspectorSummary { grid-template-columns:1fr; }
  .teamMemberInspectorSummary > div + div { border-left:0; border-top:1px solid var(--color-border); }
  .teamMemberStatusControl { align-items:stretch; flex-direction:column; }
  .teamMemberStatusControl .button { width:100%; }
  .communityPostInspectorHeader { align-items:stretch; flex-direction:column; }
  .communityPostInspectorBadges { justify-content:flex-start; }
  .communityPostModerationControls { grid-template-columns:1fr; }
  .communityPostModerationControls .button { width:100%; }
  .communityPostInspectorActions { bottom:-16px; margin:4px -16px -16px; padding:12px 16px max(14px,env(safe-area-inset-bottom)); }
  .communityPostInspectorActions .button { flex:1; }
  .productSaasRail { grid-template-columns:1fr; }
  .productEditorCard { padding:15px; border-radius:12px; }
  .productEditorCard.productEditorSection { padding:15px; }
  .productMediaEditor .productUploadGrid,
  .productCreationMediaGrid { grid-template-columns:1fr; }
  .productMediaEditor .productUploadCard-gallery,
  .productCreationMediaGrid > .productMediaPicker[data-media-kind="gallery"] { grid-column:auto; }
  .productMediaDropzone { min-height:118px; padding:16px 12px; }
  .productMediaPicker[data-media-kind="gallery"] .productMediaSelectionPreview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .productMediaAssetList,
  .productDrawer .productMediaAssetList { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .productMediaAssetItem { grid-template-rows:96px auto auto; }
  .productMediaAssetItem > img { height:96px; }
  .productMediaPicker[data-media-kind="cover"] .productMediaSelectionItem { grid-template-rows:128px auto; }
  .productMediaPicker[data-media-kind="cover"] .productMediaSelectionItem > img { height:128px; }
  .productCreationWorkspace .productCreateActions { position:static; align-items:stretch; flex-direction:column; bottom:auto; }
  .productCreationWorkspace .productCreateActions .button { width:100%; min-width:0; }
  .dashboardRail .adminPanel:last-child { grid-column:auto; }
  .filterBar { align-items:stretch; flex-wrap:wrap; }
  .filterSearch { width:100%; min-width:0; }
  .filterSpacer { display:none; }
  .filterChipWrap { flex:1 1 calc(50% - 4px); min-width:0; }
  .filterChip { width:100%; min-width:0; }
  .filterPopover { left:0; right:auto; min-width:100%; }
  .workspacePage { width:100%; }
  .workspaceNav { margin-bottom:14px; }
  .workspaceHeader { margin-bottom:18px; }
  .workspaceCanvas > .productEditor { min-height:0; padding:0 16px; border-radius:13px; }
  .workspaceCanvas .productEditorTabs .tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workspaceCanvas .productEditorTabs .tab { min-width:0; padding:0 6px; font-size:10px; }
  .workspaceCanvas .productEditorFooter { position:static; margin:0 -16px; padding:14px 16px 16px; }
  .customerWorkspace,.workspaceFormCard { padding:20px 16px; border-radius:13px; }
  .workspaceActions { position:static; padding:12px; }
  .workspaceActions .button { flex:1; }
  .workspaceActions .button.full { min-width:0; }
  .pipelineStrip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .chartShell { min-height:236px; padding:16px 6px 10px; }
  .chartDemoBadge { top:8px; right:8px; }
  .chartDemo .chartGrid { top:28px; }
  .chartGrid { inset:18px 6px 40px; }
  .lineChart { height:206px; }
  .lineChartSvg { bottom:36px; height:calc(100% - 36px); }
  .lineChartPoint { bottom:36px; }
  .lineChartPinned { bottom:36px; }
  .lineChartTracker { bottom:36px; }
  .lineChartTooltip { max-width:150px; padding:6px 8px; }
  .lineChartAxisPill { top:calc(100% + 4px); min-height:24px; padding-inline:9px; font-size:10px; }
  .lineChartAxisPill:has(.lineChartAxisPillValue.hasContext) { min-height:32px; padding:4px 9px 5px; }
  .inspectorDrawer { width:100%; border-left:0; }
  .inspectorDrawer.productDrawer { width:100%; max-width:none; }
  .drawerBody { padding:16px; }
  .inspectorDrawer:not(.productDrawer):not(.supportDrawer) .drawerBody { padding:16px; }
  .drawerActionStack { bottom:-16px; margin:18px -16px -16px; padding:12px 16px max(14px,env(safe-area-inset-bottom)); }
  .productDrawer .drawerBody { padding:0 16px; }
  .productEditorHero { padding:20px 0 16px; gap:12px; }
  .productEditorHero h2 { font-size:22px; }
  .productEditorHeroMeta { align-items:flex-end; flex-direction:column-reverse; gap:5px; }
  .productEditorTabs { margin:0 -16px; padding:0 16px 12px; }
  .productDrawer .tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .productDrawer .tab { min-width:0; padding:0 6px; font-size:10px; }
  .productEditorSection { padding-top:20px; }
  .productSectionHead,.productSectionHeadAction { align-items:flex-start; flex-direction:column; }
  .productSectionHeadAction .button { width:100%; }
  .productEditorForm { grid-template-columns:1fr; gap:12px; }
  .productEditorForm .spanTwo { grid-column:auto; }
  .licenseCreateGrid { grid-template-columns:1fr; }
  .licenseCreateGrid .licenseSpanTwo,.licenseCreateSection > .licenseSpanTwo { grid-column:auto; }
  .productEditorFooter { align-items:stretch; flex-direction:column; gap:10px; }
  .productEditorFooter .button { width:100%; }
  .productUploadGrid,.productMetricGrid { grid-template-columns:1fr; }
  .licenseHero { flex-direction:column; }
  .licenseHero .button { width:100%; }
  .modalFormGrid { grid-template-columns:1fr; }
  .modalFormGrid .spanTwo { grid-column:auto; }
  .kvGrid { grid-template-columns:1fr; }
  .funnelViz { padding:12px 8px; }
  .funnelViz > div { width:100% !important; }
  .toast { --toast-x:-50%; width:calc(100vw - 24px); max-width:520px; left:50%; right:auto; top:12px; }
  .writeBusyStatus { right:12px; bottom:12px; }
  .iconButton,.mobileMenu { min-width:40px; min-height:40px; }
  [data-tooltip]::after { display:none; }
  .tableScroll { position:relative; }
  .tableScroll::before { content:"deslize →"; position:sticky; left:calc(100% - 70px); top:6px; z-index:4; width:60px; height:20px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:var(--radius-full); background:var(--color-surface); color:var(--color-muted); font-size:9px; pointer-events:none; }
}

@media (max-width:400px) {
  .summaryGrid,.summaryGrid.three,.summaryGrid.six,.metricStrip { grid-template-columns:1fr; }
  .pipelineStrip { grid-template-columns:1fr 1fr; }
}

/* Revendedores */
.resellerListPage .adminDataTable { min-width:1180px; }
.resellerListPage .adminDataTable th:first-child,.resellerListPage .adminDataTable td:first-child { width:230px; }
.resellerListPage .adminDataTable th:nth-child(2),.resellerListPage .adminDataTable td:nth-child(2) { width:210px; }
.resellerListIdentity { min-width:0; display:flex; align-items:center; gap:10px; }
.resellerListIdentity > span:last-child { min-width:0; display:grid; gap:2px; }
.resellerListIdentity strong,.resellerTableIdentity strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:550; }
.resellerListIdentity small,.resellerTableIdentity small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-muted); font-size:10px; }
.resellerTableIdentity { min-width:0; display:grid; gap:2px; }
.resellerBrandMark { width:32px; height:32px; flex:0 0 auto; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); color:var(--color-text-soft); font-size:9px; font-weight:700; letter-spacing:.02em; }
.resellerBrandMark.large { width:42px; height:42px; border-radius:11px; font-size:11px; }
.workspacePage[data-page="reseller-detail"] { width:min(calc(100% - 64px),1320px); }
.workspacePage[data-page="reseller-detail"] .workspaceHeader { margin-bottom:18px; }
.resellerContextBar { margin-bottom:14px; padding:13px 14px; display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px solid var(--color-border); border-radius:13px; background:var(--color-surface); }
.resellerContextBar[data-reseller-status="suspended"],.resellerContextBar[data-reseller-status="archived"] { border-style:dashed; background:color-mix(in srgb,var(--color-surface-muted) 62%,var(--color-surface)); }
.resellerContextIdentity { min-width:0; display:flex; align-items:center; gap:11px; }
.resellerContextIdentity > div { min-width:0; display:grid; gap:2px; }
.resellerContextIdentity > div > span,.resellerContextMeta span,.resellerOperationMeta span,.resellerPreviewMeta span,.resellerAccessMeta span { color:var(--color-muted); font-size:9px; text-transform:uppercase; letter-spacing:.055em; }
.resellerContextIdentity strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:550; }
.resellerContextIdentity small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-muted); font-size:10px; }
.resellerContextMeta { display:flex; align-items:stretch; gap:6px; }
.resellerContextMeta > div { min-width:118px; padding:6px 9px; display:grid; align-content:center; gap:3px; border-left:1px solid var(--color-border); }
.resellerContextMeta > div:first-child { min-width:88px; }
.resellerContextMeta strong { max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:500; }
.resellerContextMeta .statusBadge { width:max-content; }
.resellerWorkspaceTabs { position:relative; margin-bottom:16px; }
.resellerWorkspaceTabs .tabs { width:100%; max-width:100%; margin:0; scrollbar-width:thin; }
.resellerWorkspaceTabs .tab { flex:0 0 auto; min-height:34px; padding-inline:12px; }
.resellerTabBody { min-width:0; }
.resellerTabBody .adminDataTable { min-width:900px; }
.resellerTabBody .tableScroll[tabindex]:focus-visible,.resellerListPage .tableScroll[tabindex]:focus-visible { outline:0; box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-text) 16%,transparent); }
.resellerSummaryGrid { margin-bottom:12px; gap:12px; }
.resellerOverviewGrid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:12px; align-items:start; }
.resellerOverviewGrid > .adminPanel { min-width:0; margin:0; }
.resellerOperationSummary { padding:15px; display:grid; gap:14px; }
.resellerOperationBrand { display:flex; align-items:center; gap:10px; }
.resellerOperationBrand > div { min-width:0; display:grid; gap:2px; }
.resellerOperationBrand strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:550; }
.resellerOperationBrand small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-muted); font-size:10px; }
.resellerOperationMeta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.resellerOperationMeta > div { min-width:0; padding:9px 10px; display:grid; gap:3px; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); }
.resellerOperationMeta strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:500; }
.resellerRecentList .compactRow { min-height:60px; padding:9px 12px; }
.resellerRecentList .compactRow strong { font-size:12px; }
.resellerTabBody > .adminPanel > .resellerProductGrid { padding:12px; }
.resellerProductGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.resellerProductCard { min-width:0; padding:16px; display:grid; gap:12px; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface-muted); }
.resellerProductCard > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.resellerProductCard > header > div { min-width:0; display:grid; gap:3px; }
.resellerProductCard > header strong { font-size:13px; font-weight:550; }
.resellerProductCard > header small,.resellerProductCard > p { margin:0; color:var(--color-muted); font-size:11px; line-height:1.45; }
.resellerProductFields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.resellerProductFields label { display:grid; gap:6px; color:var(--color-muted); font-size:10px; }
.resellerProductFields label.wide { grid-column:1/-1; }
.resellerProductFields input { width:100%; min-width:0; min-height:40px; padding:8px 10px; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast); }
.resellerProductFields input:hover { border-color:var(--color-border-hover); }
.resellerProductFields input:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:var(--focus-ring); }
.resellerPermissionGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.resellerPermissionGrid label { min-height:34px; padding:7px 9px; display:flex; align-items:center; gap:7px; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface); color:var(--color-text-soft); font-size:11px; }
.resellerPermissionGrid input { margin:0; accent-color:var(--color-text); }
.resellerPermissionGrid label:has(input:focus-visible) { border-color:color-mix(in srgb,var(--color-text) 24%,var(--color-border)); box-shadow:var(--focus-ring); }
.resellerProductCard > footer { margin-top:2px; padding-top:12px; display:flex; justify-content:flex-end; border-top:1px solid var(--color-border); }
.resellerBrandLayout { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:12px; align-items:start; }
.resellerSettingsLayout { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr); gap:12px; align-items:start; }
.resellerBrandPreview,.resellerAccessCard { min-width:0; padding:18px; display:grid; align-content:start; gap:16px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.resellerPreviewTop,.resellerAccessCard > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.resellerPreviewLabel { color:var(--color-muted); font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.075em; }
.resellerPreviewLogo { width:68px; height:68px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface-muted); color:var(--color-text-soft); }
.resellerPreviewLogo img { width:100%; height:100%; object-fit:contain; }
.resellerPreviewLogo span { font-size:16px; font-weight:700; letter-spacing:.02em; }
.resellerPreviewCopy { display:grid; gap:5px; }
.resellerPreviewCopy strong { font-size:18px; font-weight:550; letter-spacing:-.025em; }
.resellerPreviewCopy p { margin:0; color:var(--color-muted); font-size:11px; line-height:1.5; }
.resellerPreviewMeta,.resellerAccessMeta { display:grid; gap:6px; }
.resellerPreviewMeta > div,.resellerAccessMeta > div { min-width:0; padding:9px 10px; display:grid; gap:3px; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); }
.resellerPreviewMeta strong,.resellerAccessMeta strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:500; }
.resellerInfraNote { padding-top:2px; color:var(--color-muted); font-size:9px; line-height:1.45; }
.resellerBrandForm .workspaceForm,.resellerSettingsForm .workspaceForm { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:12px; }
.resellerBrandForm .workspaceForm label:has(textarea),.resellerSettingsForm .workspaceForm label:has(textarea) { grid-column:1/-1; }
.resellerBrandForm .workspaceActions,.resellerSettingsForm .workspaceActions { position:static; margin:24px -28px -30px; padding:14px 28px; border:0; border-top:1px solid var(--color-border); border-radius:0 0 16px 16px; background:var(--color-surface-muted); box-shadow:none; backdrop-filter:none; }
.resellerAccessCard > strong { font-size:16px; font-weight:550; letter-spacing:-.02em; }
.resellerAccessCard > p { margin:-7px 0 0; color:var(--color-muted); font-size:11px; line-height:1.5; }
.resellerAccessForm { display:grid; gap:10px; }
.resellerAccessForm label { min-width:0; display:grid; gap:6px; color:var(--color-muted); font-size:10px; }
.resellerAccessForm input,.resellerAccessForm select { width:100%; min-width:0; min-height:40px; padding:8px 10px; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); transition:border-color .16s ease,box-shadow .16s ease,background .16s ease; }
.resellerAccessForm input:focus,.resellerAccessForm select:focus { border-color:color-mix(in srgb,var(--color-text) 22%,var(--color-border)); box-shadow:var(--focus-ring); }
.resellerAccessForm > small { margin-top:-2px; color:var(--color-muted); font-size:9px; line-height:1.5; }
.resellerAccessForm > .button { justify-self:start; }
.fieldOptional { margin-left:4px; color:var(--color-muted); font-size:9px; font-weight:450; text-transform:none; letter-spacing:0; }
.resellerCheckoutConfig { margin-bottom:14px; padding:16px; display:grid; gap:14px; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.resellerCheckoutHead { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.resellerCheckoutHead > div { min-width:0; display:grid; gap:3px; }
.resellerCheckoutHead span { color:var(--color-muted); font-size:9px; font-weight:650; text-transform:uppercase; letter-spacing:.08em; }
.resellerCheckoutHead strong { font-size:13px; font-weight:550; }
.resellerCheckoutHead small { max-width:720px; color:var(--color-muted); font-size:10px; line-height:1.45; }
.resellerCheckoutFields { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(170px,.7fr) minmax(130px,.48fr) 84px 120px auto; gap:10px; align-items:end; }
.resellerCheckoutFields label { min-width:0; display:grid; gap:6px; color:var(--color-muted); font-size:10px; }
.resellerCheckoutFields input,.resellerCheckoutFields select { width:100%; min-width:0; min-height:40px; padding:8px 10px; border:1px solid var(--color-border); border-radius:10px; outline:0; background:var(--color-surface); color:var(--color-text); }
.resellerCheckoutFields input:focus,.resellerCheckoutFields select:focus { border-color:color-mix(in srgb,var(--color-text) 28%,var(--color-border)); box-shadow:var(--focus-ring); }
.resellerTrackingCallout code { padding:2px 5px; border:1px solid var(--color-border); border-radius:6px; background:var(--color-surface); color:var(--color-text); font-size:10px; }
.resellerTrackingCallout small { display:block; overflow-wrap:anywhere; color:var(--color-muted); font-size:9px; line-height:1.45; }

html[data-theme="dark"] .resellerContextBar,
html[data-theme="dark"] .resellerBrandPreview,
html[data-theme="dark"] .resellerAccessCard { background:var(--color-surface-raised); }
html[data-theme="dark"] .resellerProductCard { background:color-mix(in srgb,var(--color-surface-raised) 62%,var(--color-surface-muted)); }

@media (max-width:900px) {
  .workspacePage[data-page="reseller-detail"] { width:100%; }
  .resellerOverviewGrid,.resellerProductGrid,.resellerBrandLayout,.resellerSettingsLayout { grid-template-columns:1fr; }
  .resellerContextBar { align-items:flex-start; flex-direction:column; }
  .resellerContextMeta { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .resellerContextMeta > div,.resellerContextMeta > div:first-child { min-width:0; padding-left:9px; border-left:0; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); }
  .resellerListPage .tableScroll,.resellerTabBody .tableScroll { position:relative; }
  .resellerCheckoutFields { grid-template-columns:1fr 1fr; }
  .resellerListPage .tableScroll::before,.resellerTabBody .tableScroll::before { content:"deslize →"; position:sticky; left:calc(100% - 70px); top:6px; z-index:4; width:60px; height:20px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:var(--radius-full); background:var(--color-surface); color:var(--color-muted); font-size:9px; pointer-events:none; }
}

@media (max-width:640px) {
  .resellerWorkspaceTabs::after { content:"deslize →"; position:absolute; top:7px; right:7px; z-index:3; min-height:20px; padding:0 6px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:var(--radius-full); background:color-mix(in srgb,var(--color-surface-raised) 94%,transparent); color:var(--color-muted); font-size:9px; pointer-events:none; }
  .resellerWorkspaceTabs .tabs { padding-right:74px; }
}

@media (max-width:520px) {
  .resellerProductFields,.resellerPermissionGrid { grid-template-columns:1fr; }
  .resellerPermissionGrid label { min-height:40px; }
  .resellerProductCard > header { align-items:stretch; flex-direction:column; }
  .resellerProductCard > header .button { width:100%; }
  .resellerContextMeta { grid-template-columns:1fr; }
  .resellerContextIdentity { width:100%; align-items:flex-start; }
  .resellerContextIdentity small { white-space:normal; }
  .resellerBrandForm .workspaceForm,.resellerSettingsForm .workspaceForm { grid-template-columns:1fr; }
  .resellerBrandForm .workspaceForm label:has(textarea),.resellerSettingsForm .workspaceForm label:has(textarea) { grid-column:auto; }
  .resellerBrandForm .workspaceActions,.resellerSettingsForm .workspaceActions { margin:20px -16px -20px; padding:12px 16px; border-radius:0 0 13px 13px; }
  .resellerBrandForm .workspaceActions .button,.resellerSettingsForm .workspaceActions .button { width:100%; }
  .resellerCheckoutFields { grid-template-columns:1fr; }
  .resellerCheckoutFields .button { width:100%; }
}

.partnerAdminIdentity { min-width:180px; display:flex; align-items:center; gap:10px; }
.partnerAdminIdentity > span:last-child { min-width:0; display:grid; gap:2px; }
.partnerAdminIdentity strong { overflow:hidden; color:var(--color-text); font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.partnerAdminIdentity small { overflow:hidden; color:var(--color-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.partnerAdminLogo { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); color:var(--color-text); font-size:9px; font-weight:600; }
.partnerAdminLogo img { width:100%; height:100%; display:block; object-fit:contain; }
.partnerAdminDescription { max-width:360px; display:-webkit-box; overflow:hidden; color:var(--color-text-soft); font-size:11px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.feedSponsorAdminIdentity { min-width:190px; display:flex; align-items:center; gap:10px; }
.feedSponsorAdminIdentity > span:last-child { min-width:0; display:grid; gap:2px; }
.feedSponsorAdminIdentity strong { overflow:hidden; color:var(--color-text); font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.feedSponsorAdminIdentity small { overflow:hidden; color:var(--color-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.feedSponsorAdminThumb { width:42px; height:32px; flex:0 0 42px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--color-border); border-radius:9px; background:var(--color-surface-muted); color:var(--color-text-soft); font-size:9px; font-weight:650; letter-spacing:.04em; }
.feedSponsorAdminThumb img { width:100%; height:100%; display:block; object-fit:cover; }
.feedSponsorAdminLink { max-width:420px; display:block; overflow:hidden; color:var(--color-text-soft); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.feedSponsorAdminPreview { display:grid; gap:8px; }
.feedSponsorAdminPreview > span { color:var(--color-muted); font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.feedSponsorAdminPreview article { min-height:120px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface-muted); color:var(--color-muted); font-size:11px; }
.feedSponsorAdminPreview article img { width:100%; height:auto; display:block; }
.feedSponsorAdminPreview article span { padding:24px; text-align:center; }
.partnerLogoEditor { margin:2px 0 4px; }

/* Flat SaaS surfaces: borders and solid fills carry hierarchy without glow. */
html body *,
html body *::before,
html body *::after {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body :focus-visible {
  outline: 2px solid color-mix(in srgb,var(--color-text) 36%,var(--color-border));
  outline-offset: 2px;
}