/* Ccmanju · warm paper theme. All business controls remain in the native app. */
:root {
  --cc-ink: #34382f;
  --cc-muted: #777c70;
  --cc-paper: #f5f4ec;
  --cc-line: rgba(108, 116, 95, .16);
  --cc-green: #5c806d;
  --cc-gold: #a28c57;
}
html.light, html:not(.dark) {
  --background: #f1f2eb !important;
  --foreground: #34382f !important;
  --card: #faf9f1 !important;
  --card-foreground: #34382f !important;
  --popover: #faf9f2 !important;
  --popover-foreground: #34382f !important;
  --primary: #64816e !important;
  --primary-foreground: #fffef8 !important;
  --secondary: #e8ece2 !important;
  --secondary-foreground: #424c3e !important;
  --muted: #eceee5 !important;
  --muted-foreground: #777c70 !important;
  --accent: #e7eade !important;
  --accent-foreground: #485d49 !important;
  --border: #dfe2d7 !important;
  --input: #d9ded1 !important;
  --ring: #7c9b83 !important;
  --sidebar: #f4f4ec !important;
  --sidebar-foreground: #42483c !important;
  --sidebar-accent: #e4e9dd !important;
  --sidebar-accent-foreground: #5c6f50 !important;
}
html.dark {
  --cc-ink: #e4e8dd; --cc-muted: #a0a89a; --cc-paper: #202720;
  --cc-line: #384239; --cc-green: #9cbaa5; --cc-gold: #bca97c;
  --background: #19211b !important; --card: #232b23 !important;
  --popover: #232b23 !important; --primary: #99b39d !important;
  --primary-foreground: #18221a !important; --sidebar: #20271f !important;
  --sidebar-accent: #344231 !important; --sidebar-accent-foreground: #d5e0cf !important;
  --border: #384239 !important;
}
body { color: var(--cc-ink); background: var(--background) !important; }
body::before {
  content: ''; position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(ellipse at 16% 10%,#fdfcf5 0,transparent 54%),
    radial-gradient(ellipse at 90% 92%,#d9dfd3 0,transparent 58%), #edf0e7;
}
html.dark body::before { background: radial-gradient(ellipse at 90% 80%,#2b392b,transparent 70%),#19211b; }
#root > div:has(> header) { background: transparent !important; }
header:has([data-sidebar='trigger']) {
  height: 56px !important; border-bottom: 1px solid var(--cc-line);
  background: color-mix(in srgb,var(--cc-paper) 85%,transparent) !important;
  backdrop-filter: blur(16px);
}
header [aria-label='返回主页'] { gap: 9px; font-weight: 600; letter-spacing: .02em; }
header [aria-label='返回主页'] img { filter: saturate(.45); }
header nav { display: none !important; }
header [aria-label='搜索'] { border-radius: 11px; background: transparent !important; }
[data-slot='sidebar-wrapper'] { --app-header-height: 56px !important; --sidebar-width: 208px !important; background: transparent !important; }
[data-slot='sidebar-inner'] { background: color-mix(in srgb,var(--cc-paper) 78%,transparent) !important; border-right: 1px solid var(--cc-line); }
[data-slot='sidebar-container'] { padding: 0 0 8px 8px !important; }
[data-slot='sidebar-content'] { padding: 16px 0 !important; }
[data-slot='sidebar-menu-button'] { height: 37px !important; border-radius: 9px !important; gap: 11px !important; font-size: 13px !important; font-weight: 400 !important; }
[data-slot='sidebar-menu-button'] svg { stroke-width: 1.5; width: 17px !important; height: 17px !important; }
[data-slot='sidebar-menu-button'][data-active] { color: var(--sidebar-accent-foreground) !important; background: var(--sidebar-accent) !important; }
[data-slot='sidebar-group-label'] { font-size: 11px !important; letter-spacing: .05em !important; color: var(--cc-muted) !important; }
[data-slot='sidebar-content'] > div { display: flex; flex-direction: column; }
[data-slot='sidebar-group']:has(a[href='/dashboard/overview']) { order: 0; }
[data-slot='sidebar-group']:has(a[href='/wallet']) { order: 1; }
[data-slot='sidebar-group']:has(a[href='/playground']) { display: none !important; }
[data-slot='sidebar-group']:has(a[href='/channels']) { order: 3; }
[data-slot='sidebar-inset'] {
  background: color-mix(in srgb,var(--cc-paper) 47%,transparent) !important;
  border: 1px solid var(--cc-line); border-radius: 24px !important;
  box-shadow: 0 2px 6px #36442c06 !important;
}
[data-slot='sidebar-inset']::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: url('/__ccmanju/silk.svg') center/cover; opacity: .35;
  border-radius: inherit; z-index: 0;
}
[data-slot='sidebar-inset'] > * { position: relative; }
html.dark [data-slot='sidebar-inset']::before { opacity: .04; }
[data-slot='card'], [data-slot='dialog-content'], [data-slot='sheet-content'] {
  border-color: var(--cc-line) !important; border-radius: 16px !important;
  box-shadow: 0 8px 24px #35442c05 !important;
}
[data-slot='card'] { background: color-mix(in srgb,var(--cc-paper) 91%,transparent) !important; }
[data-slot='table-container'], [data-slot='table'] { background: color-mix(in srgb,var(--cc-paper) 72%,transparent); }
[data-slot='table-head'] { font-size: 12px; color: var(--cc-muted); }
[data-slot='table-row'] { border-color: var(--cc-line) !important; }
[data-slot='sidebar-inset'] { --table-header: #e9ecdf !important; --table-header-bg: #e9ecdf !important; }
html.dark [data-slot='sidebar-inset'] { --table-header: #2b372c !important; --table-header-bg: #2b372c !important; }
[data-slot='table-cell'] > [data-slot='empty'] { width: calc(100cqw - 40px); max-width: 100%; }
[data-slot='input'], [data-slot='textarea'], [data-slot='select-trigger'] { border-radius: 10px !important; background-color: color-mix(in srgb,var(--cc-paper) 85%,transparent) !important; }
.cc-retired, [data-cc-retired] { display: none !important; }
/* Retired navigation is hidden immediately, including mobile and command menus. */
a:is([href='/activity'],[href='/lottery'],[href='/invite-rebate'],[href='/member'],[href='/canvas'],[href='/group-status'],[href^='/quality/'],[href^='/pelican']) { display: none !important; }
.cc-overview > :not(#cc-overview) { display: none !important; }
#cc-overview { position: relative; overflow-y: auto; min-height: 0; flex: 1; padding: 30px 28px 24px; color: var(--cc-ink); font-size: 13px; scrollbar-width: thin; }
.cc-hero { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 0 3px 27px; }
.cc-eyebrow { color: var(--cc-muted); font-size: 11px; letter-spacing: .15em; margin: 0 0 14px; }
.cc-hero h1 { font-family: 'Noto Serif SC','Songti SC','SimSun',Georgia,serif; font-size: clamp(27px,2.8vw,40px); font-weight: 400; letter-spacing: .015em; line-height: 1.5; margin: 0 0 9px; }
.cc-hero p { color: var(--cc-muted); font-size: 13px; margin: 0; letter-spacing: .06em; }
.cc-clock { text-align: right; flex-shrink: 0; }
.cc-clock time { font-family: Georgia,'Times New Roman',serif; font-size: clamp(27px,3.3vw,44px); font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.cc-clock time span { color: var(--cc-gold); }
.cc-clock small { display: block; margin-top: 12px; color: var(--cc-muted); font-size: 10px; }
.cc-live { color: var(--cc-green); margin-left: 9px; }
.cc-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 18px; }
.cc-stat, .cc-panel { background: color-mix(in srgb,var(--cc-paper) 92%,transparent); border: 1px solid var(--cc-line); border-radius: 16px; box-shadow: 0 5px 18px #45503904; }
.cc-stat { min-height: 148px; padding: 20px 18px 16px; display: flex; flex-direction: column; }
.cc-stat-label { display: flex; align-items: center; gap: 9px; font-size: 12px; }
.cc-icon { width: 31px; height: 31px; border-radius: 50%; background: #a28c5710; display: inline-flex; align-items: center; justify-content: center; color: var(--cc-gold); flex-shrink: 0; }
.cc-icon svg { height: 17px; width: 17px; }
.cc-stat:nth-child(3) .cc-icon { color: var(--cc-green); background: #64816e10; }
.cc-stat:nth-child(4) .cc-icon { color: #8a89a1; background: #8a89a110; }
.cc-stat-value { font-family: Georgia,'Times New Roman',serif; font-size: 31px; line-height: 1.5; margin: 9px 0; font-variant-numeric: tabular-nums; }
.cc-stat-foot { margin-top: auto; color: var(--cc-green); font-size: 11px; text-decoration: none; }
.cc-stat-rule { margin-top: auto; height: 1px; background: var(--cc-gold); width: 100%; opacity: .7; }
.cc-panel { padding: 20px 23px; margin-bottom: 18px; }
.cc-panel-heading { display: flex; align-items: center; gap: 11px; padding-bottom: 16px; border-bottom: 1px solid var(--cc-line); }
.cc-panel-heading h2 { font-family: 'Noto Serif SC','SimSun',Georgia,serif; font-weight: 400; font-size: 21px; margin: 0; }
.cc-panel-heading > svg { width: 19px; color: var(--cc-gold); }
.cc-panel-heading small { font-size: 11px; color: var(--cc-muted); }
.cc-panel-heading a { margin-left: auto; text-decoration: none; font-size: 11px; color: var(--cc-muted); }
.cc-chart-meta { display: flex; justify-content: space-between; font-size: 10px; color: var(--cc-muted); padding-top: 17px; }
.cc-chart { height: 176px; width: 100%; display: block; overflow: visible; margin-top: 5px; }
.cc-chart text { fill: var(--cc-muted); font: 10px sans-serif; }
.cc-chart line { stroke: var(--cc-line); stroke-dasharray: 2 5; }
.cc-chart path { fill: none; stroke: var(--cc-green); stroke-width: 2; vector-effect: non-scaling-stroke; }
.cc-chart-labels { display: flex; justify-content: space-between; padding-left: 27px; font-size: 10px; color: var(--cc-muted); }
.cc-bottom { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; }
.cc-bottom .cc-panel { margin: 0; min-width: 0; }
.cc-bottom .cc-panel-heading h2 { font-family: inherit; font-size: 14px; font-weight: 600; }
.cc-subtitle { color: var(--cc-muted); font-size: 11px; margin: 10px 0 16px; }
.cc-endpoint { padding: 14px 0; border-top: 1px solid var(--cc-line); }
.cc-endpoint-label { color: var(--cc-green); font-size: 12px; margin-bottom: 9px; }
.cc-endpoint-row { display: flex; align-items: center; gap: 8px; }
.cc-endpoint code { font-size: 11px; flex: 1; overflow-wrap: anywhere; }
.cc-copy, .cc-refresh { cursor: pointer; background: transparent; color: var(--cc-muted); border: 1px solid var(--cc-line); border-radius: 8px; padding: 5px 8px; font-size: 11px; flex-shrink: 0; }
.cc-copy:hover, .cc-refresh:hover { background: var(--accent); }
.cc-copy:focus-visible, #cc-overview a:focus-visible, .cc-refresh:focus-visible { outline: 2px solid var(--ring); outline-offset: 3px; }
.cc-announcement { padding: 14px 0; border-top: 1px solid var(--cc-line); line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.cc-announcement time { display: block; margin-top: 8px; color: var(--cc-muted); font-size: 10px; }
.cc-footer { display: flex; justify-content: space-between; margin-top: 23px; color: var(--cc-muted); font-size: 10px; letter-spacing: .06em; }
.cc-error { color: var(--cc-muted); font-size: 12px; }
/* The existing home/sign-in screens retain their forms and navigation. */
.industrial-auth-shell { background: transparent !important; color: var(--cc-ink) !important; }
.industrial-auth-grid,.industrial-auth-glow,.industrial-auth-mark { display: none !important; }
.industrial-auth-shell::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: url('/__ccmanju/silk.svg') center/cover; opacity: .23; }
.industrial-auth-header { border-bottom: 1px solid var(--cc-line); background: color-mix(in srgb,var(--cc-paper) 65%,transparent); }
.industrial-auth-main { gap: 60px !important; }
.industrial-auth-pitch h1 { font-family: 'Noto Serif SC','SimSun',Georgia,serif !important; font-weight: 400 !important; font-size: clamp(28px,3.6vw,48px) !important; line-height: 1.65 !important; }
.industrial-auth-pitch h1 span { color: var(--cc-ink) !important; background: transparent !important; padding: 0 !important; }
.industrial-auth-kicker { color: var(--cc-green) !important; letter-spacing: .15em; }
.industrial-auth-panel { border: 1px solid var(--cc-line) !important; background: color-mix(in srgb,var(--cc-paper) 92%,transparent) !important; border-radius: 22px !important; box-shadow: 0 14px 50px #4c5d3e0a !important; backdrop-filter: blur(12px); }
.industrial-auth-panel-status { color: var(--cc-muted) !important; border-color: var(--cc-line) !important; }
.industrial-auth-panel-body h2 { font-family: 'Noto Serif SC','SimSun',Georgia,serif; font-weight: 400 !important; }
.industrial-auth-brand,.industrial-auth-create { color: var(--cc-ink) !important; }
.industrial-auth-create { border-color: var(--cc-line) !important; }
.industrial-auth-index { color: var(--cc-muted) !important; }
@media(max-width:767px) { .industrial-auth-main { gap: 26px !important; } }
html[data-cc-page='home'] #root { background: transparent; }
html[data-cc-page='home'] [class*='bg-black'],html[data-cc-page='home'] [class*='bg-[#080'] { background: transparent !important; color: var(--cc-ink) !important; }
html[data-cc-page='home'] h1 { font-family: 'Noto Serif SC','SimSun',Georgia,serif !important; font-weight: 400 !important; letter-spacing: .025em; }
html[data-cc-page='home'] h1 span { background: transparent !important; color: var(--cc-ink) !important; }
html[data-cc-page='home'] [class*='bg-[linear-gradient'] { background-image: none !important; }
html[data-cc-page='home'] [class*='bg-card'],html[data-cc-page='home'] form { background: color-mix(in srgb,var(--cc-paper) 92%,transparent) !important; border-radius: 20px !important; }
@media(min-width:768px) { [data-slot='sidebar-inset'] { margin-top: 8px !important; } }
@media(max-width:1050px) { #cc-overview { padding: 24px 22px; } .cc-hero { gap: 14px; } .cc-stat { padding: 16px 13px; } .cc-stat-label { gap: 6px; font-size: 11px; } }
@media(max-width:767px) {
  [data-slot='sidebar-inset'] { border-radius: 0 !important; border: none; }
  #cc-overview { padding: 23px 16px; }
  .cc-hero { align-items: flex-start; flex-direction: column; gap: 16px; padding-bottom: 24px; }
  .cc-hero h1 { font-size: 26px; overflow-wrap: anywhere; }
  .cc-clock { padding-top: 0; text-align: left; display: flex; align-items: center; gap: 12px; }
  .cc-clock time { font-size: 24px; white-space: nowrap; } .cc-clock small { max-width: 150px; line-height: 1.7; margin-top: 0; }
  .cc-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .cc-stat { min-height: 132px; padding: 15px; } .cc-stat-value { font-size: 29px; }
  .cc-bottom { grid-template-columns: 1fr; gap: 14px; }
  .cc-panel { padding: 17px; } .cc-panel-heading h2 { font-size: 19px; }
  .cc-panel-heading small { display: none; } .cc-footer { gap: 12px; line-height: 1.7; }
}
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }

/* Hide default group presentation without removing table cells or native values. */
[data-cc-hide-default='item'] { display: none !important; }
[data-cc-hide-default='cell'] { visibility: hidden !important; }
[data-cc-hide-default='selected'] { visibility: hidden !important; }
[data-cc-hide-default='selected']::after { content: '选择分组'; visibility: visible; }

/* Start each model series on a fresh row, preserving the responsive columns. */
.cc-model-series-grid > [role='article'] {
  order: var(--cc-model-order,0);
  border: 2px solid #42483e !important;
}
.cc-model-series-grid > [data-cc-series-start='true'] { grid-column-start: 1; }
.cc-pricing-all-group { display: none !important; }

/* Keep the native catalog inside the console's scrolling content area. */
.cc-model-square { overflow: hidden; }
.cc-model-square > div { min-height: 0; flex: 1; overflow-y: auto; }
.cc-model-square [class*='max-w-[1800px]'] { padding-top: 24px !important; }
.cc-model-square header { padding-top: 0 !important; margin-bottom: 24px !important; }
.cc-model-square h1 { font-size: 30px !important; }

/* Keep the authentication form centered after removing the promotional panel. */
.industrial-auth-pitch { display: none !important; }
.industrial-auth-main { grid-template-columns: minmax(0, 440px) !important; justify-content: center !important; gap: 0 !important; }

/* Channel headings share a full grid row with the cards they introduce. */
.cc-model-series-grid > .cc-channel-heading {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 0;
  min-width: 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.5;
}
.cc-model-series-grid > .cc-channel-heading[data-cc-channel="0"] { margin-top: 0; }
.cc-channel-name {
  flex-shrink: 0;
  padding: 7px 16px;
  border: 1px solid color-mix(in srgb, var(--cc-green) 30%, var(--cc-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--cc-green) 14%, var(--cc-paper));
  color: var(--cc-ink);
  font-size: 20px;
  font-weight: 750;
  letter-spacing: .04em;
}
.cc-channel-count { flex-shrink: 0; color: var(--cc-muted); font-size: 12px; font-weight: 400; }
.cc-channel-heading::after { content: ''; height: 1px; flex: 1; background: var(--cc-line); }

.cc-model-series-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(280px, calc((100% - 32px) / 3))), 1fr)) !important;
}

/* Detail actions stay secondary, with a larger target and a thin black outline. */
.cc-model-series-grid > [role='article'] button:has(> svg.lucide-chevron-right) {
  min-height: 34px;
  padding: 6px 10px !important;
  border: 1px solid #171717 !important;
  color: #171717 !important;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  flex-shrink: 0;
}
.cc-model-series-grid > [role='article'] button:has(> svg.lucide-chevron-right) > svg {
  width: 16px;
  height: 16px;
}