/* RingCatalog VI Assets v1: brand layer only. Existing routes, layouts and status semantics stay intact. */
:root {
  --rc-brand-primary: #ff4d7d;
  --rc-brand-deep: #c4164a;
  --rc-brand-secondary: #2a6bff;
  --rc-brand-ink: #111111;
  --rc-brand-warm: #fff6ee;
  --rc-brand-gray: #e5e7eb;
  --rc-brand-yellow: #ffd84d;
  --rc-pink-soft: rgb(255 77 125 / 10%);
  --rc-pink-border: rgb(255 77 125 / 30%);
  --rc-blue-soft: rgb(42 107 255 / 10%);
  --rc-blue-border: rgb(42 107 255 / 28%);
  --rc-surface: #fff;
  --rc-canvas: var(--rc-brand-warm);
  --rc-border: #d5d5d5;
  --rc-text-muted: #626262;
  --rc-focus: var(--rc-brand-secondary);
  --rc-on-primary: var(--rc-brand-ink);
  --primary: var(--rc-brand-primary);
  --primary-strong: var(--rc-brand-deep);
  --accent: var(--rc-brand-secondary);
  --green: var(--rc-brand-primary);
  --green-dark: var(--rc-brand-deep);
  --ink: var(--rc-brand-ink);
  --text: var(--rc-brand-ink);
  --muted: var(--rc-text-muted);
  --line: var(--rc-border);
  --border: var(--rc-border);
  --soft: var(--rc-pink-soft);
  --paper: var(--rc-canvas);
  --page: var(--rc-canvas);
  --yellow: var(--rc-brand-yellow);
  --shadow: 0 14px 44px rgb(17 17 17 / 8%);
}

body, .public-body, .admin-body, .login-body { color: var(--rc-brand-ink); }
.public-body, .login-body { background: #fff; }
.admin-body { --primary: var(--rc-brand-primary); --primary-strong: var(--rc-brand-deep); --accent: var(--rc-brand-secondary); --text: var(--rc-brand-ink); --muted: var(--rc-text-muted); --border: var(--rc-border); background: var(--rc-canvas); }
.logo { display: inline-flex; align-items: center; line-height: 1; min-width: 0; }
.logo .brand-lockup { display: block; width: 205px; height: auto; max-width: 100%; }
.admin-sidebar .logo .brand-lockup { width: 174px; }
.footer .logo .brand-lockup { width: 205px; }
.login-panel .brand { display: inline-block; width: 220px; margin-bottom: 16px; }
.login-panel .brand-lockup { display: block; width: 100%; height: auto; }

html { scrollbar-color: var(--rc-border) transparent; scrollbar-width: thin; }
html *::-webkit-scrollbar { width: 10px; height: 10px; }
html *::-webkit-scrollbar-track { background: transparent; }
html *::-webkit-scrollbar-thumb { background: var(--rc-border); border: 2px solid transparent; border-radius: 999px; background-clip: padding-box; }
html *::-webkit-scrollbar-thumb:hover { background: var(--rc-text-muted); border: 2px solid transparent; background-clip: padding-box; }
@media (forced-colors: active) { html { scrollbar-color: auto; } }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: var(--rc-focus); }
input, textarea, select { border-color: var(--rc-border); }
input:focus, textarea:focus, select:focus { border-color: var(--rc-focus); }
::selection { color: var(--rc-brand-ink); background: var(--rc-brand-yellow); }
.btn.primary, .public-body .main-nav > .btn, .admin-body .btn.primary, .login-body button { color: #fff; background: var(--rc-brand-deep); border-color: var(--rc-brand-deep); }
.btn.primary:hover, .public-body .main-nav > .btn:hover, .login-body button:hover { color: #fff; background: var(--rc-brand-deep); border-color: var(--rc-brand-deep); box-shadow: 0 0 0 4px var(--rc-pink-soft); }
.btn.yellow, .resource-actions .btn:first-child, .request-panel .btn { color: #fff; background: var(--rc-brand-deep); border-color: var(--rc-brand-deep); }
.btn.yellow:hover, .resource-actions .btn:first-child:hover, .request-panel .btn:hover { color: #fff; background: var(--rc-brand-deep); border-color: var(--rc-brand-deep); box-shadow: 0 0 0 4px var(--rc-pink-soft); }
.btn:disabled, button:disabled, .btn[aria-disabled="true"] { opacity: .48; cursor: not-allowed; transform: none; box-shadow: none; }
.btn.soft, .pill.green { color: var(--rc-brand-deep); background: var(--rc-pink-soft); border-color: var(--rc-pink-border); }
.text-link, .category-card > .icon, .menu-trigger.active, .mega a:hover { color: var(--rc-brand-deep); }

/* Public site: keep the product photography on its existing neutral surface. */
.public-header { background: #fff; border-color: var(--rc-border); }
.header-search, .public-body .header-search { background: var(--rc-canvas); border-color: var(--rc-border); }
.header-search .icon, .mega a .icon { color: var(--rc-brand-secondary); }
.language-toggle { color: var(--rc-brand-deep); background: #fff; border-color: var(--rc-border); }
.language-toggle:hover, .tool .count { color: var(--rc-brand-deep); background: var(--rc-pink-soft); }
.main-nav { border-color: var(--rc-border); }
.mega { border-color: var(--rc-border); box-shadow: 0 20px 30px rgb(17 17 17 / 10%); }
.mega h3 { color: var(--rc-text-muted); }
.mega-feature { background: var(--rc-blue-soft); }
.kicker, .route-choice .icon, .guide-card > .icon, .contact-points { color: var(--rc-brand-secondary); }
.hero { background: linear-gradient(115deg, var(--rc-brand-warm) 0%, #fff 55%, var(--rc-blue-soft) 100%); }
.hero h1 em { color: var(--rc-brand-deep); }
.hero p.lede, .hero-promise { color: var(--rc-text-muted); }
.route-choice:has(input:checked), .route-choice.active { color: var(--rc-brand-ink); background: var(--rc-blue-soft); border-color: var(--rc-brand-secondary); }
.category-card { background: var(--rc-canvas); }
.category-card:nth-child(2n) { background: #fff; }
.category-card:nth-child(3n) { background: var(--rc-blue-soft); }
.category-card:hover { background: var(--rc-pink-soft); border-color: var(--rc-pink-border); }
.task-section, .subscription { background: var(--rc-canvas); border-color: var(--rc-border); }
.task-image, .task-card:nth-child(2) .task-image, .task-card:nth-child(3) .task-image, .task-card:nth-child(4) .task-image { background: #fff; }
.task-image .task-code, .category-card .tiny, .category-caption { color: var(--rc-text-muted); }
.product-image, .highlight-visual { background: #fff; }
.image-label, .product-meta { color: var(--rc-text-muted); }
.detail-highlight, .analysis-band, .contact-cta, .faq-section { background-color: var(--rc-canvas); }
.faq-section { background: var(--rc-blue-soft); border-color: var(--rc-blue-border); }
.faq-layout > div > p, .faq-list details p { color: var(--rc-text-muted); }
.faq-list details { border-color: var(--rc-blue-border); }
.faq-list summary::after { background: var(--rc-brand-primary); }
.guide-card { border-color: var(--rc-border); }
.notice:not(.amber):not(.red):not(.blue) { color: var(--rc-text-muted); background: var(--rc-canvas); border-color: var(--rc-border); }
.faq-layout, .footer-bottom { border-color: var(--rc-border); }
.footer-col a { color: var(--rc-text-muted); }
.footer-col a:hover { color: var(--rc-brand-deep); }
.public-body .product-card .save-btn, .public-body .product-card .compare-link, .public-body .product-card .card-actions .btn { color: var(--rc-brand-deep); }
.public-body .product-card .save-btn.is-selected { color: #fff; background: var(--rc-brand-primary); }

/* Admin chrome and content highlights; semantic success/warning/error styles remain unchanged. */
.admin-shell { background: var(--rc-canvas); }
.admin-shell .admin-sidebar { color: var(--rc-text-muted); background: #fff; border-color: var(--rc-border); }
.workspace-label, .side-group-label, .admin-account, .admin-heading p { color: var(--rc-text-muted); }
.side-nav a, .admin-shell .admin-sidebar nav a { color: var(--rc-text-muted); }
.side-nav a:hover, .admin-shell .admin-sidebar nav a:hover { color: var(--rc-brand-deep); background: var(--rc-pink-soft); }
.side-nav a.active, .admin-shell .admin-sidebar nav a.active { color: var(--rc-brand-deep); background: var(--rc-pink-soft); }
.side-nav a.active .icon, .admin-breadcrumb b, .admin-top-tools, .stat-top .icon { color: var(--rc-brand-secondary); }
.sidebar-collector, .dashboard-welcome, .admin-shell .admin-quick-grid a { background: var(--rc-blue-soft); border-color: var(--rc-blue-border); }
.workflow-banner { background: var(--rc-pink-soft); border-color: var(--rc-pink-border); }
.sidebar-collector p, .admin-breadcrumb, .admin-search, .admin-heading p { color: var(--rc-text-muted); }
.local-indicator, .stat-top, .stat p, .panel-head p { color: var(--rc-text-muted); }
.local-indicator::before, .audit-dot { background: var(--rc-brand-secondary); }
.admin-topbar { background: #fff; border-color: var(--rc-border); }
.admin-shell .admin-quick-grid a, .admin-account .link-button { color: var(--rc-brand-deep); }
.admin-shell .admin-quick-grid a:hover { background: var(--rc-pink-soft); }
.avatar { color: var(--rc-brand-deep); background: var(--rc-pink-soft); }
.pipe-step, .workflow-grid .stat { background: var(--rc-canvas); border-color: var(--rc-border); }
.stat, .panel, .admin-section, .table-wrap { border-color: var(--rc-border); }
.admin-shell .admin-sidebar nav a:focus-visible { outline-color: var(--rc-focus); }
.admin-main input[type=checkbox], .checkline input, .rights-toggle input { accent-color: var(--rc-brand-primary); }

.login-body { --primary: var(--rc-brand-primary); --primary-strong: var(--rc-brand-deep); --text: var(--rc-brand-ink); --border: var(--rc-border); background: var(--rc-canvas); }
.login-panel { background: #fff; border-color: var(--rc-border); }

@media (max-width: 767px) {
  .public-body .logo .brand-lockup { width: 166px; }
  .admin-sidebar .logo .brand-lockup { width: 165px; }
  .admin-shell .mobile-sidebar-toggle, .public-body .mobile-menu-toggle { color: var(--rc-brand-deep); }
}

/* Admin information architecture: workflow first, published image catalogue second. */
.admin-shell{grid-template-columns:230px minmax(0,1fr)}
.admin-shell .admin-sidebar{padding-inline:14px}
.admin-shell .side-nav{gap:7px}
.admin-shell .side-module{min-width:0}
.admin-shell .side-module-main{font-size:12px;font-weight:650;min-height:38px}
.admin-shell .side-module-main span{min-width:0}
.admin-shell .side-module-sub{display:none;gap:1px;margin:1px 0 4px 37px;padding-left:11px;border-left:1px solid var(--rc-border)}
.admin-shell .side-module-main.active+.side-module-sub,.admin-shell .side-module:has(.side-module-sub a.active) .side-module-sub,.admin-shell .side-module:focus-within .side-module-sub{display:grid}
@media(hover:hover){.admin-shell .side-module:hover .side-module-sub{display:grid}}
.admin-shell .side-module:has(.side-module-sub) .side-module-main::after{content:'›';margin-left:auto;font-size:16px;line-height:1;transform:rotate(0deg);transition:transform .16s ease}
.admin-shell .side-module:has(.side-module-sub a.active) .side-module-main::after,.admin-shell .side-module-main.active::after{transform:rotate(90deg)}
.admin-shell .side-module-sub a{display:block;padding:5px 7px;font-size:11px;line-height:1.4;border-radius:5px}
.admin-shell .side-module-sub a.active{font-weight:650}
.admin-shell .side-module-main.active,.admin-shell .side-module:has(.side-module-sub a.active) .side-module-main{background:var(--rc-pink-soft);color:var(--rc-brand-deep)}
.admin-shell .processing-guide{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;border:1px solid var(--rc-border);border-radius:10px;background:#fff;margin-bottom:14px}
.admin-shell .processing-guide strong{color:var(--rc-brand-deep);margin-right:5px}
.admin-shell .processing-guide span{font-size:12px;padding:7px 9px;background:var(--rc-pink-soft);border-radius:5px;color:var(--rc-brand-deep)}
.admin-shell .processing-guide p{flex-basis:100%;margin:2px 0 0;color:var(--rc-text-muted);font-size:12px}
.admin-shell .processing-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 18px}
.admin-shell .processing-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;border:1px solid var(--rc-border);border-radius:8px;background:#fff;color:var(--rc-brand-deep);font-size:12px;font-weight:600}
.admin-shell .processing-shortcuts .icon{width:15px;flex:none}
.admin-shell .processing-tabs{display:flex;gap:7px;overflow-x:auto;padding:3px 0 14px;margin-bottom:8px}
.admin-shell .processing-tabs a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border:1px solid var(--rc-border);border-radius:7px;background:#fff;color:var(--rc-text-muted);font-size:12px}
.admin-shell .processing-tabs a.selected{background:var(--rc-brand-deep);border-color:var(--rc-brand-deep);color:#fff}
.admin-shell .processing-tabs b{min-width:19px;padding:1px 4px;border-radius:9px;background:var(--rc-blue-soft);color:var(--rc-brand-secondary);font-size:10px;text-align:center}
.admin-shell .processing-search{display:flex;align-items:end;gap:10px;max-width:530px;margin:0 0 20px}
.admin-shell .processing-search label{flex:1;font-size:11px;font-weight:600}
.admin-shell .processing-search input{display:block;width:100%;margin-top:5px}
.admin-shell .processing-search button{min-height:38px}
.admin-shell .processing-intake{margin-bottom:22px}
.admin-shell .processing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-shell .processing-card{display:grid;grid-template-columns:130px minmax(0,1fr);overflow:hidden;border:1px solid var(--rc-border);border-radius:10px;background:#fff;min-width:0}
.admin-shell .processing-thumb{display:flex;align-items:center;justify-content:center;background:var(--rc-canvas);min-height:185px;color:var(--rc-text-muted);font-size:11px}
.admin-shell .processing-thumb img{width:100%;height:100%;max-height:230px;object-fit:contain;padding:12px}
.admin-shell .processing-card-body{min-width:0;padding:15px}
.admin-shell .processing-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px;color:var(--rc-text-muted);font-size:11px}
.admin-shell .processing-stage{padding:3px 6px;background:var(--rc-pink-soft);border-radius:4px;color:var(--rc-brand-deep);font-weight:700}
.admin-shell .processing-card h3,.admin-shell .catalog-admin-card h3{font-size:15px;line-height:1.35;margin:10px 0 5px;overflow-wrap:anywhere}
.admin-shell .processing-card p,.admin-shell .catalog-admin-card p{color:var(--rc-text-muted);font-size:11px;line-height:1.5}
.admin-shell .processing-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 11px;margin-top:13px;font-size:11px}
.admin-shell .processing-card-actions .btn{padding:7px 10px;min-height:32px;font-size:11px}
.admin-shell .processing-card-actions>a:not(.btn),.admin-shell .catalog-admin-actions a{color:var(--rc-brand-deep);font-weight:600}
.admin-shell .processing-empty{grid-column:1/-1;padding:35px;border:1px dashed var(--rc-border);border-radius:10px;background:#fff}
.admin-shell .processing-empty h2{font-size:18px}
.admin-shell .processing-empty p{font-size:12px;color:var(--rc-text-muted);margin:8px 0 17px}
.admin-shell .catalog-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.admin-shell .catalog-admin-card{min-width:0;overflow:hidden;border:1px solid var(--rc-border);border-radius:10px;background:#fff}
.admin-shell .catalog-admin-image{display:flex;align-items:center;justify-content:center;height:215px;background:var(--rc-canvas);color:var(--rc-text-muted);font-size:12px}
.admin-shell .catalog-admin-image img{width:100%;height:100%;object-fit:contain;padding:16px}
.admin-shell .catalog-admin-meta{padding:13px}
.admin-shell .catalog-admin-meta small{color:var(--rc-text-muted)}
.admin-shell .catalog-admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:11px}
@media(max-width:1200px){.admin-shell .catalog-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-shell .processing-list{grid-template-columns:1fr}}
@media(max-width:900px){.admin-shell .processing-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .catalog-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.admin-shell{display:block}.admin-shell .admin-sidebar{width:min(290px,85vw);padding-inline:14px}.admin-shell .processing-guide{gap:6px;padding:13px}.admin-shell .processing-guide span{font-size:10px}.admin-shell .processing-card{grid-template-columns:105px minmax(0,1fr)}.admin-shell .processing-thumb{min-height:190px}.admin-shell .processing-card-body{padding:11px}.admin-shell .processing-card-actions{gap:7px}.admin-shell .catalog-admin-image{height:170px}}
@media(max-width:390px){.admin-shell .processing-shortcuts{grid-template-columns:1fr 1fr}.admin-shell .processing-shortcuts a{font-size:10px;padding:9px}.admin-shell .processing-card{grid-template-columns:90px minmax(0,1fr)}.admin-shell .processing-card-actions .btn{width:100%;text-align:center}.admin-shell .catalog-admin-image{height:145px}}