@font-face {
  font-family: 'Pivsnab Montserrat';
  src: url('/static/fonts/Montserrat-Variable.woff') format('woff-variations');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
form button[hidden], form input[type='submit'][hidden] { display: none !important; }
.live-search-status { margin: 7px 0 14px; color: var(--muted); font-size: 12px; }
.live-search-status.is-searching { display: flex; align-items: center; gap: 9px; color: var(--forest); font-weight: 600; }
.live-search-status.is-searching::before, form.is-searching button[type='submit']::before { content: ''; display: inline-block; flex: 0 0 auto; width: 14px; height: 14px; margin-right: 7px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: middle; animation: company-search-spin .8s linear infinite; }
.live-search-status.is-searching::before { margin-right: 0; }
.company-results[aria-busy='true'] .company-list { opacity: .55; }
form.is-searching button[type='submit'] { cursor: progress; }
@keyframes company-search-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .live-search-status.is-searching::before, form.is-searching button[type='submit']::before { animation: none; } }
.live-search-next { display: inline-flex; margin: 18px 0; }
.live-search-next[hidden] { display: none; }
.registry-pagination[hidden] { display: none; }
/* Telegram bot migration workspace */
.bot-hero{padding:54px 0 58px;background:var(--forest);color:#fff}.bot-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px;align-items:end}.bot-hero h1{max-width:850px;margin:8px 0 14px;color:#fff;font-size:clamp(40px,6vw,72px);line-height:.96;letter-spacing:-.045em}.bot-hero p{max-width:760px;color:rgba(255,255,255,.72)}.bot-safety-seal{padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:25px;background:rgba(255,255,255,.07)}.bot-safety-seal strong,.bot-safety-seal span{display:block}.bot-safety-seal strong{color:var(--lime);font-size:17px}.bot-safety-seal span{margin-top:6px;color:rgba(255,255,255,.68);font-size:9px}.bot-safety-seal.is-danger strong{color:#ffae9f}.bot-shell{display:grid;gap:12px;padding:30px 0 90px}.bot-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bot-metrics article,.bot-panel,.bot-explainer,.bot-section,.bot-next,.bot-empty{padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff}.bot-metrics span,.bot-metrics small{display:block;color:var(--muted);font-size:8px}.bot-metrics strong{display:block;margin:8px 0 4px;color:var(--forest);font-size:35px}.bot-explainer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:30px}.bot-explainer h2,.bot-section h2,.bot-panel h2,.bot-next h2{margin:7px 0 9px;font-size:22px}.bot-explainer dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.bot-explainer dl div{padding:13px;border-radius:14px;background:var(--pale)}.bot-explainer dt{color:var(--muted);font-size:7px}.bot-explainer dd{margin:5px 0 0;color:var(--forest);font-size:21px;font-weight:700}.bot-step,.bot-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--pale);color:var(--forest);font-size:7px;font-weight:750;text-transform:uppercase}.bot-section>header{display:flex;justify-content:space-between;gap:24px;align-items:end}.bot-section>header p{max-width:520px;color:var(--muted);font-size:9px}.bot-scenario-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.bot-scenario-list article{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fbfcfa}.bot-scenario-head{display:flex;justify-content:space-between;gap:16px}.bot-scenario-head h3{margin:8px 0 0;font-size:12px}.bot-scenario-head>strong{color:var(--forest);font-size:29px}.bot-status.status-deactivated{background:#f2e9e6;color:#854235}.bot-scenario-list p{color:var(--muted);font-size:8px}.bot-node-types{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.bot-node-types span{padding:5px 7px;border-radius:9px;background:#edf3e9;color:#53614f;font-size:7px}.bot-node-types b{color:var(--forest)}.bot-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bot-empty.compact{margin-top:14px;padding:15px;background:#f6f7f4}.bot-empty.compact p{margin-bottom:0;color:var(--muted);font-size:9px}.bot-checklist{display:grid;gap:7px;padding:0;list-style:none}.bot-checklist li{position:relative;padding-left:23px;font-size:9px}.bot-checklist li::before{content:'✓';position:absolute;left:0;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--forest);font-size:9px;font-weight:800}.bot-next{border-color:rgba(51,106,41,.3);background:#f0f5ec}.bot-next p{max-width:920px;margin-bottom:0}.eyebrow{font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}@media(max-width:850px){.bot-hero-grid,.bot-explainer,.bot-two-column{grid-template-columns:1fr}.bot-metrics{grid-template-columns:repeat(2,1fr)}.bot-scenario-list{grid-template-columns:1fr}}@media(max-width:520px){.bot-metrics{grid-template-columns:1fr}.bot-section>header{align-items:start;flex-direction:column}.bot-explainer dl{grid-template-columns:repeat(2,1fr)}}
.bot-studio-cta{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:10px 20px;border-radius:999px;background:var(--lime);color:var(--forest);font-size:13px;font-weight:700;text-decoration:none}.bot-studio-cta:hover,.bot-studio-cta:focus-visible{background:#ebf09e;color:var(--forest)}

/* Registration call preparation */
.registration-call-guide { margin-top: 14px; border: 1px solid rgba(51,106,41,.2); border-radius: 20px; background: #f7faf4; }
.registration-call-guide > summary { min-height: 44px; display: flex; align-items: center; padding: 10px 15px; color: var(--forest); font-size: 10px; font-weight: 700; cursor: pointer; }
.registration-call-guide-body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; border-top: 1px solid rgba(51,106,41,.14); background: rgba(51,106,41,.14); }
.registration-call-guide-body > div { padding: 15px 16px; background: #fff; }
.registration-call-guide-body strong { color: var(--forest); font-size: 9px; text-transform: uppercase; letter-spacing: .04em; }
.registration-call-guide-body p,.registration-call-guide-body li { color: var(--ink); font-size: 10px; line-height: 1.55; }
.registration-call-guide-body ol,.registration-call-guide-body ul { margin: 9px 0 0; padding-left: 18px; }
.registration-call-guide-body li + li { margin-top: 6px; }
.registration-call-guide-body .registration-call-opener { grid-column: 1/-1; background: var(--pale); }
.registration-call-opener p { margin-top: 9px; color: var(--forest); font-size: 12px; font-weight: 550; }
.registration-call-opener small { color: #66705f; font-size: 8px; }
.registration-call-guide-body .registration-call-avoid { grid-column: 1/-1; background: #fff8ed; }
.registration-history-access-note { margin-bottom: 16px; padding: 18px 21px; border: 1px solid rgba(51,106,41,.2); border-radius: 24px; background: var(--pale); }
.registration-history-access-note strong { color: var(--forest); }
.registration-history-access-note p { margin: 6px 0 0; color: #485344; font-size: 10px; line-height: 1.55; }

@media (max-width: 680px) {
  .registration-call-guide-body { grid-template-columns: 1fr; }
  .registration-call-guide-body .registration-call-opener,.registration-call-guide-body .registration-call-avoid { grid-column: 1; }
}

.national-catalog-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:14px 0; }
.national-catalog-stats article { display:grid; gap:3px; padding:14px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.national-catalog-stats strong { color:var(--forest); font-size:22px; }
.national-catalog-stats span { color:var(--muted); font-size:10px; }
.national-catalog-thumb { width:54px; height:54px; float:left; margin:0 10px 8px 0; border:1px solid var(--line); border-radius:12px; object-fit:contain; background:#fff; }
.national-product-link { color:var(--forest); text-decoration-thickness:1px; text-underline-offset:3px; }
.national-catalog-table code,.comparison-flow code { display:block; width:max-content; max-width:100%; margin:3px 0; padding:3px 6px; border-radius:6px; background:var(--pale); color:var(--forest); font-size:9px; overflow-wrap:anywhere; }
.catalog-evidence { display:grid; gap:3px; margin-bottom:8px; }
.comparison-list { display:grid; gap:12px; margin-top:14px; }
.comparison-card { padding:16px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 5px 18px rgba(35,71,28,.05); }
.comparison-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:12px; }
.comparison-card > header > div { display:grid; gap:4px; }
.comparison-card small { display:block; color:var(--muted); font-size:9px; line-height:1.45; }
.comparison-status { flex:0 0 auto; padding:6px 9px; border-radius:999px; background:#f3eee0; color:#725d27; font-size:9px; font-weight:700; }
.comparison-status.exact_name_unique { background:var(--pale); color:var(--forest); }
.comparison-status.exact_name_ambiguous { background:#fff0d7; color:#7c4f00; }
.comparison-flow { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items:stretch; gap:10px; }
.comparison-flow > section { display:grid; align-content:start; gap:4px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:14px; background:#fbfdf9; }
.comparison-flow > span { align-self:center; color:var(--meadow); font-size:20px; }
.comparison-flow .exact-candidate { color:var(--forest); }
.detail-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.national-product-layout { display:grid; gap:14px; }
.national-product-summary,.national-product-section { padding:18px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 5px 18px rgba(35,71,28,.05); }
.national-product-summary { display:grid; grid-template-columns:minmax(180px,280px) minmax(0,1fr); gap:20px; align-items:start; }
.national-product-summary > img { width:100%; max-height:300px; object-fit:contain; border:1px solid var(--line); border-radius:16px; background:#fff; }
.national-detail-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:9px; }
.national-detail-grid article,.national-attribute-grid article { display:grid; align-content:start; gap:4px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:14px; background:#fbfdf9; }
.national-detail-grid code { overflow-wrap:anywhere; color:var(--forest); font-size:12px; }
.national-detail-grid small,.national-attribute-grid small,.national-source-section small { color:var(--muted); font-size:9px; line-height:1.45; }
.national-attribute-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:9px; }
.national-attribute-grid p { margin:0; line-height:1.45; overflow-wrap:anywhere; }
.national-declaration-list { display:grid; gap:10px; }
.national-declaration-list > article { padding:13px; border:1px solid var(--line); border-radius:14px; background:#fbfdf9; }
.national-declaration-list > article > div:first-child { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.national-image-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,180px)); gap:10px; }
.national-image-grid a { display:grid; place-items:center; min-height:140px; padding:8px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.national-image-grid img { width:100%; max-height:180px; object-fit:contain; }
@media (max-width:980px) {
  .national-catalog-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .comparison-flow { grid-template-columns:1fr; }
  .comparison-flow > span { transform:rotate(90deg); justify-self:center; }
  .national-product-summary { grid-template-columns:1fr; }
  .national-product-summary > img { max-width:320px; }
}
@media (max-width:680px) {
  .national-catalog-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .comparison-card > header { flex-direction:column; }
}

:root {
  --forest: #336a29;
  --leaf: #498429;
  --meadow: #7fb353;
  --lime: #c0db5f;
  --pale: #ebf09e;
  --paper: #fbfbfb;
  --surface: #fff;
  --ink: #2d2d2d;
  --muted: #6d746b;
  --line: rgba(51, 106, 41, .2);
  --danger: #9e3e32;
  --danger-bg: #fff0ed;
  --shadow: 0 14px 38px rgba(36, 74, 30, .11);
  --font: 'Pivsnab Montserrat', Montserrat, Arial, sans-serif;
  --shell: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font); color: var(--ink); background: var(--paper); line-height: 1.55; }
a { color: inherit; }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
.shell { width: min(var(--shell), calc(100% - 48px)); margin-inline: auto; }
.section-space { padding-block: 76px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: 14px; top: -60px; z-index: 100; background: var(--lime); padding: 12px 18px; border-radius: 22px; }
.skip-link:focus { top: 10px; }

.site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--line); background: rgba(251,251,251,.97); backdrop-filter: blur(14px); }
.site-header-main { width: min(1420px, calc(100% - 48px)); min-height: 72px; margin-inline: auto; display: grid; grid-template-columns: 190px minmax(0,1fr) auto; gap: 22px; align-items: center; }
.brand { min-width: 0; display: flex; align-items: center; gap: 10px; text-decoration: none; }
.brand img { width: 118px; height: auto; display: block; }
.brand-divider { height: 30px; width: 1px; background: var(--line); }
.brand-product { color: var(--forest); font-size: 16px; font-weight: 650; text-transform: uppercase; letter-spacing: .04em; }
.main-nav { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 5px; overflow-x: auto; }
.main-nav { scrollbar-width: none; }
.main-nav::-webkit-scrollbar { display: none; }
.main-nav a { min-height: 44px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 8px 14px; border-radius: 999px; text-decoration: none; color: #52604e; font-size: 12px; font-weight: 600; }
.main-nav a:hover { color: var(--forest); background: #eef4e9; }
.main-nav a.active { color: #fff; background: var(--forest); }
.main-nav a.active::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(192,219,95,.13); }
.header-actions { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.local-badge { white-space: nowrap; display: flex; align-items: center; gap: 8px; color: var(--forest); font-size: 12px; font-weight: 600; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--meadow); box-shadow: 0 0 0 5px rgba(127,179,83,.17); }
.account-pill { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; padding: 6px 7px 6px 13px; border: 1px solid var(--line); border-radius: 999px; background: #fff; }
.account-pill span { display: grid; line-height: 1.18; }
.account-pill strong { max-width: 120px; overflow: hidden; color: var(--forest); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.account-pill small { color: var(--muted); font-size: 8px; }
.account-pill form { margin: 0; }
.account-pill button { min-width: 44px; min-height: 44px; border: 0; border-radius: 999px; background: var(--pale); color: var(--forest); font-size: 9px; font-weight: 650; }
.utility-menu { position: relative; flex: 0 0 auto; }
.utility-menu summary { min-width: 58px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 13px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: #52604e; cursor: pointer; font-size: 10px; font-weight: 650; list-style: none; }
.utility-menu summary::-webkit-details-marker { display: none; }
.utility-menu summary::after { content: '⌄'; color: var(--leaf); font-size: 13px; line-height: 1; transform: translateY(-1px); }
.utility-menu.active summary,.utility-menu[open] summary,.utility-menu summary:hover { border-color: rgba(51,106,41,.35); background: var(--pale); color: var(--forest); }
.utility-menu[open] summary::after { transform: rotate(180deg) translateY(-1px); }
.utility-menu-panel { position: absolute; top: calc(100% + 10px); right: 0; z-index: 30; min-width: 210px; display: grid; gap: 3px; padding: 8px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 18px 48px rgba(36,74,30,.18); }
.utility-menu-panel a { min-height: 44px; display: flex; align-items: center; padding: 9px 13px; border-radius: 15px; color: #52604e; font-size: 10px; font-weight: 600; text-decoration: none; }
.utility-menu-panel a:hover,.utility-menu-panel a.active { color: var(--forest); background: var(--pale); }
.context-nav-shell { border-top: 1px solid rgba(51,106,41,.1); background: #f2f5ef; }
.context-nav { width: min(1420px, calc(100% - 48px)); min-height: 50px; margin-inline: auto; display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 22px; align-items: center; }
.context-label { display: flex; align-items: center; gap: 10px; color: var(--forest); font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.context-label::before { content: ''; width: 28px; height: 2px; border-radius: 2px; background: var(--meadow); }
.context-links { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 5px; overflow-x: auto; scrollbar-width: none; }
.context-links::-webkit-scrollbar { display: none; }
.context-links a { min-height: 40px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; padding: 7px 14px; border-radius: 999px; color: #63705f; font-size: 10px; font-weight: 600; text-decoration: none; }
.context-links a:hover,.context-links a.active { color: var(--forest); background: #fff; box-shadow: 0 1px 0 rgba(51,106,41,.08); }
.main-nav a:focus-visible,.context-links a:focus-visible,.utility-menu summary:focus-visible,.utility-menu-panel a:focus-visible,.account-pill button:focus-visible { outline: 3px solid rgba(192,219,95,.72); outline-offset: 2px; }

.auth-page { min-height: 100vh; background: var(--forest); }
.auth-stage { min-height: 100vh; display: grid; grid-template-columns: minmax(320px, 560px) minmax(340px, 1fr); align-items: center; gap: clamp(35px, 8vw, 140px); width: min(1180px, calc(100% - 48px)); margin-inline: auto; padding-block: 48px; color: #fff; }
.auth-stage-minimal { grid-template-columns: minmax(280px, 430px); justify-content: center; }
.auth-stage.single { grid-template-columns: minmax(320px, 620px); justify-content: center; }
.auth-card { position: relative; z-index: 2; padding: clamp(32px, 5vw, 58px); border-radius: 50px; background: #fff; color: var(--ink); box-shadow: 0 26px 70px rgba(13,45,10,.35); }
.auth-logo { width: 172px; height: auto; display: block; margin-bottom: 40px; }
.auth-card-minimal { width: 100%; padding: clamp(38px, 6vw, 58px); text-align: center; }
.auth-card-minimal .auth-logo { width: 154px; margin: 0 auto 40px; }
.auth-card-minimal h1 { margin: 0 0 28px; font-size: clamp(30px, 4vw, 42px); letter-spacing: -.025em; }
.auth-card-minimal .pill-button { min-width: 210px; }
.auth-card h1 { margin-bottom: 19px; color: var(--forest); font-size: clamp(40px, 5vw, 66px); font-weight: 610; letter-spacing: -.04em; text-transform: uppercase; }
.auth-card h1 span { color: var(--leaf); }
.auth-card > p:not(.eyebrow) { max-width: 470px; color: var(--muted); }
.auth-card > small { display: block; margin-top: 17px; color: var(--muted); font-size: 10px; }
.auth-yandex-button { min-height: 54px; display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; margin-top: 0; padding: 7px 22px 7px 8px; border-radius: 999px; background: var(--forest); color: #fff; font-weight: 650; text-decoration: none; }
.auth-yandex-button:hover { background: var(--leaf); }
.auth-yandex-mark { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: #fc3f1d; color: #fff; font-size: 20px; font-weight: 650; }
.auth-scene { position: relative; min-height: 520px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(235,240,158,.25); border-radius: 80px; background: rgba(22,70,18,.36) url('/static/brand/decor/industrial-cct.svg') no-repeat center bottom / 82% auto; }
.auth-scene::before { content: ''; position: absolute; inset: auto -45px -70px auto; width: 310px; height: 310px; background: url('/static/brand/decor/hops-watermark.svg') no-repeat center / contain; opacity: .13; }
.auth-scene > strong { position: absolute; left: 48px; bottom: 44px; color: var(--lime); font-size: clamp(24px, 3vw, 42px); line-height: 1.08; text-transform: uppercase; }
.auth-radar-ring { position: absolute; top: 54px; right: 48px; width: 210px; height: 210px; border: 1px solid rgba(235,240,158,.35); border-radius: 50%; }
.auth-radar-ring::before, .auth-radar-ring::after { content: ''; position: absolute; inset: 22%; border: 1px solid rgba(235,240,158,.25); border-radius: 50%; }
.auth-radar-ring::after { inset: 43%; background: var(--lime); box-shadow: 0 0 0 10px rgba(192,219,95,.12); }
.auth-radar-ring span { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 230deg, transparent 0 63%, rgba(192,219,95,.25) 80%, transparent 81%); }

.radar-hero { min-height: 570px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: clamp(35px, 6vw, 100px); padding: 64px max(24px, calc((100vw - var(--shell)) / 2)) 86px; background: var(--forest); color: #fff; overflow: hidden; position: relative; }
.radar-hero::before { content: ''; position: absolute; inset: auto auto -95px -30px; width: 450px; height: 280px; background: url('/static/brand/decor/hops-watermark.svg') no-repeat center / contain; opacity: .14; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 16px; color: var(--leaf); font-size: 12px; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow.light { color: var(--lime); }
.radar-hero .eyebrow { color: var(--lime); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { line-height: 1.08; }
.radar-hero h1 { margin-bottom: 26px; font-size: clamp(42px, 5.2vw, 73px); font-weight: 610; letter-spacing: -.035em; text-transform: uppercase; }
.radar-hero h1 span { color: var(--lime); }
.hero-lead { max-width: 650px; color: rgba(255,255,255,.79); font-size: clamp(17px, 1.5vw, 21px); }
.hero-search { margin-top: 38px; max-width: 680px; display: flex; padding: 6px; border-radius: 999px; background: #fff; box-shadow: 0 18px 38px rgba(15, 42, 12, .28); }
.hero-search input { flex: 1; min-width: 0; height: 50px; padding: 0 22px; border: 0; outline: 0; background: transparent; color: var(--ink); }
.hero-search button { border: 0; border-radius: 999px; padding: 0 25px; color: var(--forest); background: var(--lime); font-weight: 650; }
.hero-search button:hover { background: var(--pale); }

.radar-visual { justify-self: center; position: relative; width: min(440px, 39vw); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(192,219,95,.18) 0 2%, transparent 2.5% 100%), rgba(22,70,18,.38); border: 1px solid rgba(235,240,158,.25); box-shadow: inset 0 0 55px rgba(192,219,95,.1); overflow: hidden; }
.radar-ring { position: absolute; border: 1px solid rgba(235,240,158,.25); border-radius: 50%; inset: 17%; }
.ring-two { inset: 34%; }
.radar-visual::before, .radar-visual::after { content: ''; position: absolute; background: rgba(235,240,158,.19); }
.radar-visual::before { width: 1px; height: 100%; left: 50%; }
.radar-visual::after { height: 1px; width: 100%; top: 50%; }
.radar-sweep { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 242deg, transparent 0 63%, rgba(192,219,95,.23) 80%, transparent 81%); transform: rotate(-15deg); }
.radar-core { position: absolute; inset: 36%; z-index: 2; display: grid; place-content: center; text-align: center; border-radius: 50%; background: var(--lime); color: var(--forest); box-shadow: 0 0 0 10px rgba(192,219,95,.11), 0 20px 30px rgba(12,51,9,.25); }
.radar-core strong { font-size: clamp(31px, 3vw, 48px); line-height: 1; }
.radar-core span { margin-top: 5px; font-size: 10px; line-height: 1.25; font-weight: 600; text-transform: uppercase; }
.radar-point { position: absolute; z-index: 3; display: flex; align-items: center; gap: 6px; color: #fff; font-size: 11px; font-weight: 550; }
.radar-point b { width: 10px; height: 10px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 7px rgba(192,219,95,.15); }
.point-a { left: 18%; top: 23%; }.point-b { right: 6%; top: 45%; }.point-c { left: 23%; bottom: 16%; }

.metric-strip { position: relative; z-index: 3; width: min(1060px, calc(100% - 48px)); margin: -36px auto 0; display: grid; grid-template-columns: repeat(5, 1fr); border-radius: 32px; overflow: hidden; background: #fff; box-shadow: var(--shadow); }
.metric-strip a { min-height: 100px; display: flex; flex-direction: column; justify-content: center; padding: 20px 28px; text-decoration: none; border-right: 1px solid var(--line); }
.metric-strip a:last-child { border: 0; }
.metric-strip a:hover { background: #f7faef; }
.metric-strip strong { color: var(--forest); font-size: 31px; line-height: 1; }
.metric-strip span { margin-top: 7px; color: var(--muted); font-size: 12px; }
.wave-boundary { height: 70px; margin-top: 48px; background: url('/static/brand/decor/wave-triple.svg') repeat-x center bottom / auto 58px; opacity: .8; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(310px, .8fr); gap: 34px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 26px; }
.section-heading h2, .lead-panel h2, .source-scene h2, .source-catalog h2 { margin: 0; color: var(--forest); font-size: clamp(30px, 3vw, 45px); font-weight: 610; text-transform: uppercase; }
.text-link { color: var(--forest); font-size: 13px; font-weight: 600; text-decoration: none; }
.signal-list { border-top: 1px solid var(--line); }
.signal-row { display: grid; grid-template-columns: 54px 12px 1fr auto; align-items: start; gap: 17px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.signal-row time { color: var(--muted); font-size: 12px; font-weight: 600; }
.signal-mark { width: 10px; height: 10px; margin-top: 5px; border: 2px solid var(--forest); border-radius: 50%; }
.signal-mark.high { background: var(--lime); box-shadow: 0 0 0 6px rgba(192,219,95,.23); }
.signal-row h3 { margin: 0 0 5px; font-size: 17px; }
.signal-row p { margin: 0 0 6px; color: var(--muted); font-size: 13px; }
.signal-row a { color: var(--forest); font-size: 12px; font-weight: 600; }
.muted { color: var(--muted); font-size: 12px; }
.history-badge { align-self: start; padding: 4px 9px; border-radius: 99px; background: #eef6e8; color: var(--forest); font-size: 9px; font-weight: 650; text-transform: uppercase; letter-spacing: .04em; }
.history-badge.historical { background: #f1eee8; color: #766a57; }
.lead-panel { position: relative; overflow: hidden; align-self: start; padding: 38px; border-radius: 50px; background: var(--forest); color: #fff; box-shadow: var(--shadow); }
.lead-panel::after { content: ''; position: absolute; right: -70px; bottom: -90px; width: 250px; height: 260px; background: url('/static/brand/decor/industrial-cct.svg') no-repeat center / contain; opacity: .13; }
.lead-panel h2 { color: #fff; font-size: 31px; }
.lead-list { position: relative; z-index: 2; margin: 25px 0 28px; }
.lead-list a { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: center; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.15); text-decoration: none; }
.lead-list .score { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--forest); font-weight: 700; }
.lead-list strong { display: block; font-size: 13px; }
.lead-list small { display: block; margin-top: 3px; color: rgba(255,255,255,.65); font-size: 10px; }
.pill-button, .outline-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 22px; border: 0; border-radius: 999px; background: var(--forest); color: #fff; font-weight: 600; font-size: 13px; text-decoration: none; }
.pill-button:hover { background: var(--leaf); }
.pill-button.lime { position: relative; z-index: 2; background: var(--lime); color: var(--forest); }
.source-scene { margin-bottom: 90px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; padding: 55px 65px; border-radius: 65px; background: var(--pale); }
.source-scene > *, .import-stack, .import-stack article, .import-stack strong { min-width: 0; }.import-stack strong { overflow-wrap: anywhere; }
.source-scene p:not(.eyebrow) { color: #52604e; max-width: 540px; }
.import-stack { display: grid; gap: 12px; }
.import-stack article { display: grid; grid-template-columns: 1fr auto; gap: 5px 20px; padding: 18px 22px; border-radius: 24px; background: #fff; box-shadow: 0 8px 20px rgba(51,106,41,.07); }
.import-stack .source-type { grid-column: 1 / -1; }
.import-stack small { color: var(--muted); }
.source-type { color: var(--leaf); font-size: 9px; font-weight: 650; text-transform: uppercase; letter-spacing: .08em; }

.page-hero { padding-block: 62px 42px; }
.page-hero.compact { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.page-hero h1 { margin: 0 0 12px; color: var(--forest); font-size: clamp(44px, 6vw, 76px); font-weight: 610; text-transform: uppercase; letter-spacing: -.035em; }
.page-hero p:not(.eyebrow) { max-width: 760px; color: var(--muted); }
.hero-count { min-width: 120px; display: grid; place-content: center; padding: 18px; aspect-ratio: 1; border-radius: 50%; background: var(--lime); color: var(--forest); text-align: center; }
.hero-count strong { font-size: 35px; line-height: 1; }.hero-count span { margin-top: 5px; font-size: 10px; text-transform: uppercase; }

.list-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 30px; align-items: start; padding-bottom: 90px; }
.filter-panel { position: sticky; top: 138px; display: grid; gap: 17px; padding: 26px; border-radius: 32px; background: var(--pale); }
.filter-panel label, .period-filter label { display: block; margin-bottom: 6px; color: var(--forest); font-size: 12px; font-weight: 650; text-transform: uppercase; letter-spacing: .04em; }
.filter-panel input[type='search'], .filter-panel select, .period-filter input, .period-filter select { width: 100%; min-height: 44px; padding: 8px 13px; border: 1px solid rgba(51,106,41,.25); border-radius: 14px; background: #fff; color: var(--ink); }
.check-filter { display: flex !important; align-items: center; gap: 9px; min-height: 44px; margin: 0 !important; text-transform: none !important; letter-spacing: 0 !important; }
.check-filter input { width: 19px; height: 19px; accent-color: var(--forest); }
.reset-link { text-align: center; color: var(--forest); font-size: 12px; }
.company-results { min-width: 0; }
.company-list { display: grid; gap: 14px; }
.company-card { display: grid; grid-template-columns: 72px 1fr auto; gap: 22px; align-items: center; min-height: 155px; padding: 25px 27px; border: 1px solid transparent; border-radius: 34px; background: #fff; box-shadow: 0 8px 24px rgba(36,74,30,.07); transition: transform .18s ease, border-color .18s ease; }
.company-card:hover { transform: translateY(-2px); border-color: var(--line); }
.company-score { width: 67px; height: 67px; display: grid; place-content: center; border-radius: 50%; background: var(--pale); color: var(--forest); text-align: center; }
.company-score strong { font-size: 28px; line-height: 1; }.company-score span { font-size: 11px; text-transform: uppercase; }
.card-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 9px; }
.operational-chip { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border-radius: 99px; font-size: 10px; font-weight: 750; text-transform: uppercase; }.operational-chip.danger { background: var(--danger-bg); color: var(--danger); }.operational-chip.warning { background: #fff2d5; color: #745d29; }.company-card-invalid { border-color: rgba(158,62,50,.28); background: #fffafa; }.company-card-invalid .company-score { background: var(--danger-bg); color: var(--danger); }
.operational-chip.readiness { text-transform: none; }.operational-chip.readiness.positive { background: #eaf6e4; color: var(--forest); }.readiness-facts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }.readiness-facts span { padding: 5px 8px; border-radius: 8px; background: #f3f5ef; color: var(--muted); font-size: 9px; }.readiness-panel { display: grid; grid-template-columns: minmax(260px,1.15fr) minmax(310px,1fr) minmax(260px,.9fr); gap: 18px; align-items: center; margin-top: 24px; padding: 22px 25px; border: 1px solid var(--line); border-left: 5px solid var(--leaf); border-radius: 28px; background: #fff; }.readiness-panel.warning { border-left-color: #d5a72f; background: #fffdf5; }.readiness-panel.danger { border-left-color: var(--danger); background: #fffafa; }.readiness-panel h2 { margin: 4px 0 7px; color: var(--forest); font-size: 21px; }.readiness-panel > div > p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }.readiness-panel dl { display: grid; grid-template-columns: 1fr; gap: 6px; margin: 0; }.readiness-panel dl div { padding: 8px 10px; border-radius: 10px; background: rgba(255,255,255,.8); }.readiness-panel dt { color: var(--muted); font-size: 8px; text-transform: uppercase; }.readiness-panel dd { margin: 3px 0 0; font-size: 11px; font-weight: 650; }.readiness-next { padding: 13px 15px; border-radius: 14px; background: var(--pale); }.readiness-next strong { color: var(--forest); font-size: 9px; text-transform: uppercase; }.readiness-next p { margin: 5px 0 !important; color: var(--ink) !important; font-weight: 600; }.readiness-next small { color: var(--muted); font-size: 8px; line-height: 1.45; }
.relationship, .review-chip, .tag { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border-radius: 99px; background: #eef1ed; color: #50604d; font-size: 9px; font-style: normal; font-weight: 650; text-transform: uppercase; letter-spacing: .03em; }
.relationship.client, .tag.success { background: #e5f4dc; color: var(--forest); }.relationship.warm_lead { background: var(--pale); color: var(--forest); }.relationship.relationship_candidate, .review-chip { background: #fff2d5; color: #7c5c13; }.tag.draft { background: #f0ece5; color: #766a57; }.tag.danger { background: var(--danger-bg); color: var(--danger); }
.relationship-marker { display: inline-flex; align-items: center; gap: 5px; min-height: 25px; padding: 4px 9px; border-radius: 999px; font-size: 9px; font-weight: 700; line-height: 1.2; white-space: nowrap; }.relationship-marker svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.relationship-marker.materials { background: #fff0ce; color: #76531b; }.relationship-marker.services { background: #e6f1f7; color: #245f7a; }.company-hero .relationship-marker { box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.company-card .relationship, .company-card .review-chip, .company-card .history-badge { font-size: 11px; }
.chz-hero-badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid #bed5dc;border-radius:99px;background:#eef8fa;color:#174f5d;font-size:11px}.chz-hero-badge b{font-size:9px;letter-spacing:.08em}.chz-hero-badge i{font-style:normal;font-size:13px}.chz-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e9f6f8;color:#176070;font-size:12px;font-weight:800;letter-spacing:.08em}.chz-entity-card>header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.chz-entity-card>header h3{margin:8px 0 2px}.chz-primary-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.chz-primary-groups>article{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #dbe8e9;border-radius:15px;background:#f8fbfb}.chz-primary-groups strong,.chz-primary-groups small{display:block}.chz-primary-groups small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}.chz-group-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#e7f4f5;font-size:16px;font-weight:800;color:#176070}.chz-other-groups{margin-top:12px}.chz-other-groups>summary{min-height:44px;cursor:pointer;color:var(--forest);font-weight:700}.chz-other-groups>div{display:flex;gap:7px;flex-wrap:wrap}.chz-other-groups span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:12px;background:#f1f1ed;font-size:11px}.chz-other-groups i{font-style:normal}.chz-other-groups small{color:var(--muted)}.chz-entity-card footer{margin-top:14px;color:var(--muted)}.chz-signal{margin:0 0 14px;padding:14px 16px;border-radius:16px}.chz-signal p{margin:5px 0 0;font-size:12px;line-height:1.5}.chz-signal.confirmed{background:#edf6e7;color:#2e6127}.chz-signal.check{background:#fff4dc;color:#735719}
.company-card h2 { margin: 0 0 7px; font-size: 22px; }.company-card h2 a { text-decoration: none; }.company-card h2 a:hover { color: var(--leaf); }
.company-main > p { margin: 0 0 12px; color: var(--muted); font-size: 15px; line-height: 1.45; }
.company-identifiers { display: flex; flex-wrap: wrap; gap: 7px; }.company-identifiers span { padding: 5px 9px; border-radius: 8px; background: #f5f7f3; color: #576253; font-size: 12px; line-height: 1.4; }
.open-card { align-self: stretch; min-width: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-left: 1px solid var(--line); color: var(--forest); font-size: 13px; font-weight: 600; text-decoration: none; }.open-card span { font-size: 26px; }
.empty-state { padding: 55px; border-radius: 36px; background: #fff; text-align: center; }.empty-state strong { color: var(--forest); font-size: 24px; }.empty-state p { color: var(--muted); }

.company-hero { padding: 50px 0 44px; background: var(--forest); color: #fff; }
.company-hero-inner { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.back-link { display: inline-block; margin-bottom: 28px; color: var(--lime); font-size: 12px; text-decoration: none; }
.company-hero .relationship { background: var(--lime); color: var(--forest); }
.company-hero h1 { max-width: 900px; margin: 12px 0; font-size: clamp(38px, 5vw, 64px); font-weight: 610; letter-spacing: -.03em; }
.company-hero p { margin: 0; color: rgba(255,255,255,.72); }
.operational-alert { margin-top: 22px; padding: 16px 20px; border-left: 5px solid #d5a72f; border-radius: 15px; background: #fff8dd; }.operational-alert.danger { border-left-color: var(--danger); background: var(--danger-bg); }.operational-alert strong { display: block; color: #745d29; font-size: 14px; }.operational-alert.danger strong { color: var(--danger); }.operational-alert p,.operational-alert span { display: block; margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }.operational-alert span { color: var(--danger); font-weight: 700; }
.hero-score { min-width: 128px; height: 128px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid rgba(235,240,158,.45); border-radius: 50%; color: var(--lime); }.hero-score strong { font-size: 42px; line-height: 1; }.hero-score span { font-size: 9px; line-height: 1.2; text-transform: uppercase; }
.company-workspace { display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 34px; align-items: start; padding-block: 46px 90px; }
.company-summary { position: sticky; top: 138px; max-height: calc(100dvh - 158px); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 28px; border-radius: 34px; background: var(--pale); }
.company-summary h2 { color: var(--forest); text-transform: uppercase; }.company-summary dl { margin: 0 0 20px; }.company-summary dl div { padding: 10px 0; border-bottom: 1px solid rgba(51,106,41,.18); }.company-summary dt { color: #68715f; font-size: 11px; text-transform: uppercase; }.company-summary dd { margin: 3px 0 0; font-size: 14px; font-weight: 600; }.company-summary p { color: #596552; font-size: 13px; line-height: 1.55; }.outline-button { width: 100%; border: 1px solid var(--forest); background: transparent; color: var(--forest); }
.company-summary-heading { display: grid; gap: 3px; margin-bottom: 14px; }.company-summary-heading h2 { margin: 0; }.company-summary-heading small { color: var(--muted); font-size: 9px; }.company-summary-links { display: grid; gap: 7px; margin-bottom: 16px; }.company-summary-links button { min-width: 0; min-height: 58px; display: grid; align-content: center; gap: 4px; padding: 10px 12px; border: 1px solid transparent; border-radius: 14px; background: rgba(255,255,255,.68); color: var(--ink); font: inherit; text-align: left; cursor: pointer; }.company-summary-links button:hover { border-color: rgba(51,106,41,.28); background: #fff; transform: translateY(-1px); }.company-summary-links button:focus-visible { outline: 3px solid rgba(144,192,74,.42); outline-offset: 2px; }.company-summary-links button[aria-pressed='true'] { border-color: var(--meadow); background: #fff; box-shadow: 0 5px 15px rgba(36,74,30,.09); }.company-summary-links span { color: #68715f; font-size: 9px; font-weight: 650; letter-spacing: .035em; text-transform: uppercase; }.company-summary-links strong { overflow-wrap: anywhere; font-size: 13px; line-height: 1.25; }.company-summary-target { animation: company-summary-highlight 1.2s ease; scroll-margin-top: 110px; }@keyframes company-summary-highlight { 0%,100% { box-shadow: inherit; } 35% { box-shadow: 0 0 0 4px rgba(200,220,73,.6), 0 10px 25px rgba(36,74,30,.12); } }
.company-work-control,.company-work-restore { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(51,106,41,.18); }.company-work-control > summary { cursor: pointer; color: #75574d; font-size: 11px; font-weight: 650; }.company-work-control form { display: grid; gap: 10px; margin-top: 12px; padding: 13px; border-radius: 16px; background: rgba(255,255,255,.72); }.company-work-control form > strong { color: var(--danger); font-size: 11px; }.company-work-control label { display: grid; gap: 5px; }.company-work-control label span,.company-work-control form > small,.company-work-restore small { color: var(--muted); font-size: 8px; line-height: 1.45; }.company-work-control textarea { width: 100%; resize: vertical; padding: 9px 10px; border: 1px solid var(--line); border-radius: 11px; background: #fff; color: var(--ink); font: inherit; font-size: 10px; }.company-work-control button { min-height: 42px; border: 1px solid rgba(158,62,50,.3); border-radius: 999px; background: #fff; font: inherit; font-size: 10px; font-weight: 650; }.company-work-restore { display: grid; gap: 7px; }.company-work-restore .outline-button { min-height: 42px; }
.company-summary:has(.company-work-control[open]) { position: static; }
.company-sections { min-width: 0; display: grid; gap: 12px; }
.company-sections details { overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: #fff; }
.company-sections summary { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 22px; color: var(--forest); font-size: 14px; font-weight: 610; cursor: pointer; list-style: none; }
.company-sections summary::-webkit-details-marker { display: none; }
.company-sections summary::after { content: '+'; order: 2; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); font-size: 18px; }
.company-sections details[open] > summary::after { content: '−'; }

/* Registration specialist workspace */
.registration-hero { padding: 56px 0 48px; background: var(--forest); color: #fff; }.registration-hero-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,.8fr); gap: 50px; align-items: center; }.registration-hero h1 { max-width: 760px; margin: 7px 0 15px; color: #fff; font-size: clamp(42px,5.5vw,72px); font-weight: 610; line-height: 1.02; letter-spacing: -.035em; text-transform: uppercase; }.registration-hero p:not(.eyebrow) { max-width: 760px; color: rgba(255,255,255,.74); line-height: 1.55; }.registration-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 25px; }.outline-link.light { color: #fff; border-color: rgba(255,255,255,.45); }.registration-register-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.registration-register-links a { min-height: 118px; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; border: 1px solid rgba(255,255,255,.16); border-radius: 24px; background: rgba(255,255,255,.08); color: #fff; text-decoration: none; }.registration-register-links a:hover { background: rgba(192,219,95,.15); }.registration-register-links strong { color: var(--lime); font-size: 14px; }.registration-register-links span { margin-top: 5px; color: rgba(255,255,255,.65); font-size: 10px; line-height: 1.35; }
.registration-toolbar { padding-top: 28px; }.registration-toolbar > p { margin: 10px 0 0; color: var(--muted); font-size: 10px; }.registration-metrics { grid-template-columns: repeat(4,1fr); margin-top: 28px; }.registration-section { padding-top: 74px; }.registration-section .section-heading { max-width: 920px; }.registration-section .section-heading p:last-child { margin-bottom: 0; color: var(--muted); line-height: 1.55; }
.registration-work-list { display: grid; gap: 13px; }.registration-work-card { position: relative; display: grid; grid-template-columns: 48px minmax(0,1fr) 185px; gap: 18px; align-items: start; padding: 23px 24px 23px 19px; overflow: hidden; border: 1px solid var(--line); border-left: 5px solid var(--meadow); border-radius: 27px; background: #fff; box-shadow: 0 8px 22px rgba(36,74,30,.06); }.registration-work-card.high { border-left-color: #b7634b; }.registration-work-card.low { border-left-color: #8b9388; }.registration-signal-icon { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 14px; background: var(--pale); color: var(--forest); }.registration-work-card.high .registration-signal-icon { background: #f8e8e2; color: #8b4735; }.registration-signal-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.registration-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }.registration-tag { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 9px; border-radius: 999px; background: #eef1ed; color: #536052; font-size: 9px; font-weight: 700; }.registration-tag.launch { background: var(--pale); color: var(--forest); }.registration-tag.expiry { background: #fff0ce; color: #76531b; }.registration-tag.rejection { background: #f8e8e2; color: #8b4735; }.registration-tag.watch { background: #eceeeb; color: #596057; }.registration-company { display: inline-block; color: var(--forest); font-size: 21px; font-weight: 650; line-height: 1.2; text-decoration: none; }.registration-work-main h3 { margin: 15px 0 7px; color: var(--ink); font-size: 15px; }.registration-work-main p { margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }.registration-work-main p strong { color: var(--ink); }.registration-meta { font-size: 9px !important; }.registration-product { max-width: 820px; }.registration-history { padding-top: 8px; border-top: 1px solid var(--line); }.registration-work-links { display: grid; gap: 8px; }.registration-work-links a { min-height: 40px; display: flex; align-items: center; justify-content: center; padding: 8px 11px; border: 1px solid rgba(51,106,41,.25); border-radius: 999px; color: var(--forest); font-size: 9px; font-weight: 700; text-align: center; text-decoration: none; }.registration-work-links a:first-child { border-color: var(--forest); background: var(--forest); color: #fff; }
.registration-secondary { margin-top: 72px; border: 1px solid var(--line); border-radius: 28px; background: #fff; }.registration-secondary > summary { min-height: 84px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 25px; cursor: pointer; list-style: none; }.registration-secondary > summary span { display: grid; gap: 4px; }.registration-secondary > summary small { color: var(--muted); font-size: 9px; text-transform: uppercase; }.registration-secondary > summary strong { color: var(--forest); font-size: 20px; }.registration-secondary > summary b { min-width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); }.registration-secondary > div { padding: 0 18px 18px; }.registration-history-section { padding-bottom: 90px; }.registration-history-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.registration-history-list > a { display: flex; justify-content: space-between; gap: 20px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 21px; background: #fff; color: var(--ink); text-decoration: none; }.registration-history-list > a > span { min-width: 0; display: grid; align-content: start; gap: 5px; }.registration-history-list > a > span:last-child { flex: 0 0 auto; justify-items: end; text-align: right; }.registration-history-list strong { color: var(--forest); font-size: 13px; }.registration-history-list small { overflow-wrap: anywhere; color: var(--muted); font-size: 9px; line-height: 1.35; }.registration-history-list em { padding: 4px 7px; border-radius: 999px; background: var(--pale); color: var(--forest); font-size: 8px; font-style: normal; font-weight: 700; }

@media (max-width: 900px) { .registration-hero-grid { grid-template-columns: 1fr; }.registration-register-links { grid-template-columns: repeat(4,minmax(0,1fr)); }.registration-register-links a { min-height: 100px; }.registration-work-card { grid-template-columns: 44px minmax(0,1fr); }.registration-work-links { grid-column: 2; grid-template-columns: repeat(2,minmax(0,1fr)); }.registration-history-list { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .registration-hero { padding: 38px 0; }.registration-hero h1 { font-size: 40px; }.registration-register-links { grid-template-columns: repeat(2,minmax(0,1fr)); }.registration-register-links a { min-height: 98px; padding: 14px; border-radius: 18px; }.registration-metrics { width: calc(100% - 28px); grid-template-columns: repeat(2,1fr); border-radius: 24px; }.registration-metrics a:nth-child(2) { border-right: 0; }.registration-metrics a:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.registration-section { padding-top: 54px; }.registration-work-card { grid-template-columns: 1fr; padding: 18px; border-radius: 22px; }.registration-signal-icon { width: 39px; height: 39px; }.registration-work-links { grid-column: 1; grid-template-columns: 1fr; }.registration-secondary { margin-top: 54px; }.registration-secondary > summary { padding: 17px; }.registration-history-list > a { align-items: flex-start; flex-direction: column; }.registration-history-list > a > span:last-child { justify-items: start; text-align: left; } }
.company-sections summary b { order: 3; min-width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: var(--forest); color: #fff; font-size: 10px; }
.detail-body { padding: 0 22px 22px; display: grid; gap: 12px; }.detail-body.card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.data-card, .source-card { padding: 20px; border-radius: 22px; background: #f6f8f3; }.data-card.featured { background: var(--pale); }.data-card h3, .source-card h3, .document-row h3 { margin: 0 0 5px; font-size: 15px; }.data-card p, .source-card p, .document-row p { margin: 0 0 9px; color: var(--muted); font-size: 11px; }.data-card small { display: block; margin-top: 9px; color: var(--muted); }
.company-sections-grouped { gap: 18px; }
.company-sections .company-section-group { border: 0; border-radius: 34px; background: #f3f5ef; box-shadow: 0 14px 35px rgba(35,71,28,.08); }
.company-sections .company-section-group > summary { min-height: 86px; padding: 19px 24px; border-radius: 34px; background: var(--forest); color: #fff; }
.company-section-group > summary > span { display: grid; gap: 5px; }
.company-section-group > summary > span > strong { color: inherit; font-size: 17px; font-weight: 620; letter-spacing: -.01em; text-transform: uppercase; }
.company-section-group > summary > span > small { color: rgba(255,255,255,.68); font-size: 9px; font-weight: 450; }
.company-sections .company-section-group > summary::after { background: var(--lime); color: var(--forest); }
.company-sections .company-section-group > summary b { background: rgba(255,255,255,.14); color: #fff; }
.company-section-group[data-company-group="commerce"] > summary { background: var(--leaf); }
.company-section-group[data-company-group="communication"] > summary { background: #fff; color: var(--forest); }
.company-section-group[data-company-group="communication"] > summary > span > small { color: var(--muted); }
.company-sections .company-section-group[data-company-group="communication"] > summary b { background: var(--forest); }
.company-section-group[data-company-group="market"] > summary { background: var(--pale); color: var(--forest); }
.company-section-group[data-company-group="market"] > summary > span > small { color: #5f6b57; }
.company-sections .company-section-group[data-company-group="market"] > summary b { background: var(--forest); }
.company-section-group[data-company-group="identity"] > summary { background: #e6eee0; color: var(--forest); }
.company-section-group[data-company-group="identity"] > summary > span > small { color: #5f6b57; }
.company-sections .company-section-group[data-company-group="identity"] > summary b { background: var(--leaf); }
.company-section-group[data-company-group="archive"] > summary { background: #e9e8e3; color: #4d5549; }
.company-section-group[data-company-group="archive"] > summary > span > small { color: #747a70; }
.company-sections .company-section-group[data-company-group="archive"] > summary b { background: #6f766a; }
.company-section-group-body { min-width: 0; display: grid; gap: 10px; padding: 12px; }
.company-section-group:not([open]) > .company-section-group-body { display: none; }
.company-section-group-body > details,.company-section-group-body > article { box-shadow: none; }
.company-sections .company-section-group-body > details { border-radius: 21px; }
.company-now-card { overflow: hidden; padding: 25px; border-radius: 25px; background: #fff; }
.company-now-card > header { display: flex; align-items: start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.company-now-card h2 { margin: 3px 0 0; color: var(--forest); font-size: 22px; line-height: 1.15; text-transform: uppercase; }
.company-now-status { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: var(--pale); color: var(--forest); font-size: 9px; font-weight: 650; }
.company-now-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.company-now-grid > article { min-width: 0; padding: 15px 16px; border: 1px solid #e5eadf; border-radius: 17px; background: #f8faf6; }
.company-now-grid > article.company-now-next { grid-column: 1 / -1; border-color: rgba(127,179,83,.42); background: var(--pale); }
.company-now-grid > article.attention { border-color: rgba(158,62,50,.24); background: var(--danger-bg); }
.company-now-grid span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 8px; font-weight: 600; text-transform: uppercase; }
.company-now-grid strong { display: block; color: var(--forest); font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.company-now-grid small { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.45; overflow-wrap: anywhere; }
.company-now-summary { margin: 10px 0 0; padding: 13px 15px; border-left: 4px solid var(--meadow); border-radius: 13px; background: #edf4e9; color: #56604f; font-size: 10px; line-height: 1.55; }
.company-now-summary strong { color: var(--forest); }
.company-sections .technical-communications { border-style: dashed; background: #fafaf8; }
.company-sections .technical-communications > summary { color: #6f766a; }
.inline-dl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 16px 0 0; }.inline-dl dt { color: var(--muted); font-size: 8px; text-transform: uppercase; }.inline-dl dd { margin: 2px 0 0; font-size: 11px; font-weight: 600; }
.company-sections .legal-extra-details { margin-top: 16px; border: 1px solid #dfe7da; border-radius: 15px; background: rgba(255,255,255,.72); }.company-sections .legal-extra-details > summary { min-height: 46px; padding: 10px 13px; color: #667060; font-size: 10px; font-weight: 650; }.company-sections .legal-extra-details > summary::after { width: 24px; height: 24px; background: #edf3e9; font-size: 13px; }.company-sections .legal-extra-details > .inline-dl { margin: 0; padding: 4px 13px 13px; }.company-sections .legal-extra-details > small { margin: 0; padding: 0 13px 13px; font-size: 8px; }
.table-wrap { min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; border-radius: 20px; border: 1px solid var(--line); background: #fff; }
table { width: 100%; border-collapse: collapse; font-size: 11px; } th { padding: 12px 14px; background: #eef4e9; color: var(--forest); text-align: left; font-size: 9px; text-transform: uppercase; letter-spacing: .04em; } td { padding: 14px; border-top: 1px solid var(--line); vertical-align: top; } td small { display: block; color: var(--muted); }
.contact-line { display: grid; grid-template-columns: 70px minmax(0,1fr); gap: 7px 10px; align-items: center; margin-top: 10px; padding: 10px; border-radius: 12px; background: #fff; font-size: 10px; }.contact-line strong { overflow-wrap: anywhere; }.contact-line small { grid-column: 1 / -1; margin-top: 0; }.contact-card .contact-line { margin-top: 0; }
.simple-list { margin: 12px 0 0; padding: 0; list-style: none; }.simple-list li { display: flex; justify-content: space-between; gap: 18px; padding: 8px 0; border-top: 1px solid var(--line); font-size: 11px; }.simple-list li > span > small { display: block; margin-top: 3px; color: var(--muted); line-height: 1.45; font-weight: 400; }
.document-row { display: flex; justify-content: space-between; gap: 20px; padding: 16px 18px; border-radius: 18px; background: #f6f8f3; }.document-row > div:last-child { text-align: right; }.document-row small { display: block; margin-top: 7px; color: var(--muted); }.file-kind { color: var(--leaf); font-size: 8px; font-weight: 600; text-transform: uppercase; }
.timeline article { display: grid; grid-template-columns: 110px 1fr; gap: 18px; position: relative; padding: 5px 0 19px; }.timeline time { color: var(--muted); font-size: 10px; }.timeline strong { font-size: 12px; }.timeline p { margin: 3px 0 6px; color: var(--muted); font-size: 11px; }
.warning-details { border-color: rgba(158,62,50,.25) !important; }.warning-details summary { color: var(--danger); }.restriction-card { padding: 16px 18px; border-radius: 18px; background: var(--danger-bg); color: var(--danger); }.restriction-card p { margin: 4px 0 0; font-size: 11px; }
.company-sections .contact-restriction-details { border-color: var(--line); }.company-sections .contact-restriction-details > summary { background: #f4f2ed; color: var(--muted); }.subscription-restriction-card { padding: 16px 18px; border: 1px solid var(--line); border-radius: 18px; background: #f4f2ed; color: var(--ink); }.subscription-restriction-card strong { color: var(--ink); }.subscription-restriction-card p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }.subscription-restriction-card small { display: block; margin-top: 8px; color: var(--muted); font-size: 9px; line-height: 1.5; }
blockquote { margin: 0; padding: 18px; border-left: 4px solid var(--lime); border-radius: 0 18px 18px 0; background: #f6f8f3; } blockquote p { margin: 0 0 9px; font-size: 12px; } blockquote footer { color: var(--muted); font-size: 9px; }
.source-card { display: grid; grid-template-columns: 1fr 1.1fr; gap: 20px; }.source-card dl { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin: 0; }.source-card dt { color: var(--muted); font-size: 8px; text-transform: uppercase; }.source-card dd { margin: 2px 0 0; overflow-wrap: anywhere; font-size: 10px; font-weight: 600; }.empty-inline { margin: 0; padding: 15px; color: var(--muted); font-size: 11px; }

.queue-list { display: grid; gap: 18px; padding-bottom: 90px; }.match-card { display: grid; grid-template-columns: 90px 1fr 50px 1fr; gap: 22px; align-items: center; padding: 28px; border-radius: 34px; background: #fff; box-shadow: 0 8px 25px rgba(36,74,30,.07); }.match-score { width: 75px; height: 75px; display: grid; place-content: center; border-radius: 50%; background: var(--pale); color: var(--forest); text-align: center; }.match-score strong { font-size: 22px; line-height: 1; }.match-score span { font-size: 8px; text-transform: uppercase; }.match-side h2 { margin: 5px 0; font-size: 18px; }.match-side p, .match-side a { color: var(--muted); font-size: 10px; }.match-side.candidate { padding: 18px; border-radius: 20px; background: #f5f7f3; }.match-arrow { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #fff2d5; color: #7c5c13; font-weight: 700; }.match-card ul { grid-column: 2 / -1; margin: 0; padding-left: 20px; color: var(--muted); font-size: 11px; }.manual-note { grid-column: 2 / -1; padding: 11px 14px; border-radius: 14px; background: #fff7e6; color: #745d29; font-size: 10px; }

.queue-toolbar { padding-bottom: 24px; }
.queue-summary { margin: 0 0 12px; color: var(--muted); font-size: 11px; }
.queue-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.queue-tabs a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--forest); font-size: 11px; font-weight: 600; text-decoration: none; }
.queue-tabs a.active { border-color: var(--forest); background: var(--forest); color: #fff; }
.queue-tabs b { min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); font-size: 9px; }
.queue-notice { margin: 14px 0 0; padding: 12px 16px; border-radius: 14px; font-size: 11px; }
.queue-notice.success { background: #e5f4dc; color: var(--forest); }.queue-notice.error { background: var(--danger-bg); color: var(--danger); }
.match-card.rich-match-card { display: block; min-width: 0; width: 100%; padding: 28px; transition: opacity .18s ease, transform .18s ease, max-height .18s ease, margin .18s ease, padding .18s ease; }
.match-card-header { display: grid; grid-template-columns: 82px minmax(0,1fr) 95px minmax(0,1fr); gap: 20px; align-items: center; }
.match-card-header h2 { margin: 5px 0; font-size: 19px; }.match-card-header p { margin: 0; color: var(--muted); font-size: 10px; }
.match-versus { color: var(--muted); font-size: 9px; text-align: center; text-transform: uppercase; }
.database-candidate,.incoming-candidate { min-width: 0; padding: 18px; border-radius: 20px; }.database-candidate { background: #f1f7ed; }.incoming-candidate { border: 1px solid #e7d9ad; background: #fffaf0; }
.card-created-at { margin-top: 3px !important; }.database-origin { display: grid; gap: 3px; margin: 8px 0 0 !important; padding: 9px 10px; border-radius: 10px; border-left: 4px solid var(--leaf); background: #fff; color: var(--ink) !important; line-height: 1.4; }.database-origin strong { color: var(--forest); }.database-origin span { overflow-wrap: anywhere; font-size: 9px; font-weight: 650; }.database-origin small { color: var(--muted); font-size: 8px; }.database-origin.origin-reconstructed,.database-origin.origin-earliest_linked { border-left-color: #d0a635; }.database-origin.origin-unknown { border-left-color: #aaa59a; color: var(--muted) !important; }
.outline-link { display: inline-block; margin-top: 6px; color: var(--forest); font-size: 10px; font-weight: 600; }
.match-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 22px; }
.comparison-side { padding: 20px; border: 1px solid var(--line); border-radius: 22px; }.comparison-side.source-evidence { background: #fffdf7; }.comparison-side.database-evidence { background: #f6f8f3; }
.comparison-side h3 { margin: 0 0 14px; color: var(--forest); font-size: 14px; }
.evidence-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0; }
.evidence-grid > div { min-width: 0; padding: 10px 12px; border-radius: 12px; background: #fff; }
.evidence-grid dt { color: var(--muted); font-size: 8px; text-transform: uppercase; }.evidence-grid dd { margin: 3px 0 0; overflow-wrap: anywhere; font-size: 11px; font-weight: 600; }.evidence-grid small { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; }
.evidence-grid .evidence-identifier { border: 1px solid rgba(51,106,41,.25); background: var(--pale); }
.match-reasons { display: flex; gap: 12px; align-items: baseline; margin-top: 16px; padding: 12px 16px; border-radius: 14px; background: #fff7e6; color: #745d29; font-size: 10px; }.match-reasons ul { display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 0; padding-left: 18px; }
.raw-evidence-details { margin-top: 12px; border: 1px solid var(--line); border-radius: 16px; }.raw-evidence-details > summary { padding: 13px 16px; color: var(--forest); font-size: 11px; font-weight: 600; cursor: pointer; }
.raw-evidence-list { display: grid; gap: 10px; padding: 0 14px 14px; }.raw-evidence-list article { padding: 14px; border-radius: 14px; background: #f6f8f3; }.raw-evidence-list h4 { margin: 0 0 10px; font-size: 11px; }.raw-evidence-list dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin: 0; }.raw-evidence-list dl div { padding: 7px 9px; border-radius: 9px; background: #fff; }.raw-evidence-list dt { color: var(--muted); font-size: 8px; }.raw-evidence-list dd { margin: 2px 0 0; overflow-wrap: anywhere; font-size: 10px; }
.match-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 18px; }.match-actions > div { display: flex; flex-direction: column; padding: 14px; border: 1px solid var(--line); border-radius: 18px; }.match-actions form { margin: 0; }.match-actions small { display: block; margin-top: 8px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.decision-button { width: 100%; min-height: 44px; border: 0; border-radius: 12px; font-size: 11px; font-weight: 650; cursor: pointer; }.decision-button.same { background: var(--forest); color: #fff; }.decision-button.different { background: #fff2d5; color: #725817; }.decision-button.defer { background: #eef1ed; color: #52604e; }
.database-profile-details { margin-top: 18px; padding: 0 16px 16px; border-radius: 18px; background: #f6f8f3; }.database-profile-details > summary { padding: 14px 0; color: var(--forest); font-size: 11px; font-weight: 650; cursor: pointer; }.match-variant-list { display: grid; min-width: 0; gap: 14px; margin-top: 18px; }.match-variant { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 22px; background: #fff; }.match-variant > header { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-bottom: 12px; }.match-variant > header strong { display: block; margin-top: 3px; font-size: 11px; }.match-variant > header small { color: var(--muted); font-size: 9px; }.variant-number { color: var(--leaf); font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }.match-variant .comparison-side { padding: 16px; }.grouped-match-card .manual-note { margin-top: 12px; }
.match-record-pair { display: grid; grid-template-columns: minmax(0,1fr) 90px minmax(0,1fr); gap: 10px; align-items: stretch; margin: 0 0 12px; }.match-record-pair article { min-width: 0; padding: 13px 14px; border-radius: 14px; }.match-record-pair article > span { display: block; margin-bottom: 4px; color: var(--leaf); font-size: 8px; font-weight: 750; text-transform: uppercase; }.match-record-pair article > strong { display: block; overflow-wrap: anywhere; color: var(--forest); font-size: 11px; }.match-record-pair article p { margin: 4px 0; overflow-wrap: anywhere; font-size: 9px; }.match-record-pair article small { display: block; color: var(--muted); font-size: 8px; line-height: 1.45; }.match-record-pair article small b { color: inherit; font-size: inherit; }.incoming-record { border: 1px solid #e7d9ad; background: #fffaf0; }.existing-record { border: 1px solid #cfe0c7; background: #f7fbf4; }.record-pair-arrow { display: grid; place-items: center; color: var(--muted); font-size: 8px; font-weight: 700; text-align: center; text-transform: uppercase; }.age-badge { padding: 2px 6px; border-radius: 999px; background: #fff; color: var(--forest) !important; }
.priority-explainer { margin: 0 0 12px; padding: 11px 13px; border-radius: 12px; background: #fff7e6; color: #745d29; font-size: 9px; line-height: 1.5; }
.database-source-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }.database-source-list article { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }.database-source-list header { display: flex; justify-content: space-between; gap: 10px; }.database-source-list header span { color: var(--leaf); font-size: 8px; font-weight: 700; text-transform: uppercase; }.database-source-list header strong { overflow-wrap: anywhere; font-size: 10px; text-align: right; }.database-source-list p { margin: 6px 0 9px; color: var(--muted); font-size: 8px; }.database-source-list dl { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 0; }.database-source-list dl div { min-width: 0; padding: 7px 8px; border-radius: 8px; background: #f6f8f3; }.database-source-list dt { color: var(--muted); font-size: 7px; text-transform: uppercase; }.database-source-list dd { margin: 2px 0 0; overflow-wrap: anywhere; font-size: 8px; font-weight: 600; }
.research-trigger { display: grid; grid-template-columns: minmax(210px,.55fr) 1fr; gap: 12px; align-items: center; margin-top: 14px; padding: 14px; border: 1px solid rgba(51,106,41,.2); border-radius: 17px; background: var(--pale); }.research-trigger form { margin: 0; }.research-trigger small { color: var(--muted); font-size: 9px; line-height: 1.45; }.decision-button.research { background: #dff172; color: var(--forest); }
.research-progress { grid-column: 1 / -1; padding: 11px 12px; border-radius: 12px; background: #fff; }.research-progress[hidden] { display: none; }.research-progress > div { display: flex; justify-content: space-between; gap: 14px; margin-bottom: 7px; font-size: 9px; color: var(--forest); }.research-progress progress { display: block; width: 100%; height: 9px; accent-color: var(--forest); }.research-progress > small { display: block; margin-top: 6px; }
.same-file-comparison { margin: 12px 0; padding: 12px 14px; border-left: 4px solid #d0a635; border-radius: 10px; background: #fff8dd; }.same-file-comparison > strong { display: block; color: #765900; font-size: 10px; }.same-file-comparison p { margin: 6px 0; font-size: 9px; }.same-file-comparison p span { font-weight: 700; }.same-file-comparison small { color: var(--muted); font-size: 8px; }
.primary-comparison { margin: 10px 0 14px; padding: 16px; overflow-x: auto; border: 1px solid #cfe0c7; border-radius: 18px; background: #f7fbf4; }.primary-comparison.name-only { border-color: #ead8a8; background: #fffaf0; }.primary-comparison > header { display: flex; justify-content: space-between; gap: 14px; align-items: center; margin-bottom: 12px; }.primary-comparison > header span { color: var(--leaf); font-size: 8px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }.primary-comparison > header h3 { margin: 3px 0 0; color: var(--forest); font-size: 14px; }.primary-comparison > header > strong { max-width: 290px; padding: 6px 9px; border-radius: 999px; background: var(--pale); color: var(--forest); font-size: 8px; text-align: center; }.comparison-columns,.comparison-fact { display: grid; grid-template-columns: 116px minmax(0,1fr) minmax(0,1fr); gap: 10px; }.comparison-columns { align-items: end; padding: 0 11px 8px; color: var(--forest); }.comparison-columns > strong { font-size: 8px; text-transform: uppercase; }.comparison-columns > span { display: grid; gap: 2px; font-size: 10px; font-weight: 700; }.comparison-columns small { color: var(--muted); font-size: 8px; font-weight: 500; }.primary-comparison-list { display: grid; gap: 7px; }.comparison-block { margin-top: 10px; }.comparison-block > h4 { margin: 0; padding: 6px 10px; border-radius: 9px; font-size: 9px; text-transform: uppercase; }.exact-block > h4 { background: #e5f4dc; color: var(--forest); }.similar-block > h4 { background: #fff2d5; color: #725817; }.difference-block > h4 { background: var(--danger-bg); color: var(--danger); }.addition-block > h4 { background: #e6f1f7; color: #285c88; }.comparison-fact { align-items: stretch; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; }.comparison-fact > div { min-width: 0; padding: 11px; }.comparison-fact > div + div { border-left: 1px solid var(--line); }.comparison-fact-label { display: flex; flex-direction: column; justify-content: center; background: #f5f8f2; }.comparison-fact-label span { display: block; color: var(--leaf); font-size: 7px; font-weight: 750; text-transform: uppercase; }.comparison-fact-label strong { display: block; margin-top: 3px; font-size: 10px; }.comparison-fact > div small { display: block; margin-top: 5px; color: var(--muted); font-size: 8px; line-height: 1.4; }.comparison-fact > div b { display: block; overflow-wrap: anywhere; color: var(--ink); font-size: 11px; line-height: 1.35; }.comparison-fact.similar { border-color: rgba(208,166,53,.35); }.comparison-fact.similar .comparison-fact-label { background: #fff9e8; }.comparison-fact.similar .comparison-fact-label span { color: #84630b; }.comparison-fact.different { border-color: rgba(158,62,50,.22); }.comparison-fact.different .comparison-fact-label { background: #fff2ef; }.comparison-fact.different .comparison-fact-label span { color: var(--danger); }.comparison-fact.addition { border-color: rgba(40,92,136,.22); }.comparison-fact.addition .comparison-fact-label { background: #edf6fb; }.comparison-fact.addition .comparison-fact-label span { color: #285c88; }.comparison-fact .empty-value { color: var(--muted); font-weight: 500; }
.comparison-legend { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }.comparison-legend span { padding: 5px 9px; border-radius: 999px; font-size: 8px; font-weight: 700; }.comparison-legend .exact { background: #e5f4dc; color: var(--forest); }.comparison-legend .similar { background: #fff2d5; color: #725817; }.comparison-legend .conflict { background: var(--danger-bg); color: var(--danger); }.comparison-legend .addition { background: #e6f1f7; color: #285c88; }.match-live-notice { position: sticky; top: 128px; z-index: 4; box-shadow: 0 8px 20px rgba(36,74,30,.12); }
.merge-impact { display: grid; grid-template-columns: minmax(180px,.55fr) minmax(0,1.45fr); gap: 18px; margin: 14px 0; padding: 16px; border-left: 5px solid var(--lime); border-radius: 16px; background: #f2f7e9; }.merge-impact header span { color: var(--leaf); font-size: 8px; font-weight: 750; text-transform: uppercase; }.merge-impact h3 { margin: 4px 0 0; color: var(--forest); font-size: 13px; }.merge-impact ul { display: grid; gap: 5px; margin: 0; padding-left: 18px; color: var(--ink); font-size: 9px; line-height: 1.45; }.source-evidence-details { margin-top: 12px; }.source-evidence-details > summary { color: var(--forest); font-size: 10px; font-weight: 700; cursor: pointer; }.source-evidence-details[open] > summary { margin-bottom: 13px; }.match-variant.is-resolving { opacity: .62; pointer-events: none; }.match-card.is-resolved,.match-variant.is-resolved { max-height: 0 !important; margin: 0 !important; padding-block: 0 !important; overflow: hidden; opacity: 0; transform: translateX(24px); }.match-card.is-entering { opacity: 0; transform: translateY(18px); }
.queue-pagination { display: flex; justify-content: center; align-items: center; gap: 18px; padding: 8px 0 34px; font-size: 10px; }.queue-pagination a { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); font-weight: 700; }.queue-pagination span { color: var(--muted); }
.primary-comparison { width: 100%; max-width: 100%; box-sizing: border-box; }
.comparison-scroll-hint { display: none; }
.market-segment-tabs { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 2px; }.market-segment-tabs a { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); font-size: 9px; font-weight: 700; }.market-segment-tabs a.active { border-color: var(--forest); background: var(--forest); color: #fff; }.product-segment-wine summary,.product-segment-spirits summary,.product-segment-other summary { background: #f6f5f1; }
.market-segment-tabs a.catalog-link { margin-left: auto; border-color: transparent; color: var(--forest); }.product-catalog { display: grid; gap: 18px; }.product-producer-list { display: grid; gap: 10px; }.product-producer-list details { border: 1px solid var(--line); border-radius: 15px; overflow: hidden; background: #fff; }.product-producer-list > details > summary { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,.45fr) auto; align-items: center; gap: 16px; padding: 14px 16px; cursor: pointer; font-size: 11px; font-weight: 700; }.producer-summary-main { min-width: 0; display: grid; gap: 4px; }.producer-summary-main strong { overflow-wrap: anywhere; }.producer-summary-main small,.producer-summary-source small,.producer-product-count small { color: var(--muted); font-size: 8px; font-weight: 500; line-height: 1.35; }.producer-summary-source { display: grid; gap: 3px; min-width: 0; }.producer-summary-source small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.producer-product-count { min-width: 68px; display: grid; justify-items: center; gap: 1px; padding: 6px 9px; border-radius: 12px; background: var(--pale); }.producer-product-count b { color: var(--forest); font-size: 15px; }.product-producer-card[open] > summary { border-bottom: 1px solid var(--line); background: #f8fbf6; }.product-search { margin-bottom: 0; }.product-search label { min-width: 0; }.catalog-result-note { margin: 0; padding: 10px 13px; border-radius: 12px; background: var(--pale); color: var(--muted); font-size: 9px; line-height: 1.45; }.product-table-wrap { margin-top: 12px; }.product-source-cell { min-width: 190px; }.product-source-cell strong,.product-source-cell small { display: block; }.product-source-cell small { margin-top: 3px; color: var(--muted); line-height: 1.35; }.unlinked-product-note { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #fff8dd; color: #765900; font-size: 9px; }
.market-directory { display: grid; gap: 22px; padding-bottom: 90px; }.market-directory-tabs { margin-bottom: 8px; }.directory-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }.directory-card { min-width: 0; min-height: 230px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: 30px; background: #fff; color: var(--ink); text-decoration: none; box-shadow: 0 9px 25px rgba(36,74,30,.05); }.directory-card.featured { background: var(--forest); color: #fff; }.directory-card.warning { border-color: #ead8a8; background: #fff8dd; }.directory-card > span { color: var(--leaf); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }.directory-card.featured > span { color: var(--lime); }.directory-card > strong { display: block; margin: 12px 0 4px; color: var(--forest); font-size: 36px; }.directory-card.featured > strong { color: var(--lime); }.directory-card h2 { margin: 0 0 9px; color: var(--forest); font-size: 19px; }.directory-card.featured h2 { color: #fff; }.directory-card p { margin: auto 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }.directory-card.featured p { color: rgba(255,255,255,.72); }.compact-filter { grid-template-columns: minmax(260px,1fr) auto; }.tag.warning { background: #fff2d5; color: #745d29; }
.company-sections .frap-rejection-opportunities { border-color: rgba(158,62,50,.22); border-radius: 18px; }.company-sections .frap-rejection-opportunities > summary { min-height: 54px; padding: 11px 14px; color: var(--danger); font-size: 10px; }.frap-opportunity-list { display: grid; gap: 9px; }.frap-opportunity { display: grid; grid-template-columns: minmax(180px,.8fr) minmax(260px,1.4fr) minmax(260px,1fr); gap: 14px; padding: 15px; border: 1px solid rgba(158,62,50,.22); border-left: 5px solid var(--danger); border-radius: 16px; background: #fff; }.frap-opportunity.resolved { border-color: rgba(51,106,41,.22); border-left-color: var(--leaf); }.frap-opportunity h4 { margin: 4px 0; color: var(--forest); font-size: 12px; }.frap-opportunity p,.frap-opportunity small { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }.frap-opportunity .opportunity-script { padding: 10px 12px; border-radius: 12px; background: #f6f8f3; }.frap-document-link { display: grid; gap: 4px; min-width: 170px; }.frap-document-link a { color: var(--forest); font-weight: 700; }.frap-document-link small { color: var(--muted); font-size: 8px; line-height: 1.4; }
.frap-date-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin: 0; }.frap-date-overview > div { padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }.frap-date-overview dt { color: var(--muted); font-size: 8px; text-transform: uppercase; }.frap-date-overview dd { margin: 5px 0 0; color: var(--forest); font-size: 11px; font-weight: 700; }.frap-date-overview dd small { display: block; margin-top: 3px; color: var(--muted); font-size: 8px; font-weight: 500; }.frap-date-list { display: grid; gap: 4px; margin-top: 4px; }.frap-date-list small { display: block; color: var(--muted); line-height: 1.4; }.frap-date-details { margin-top: 5px; min-width: 170px; border: 0 !important; overflow: visible !important; background: transparent !important; }.frap-date-details > summary { min-height: 0 !important; padding: 0 !important; background: transparent !important; color: var(--leaf) !important; font-size: 8px !important; font-weight: 700; cursor: pointer; }.frap-date-details > summary::after { display: none !important; }.frap-date-details ul { display: grid; gap: 5px; margin: 7px 0 0; padding: 8px; border-radius: 9px; background: #f6f8f3; list-style: none; }.frap-date-details li { display: grid; grid-template-columns: minmax(110px,1fr) auto; gap: 2px 8px; font-size: 8px; }.frap-date-details li span { color: var(--muted); }.frap-date-details li b { color: var(--ink); }.frap-date-details li em { grid-column: 1 / -1; color: var(--muted); font-size: 7px; font-style: normal; }.frap-resolution { display: grid; gap: 3px; margin-top: 7px; padding: 7px 8px; border-left: 3px solid #aaa59a; border-radius: 8px; background: #f4f2ed; }.frap-resolution.resolved { border-left-color: var(--leaf); background: #eaf6e4; }.frap-resolution.ambiguous { border-left-color: #d5a72f; background: #fff8dd; }.frap-resolution.not_found { border-left-color: var(--danger); background: var(--danger-bg); }.frap-resolution strong { color: var(--forest); font-size: 8px; }.frap-resolution.not_found strong { color: var(--danger); }.frap-resolution small { margin: 0 !important; color: var(--muted); font-size: 7px !important; line-height: 1.4; }
.public-source-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 12px; }
.public-source-list .data-card,.person-public-links { overflow-wrap: anywhere; }
.person-public-links { margin-top: 18px; padding: 16px; border-radius: 18px; background: #f7f9f5; }
.section-note { margin: 0; padding: 11px 13px; border-radius: 12px; background: #f6f8f3; color: var(--muted); font-size: 10px; line-height: 1.55; }
.company-market-fragment-stack { min-width: 0; display: grid; gap: 10px; }.company-market-fragment-stack > * { min-width: 0; }.company-market-fragment-stack > .table-tags,.company-market-fragment-stack > h3,.company-market-fragment-stack > p,.company-market-fragment-stack > dl,.company-market-fragment-stack > article { margin-block: 0; }
.registry-state { gap: 14px; }.registry-latest { border: 1px solid #dce8d5; background: #fbfdf9; }.registry-history { border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }.registry-history > summary { min-height: 52px; padding: 11px 14px; background: #f8f7f3; font-size: 10px; }.registry-history > .detail-body { padding: 14px; }.change-list { margin: 5px 0 0; padding-left: 17px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.fias-address-check { display: grid; gap: 4px; margin: 13px 0; padding: 12px 14px; border-left: 4px solid #b5bdaf; border-radius: 12px; background: #fff; }.fias-address-check.found { border-left-color: var(--leaf); background: #eef6e9; }.fias-address-check.not_found { border-left-color: var(--danger); background: var(--danger-bg); }.fias-address-check strong { color: var(--forest); font-size: 11px; }.fias-address-check p { margin: 3px 0 !important; color: var(--ink); }.fias-address-check small { margin: 0; font-size: 8px; line-height: 1.45; }
.composition-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }.material-card { padding: 17px; border: 1px solid var(--line); border-left-width: 4px; border-radius: 17px; background: #fff; }.material-card.priority-high { border-left-color: #4d7a38; }.material-card.priority-medium { border-left-color: #d5a72f; }.material-card.priority-low { border-left-color: #aaa59a; }.material-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }.material-heading h3 { margin: 0; font-size: 13px; }.material-heading span { flex: 0 0 auto; padding: 4px 7px; border-radius: 99px; background: #eef6e8; color: var(--forest); font-size: 8px; font-weight: 700; text-transform: uppercase; }.priority-medium .material-heading span { background: #fff5d8; color: #765900; }.priority-low .material-heading span { background: #f1eee8; color: #766a57; }.material-card > p { margin: 8px 0 12px; color: var(--muted); font-size: 10px; line-height: 1.45; }.material-card dl { display: grid; gap: 8px; margin: 0; }.material-card dl > div { display: grid; gap: 2px; }.material-card dt { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .04em; }.material-card dd { margin: 0; font-size: 10px; line-height: 1.4; }.company-sections .material-product-list { overflow: hidden; border: 1px solid #dce8d5; border-radius: 12px; background: #f8fbf6; }.company-sections .material-product-list > summary { display: grid; grid-template-columns: auto 28px minmax(110px,1fr); align-items: center; gap: 8px; min-height: 42px; padding: 8px 10px; background: transparent; color: var(--forest); font-size: 9px; font-weight: 650; }.company-sections .material-product-list > summary::after { display: none; }.material-product-list > summary > span:first-child { order: 1; }.material-product-list > summary b { order: 2; min-width: 26px; width: 26px; height: 26px; justify-self: center; display: grid; place-items: center; border-radius: 99px; background: var(--pale); color: var(--forest); font-size: 9px; }.material-product-list > summary em { order: 3; justify-self: end; color: var(--leaf); font-size: 8px; font-style: normal; font-weight: 650; }.material-product-list .when-open { display: none; }.material-product-list[open] .when-closed { display: none; }.material-product-list[open] .when-open { display: inline; }.material-product-names { max-height: 240px; overflow: auto; border-top: 1px solid #dce8d5; background: #fff; }.material-product-names ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }.material-product-names li { padding: 8px 11px; border-bottom: 1px solid #edf1e9; color: var(--ink); font-size: 9px; line-height: 1.4; }.material-product-names li:last-child { border-bottom: 0; }.company-sections details.composition-inline,.product-producer-list details.composition-inline { min-width: 120px; overflow: visible; border: 0; border-radius: 0; background: transparent; }.composition-inline > summary { display: inline; min-height: 0; padding: 0; background: none; color: var(--forest); font-size: 9px; font-weight: 700; cursor: pointer; }.composition-inline > summary::after { display: none; }.composition-inline p { margin: 7px 0 0; max-width: 260px; color: var(--muted); font-size: 9px; line-height: 1.45; overflow-wrap: anywhere; }
.frap-analytics-body { gap: 16px; }.frap-metric-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; }.frap-metric-grid article { padding: 15px 13px; border: 1px solid var(--line); border-radius: 16px; background: #f6f8f3; }.frap-metric-grid article.positive { border-color: rgba(51,106,41,.25); background: #eaf6e4; }.frap-metric-grid article.negative { border-color: rgba(158,62,50,.25); background: var(--danger-bg); }.frap-metric-grid article.neutral { background: #f1eee8; }.frap-metric-grid span,.frap-metric-grid small { display: block; color: var(--muted); font-size: 8px; }.frap-metric-grid span { text-transform: uppercase; }.frap-metric-grid strong { display: block; margin: 5px 0 3px; color: var(--forest); font-size: 24px; }.frap-metric-grid .negative strong { color: var(--danger); }
.frap-sales-signals > header { display: flex; justify-content: space-between; gap: 18px; align-items: end; }.frap-sales-signals h3 { margin: 0; color: var(--forest); font-size: 15px; }.frap-sales-signals header p { margin: 0; color: var(--muted); font-size: 9px; }.frap-sales-signals > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 9px; }.frap-sales-signals article { padding: 14px; border-left: 4px solid #d5a72f; border-radius: 12px; background: #fff8dd; }.frap-sales-signals article.positive { border-left-color: var(--leaf); background: #eef7e9; }.frap-sales-signals article.danger { border-left-color: var(--danger); background: var(--danger-bg); }.frap-sales-signals strong { color: var(--forest); font-size: 10px; }.frap-sales-signals .danger strong { color: var(--danger); }.frap-sales-signals p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.company-sections .frap-varieties,.company-sections .frap-status-group { border-radius: 18px; }.company-sections .frap-varieties > summary,.company-sections .frap-status-group > summary { min-height: 54px; padding: 11px 14px; font-size: 10px; }.frap-status-positive { border-color: rgba(51,106,41,.28) !important; }.frap-status-positive > summary { background: #eaf6e4; }.frap-status-neutral > summary { background: #f4f2ed; }.frap-status-rejected { border-color: rgba(158,62,50,.32) !important; }.frap-status-rejected > summary { background: var(--danger-bg); color: var(--danger); }.tag.frap-positive,.frap-count.positive { background: #e5f4dc; color: var(--forest); }.tag.frap-rejected,.frap-count.negative { background: var(--danger-bg); color: var(--danger); }.tag.frap-neutral,.frap-count.neutral { background: #eeeae3; color: #766a57; }.frap-count { display: inline-grid; min-width: 28px; min-height: 24px; place-items: center; border-radius: 99px; font-size: 9px; font-weight: 700; }.frap-rejection-note { margin: 0; padding: 11px 13px; border-radius: 11px; background: var(--danger-bg); color: var(--danger); font-size: 9px; line-height: 1.5; }.frap-product-table .frap-rejected { white-space: nowrap; }
.research-result { margin-top: 14px; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: #f6f8f3; }.research-result.verdict-same { border-color: rgba(51,106,41,.35); background: #edf7e8; }.research-result.verdict-different { border-color: rgba(158,62,50,.25); background: var(--danger-bg); }.research-result > header { display: flex; justify-content: space-between; gap: 18px; align-items: center; }.research-result > header h3 { margin: 3px 0 0; font-size: 14px; }.research-result > header > strong { min-width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--forest); font-size: 15px; }.research-result > p { margin: 10px 0; font-size: 10px; }.research-result > ul { margin: 8px 0 12px; padding-left: 18px; color: var(--muted); font-size: 9px; }.research-result > small { display: block; margin-top: 10px; color: var(--muted); font-size: 8px; }.research-party-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.research-party-grid article { display: flex; flex-direction: column; gap: 4px; padding: 10px; border-radius: 11px; background: #fff; }.research-party-grid strong { color: var(--forest); font-size: 8px; text-transform: uppercase; }.research-party-grid span { font-size: 10px; font-weight: 650; }.research-party-grid small { color: var(--muted); font-size: 8px; }.research-links { display: flex; flex-wrap: wrap; gap: 7px 12px; margin-top: 10px; font-size: 8px; }.research-links a { color: var(--forest); font-weight: 600; }.research-warning { padding: 8px 10px; border-radius: 9px; background: #fff; color: var(--danger) !important; }

.weekly-actions { padding-top: 65px; }.weekly-action-list { display: grid; gap: 12px; }.weekly-action-list > article { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(320px,1fr) minmax(260px,1.2fr) auto; gap: 18px; align-items: center; padding: 20px 22px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }.action-company { display: flex; gap: 12px; align-items: center; }.action-company .score { min-width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); font-size: 14px; font-weight: 700; }.action-company a { font-size: 16px; line-height: 1.35; font-weight: 650; text-decoration: none; }.action-company small { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.4; }.action-fact-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }.action-fact-chips span,.action-fact-chips b,.action-fact-chips em { padding: 4px 7px; border-radius: 999px; font-size: 9px; font-style: normal; line-height: 1; }.action-fact-chips span { background: var(--pale); color: var(--forest); }.action-fact-chips b { background: #fff2d5; color: #745d29; }.action-fact-chips em { background: var(--danger-bg); color: var(--danger); }.weekly-action-list dl { display: grid; grid-template-columns: repeat(2,1fr); gap: 7px; margin: 0; }.weekly-action-list dl div { padding: 8px 10px; border-radius: 9px; background: #f6f8f3; }.weekly-action-list dt { color: var(--muted); font-size: 10px; line-height: 1.3; text-transform: uppercase; }.weekly-action-list dd { margin: 3px 0 0; font-size: 13px; line-height: 1.4; font-weight: 600; }.weekly-action-list dd small { display: block; margin-top: 2px; color: var(--muted); font-size: 9px; font-weight: 500; }.weekly-action-list p { margin: 3px 0; color: var(--muted); font-size: 13px; line-height: 1.55; }.weekly-action-list p strong { color: var(--ink); }.action-channel { max-width: 180px; padding: 10px 12px; border-radius: 12px; background: #fff2d5; color: #745d29; font-size: 11px; line-height: 1.4; text-align: center; }.action-draft { grid-column: 1 / -1; padding: 14px 16px; border-radius: 14px; background: #f6f8f3; }.action-draft summary { cursor: pointer; color: var(--forest); font-size: 13px; font-weight: 700; }.action-draft pre { margin: 10px 0; white-space: pre-wrap; font: inherit; font-size: 12px; line-height: 1.6; }.action-draft small { color: var(--muted); font-size: 11px; line-height: 1.5; }
.action-fact-chips em.readiness-warning { background: #fff2d5; color: #745d29; }.action-fact-chips em.readiness-positive { background: #eaf6e4; color: var(--forest); }.readiness-inline { display: flex; flex-wrap: wrap; gap: 5px; padding: 11px 12px; border-left: 3px solid #d5a72f; border-radius: 11px; background: #fffdf5; }.readiness-inline > strong { flex-basis: 100%; color: #745d29; font-size: 10px; }.readiness-inline > span { padding: 4px 6px; border-radius: 7px; background: #fff; color: var(--muted); font-size: 8px; }.readiness-inline > small { flex-basis: 100%; color: var(--muted); font-size: 8px; line-height: 1.4; }
.dashboard-secondary-section { padding-top: 28px; }.dashboard-secondary-section .section-heading p:last-child { max-width: 760px; margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.new-company-list a { border-left: 4px solid var(--meadow); background: #f7faf4; }.dashboard-secondary-queue { margin-top: 22px; margin-bottom: 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #fff; }.dashboard-secondary-queue > summary { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 20px; cursor: pointer; list-style: none; }.dashboard-secondary-queue > summary::-webkit-details-marker { display: none; }.dashboard-secondary-queue > summary span { display: grid; gap: 3px; }.dashboard-secondary-queue > summary small { color: var(--muted); font-size: 8px; font-weight: 650; text-transform: uppercase; }.dashboard-secondary-queue > summary strong { color: var(--forest); font-size: 14px; }.dashboard-secondary-queue > summary b { min-width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #fff2d5; color: #745d29; font-size: 11px; }.dashboard-secondary-queue > .compact-action-list { padding: 0 15px 15px; }.tag.mail-waiting { background: #fff2d5; color: #745d29; }.work-queue-waiting { margin-bottom: 90px; }.work-queue-waiting > div { padding: 0 15px 15px; }.work-queue-waiting .weekly-actions { padding-top: 0; }
.work-queue-metrics { width: min(1180px, calc(100% - 48px)); grid-template-columns: repeat(4,1fr); }.action-company .tag { margin: 0 4px 6px 0; font-size: 11px; }.tag.service-family { background: #e3f0ff; color: #285c88; }.action-company a { display: block; }.action-company .score.blocked { background: var(--danger-bg); color: var(--danger); }.action-channel strong { display: block; margin-top: 5px; overflow-wrap: anywhere; }.action-channel.missing { background: #f1eee8; color: #766a57; }.action-channel.prohibited { background: var(--danger-bg); color: var(--danger); }.action-score-parts { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }.action-score-parts span { padding: 6px 9px; border-radius: 9px; background: #fff; color: var(--muted); font-size: 11px; }.action-score-parts b { color: var(--forest); }.archive-actions > h3 { margin: 32px 0 12px; color: var(--forest); font-size: 20px; text-transform: uppercase; }.archive-actions > h3:first-of-type { margin-top: 0; }.work-queue-status-review { margin-bottom: 20px; border-color: rgba(158,62,50,.28); }.work-queue-status-review > summary b { background: var(--danger-bg); color: var(--danger); }.work-queue-status-review > div { padding: 0 15px 15px; }.work-queue-status-review .weekly-actions { padding-top: 0; }.work-queue-status-review .section-note { margin: 0 7px 14px; }
.outreach-workflow .section-heading { align-items: end; }.outreach-state-strip { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 20px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #fff; }.outreach-state-strip span { padding: 14px; border-right: 1px solid var(--line); color: var(--muted); font-size: 9px; }.outreach-state-strip span:last-child { border: 0; }.outreach-state-strip b { display: block; margin-bottom: 3px; color: var(--forest); font-size: 20px; }.outreach-review-list { display: grid; gap: 16px; }.outreach-review-list > article { padding: 24px; border: 1px solid var(--line); border-radius: 28px; background: #fff; }.outreach-review-list article > header { display: flex; justify-content: space-between; gap: 16px; }.outreach-review-list h3 { margin: 8px 0 0; font-size: 18px; }.outreach-recipient { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 18px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }.outreach-recipient div { padding: 13px 15px; background: #f8faf7; }.outreach-recipient dt { color: var(--leaf); font-size: 7px; font-weight: 700; text-transform: uppercase; }.outreach-recipient dd { margin: 5px 0 0; overflow-wrap: anywhere; font-size: 10px; }.outreach-recipient dd small { display: block; margin-top: 4px; color: var(--muted); }.outreach-letter { padding: 18px; border-radius: 18px; background: #f3f7ef; }.outreach-letter > strong { color: var(--forest); }.outreach-letter pre { margin: 16px 0 0; white-space: pre-wrap; font: inherit; font-size: 11px; line-height: 1.6; }.outreach-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }.outreach-actions form { margin: 0; }.outreach-offer-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 10px; margin-top: 14px; }.outreach-offer-list article { display: grid; gap: 7px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }.outreach-offer-list p,.outreach-offer-list small { margin: 0; }.outreach-offer-list a { font-size: 9px; font-weight: 700; }
.relationship-signal-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.relationship-signal-card > header { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }.relationship-signal-card > header h3 { margin-top: 8px; }.relationship-score { flex: 0 0 auto; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--forest); font-weight: 750; }.relationship-signal-card .inline-dl { grid-template-columns: repeat(3,1fr); }.relationship-next-step { margin-top: 14px; padding: 12px 14px; border-left: 4px solid var(--leaf); border-radius: 12px; background: #eef6e8; }.relationship-next-step strong { color: var(--forest); font-size: 9px; text-transform: uppercase; }.relationship-next-step p { margin: 4px 0 0; }

.analytics-grid { min-width: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding-bottom: 90px; }.analytics-panel { min-width: 0; padding: 25px; border: 1px solid var(--line); border-radius: 30px; background: #fff; }.analytics-panel .table-wrap { max-width: 100%; }.analytics-panel.wide { grid-column: 1 / -1; }.analytics-panel h2 { margin-top: 5px; color: var(--forest); }.analytics-panel > small { color: var(--muted); }.metric-list { display: grid; gap: 7px; }.metric-list div { display: flex; justify-content: space-between; gap: 20px; padding: 10px 0; border-bottom: 1px solid var(--line); }.metric-list dt { color: var(--muted); font-size: 10px; }.metric-list dd { margin: 0; font-size: 11px; font-weight: 650; text-align: right; }.funnel-list { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }.funnel-list li { display: flex; justify-content: space-between; padding: 10px 12px; border-radius: 10px; background: var(--pale); font-size: 10px; }.quality-strip { display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; }.quality-strip div { padding: 18px 12px; border-radius: 18px; background: var(--pale); text-align: center; }.quality-strip strong { display: block; color: var(--forest); font-size: 26px; }.quality-strip span { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; text-transform: uppercase; }.compact-action-list { display: grid; gap: 8px; }.compact-action-list a { display: grid; grid-template-columns: minmax(160px,.7fr) 1fr 1fr auto; gap: 14px; align-items: center; padding: 12px 14px; border-radius: 14px; background: #f6f8f3; text-decoration: none; }.compact-action-list strong { font-size: 11px; }.compact-action-list span,.compact-action-list em,.compact-action-list small { color: var(--muted); font-size: 9px; font-style: normal; }.missing-data-list { columns: 2; margin: 0; padding-left: 20px; color: var(--muted); font-size: 10px; }
.hero-inline-actions,.registry-hero-actions { display: flex; align-items: center; gap: 14px; }.hero-inline-actions { margin-top: 20px; }.registry-hero-actions { flex-direction: column; }.ratk-market-summary { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-bottom: 52px; }.ratk-market-summary article { min-width: 0; padding: 19px 16px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }.ratk-market-summary article.negative { border-color: rgba(158,62,50,.25); background: var(--danger-bg); }.ratk-market-summary span,.ratk-market-summary small { display: block; color: var(--muted); font-size: 8px; }.ratk-market-summary span { text-transform: uppercase; }.ratk-market-summary strong { display: block; margin: 5px 0 4px; color: var(--forest); font-size: 28px; }.ratk-market-summary strong.negative,.ratk-market-summary .negative strong { color: var(--danger); }.ratk-snapshot-section { margin-bottom: 52px; }.ratk-snapshot-section .section-heading > p { max-width: 420px; margin: 0; color: var(--muted); font-size: 10px; text-align: right; }.ratk-snapshot-timeline { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }.ratk-snapshot-timeline article { padding: 18px; border: 1px solid var(--line); border-radius: 22px; background: #fff; }.ratk-snapshot-timeline article.partial { border-style: dashed; background: #f4f2ed; }.ratk-snapshot-timeline header { display: flex; justify-content: space-between; gap: 10px; }.ratk-snapshot-timeline time,.ratk-snapshot-timeline header span { display: block; color: var(--muted); font-size: 8px; }.ratk-snapshot-timeline header strong { display: block; margin-top: 3px; color: var(--forest); font-size: 15px; }.snapshot-bar,.beverage-bar { height: 7px; overflow: hidden; border-radius: 99px; background: #edf0e9; }.snapshot-bar { margin: 13px 0; }.snapshot-bar i,.beverage-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--leaf),var(--lime)); }.ratk-snapshot-timeline dl { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 0; }.ratk-snapshot-timeline dl div { padding: 7px; border-radius: 9px; background: #f7f8f5; }.ratk-snapshot-timeline dt { color: var(--muted); font-size: 7px; }.ratk-snapshot-timeline dd { margin: 2px 0 0; font-size: 10px; font-weight: 650; }.ratk-snapshot-timeline article > p { margin: 10px 0 0; color: #765900; font-size: 8px; line-height: 1.4; }.ratk-findings { margin-bottom: 52px; }.ratk-findings > div:last-child { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.ratk-findings article { padding: 18px; border-left: 4px solid #aaa59a; border-radius: 15px; background: #f4f2ed; }.ratk-findings article.positive { border-left-color: var(--leaf); background: #eef7e9; }.ratk-findings article.warning { border-left-color: #d5a72f; background: #fff8dd; }.ratk-findings strong { color: var(--forest); font-size: 11px; }.ratk-findings .warning strong { color: #765900; }.ratk-findings p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }.ratk-market-grid { padding-bottom: 100px; }.panel-note { color: var(--muted); font-size: 9px; }.beverage-change-list { display: grid; gap: 12px; margin: 18px 0; }.beverage-change-list article > div:first-child { display: grid; grid-template-columns: 1fr auto auto; gap: 15px; align-items: center; margin-bottom: 6px; }.beverage-change-list strong { font-size: 11px; }.beverage-change-list span,.beverage-change-list b { font-size: 9px; }.beverage-change-list b.positive { color: var(--forest); }.beverage-change-list b.negative { color: var(--danger); }.ratk-opportunity-table { min-width: 980px; }.ratk-opportunity-table td:first-child { min-width: 220px; }.ratk-opportunity-table td:nth-child(2),.ratk-opportunity-table td:nth-child(3) { min-width: 240px; }.ratk-opportunity-table p { margin: 0; font-size: 9px; line-height: 1.45; }.ratk-opportunity-table small { display: block; margin-top: 5px; color: var(--muted); font-size: 8px; line-height: 1.4; }.ratk-signal-tag { display: inline-flex; padding: 4px 7px; border-radius: 99px; background: #eaf6e4; color: var(--forest); font-size: 8px; font-weight: 700; }.ratk-danger-panel { border-color: rgba(158,62,50,.25); }.ratk-danger-panel h2 { color: var(--danger); }

.import-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .7fr); gap: 30px; align-items: start; padding-bottom: 90px; }.source-catalog { padding: 30px; border-radius: 40px; background: var(--forest); color: #fff; }.source-catalog h2 { color: #fff; font-size: 30px; }.source-catalog article { display: grid; gap: 3px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.13); }.source-catalog article span { color: var(--lime); font-size: 8px; text-transform: uppercase; }.source-catalog article strong { font-size: 12px; }.source-catalog article small { color: rgba(255,255,255,.65); font-size: 9px; }.source-catalog code { color: rgba(255,255,255,.55); font-size: 8px; }
.import-pilot-link { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; padding: 18px 22px; border: 1px solid rgba(51,106,41,.2); border-radius: 22px; background: var(--pale); }.import-pilot-link div { display: grid; gap: 4px; }.import-pilot-link span { color: var(--muted); font-size: 9px; text-transform: uppercase; }.import-pilot-link strong { color: var(--forest); font-size: 13px; }
.ratk-pilot-summary { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 18px; }.ratk-pilot-summary article { padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }.ratk-pilot-summary span { display: block; color: var(--muted); font-size: 8px; text-transform: uppercase; }.ratk-pilot-summary strong { display: block; margin-top: 5px; color: var(--forest); font-size: 25px; }.pilot-warning { margin-bottom: 35px; padding: 15px 18px; border-left: 4px solid #d5a72f; border-radius: 12px; background: #fff8dd; }.pilot-warning strong { color: #765900; font-size: 10px; }.pilot-warning p { margin: 4px 0 0; color: #765900; font-size: 9px; line-height: 1.5; }.ratk-pilot-list { display: grid; gap: 13px; padding-bottom: 45px; }.ratk-pilot-card { padding: 22px; border: 1px solid var(--line); border-radius: 26px; background: #fff; }.ratk-pilot-card.has-change { border-left: 5px solid #d5a72f; }.ratk-pilot-card > header { display: flex; justify-content: space-between; gap: 18px; align-items: start; }.ratk-pilot-card h3 { margin: 9px 0 3px; color: var(--forest); font-size: 17px; }.ratk-pilot-card header p { margin: 0; color: var(--muted); font-size: 9px; }.pilot-facts { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 15px 0; }.pilot-facts div { padding: 9px 10px; border-radius: 10px; background: #f6f8f3; }.pilot-facts dt { color: var(--muted); font-size: 7px; text-transform: uppercase; }.pilot-facts dd { margin: 3px 0 0; font-size: 10px; font-weight: 650; }.pilot-latest-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }.pilot-latest-grid article { padding: 12px; border: 1px solid var(--line); border-radius: 14px; }.pilot-latest-grid span { color: var(--leaf); font-size: 8px; font-weight: 700; text-transform: uppercase; }.pilot-latest-grid strong { display: block; margin-top: 4px; font-size: 10px; }.pilot-latest-grid p { margin: 5px 0; color: var(--muted); font-size: 9px; line-height: 1.4; }.pilot-latest-grid small { color: var(--muted); font-size: 8px; }.pilot-changes { margin-top: 12px; border-top: 1px solid var(--line); }.pilot-changes summary { padding: 11px 0 0; color: #765900; font-size: 9px; font-weight: 700; cursor: pointer; }.pilot-changes > div { display: grid; gap: 7px; padding-top: 10px; }.pilot-changes article { display: grid; grid-template-columns: 90px 1fr; gap: 12px; }.pilot-changes time { color: var(--muted); font-size: 8px; }.pilot-changes ul { margin: 0; padding-left: 16px; font-size: 9px; }.ratk-disputes { padding-bottom: 50px; }.ratk-dispute-list { display: grid; gap: 10px; }.ratk-dispute-list article { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 18px; border: 1px solid #ead8a8; border-radius: 20px; background: #fffdf5; }.ratk-dispute-list span { color: var(--muted); font-size: 8px; text-transform: uppercase; }.ratk-dispute-list h3 { margin: 5px 0; font-size: 13px; }.ratk-dispute-list p,.ratk-dispute-list small { display: block; margin: 4px 0 0; color: var(--muted); font-size: 9px; }.pilot-sources { padding-bottom: 90px; }.pilot-sources > details { border: 1px solid var(--line); border-radius: 20px; background: #fff; }.pilot-sources summary { padding: 16px 18px; color: var(--forest); font-size: 11px; font-weight: 700; cursor: pointer; }.pilot-sources article { padding: 12px; border-radius: 12px; background: #f6f8f3; }.pilot-sources article p { margin: 4px 0; color: var(--muted); font-size: 9px; }
.changes-layout { padding-bottom: 90px; }.period-filter { display: grid; grid-template-columns: repeat(3,minmax(150px,1fr)) auto; gap: 14px; align-items: end; margin-bottom: 38px; padding: 20px; border-radius: 28px; background: var(--pale); }.change-feed { max-width: 900px; margin: auto; }.change-card { display: grid; grid-template-columns: 82px 22px 1fr; gap: 16px; min-height: 145px; }.change-card > time { padding-top: 7px; color: var(--forest); font-size: 12px; font-weight: 650; text-align: right; }.change-card > time small { display: block; color: var(--muted); font-size: 9px; }.change-line { position: relative; }.change-line::before { content: ''; position: absolute; left: 10px; top: 18px; bottom: -5px; width: 1px; background: var(--line); }.change-line span { position: absolute; top: 12px; left: 4px; width: 13px; height: 13px; border: 3px solid var(--lime); border-radius: 50%; background: var(--forest); }.change-card > div:last-child { margin-bottom: 18px; padding: 18px 22px; border-radius: 26px; background: #fff; }.change-card h2 { margin: 8px 0 5px; color: var(--forest); font-size: 18px; }.change-card p { margin: 0 0 8px; color: var(--muted); font-size: 11px; }.change-card a { color: var(--forest); font-size: 11px; font-weight: 600; }.change-source { display: block; margin-top: 9px; color: var(--muted); font-size: 9px; }
.crm-layout { padding-bottom: 90px; }.crm-metrics { grid-template-columns: repeat(6,1fr); }.crm-filter { grid-template-columns: minmax(210px,1.5fr) repeat(4,minmax(115px,1fr)) auto auto; }.crm-filter .check-filter { align-self: center; }.crm-summary { margin-bottom: 42px; }.crm-call-list { display: grid; gap: 12px; }.crm-call-card { padding: 20px 22px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 7px 20px rgba(36,74,30,.05); }.crm-call-card.needs-action { border-left: 5px solid #c8dc49; }.crm-call-card header { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }.crm-call-card time { color: var(--leaf); font-size: 9px; font-weight: 700; }.crm-call-card h3 { margin: 4px 0 2px; color: var(--forest); font-size: 17px; }.crm-call-card header p { margin: 0; color: var(--muted); font-size: 9px; }.crm-note { margin: 14px 0; padding: 13px 15px; border-radius: 14px; background: #f6f8f3; white-space: pre-line; font-size: 10px; line-height: 1.55; }.crm-call-card footer { display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--muted); font-size: 8px; }.crm-call-card footer span { padding: 5px 8px; border-radius: 8px; background: var(--pale); }
.crm-filter-toolbar { display: grid; gap: 12px; margin: 12px 0 28px; padding: 15px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 7px 22px rgba(36,74,30,.05); }.crm-filter-toolbar label { display: grid; gap: 5px; color: var(--forest); font-size: 9px; font-weight: 700; letter-spacing: .025em; }.crm-filter-toolbar input,.crm-filter-toolbar select { box-sizing: border-box; width: 100%; min-height: 42px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 12px; background: #f8faf6; color: var(--ink); font: inherit; font-size: 10px; }.crm-status-filters { display: flex; flex-wrap: wrap; gap: 7px; }.crm-status-filters button { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border: 1px solid var(--line); border-radius: 999px; background: #f4f7f1; color: var(--muted); font: inherit; cursor: pointer; }.crm-status-filters button:hover { border-color: var(--meadow); color: var(--forest); }.crm-status-filters button[aria-pressed='true'] { border-color: var(--forest); background: var(--forest); color: #fff; }.crm-status-filters strong { min-width: 24px; color: var(--forest); font-size: 13px; }.crm-status-filters button[aria-pressed='true'] strong { color: var(--lime); }.crm-status-filters span { font-size: 9px; font-weight: 700; }.crm-filter-row { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }.crm-filter-row > label { min-width: 190px; flex: 1 1 220px; }.crm-period-filter { position: relative; flex: 0 0 auto; }.crm-period-filter > summary,.crm-filter-reset { min-height: 42px; display: inline-flex; align-items: center; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--forest); font-size: 9px; font-weight: 700; text-decoration: none; cursor: pointer; list-style: none; }.crm-period-filter > summary::-webkit-details-marker { display: none; }.crm-period-filter > div { position: absolute; right: 0; top: calc(100% + 7px); z-index: 22; width: 300px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 14px; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: 0 14px 35px rgba(36,74,30,.17); }.crm-period-filter .outline-button { grid-column: 1 / -1; min-height: 38px; border-radius: 999px; font-size: 9px; }.crm-filter-reset { justify-content: center; color: var(--muted); }

.brewer-registry-layout { padding-bottom: 90px; }
.crm-search-row { display: flex; align-items: end; gap: 10px; }
.crm-search-row .crm-search-field { flex: 1 1 auto; min-width: 0; }
.crm-search-row .pill-button { min-height: 42px; }
.registry-filter { display: grid; grid-template-columns: 1.4fr repeat(3,minmax(140px,1fr)) auto; gap: 12px; align-items: end; margin-bottom: 24px; padding: 18px; border-radius: 26px; background: var(--pale); }
.registry-filter.brewer-filter { grid-template-columns: minmax(220px,1.4fr) repeat(3,minmax(140px,1fr)) auto auto; }
.registry-filter.compact-filter { grid-template-columns: minmax(220px,1fr) auto auto; }
.registry-filter label span { display: block; margin-bottom: 5px; color: var(--forest); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.registry-filter input,.registry-filter select { width: 100%; min-height: 43px; padding: 8px 12px; border: 1px solid rgba(51,106,41,.24); border-radius: 13px; background: #fff; }
.registry-filter .reset-link { min-height: 43px; display: grid; place-items: center; }

/* Declaration market dashboard */
.declaration-dashboard { padding-bottom: 70px; }
.declaration-hero .hero-count { background: var(--forest); color: #fff; }
.declaration-hero .hero-count strong,.declaration-hero .hero-count span { color: #fff; }
.declaration-audiences { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.declaration-audiences a { padding: 10px 15px; border: 1px solid #cbdcbd; border-radius: 100px; color: var(--forest); font-size: 11px; font-weight: 650; text-decoration: none; }
.declaration-audiences a.active { background: var(--forest); border-color: var(--forest); color: #fff; }
.declaration-choice-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 9px 0; }
.declaration-choice-nav > strong { min-width: 116px; color: var(--forest); font-size: 11px; }
.declaration-choice-nav a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid #cbdcbd; border-radius: 100px; color: var(--forest); background: #fff; font-size: 11px; text-decoration: none; }
.declaration-choice-nav a.active { border-color: var(--forest); background: #e7f1d6; box-shadow: inset 0 0 0 1px var(--forest); font-weight: 750; }
.declaration-choice-nav a span { color: var(--muted); font-variant-numeric: tabular-nums; }
.declaration-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0 14px; }.declaration-toolbar p { margin: 0; color: var(--muted); font-size: 12px; }
.declaration-reset { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 15px; border: 1px solid var(--forest); border-radius: 999px; background: #fff; color: var(--forest); font-size: 11px; font-weight: 700; text-decoration: none; }.declaration-reset:hover { background: var(--forest); color: #fff; }
.declaration-filter { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; padding: 22px; margin-bottom: 20px; border-radius: 26px; background: #eef4df; }
.declaration-filter label span { display: block; margin-bottom: 6px; color: var(--forest); font-size: 10px; font-weight: 700; }
.declaration-filter input,.declaration-filter select { width: 100%; height: 44px; padding: 8px 10px; border: 1px solid #b7cdae; border-radius: 12px; background: #fff; color: #2d2d2d; font: inherit; font-size: 11px; }
.declaration-filter .declaration-search { grid-column: span 2; }
.declaration-advanced { grid-column: 1 / -1; }.declaration-advanced > summary { padding: 10px 14px; border: 1px solid #b7cdae; border-radius: 12px; background: #fff; color: var(--forest); font-size: 12px; font-weight: 700; cursor: pointer; }.declaration-advanced[open] > summary { margin-bottom: 13px; }.declaration-advanced-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.declaration-filter .reset-link { display: grid; place-items: center; }
.declaration-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 22px 0; }
.declaration-kpis article { min-height: 120px; padding: 20px; border-radius: 20px; background: var(--forest); color: #fff; }
.declaration-kpis article:nth-child(even) { background: var(--pale); color: var(--forest); }
.declaration-kpis span,.declaration-kpis small { display: block; font-size: 10px; line-height: 1.4; }
.declaration-kpis strong { display: block; margin: 5px 0; font-size: clamp(24px,3vw,38px); line-height: 1; }
.declaration-explore { margin: 28px 0; }.declaration-explore .section-heading { align-items: end; }.declaration-explore .section-heading h2 { max-width: 700px; }
.declaration-scenarios { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 14px 0 22px; }.declaration-scenarios a { display: grid; gap: 7px; padding: 15px; border-radius: 15px; background: #edf4df; color: var(--forest); text-decoration: none; }.declaration-scenarios a:hover { background: #dcebbd; }.declaration-scenarios strong { font-size: 13px; }.declaration-scenarios span { color: #536150; font-size: 10px; line-height: 1.4; }
.declaration-bars { display: grid; gap: 5px; max-height: 410px; overflow: auto; }.declaration-bars a { display: grid; grid-template-columns: minmax(100px,1fr) minmax(65px,1.5fr) auto; align-items: center; gap: 10px; min-height: 34px; padding: 5px 8px; border-radius: 8px; color: var(--forest); font-size: 11px; text-decoration: none; }.declaration-bars a:hover,.declaration-bars a.active { background: #e7f1d6; }.declaration-bars i { height: 10px; min-width: 2px; width: var(--bar); max-width: 100%; border-radius: 99px; background: var(--meadow); }.declaration-bars strong { font-variant-numeric: tabular-nums; }
.declaration-workflow-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.declaration-workflow-grid a { min-height: 75px; display: flex; flex-direction: column; justify-content: space-between; padding: 12px; border: 1px solid #dce9cf; border-radius: 13px; background: #f6faef; color: var(--forest); text-decoration: none; }.declaration-workflow-grid a:hover { border-color: var(--meadow); background: #e7f1d6; }.declaration-workflow-grid span { font-size: 11px; }.declaration-workflow-grid strong { font-size: 21px; font-variant-numeric: tabular-nums; }
.declaration-subgroup { margin-top: 16px; }.declaration-subgroup > summary { color: var(--forest); font-size: 12px; font-weight: 700; cursor: pointer; }.declaration-subgroup .declaration-ranking { margin-top: 10px; max-height: 270px; }
.declaration-panel-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 16px 0; }
.declaration-panel { padding: 22px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.declaration-panel header h2 { margin: 0 0 6px; color: var(--forest); font-size: 20px; }
.declaration-panel header p,.declaration-panel .section-note { margin: 0 0 15px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.declaration-ranking { max-height: 520px; overflow: auto; }
.declaration-ranking a { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; gap: 10px; align-items: start; padding: 9px 0; border-top: 1px solid var(--line); color: #2d2d2d; font-size: 12px; text-decoration: none; }
.declaration-ranking a:hover { color: var(--forest); }
.declaration-bars a.active { box-shadow: inset 0 0 0 1px var(--forest); }
.declaration-ranking .declaration-rank { color: var(--leaf); font-weight: 700; }
.declaration-ranking small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; }
.declaration-ranking strong { color: var(--forest); }
.declaration-full-rankings details > summary { color: var(--forest); font-size: 13px; font-weight: 700; cursor: pointer; }
.declaration-full-rankings details[open] > summary { margin-bottom: 12px; }
.declaration-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0; }
.declaration-chips a, .declaration-chips > span { display: flex; gap: 12px; padding: 9px 13px; border-radius: 12px; background: #eef4df; color: var(--forest); font-size: 11px; text-decoration: none; }
.declaration-months { display: flex; align-items: flex-end; gap: 6px; height: 180px; overflow-x: auto; }
.declaration-months a { flex: 0 0 54px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; color: var(--forest); font-size: 9px; text-decoration: none; }
.declaration-months i { display: block; width: 28px; min-height: 2px; background: var(--meadow); border-radius: 5px 5px 0 0; }
.declaration-months strong { order: -1; margin-top: auto; }
.declaration-interpretation { margin: 16px 0 30px; background: #f7faef; }
.declaration-interpretation > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.declaration-interpretation article { padding-top: 10px; border-top: 3px solid var(--meadow); }
.declaration-interpretation article strong { color: var(--forest); font-size: 12px; }
.declaration-interpretation article p { color: #536150; font-size: 11px; line-height: 1.5; }
.declaration-interpretation article a { display: block; padding: 5px 0; color: var(--forest); font-size: 10px; text-decoration: none; }
.declaration-results { min-width: 1300px; }
.declaration-results td { max-width: 400px; overflow-wrap: anywhere; }
.declaration-results td details { margin-top: 8px; }
.declaration-results td details summary { color: var(--forest); cursor: pointer; }
.declaration-pages { display: flex; justify-content: center; gap: 20px; align-items: center; padding: 20px; font-size: 12px; }
.declaration-pages a { color: var(--forest); }
.declaration-detail { padding-bottom: 80px; }
.declaration-detail dl { display: grid; grid-template-columns: minmax(130px,170px) minmax(0,1fr); gap: 10px 14px; font-size: 11px; }
.declaration-detail dt { color: var(--muted); }
.declaration-detail dd { margin: 0; overflow-wrap: anywhere; }
.declaration-detail .declaration-panel { margin-bottom: 16px; }
.declaration-detail-lab { padding: 12px 0; border-top: 1px solid var(--line); }
.declaration-detail-lab h3 { margin: 0 0 5px; color: var(--forest); font-size: 14px; }
.declaration-detail-lab p { margin: 3px 0; font-size: 11px; }
.declaration-detail details { margin-top: 10px; }
.declaration-detail summary { color: var(--forest); cursor: pointer; font-size: 12px; font-weight: 650; }
.declaration-detail-record { padding: 13px 0; border-top: 1px solid var(--line); }.declaration-detail-record summary { overflow-wrap: anywhere; }.declaration-detail-record dl { margin: 14px 0 4px; padding: 12px; border-radius: 12px; background: #f7faef; }.declaration-detail-record h3 { margin: 16px 0 5px; color: var(--forest); font-size: 12px; }.declaration-history { max-height: 700px; overflow: auto; }
.declaration-reg-label { display: inline-block; margin: 0 6px 5px 0; padding: 4px 8px; border-radius: 8px; background: #edf4df; color: var(--forest); }
.declaration-detail pre { max-height: 340px; overflow: auto; padding: 14px; border-radius: 12px; background: #f3f6ec; font-size: 10px; white-space: pre-wrap; overflow-wrap: anywhere; }
.laboratory-compare-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 18px 0 12px; color: var(--muted); font-size: 11px; }
.laboratory-table { min-width: 1250px; }
.laboratory-table td:first-child { text-align: center; }
.laboratory-table input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--forest); }
.laboratory-table td { overflow-wrap: anywhere; }
.laboratory-detail .declaration-panel { margin-bottom: 16px; }
.laboratory-detail .declaration-detail-lab small,.laboratory-comparison td small,.laboratory-comparison th small { display: block; margin-top: 6px; color: var(--muted); }
.laboratory-comparison { min-width: 1050px; table-layout: fixed; }
.laboratory-comparison th:first-child { width: 170px; padding: 14px; }
.laboratory-comparison td { min-width: 215px; overflow-wrap: anywhere; }
.laboratory-comparison td p { margin: 0 0 10px; }
.laboratory-comparison details { margin-bottom: 8px; }
.laboratory-comparison details summary { cursor: pointer; color: var(--forest); }
@media (max-width: 900px) { .declaration-filter,.declaration-advanced-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.declaration-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }.declaration-panel-grid { grid-template-columns: 1fr; }.declaration-scenarios { grid-template-columns: 1fr; } }
@media (max-width: 580px) { .declaration-filter,.declaration-advanced-grid { grid-template-columns: 1fr; }.declaration-filter .declaration-search { grid-column: auto; }.declaration-interpretation > div { grid-template-columns: 1fr; }.declaration-kpis article { min-height: 105px; padding: 14px; } }
.registry-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 8px 24px rgba(36,74,30,.06); }
.registry-table { width: 100%; min-width: 980px; border-collapse: collapse; font-size: 10px; }
.registry-table th { position: sticky; top: 0; padding: 0; background: #eef4df; color: var(--forest); text-align: left; text-transform: uppercase; letter-spacing: .04em; }
.registry-sort { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 15px; color: var(--forest); text-decoration: none; }
.registry-sort:hover,.registry-sort:focus-visible,.registry-sort.active { background: rgba(192,219,95,.38); }
.sort-indicator { min-width: 13px; color: var(--leaf); font-size: 13px; text-align: center; }
.registry-table td { padding: 14px 15px; border-top: 1px solid var(--line); vertical-align: top; }
.registry-table tbody tr:hover { background: #f8faef; }
.registry-table .historical-row { background: #f7f5f1; color: #746d62; }
.registry-table td > a { color: var(--forest); text-decoration: none; }
.registry-table td > small { display: block; margin-top: 4px; color: var(--muted); }
.registry-pagination { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 18px 8px 8px; color: var(--muted); font-size: 10px; }
.registry-pagination > div { display: flex; align-items: center; gap: 18px; }
.registry-pagination strong { color: var(--forest); }
.progressive-pagination { position: relative; flex-wrap: wrap; }
.progressive-pagination .outline-link { margin-top: 0; }
.load-all-button { border: 1px solid var(--line); border-radius: 999px; padding: 8px 12px; background: #fff; cursor: pointer; }
.load-all-button:disabled { cursor: wait; opacity: .65; }
.pagination-sentinel { position: absolute; bottom: 0; left: 0; width: 1px; height: 1px; }
.pagination-error { flex-basis: 100%; color: var(--danger); }
.progressive-pagination.is-loading [data-pagination-status]::after { content: ' · загружаем следующую страницу…'; color: var(--leaf); }
.source-record-button { border: 0; padding: 0; background: none; cursor: pointer; }
.source-record-button:disabled { cursor: wait; opacity: .65; }
.source-record-payload { grid-column: 1 / -1; width: 100%; margin-top: 9px; }
.source-record-payload pre { max-height: 420px; margin: 0; padding: 13px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: #142614; color: #eef4df; font: 10px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.table-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.table-tags span { padding: 3px 7px; border-radius: 99px; background: #edf5e7; color: var(--forest); font-size: 8px; font-weight: 650; }
.table-tags span.historical { background: #eeeae3; color: #766a57; }
.registry-current-status { display: grid; gap: 6px; justify-items: start; min-width: 125px; }
.registry-current-status small { max-width: 180px; color: var(--muted); font-size: 8px; line-height: 1.4; }
.registry-status { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px; border-radius: 99px; font-size: 9px; font-weight: 700; white-space: nowrap; }
.registry-status.active { background: var(--pale); color: var(--forest); box-shadow: inset 0 0 0 1px rgba(51,106,41,.16); }
.registry-status.suspended { background: #eef4df; color: #5e672f; box-shadow: inset 0 0 0 1px rgba(73,132,41,.2); }
.registry-status.excluded { background: var(--danger-bg); color: var(--danger); box-shadow: inset 0 0 0 1px rgba(158,62,50,.14); }
.registry-status.unknown { background: #f0f0ed; color: var(--muted); }
.declaration-chain, .declaration-signal { margin-bottom: 7px; padding: 8px 9px; border-radius: 10px; background: #f4f7ef; }
.declaration-chain strong, .declaration-signal strong { display: block; color: var(--forest); font-size: 9px; }
.declaration-chain small, .declaration-signal small { display: block; margin-top: 3px; color: var(--muted); line-height: 1.4; }
.declaration-chain.confirmed_replacement { background: #e3f3e5; }
.declaration-chain.parallel_related, .declaration-signal.verify_continuity { background: #fff5d8; }
.declaration-signal.new_declaration_launch { background: #e1f0ff; }
.declaration-signal.uncovered_expiry { background: #fce9df; }
.muted-value { color: var(--muted); font-size: 9px; }
.registry-lines { margin-top: 9px; }
.registry-lines > summary { color: var(--forest); font-size: 9px; font-weight: 650; cursor: pointer; }
.registry-lines > div { display: grid; gap: 7px; margin-top: 8px; }
.registry-lines article { display: grid; gap: 3px; padding: 9px 10px; border-radius: 11px; background: #f5f7f3; }
.registry-lines article span,.registry-lines article small { color: var(--muted); font-size: 8px; }
.registry-years { display: grid; gap: 22px; }
.registry-years > section > h3 { margin: 0 0 10px; color: var(--forest); font-size: 24px; }
.registry-years .timeline p { margin: 4px 0 0; color: var(--muted); font-size: 9px; }

.purchase-data-window { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }.purchase-data-window span { padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.72); color: var(--muted); font-size: 9px; }.purchase-data-window strong { color: var(--forest); }
.purchase-filter-panel { padding: 24px; border: 1px solid var(--line); border-radius: 28px; background: #fff; }.purchase-filter-panel .section-heading { margin-bottom: 14px; }.purchase-period-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }.purchase-period-chips a { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 9px; font-weight: 700; text-decoration: none; }.purchase-period-chips a.active { border-color: var(--forest); background: var(--forest); color: #fff; }.purchase-filter-grid { display: grid; grid-template-columns: repeat(2,minmax(130px,.55fr)) minmax(150px,.65fr) minmax(190px,1fr) minmax(220px,1.2fr); gap: 10px; align-items: end; }.purchase-filter-grid > label:not(.purchase-check) { display: grid; gap: 5px; }.purchase-filter-grid label > span { color: var(--muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }.purchase-filter-grid input[type="date"],.purchase-filter-grid select { min-width: 0; height: 42px; padding: 0 10px; border: 1px solid var(--line); border-radius: 11px; background: #fff; color: var(--ink); font: inherit; font-size: 10px; }.purchase-check { display: flex; gap: 8px; align-items: center; min-height: 42px; }.purchase-check input { accent-color: var(--forest); }.purchase-filter-grid .primary-button { min-height: 42px; }
.purchase-kpis { grid-template-columns: repeat(5,minmax(0,1fr)); padding-block: 18px 6px; }.purchase-kpis div.negative { background: var(--danger-bg); }.purchase-kpis div.negative strong { color: var(--danger); }.purchase-dashboard-grid .section-heading > p { max-width: 440px; margin: 0; color: var(--muted); font-size: 9px; text-align: right; }.purchase-month-chart { min-height: 255px; display: flex; gap: 8px; align-items: end; overflow-x: auto; padding: 18px 3px 6px; }.purchase-month-column { flex: 1 0 72px; min-width: 72px; display: grid; grid-template-rows: 15px 145px 28px 16px; gap: 4px; align-items: end; text-align: center; }.purchase-month-count { color: var(--muted); font-size: 8px; }.purchase-month-track { height: 145px; display: flex; align-items: end; overflow: hidden; border-radius: 10px 10px 4px 4px; background: #edf1e8; }.purchase-month-track i { width: 100%; min-height: 2px; border-radius: inherit; background: linear-gradient(180deg,var(--lime),var(--leaf)); }.purchase-month-column strong { overflow: hidden; color: var(--forest); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.purchase-month-column small { color: var(--muted); font-size: 8px; }.purchase-supplier-chart { display: grid; gap: 12px; }.purchase-supplier-bar > div:first-child { display: flex; justify-content: space-between; gap: 14px; margin-bottom: 5px; }.purchase-supplier-bar strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.purchase-supplier-bar span { flex: 0 0 auto; color: var(--muted); font-size: 8px; }.purchase-bar-track { height: 8px; overflow: hidden; border-radius: 999px; background: #edf1e8; }.purchase-bar-track i { display: block; height: 100%; border-radius: inherit; background: var(--leaf); }.purchase-signal-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }.purchase-signal-grid article { padding: 16px; border-left: 4px solid var(--leaf); border-radius: 15px; background: var(--pale); }.purchase-signal-grid article.warning { border-left-color: #d5a72f; background: #fff8dd; }.purchase-signal-grid article.danger { border-left-color: var(--danger); background: var(--danger-bg); }.purchase-signal-grid strong { color: var(--forest); font-size: 23px; }.purchase-signal-grid .danger strong { color: var(--danger); }.purchase-signal-grid h3 { margin: 7px 0 4px; color: var(--forest); font-size: 10px; }.purchase-signal-grid p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.5; }.negative-text { color: var(--danger); font-weight: 700; }.positive-text { color: var(--forest); font-weight: 700; }
.purchase-history-head,.purchase-supplier-history > summary { min-width: 980px; display: grid; grid-template-columns: minmax(220px,1.35fr) minmax(120px,.65fr) minmax(245px,1.15fr) minmax(140px,.75fr) minmax(120px,.6fr); gap: 14px; align-items: center; }.purchase-history-head { padding: 0 17px 8px; color: var(--muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }.purchase-history-list { display: grid; gap: 8px; margin-bottom: 12px; overflow-x: auto; }.purchase-supplier-history { min-width: 980px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: #fff; }.purchase-supplier-history > summary { padding: 14px 17px; cursor: pointer; list-style: none; }.purchase-supplier-history > summary::-webkit-details-marker { display: none; }.purchase-supplier-history[open] > summary { background: #f4f8f0; }.purchase-supplier-history > summary span { min-width: 0; }.purchase-supplier-history > summary strong { color: var(--forest); font-size: 10px; }.purchase-supplier-history > summary small { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.35; }.purchase-supplier-history > summary a { color: var(--forest); text-decoration: none; }.purchase-history-toggle { display: flex; align-items: center; justify-content: flex-end; gap: 8px; color: var(--forest); font-size: 9px; font-weight: 700; }.purchase-history-toggle b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); }.purchase-history-toggle b::before { content: '+'; font-size: 16px; line-height: 1; }.purchase-supplier-history[open] .purchase-history-toggle b::before { content: '−'; }.purchase-history-body { padding: 0 14px 14px; background: #f4f8f0; }.purchase-history-body .table-wrap { border-radius: 12px; }.purchase-history-body table { min-width: 720px; }
.inventory-awaiting { margin-block: 30px 90px; border-style: dashed; background: #fbfcf9; }.inventory-awaiting > p:not(.eyebrow) { max-width: 760px; color: var(--muted); line-height: 1.6; }.inventory-filter-grid { display: grid; grid-template-columns: minmax(180px,.8fr) minmax(260px,1.4fr) minmax(150px,.5fr) auto; gap: 10px; align-items: end; }.inventory-filter-grid label { display: grid; gap: 5px; }.inventory-filter-grid label span { color: var(--muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }.inventory-filter-grid select,.inventory-filter-grid input { min-width: 0; height: 42px; padding: 0 10px; border: 1px solid var(--line); border-radius: 11px; background: #fff; color: var(--ink); font: inherit; font-size: 10px; }.inventory-kpis { grid-template-columns: repeat(5,minmax(0,1fr)); }.inventory-kpis .negative { background: var(--danger-bg); }.inventory-kpis .negative strong { color: var(--danger); }.inventory-kpis .warning { background: #fff8dd; }.inventory-kpis .warning strong { color: #765900; }.inventory-coverage.warning { border-color: #ead28d; background: #fffdf6; }.inventory-coverage-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }.inventory-coverage-grid > div { display: grid; gap: 4px; padding: 14px; border-radius: 14px; background: #f4f7ef; }.inventory-coverage-grid > div.missing { background: #fff0e8; }.inventory-coverage-grid strong { color: var(--forest); font-size: 22px; }.inventory-coverage-grid .missing strong { color: var(--danger); }.inventory-coverage-grid span { font-size: 9px; font-weight: 700; }.inventory-coverage-grid small { color: var(--muted); font-size: 8px; line-height: 1.4; }.inventory-warning-note { margin: 14px 0 0; padding: 11px 13px; border-left: 4px solid #d5a72f; border-radius: 10px; background: #fff8dd; color: #765900; font-size: 9px; line-height: 1.5; }.inventory-view-chips { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 14px; }.inventory-view-chips a { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 9px; font-weight: 700; text-decoration: none; }.inventory-view-chips a.active { border-color: var(--forest); background: var(--forest); color: #fff; }.inventory-table { min-width: 1180px; }.inventory-table td { vertical-align: top; }.inventory-status { display: inline-flex; max-width: 180px; padding: 5px 8px; border-radius: 10px; background: var(--pale); color: var(--forest); font-size: 8px; font-weight: 700; line-height: 1.35; }.inventory-status.critical { background: var(--danger-bg); color: var(--danger); }.inventory-status.warning { background: #fff2d5; color: #765900; }.inventory-status.excess { background: #eeeae3; color: #6f675c; }.inventory-status.production { background: #e3f0ff; color: #285c88; }.inventory-status.internal { background: #f0ece4; color: #685f50; }.inventory-status.review { background: #fff2d5; color: #765900; }.inventory-purchase-detail { display: block; max-width: 230px; margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.35; }.inventory-history-link { display: inline-block; margin-top: 6px; color: var(--forest); font-size: 8px; font-weight: 700; text-decoration: none; }.inventory-history-link:hover,.inventory-history-link:focus-visible { text-decoration: underline; }.inventory-recipe-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.inventory-recipe-grid > article { padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: #fbfcf8; }.inventory-recipe-grid header { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }.inventory-recipe-grid header div { display: grid; gap: 4px; }.inventory-recipe-grid header strong { color: var(--forest); font-size: 11px; }.inventory-recipe-grid header small { color: var(--muted); font-size: 8px; }.inventory-recipe-grid header b { flex: 0 0 auto; color: var(--leaf); font-size: 12px; }.inventory-recipe-grid ul { display: grid; gap: 6px; margin: 13px 0 0; padding: 0; list-style: none; }.inventory-recipe-grid li { display: flex; justify-content: space-between; gap: 12px; padding-top: 6px; border-top: 1px solid var(--line); font-size: 9px; }.inventory-recipe-grid li span { color: var(--muted); }.inventory-recipe-grid li strong { color: var(--ink); text-align: right; }.inventory-method > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 16px; }.inventory-method article { padding: 15px; border-radius: 14px; background: #f6f8f3; }.inventory-method article strong { color: var(--forest); font-size: 10px; }.inventory-method article p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }

.site-footer { min-height: 190px; display: flex; align-items: center; justify-content: center; gap: 34px; padding: 45px 24px; background: var(--forest); color: #fff; }.site-footer img { width: 185px; }.site-footer p { margin: 4px 0 0; color: rgba(255,255,255,.62); font-size: 11px; }

/* Project journey: a local, opt-in progress layer over the working Radar. */
.journey-page { background: #f5f7f1; }
.journey-hero { position: relative; overflow: hidden; padding: 72px 0 90px; background: var(--forest); color: #fff; }
.journey-hero::after { content: ''; position: absolute; right: -60px; bottom: -105px; width: 430px; height: 390px; background: url('/static/brand/decor/industrial-cct.svg') no-repeat center / contain; opacity: .12; pointer-events: none; }
.journey-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(310px,.7fr); gap: 70px; align-items: center; }
.journey-hero h1 { max-width: 820px; margin-bottom: 24px; font-size: clamp(42px,5vw,70px); font-weight: 610; letter-spacing: -.035em; text-transform: uppercase; }
.journey-hero h1 span { color: var(--lime); }
.journey-hero-grid > div:first-child > p:last-child { max-width: 760px; margin: 0; color: rgba(255,255,255,.76); font-size: 16px; }
.journey-level-card { position: relative; min-height: 310px; display: flex; flex-direction: column; justify-content: center; padding: 38px; border: 1px solid rgba(255,255,255,.18); border-radius: 50px; background: rgba(20,63,16,.52); box-shadow: 0 25px 60px rgba(15,42,12,.27); backdrop-filter: blur(9px); }
.journey-level-kicker { color: var(--lime); font-size: 10px; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; }
.journey-level-card > strong { margin: 10px 0 18px; font-size: clamp(25px,3vw,38px); line-height: 1.05; }
.journey-xp { display: flex; align-items: baseline; gap: 6px; }.journey-xp span { color: var(--lime); font-size: 34px; font-weight: 700; }.journey-xp small { color: rgba(255,255,255,.6); font-size: 11px; }
.journey-level-card progress { width: 100%; height: 10px; margin: 8px 0 18px; overflow: hidden; border: 0; border-radius: 999px; background: rgba(255,255,255,.13); }
.journey-level-card progress::-webkit-progress-bar { border-radius: 999px; background: rgba(255,255,255,.13); }.journey-level-card progress::-webkit-progress-value { border-radius: 999px; background: var(--lime); }.journey-level-card progress::-moz-progress-bar { border-radius: 999px; background: var(--lime); }
.journey-level-card p { margin: 0; color: rgba(255,255,255,.76); font-size: 11px; }
.journey-stats { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4,1fr); margin-top: -37px; overflow: hidden; border-radius: 30px; background: #fff; box-shadow: var(--shadow); }
.journey-stats div { min-height: 98px; display: flex; flex-direction: column; justify-content: center; padding: 20px 28px; border-right: 1px solid var(--line); }.journey-stats div:last-child { border: 0; }.journey-stats strong { color: var(--forest); font-size: 29px; line-height: 1; }.journey-stats span { margin-top: 7px; color: var(--muted); font-size: 10px; }
.journey-workspace { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 38px; align-items: start; padding: 82px 0 100px; }
.journey-intro { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 34px; }.journey-intro .eyebrow { margin-bottom: 9px; }.journey-intro h2 { margin: 0; color: var(--forest); font-size: clamp(34px,4vw,50px); text-transform: uppercase; }.journey-reset { min-height: 44px; padding: 8px 16px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); font-size: 9px; font-weight: 650; }
.journey-chapter { position: relative; margin-bottom: 38px; padding: 29px; border: 1px solid var(--line); border-radius: 42px; background: #fff; box-shadow: 0 10px 32px rgba(36,74,30,.06); }
.journey-chapter::before { content: ''; position: absolute; left: -1px; top: 42px; bottom: 42px; width: 5px; border-radius: 0 9px 9px 0; background: var(--meadow); }.journey-chapter.completed::before { background: var(--lime); box-shadow: 0 0 0 5px rgba(192,219,95,.2); }
.journey-chapter-header { display: grid; grid-template-columns: 62px minmax(0,1fr) auto; gap: 20px; align-items: start; margin-bottom: 24px; }
.journey-chapter-number { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: var(--forest); color: var(--lime); font-size: 18px; font-weight: 700; }
.journey-chapter-header .eyebrow { margin: 2px 0 6px; font-size: 9px; }.journey-chapter-header h2 { margin: 0; color: var(--forest); font-size: 28px; text-transform: uppercase; }.journey-chapter-header p:last-child { max-width: 650px; margin: 8px 0 0; color: var(--muted); font-size: 11px; }
.journey-chapter-progress { min-width: 72px; padding: 10px 12px; border-radius: 16px; background: var(--pale); text-align: center; }.journey-chapter-progress strong { display: block; color: var(--forest); font-size: 16px; }.journey-chapter-progress small { display: block; color: var(--muted); font-size: 7px; text-transform: uppercase; }
.journey-project-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.journey-project { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #f8faf5; }.journey-project > header { display: flex; justify-content: space-between; gap: 18px; align-items: center; min-height: 82px; padding: 18px 20px; border-bottom: 1px solid var(--line); }.journey-project > header span { color: var(--leaf); font-size: 8px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }.journey-project > header h3 { margin: 4px 0 0; color: var(--forest); font-size: 13px; }.journey-project > header b { flex: 0 0 auto; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); font-size: 10px; }
.journey-task-list { display: grid; }.journey-task { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 44px; gap: 12px; min-height: 210px; padding: 20px; border-bottom: 1px solid var(--line); background: #fff; transition: background .2s ease, opacity .2s ease; }.journey-task:last-child { border-bottom: 0; }.journey-task.boss { background: linear-gradient(135deg,#fff 0 68%,rgba(235,240,158,.42) 100%); }.journey-task.completed { background: #eef6e9; opacity: .78; }.journey-task.completed h4 { text-decoration: line-through; text-decoration-color: var(--meadow); }
.journey-task-copy { min-width: 0; }.journey-task-meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }.journey-task-meta > strong { margin-left: auto; color: var(--leaf); font-size: 8px; }.journey-owner,.journey-boss { display: inline-flex; min-height: 22px; align-items: center; padding: 3px 8px; border-radius: 999px; font-size: 7px; font-weight: 700; text-transform: uppercase; }.journey-owner.sergey { background: var(--forest); color: #fff; }.journey-owner.codex { background: #e4eee0; color: var(--forest); }.journey-owner.together { background: var(--lime); color: var(--forest); }.journey-boss { background: #fff2d5; color: #765900; }
.journey-task h4 { margin: 13px 0 8px; font-size: 13px; line-height: 1.3; }.journey-task p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }.journey-task a { display: inline-flex; margin-top: 13px; color: var(--forest); font-size: 9px; font-weight: 700; text-decoration: none; }.journey-task a:hover,.journey-task a:focus-visible { text-decoration: underline; }
.journey-check { align-self: start; width: 44px; height: 44px; display: grid; place-items: center; cursor: pointer; }.journey-check input { position: absolute; opacity: 0; pointer-events: none; }.journey-check span { width: 36px; height: 36px; display: grid; place-items: center; border: 2px solid var(--meadow); border-radius: 50%; background: #fff; color: transparent; font-size: 18px; font-weight: 800; transition: transform .18s ease,background .18s ease; }.journey-check input:checked + span { border-color: var(--forest); background: var(--forest); color: var(--lime); transform: scale(1.04); }.journey-check input:focus-visible + span { outline: 3px solid rgba(192,219,95,.65); outline-offset: 3px; }
.journey-sidebar { position: sticky; top: 138px; display: grid; gap: 18px; }.journey-next-card { position: relative; overflow: hidden; padding: 30px; border-radius: 40px; background: var(--forest); color: #fff; box-shadow: var(--shadow); }.journey-next-card::after { content: ''; position: absolute; right: -45px; bottom: -55px; width: 180px; height: 170px; background: url('/static/brand/decor/hops-watermark.svg') no-repeat center / contain; opacity: .12; pointer-events: none; }.journey-next-card > span { display: block; color: rgba(255,255,255,.62); font-size: 8px; font-weight: 650; text-transform: uppercase; }.journey-next-card h2 { position: relative; z-index: 1; margin: 10px 0 22px; font-size: 22px; line-height: 1.15; }.journey-next-card .pill-button { position: relative; z-index: 1; width: 100%; }
.journey-skills { padding: 25px; border: 1px solid var(--line); border-radius: 34px; background: #fff; }.journey-skills-heading { margin-bottom: 16px; }.journey-skills-heading .eyebrow { margin-bottom: 6px; font-size: 8px; }.journey-skills-heading h2 { margin: 0; color: var(--forest); font-size: 23px; text-transform: uppercase; }.journey-skills article { padding: 15px 0; border-top: 1px solid var(--line); }.journey-skills article header { display: flex; justify-content: space-between; gap: 12px; }.journey-skills article header span { color: var(--leaf); font-size: 7px; font-weight: 700; text-transform: uppercase; }.journey-skills article header strong { color: var(--muted); font-size: 7px; }.journey-skills article h3 { margin: 5px 0 8px; font-size: 11px; }.journey-skill-bar { height: 6px; overflow: hidden; border-radius: 999px; background: #e7ebe3; }.journey-skill-bar i { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--meadow); transition: width .25s ease; }.journey-skills article p { margin: 8px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }.journey-local-note { margin: 0; padding: 14px 17px; border-left: 4px solid var(--meadow); border-radius: 14px; background: #edf4e9; color: var(--muted); font-size: 8px; line-height: 1.5; }

@media (max-width: 1320px) {
  .site-header-main,.context-nav { grid-template-columns: 168px minmax(0,1fr) auto; gap: 12px; }
  .context-nav { grid-template-columns: 168px minmax(0,1fr); }
  .brand img { width: 105px; }
  .brand-product { font-size: 14px; }
  .main-nav a { padding-inline: 10px; font-size: 11px; }
  .local-badge { font-size: 10px; }
  .account-pill strong { max-width: 82px; }
}

@media (max-width: 980px) {
  .site-header-main { grid-template-columns: minmax(0,1fr) auto; gap: 9px 14px; padding-block: 9px; }.brand { grid-column: 1; grid-row: 1; }.header-actions { grid-column: 2; grid-row: 1; }.main-nav { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; width: 100%; }.main-nav a { width: 100%; padding-inline: 8px; }.context-nav { grid-template-columns: 1fr; min-height: 48px; }.context-label { display: none; }.context-links { justify-content: center; }
  .auth-stage { grid-template-columns: minmax(0, 680px); justify-content: center; }.auth-scene { display: none; }
  .radar-hero { grid-template-columns: 1fr; }.radar-visual { width: min(410px, 80vw); }.metric-strip { grid-template-columns: repeat(3,1fr); }.metric-strip a:nth-child(3) { border-right: 0; }
  .dashboard-grid, .source-scene, .import-layout { grid-template-columns: 1fr; }.source-scene { gap: 35px; }.list-layout, .company-workspace { grid-template-columns: 1fr; }.filter-panel, .company-summary { position: static; max-height: none; overflow-y: visible; scrollbar-gutter: auto; }.filter-panel { grid-template-columns: repeat(2,1fr); }.filter-panel .filter-search { grid-column: 1 / -1; }.readiness-panel { grid-template-columns: 1fr; }.frap-metric-grid { grid-template-columns: repeat(3,1fr); }.ratk-market-summary { grid-template-columns: repeat(3,1fr); }.ratk-snapshot-timeline { grid-template-columns: repeat(2,1fr); }.relationship-signal-grid { grid-template-columns: 1fr; }
  .weekly-action-list > article { grid-template-columns: 1fr 1fr; }.analytics-grid { grid-template-columns: 1fr; }.analytics-panel.wide { grid-column: auto; }.quality-strip { grid-template-columns: repeat(3,1fr); }.compact-action-list a { grid-template-columns: 1fr 1fr; }.registry-filter,.crm-filter,.period-filter { grid-template-columns: 1fr 1fr; }.directory-card-grid { grid-template-columns: repeat(2,1fr); }.frap-opportunity { grid-template-columns: 1fr 1fr; }.frap-opportunity .opportunity-script { grid-column: 1 / -1; }.purchase-filter-grid,.inventory-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.purchase-check,.purchase-filter-grid .primary-button { grid-column: auto; }.purchase-kpis { grid-template-columns: repeat(3,1fr); }.purchase-signal-grid { grid-template-columns: repeat(2,1fr); }.inventory-coverage-grid { grid-template-columns: repeat(3,1fr); }.inventory-recipe-grid { grid-template-columns: 1fr; }.inventory-method > div { grid-template-columns: repeat(2,1fr); }
  .journey-hero-grid { grid-template-columns: 1fr; gap: 35px; }.journey-level-card { min-height: 0; }.journey-workspace { grid-template-columns: 1fr; }.journey-sidebar { position: static; grid-template-columns: 1fr 1fr; }.journey-local-note { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .shell { width: min(100% - 28px, var(--shell)); }.site-header { position: relative; }.site-header-main,.context-nav { width: calc(100% - 28px); }.brand img { width: 98px; }.brand-product { font-size: 13px; }.local-badge { font-size: 8px; }.account-pill { padding-left: 7px; }.account-pill span { display: none; }.main-nav a { min-width: 0; font-size: 9px; }.context-links { justify-content: flex-start; }.context-links a { min-height: 44px; padding-inline: 12px; font-size: 9px; }.utility-menu-panel { right: -58px; }.utility-menu summary { min-width: 54px; padding-inline: 10px; }
  .auth-stage { width: calc(100% - 28px); padding-block: 28px; }.auth-card { padding: 30px 23px; border-radius: 34px; }.auth-logo { width: 145px; margin-bottom: 34px; }.auth-card h1 { font-size: 39px; }.auth-card-minimal h1 { font-size: 32px; }.auth-yandex-button { width: 100%; justify-content: center; padding-right: 14px; font-size: 13px; }
  .radar-hero { min-height: auto; padding: 48px 18px 75px; }.radar-hero h1 { font-size: 38px; }.hero-search { align-items: stretch; border-radius: 24px; }.hero-search input { height: 46px; padding-inline: 12px; font-size: 12px; }.hero-search button { padding-inline: 15px; font-size: 11px; }.radar-visual { max-width: 100%; width: min(355px, 92vw); }.radar-point { font-size: 8px; }
  .metric-strip { width: calc(100% - 28px); grid-template-columns: repeat(2,1fr); border-radius: 24px; }.metric-strip a { min-height: 85px; padding: 15px 18px; }.metric-strip a:nth-child(even) { border-right: 0; }.metric-strip strong { font-size: 25px; }
  .section-space { padding-block: 55px; }.signal-row { grid-template-columns: 44px 10px 1fr; gap: 10px; }.signal-row .history-badge { grid-column: 3; }.lead-panel { padding: 28px; border-radius: 36px; }.source-scene { padding: 35px 25px; border-radius: 40px; }.source-scene h2 { font-size: 30px; }.import-stack article { grid-template-columns: 1fr; }
  .page-hero { padding-block: 38px 25px; }.page-hero.compact { align-items: flex-start; flex-direction: column; gap: 18px; }.page-hero h1 { font-size: 42px; }.page-hero p:not(.eyebrow) { font-size: 12px; }.hero-count { min-width: 85px; }.hero-count strong { font-size: 27px; }
  .filter-panel { grid-template-columns: 1fr; }.filter-panel .filter-search { grid-column: auto; }.company-card { grid-template-columns: 58px 1fr; gap: 13px; padding: 18px; border-radius: 26px; }.company-score { width: 54px; height: 54px; }.company-card h2 { font-size: 17px; }.open-card { grid-column: 2; align-self: auto; min-height: 44px; flex-direction: row; gap: 8px; border-left: 0; border-top: 1px solid var(--line); }.open-card span { font-size: 17px; }
  .company-hero { padding-top: 35px; }.company-hero-inner { align-items: flex-start; flex-direction: column; }.company-hero-inner > div:first-child { min-width: 0; width: 100%; }.company-hero h1 { max-width: 100%; overflow-wrap: anywhere; font-size: 35px; }.hero-score { min-width: 90px; height: 90px; }.hero-score strong { font-size: 29px; }.company-summary { border-radius: 27px; }.company-sections summary { min-height: 60px; padding: 12px 15px; font-size: 12px; }.company-sections summary::after { width: 26px; height: 26px; }.company-sections summary b { min-width: 23px; height: 23px; }.company-sections .company-section-group { border-radius: 27px; }.company-sections .company-section-group > summary { min-height: 76px; padding: 14px 16px; border-radius: 27px; }.company-section-group > summary > span > strong { font-size: 13px; }.company-section-group > summary > span > small { max-width: 210px; font-size: 8px; }.company-section-group-body { padding: 8px; }.company-now-card { padding: 17px; border-radius: 20px; }.company-now-card > header { align-items: flex-start; flex-direction: column; gap: 9px; }.company-now-card h2 { font-size: 18px; }.company-now-grid { grid-template-columns: 1fr; }.company-now-grid > article.company-now-next { grid-column: auto; }.detail-body { padding: 0 14px 14px; }.detail-body.card-grid, .inline-dl, .composition-grid,.frap-sales-signals > div,.frap-date-overview { grid-template-columns: 1fr; }.frap-metric-grid { grid-template-columns: repeat(2,1fr); }.frap-sales-signals > header { align-items: start; flex-direction: column; }.source-card { grid-template-columns: 1fr; }.document-row { flex-direction: column; }.document-row > div:last-child { text-align: left; }.ratk-market-summary,.ratk-snapshot-timeline,.ratk-findings > div:last-child { grid-template-columns: 1fr; }.ratk-snapshot-section .section-heading { align-items: start; flex-direction: column; }.ratk-snapshot-section .section-heading > p { text-align: left; }.registry-hero-actions { align-items: flex-start; }.beverage-change-list article > div:first-child { grid-template-columns: 1fr auto; }.beverage-change-list b { grid-column: 1 / -1; }
  .ratk-pilot-summary { grid-template-columns: repeat(2,1fr); }.ratk-pilot-card > header,.import-pilot-link { flex-direction: column; }.pilot-facts,.pilot-latest-grid { grid-template-columns: 1fr 1fr; }.ratk-dispute-list article { grid-template-columns: 1fr; }
  .match-card { grid-template-columns: 64px 1fr; padding: 20px; }.match-card.rich-match-card { display: block; }.match-score { width: 60px; height: 60px; }.match-arrow { grid-column: 1; }.match-side.candidate { grid-column: 2; }.match-card ul, .manual-note { grid-column: 1 / -1; }.match-card-header { grid-template-columns: 64px 1fr; }.match-versus { grid-column: 1 / -1; text-align: left; }.database-candidate { grid-column: 1 / -1; }.match-record-pair,.match-comparison,.match-actions,.database-source-list,.research-party-grid,.research-trigger { grid-template-columns: 1fr; }.record-pair-arrow { min-height: 24px; }.database-source-list dl { grid-template-columns: 1fr; }.evidence-grid,.raw-evidence-list dl { grid-template-columns: 1fr; }.comparison-fact { grid-template-columns: 1fr; }.comparison-fact > i { text-align: left; }.match-reasons { display: block; }.match-reasons ul { display: block; margin-top: 7px; }.weekly-action-list > article { grid-template-columns: 1fr; }.action-channel { max-width: none; }.quality-strip { grid-template-columns: repeat(2,1fr); }.compact-action-list a { grid-template-columns: 1fr; }.missing-data-list { columns: 1; }
  .period-filter,.registry-filter,.crm-filter { grid-template-columns: 1fr; }.product-producer-list > details > summary { grid-template-columns: minmax(0,1fr) auto; gap: 9px; padding: 12px; }.producer-summary-source { display: none; }.producer-product-count { min-width: 58px; }.directory-card-grid,.frap-opportunity { grid-template-columns: 1fr; }.frap-opportunity .opportunity-script { grid-column: auto; }.market-directory-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }.market-directory-tabs a { flex: 0 0 auto; }.crm-metrics { grid-template-columns: repeat(2,1fr); }.crm-call-card header { flex-direction: column; }.change-card { grid-template-columns: 55px 16px 1fr; gap: 8px; }.change-card > div:last-child { padding: 15px; }.purchase-filter-panel { padding: 18px; }.purchase-filter-grid,.purchase-signal-grid,.inventory-filter-grid,.inventory-method > div { grid-template-columns: 1fr; }.purchase-kpis,.inventory-kpis { grid-template-columns: repeat(2,1fr); }.inventory-coverage-grid { grid-template-columns: 1fr; }.purchase-dashboard-grid .section-heading { align-items: flex-start; flex-direction: column; }.purchase-dashboard-grid .section-heading > p { text-align: left; }.purchase-supplier-bar > div:first-child { align-items: flex-start; flex-direction: column; gap: 3px; }.site-footer { flex-direction: column; text-align: center; }
  .crm-status-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.crm-status-filters button:first-child { grid-column: 1 / -1; }.crm-filter-row { display: grid; grid-template-columns: 1fr; }.crm-filter-row > label,.crm-period-filter,.crm-period-filter > summary,.crm-filter-reset { width: 100%; }.crm-period-filter > div { position: static; width: auto; margin-top: 7px; grid-template-columns: 1fr; box-shadow: none; }.crm-period-filter .outline-button { grid-column: auto; }
  .journey-hero { padding: 48px 0 72px; }.journey-hero h1 { font-size: 38px; }.journey-hero-grid > div:first-child > p:last-child { font-size: 12px; }.journey-level-card { padding: 28px; border-radius: 36px; }.journey-stats { grid-template-columns: repeat(2,1fr); }.journey-stats div:nth-child(2) { border-right: 0; }.journey-stats div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.journey-workspace { padding-top: 55px; }.journey-intro { align-items: flex-start; flex-direction: column; }.journey-chapter { padding: 20px 14px; border-radius: 30px; }.journey-chapter-header { grid-template-columns: 52px minmax(0,1fr); gap: 13px; }.journey-chapter-number { width: 48px; height: 48px; font-size: 14px; }.journey-chapter-header h2 { font-size: 23px; }.journey-chapter-progress { grid-column: 2; justify-self: start; }.journey-project-grid,.journey-sidebar { grid-template-columns: 1fr; }.journey-task { min-height: 0; padding: 17px; }.journey-local-note { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Mail import: restricted local archive and compact CRM summaries. */
.mail-hero { position: relative; overflow: hidden; padding: 68px 0 86px; background: var(--forest); color: #fff; }
.mail-hero::after { content: ''; position: absolute; right: -40px; bottom: -80px; width: 340px; height: 300px; background: url('/static/brand/decor/hops-watermark.svg') no-repeat center / contain; opacity: .11; pointer-events: none; }
.mail-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.65fr); gap: 64px; align-items: center; }
.mail-hero h1 { margin-bottom: 24px; font-size: clamp(42px,5vw,68px); font-weight: 610; letter-spacing: -.035em; text-transform: uppercase; }
.mail-hero h1 span { color: var(--lime); }
.mail-hero-grid > div > p:last-child { max-width: 710px; margin: 0; color: rgba(255,255,255,.76); font-size: 15px; }
.mail-safety-card { padding: 30px; border: 1px solid rgba(255,255,255,.18); border-radius: 42px; background: rgba(20,63,16,.55); }
.mail-safety-card strong { display: block; margin-bottom: 12px; color: var(--lime); font-size: 20px; line-height: 1.2; }
.mail-safety-card p { color: rgba(255,255,255,.72); font-size: 10px; }
.mail-safety-card ul { margin: 18px 0 0; padding: 0; list-style: none; }
.mail-safety-card li { padding: 9px 0; border-top: 1px solid rgba(255,255,255,.12); font-size: 10px; }
.mail-progress-panel,.mail-start-panel { position: relative; z-index: 3; margin-top: -36px; margin-bottom: 64px; padding: 30px 34px; border-radius: 36px; background: #fff; box-shadow: var(--shadow); }
.mail-progress-panel > header { display: flex; justify-content: space-between; gap: 20px; align-items: start; }
.mail-progress-panel h2,.mail-start-panel h2 { margin: 0; color: var(--forest); font-size: 29px; }
.mail-progress-panel > header > strong { color: var(--forest); font-size: 31px; }
.mail-progress-panel progress { width: 100%; height: 12px; margin: 24px 0; overflow: hidden; border: 0; border-radius: 999px; background: #e7ebe3; }
.mail-progress-panel progress::-webkit-progress-bar { border-radius: 999px; background: #e7ebe3; }.mail-progress-panel progress::-webkit-progress-value { border-radius: 999px; background: var(--meadow); }.mail-progress-panel progress::-moz-progress-bar { border-radius: 999px; background: var(--meadow); }
.mail-progress-stats { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--line); border-radius: 24px; overflow: hidden; }
.mail-progress-stats div { padding: 16px; border-right: 1px solid var(--line); }.mail-progress-stats div:last-child { border: 0; }.mail-progress-stats span { display: block; color: var(--muted); font-size: 8px; text-transform: uppercase; }.mail-progress-stats strong { display: block; margin-top: 5px; color: var(--forest); font-size: 18px; }
.mail-current { margin: 16px 0 0; color: var(--muted); font-size: 10px; }.mail-error { margin: 12px 0 0; padding: 11px 14px; border-radius: 14px; background: var(--danger-bg); color: var(--danger); font-size: 10px; }
.mail-progress-actions { display: flex; gap: 10px; margin-top: 20px; }.mail-progress-actions form { margin: 0; }.danger-outline { border-color: rgba(158,62,50,.3) !important; color: var(--danger) !important; }
.mail-start-panel { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: center; }
.mail-schedule-panel { border: 1px solid rgba(51,106,41,.16); }.mail-schedule-panel.is-warning { border-color: rgba(158,62,50,.28); }.mail-schedule-badge { min-width: 150px; padding: 16px 20px; border-radius: 22px; background: var(--pale); text-align: center; }.mail-schedule-badge span,.mail-schedule-badge small { display: block; color: var(--muted); font-size: 8px; text-transform: uppercase; }.mail-schedule-badge strong { display: block; margin: 5px 0 2px; color: var(--forest); font-size: 24px; }
.mail-start-panel > div > p:last-child { max-width: 740px; margin: 10px 0 0; color: var(--muted); font-size: 11px; }.mail-start-actions { margin: 0; }.secondary-action { grid-column: 1 / -1; display: flex; gap: 14px; align-items: end; padding-top: 18px; border-top: 1px solid var(--line); }.secondary-action label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; text-transform: uppercase; }.secondary-action input { width: 130px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 14px; }
.mail-dashboard-grid { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 38px; align-items: start; padding-bottom: 90px; }.mail-dashboard-grid .section-heading > span { color: var(--muted); font-size: 9px; }
.mail-review-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 12px; }.mail-review-tabs a { display: flex; gap: 7px; align-items: center; min-height: 38px; padding: 0 13px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); font-size: 9px; font-weight: 650; }.mail-review-tabs a b { color: var(--forest); }.mail-review-tabs a.active { border-color: var(--forest); background: var(--forest); color: #fff; }.mail-review-tabs a.active b { color: var(--lime); }
.mail-review-filter { margin: 0 0 14px; padding: 14px 16px; border-radius: 18px; background: var(--pale); }.mail-review-filter label { display: grid; grid-template-columns: auto minmax(220px,420px); gap: 12px; align-items: center; }.mail-review-filter label > span { color: var(--leaf); font-size: 8px; font-weight: 700; text-transform: uppercase; }.mail-review-filter select { min-height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); font: inherit; font-size: 10px; }
.mail-live-notice { margin: 0 0 14px; padding: 12px 15px; border-radius: 14px; background: var(--pale); color: var(--forest); font-size: 10px; }.mail-live-notice.error { background: var(--danger-bg); color: var(--danger); }.mail-live-notice.success { background: #e9f5e1; color: var(--forest); }
.mail-review-list { display: grid; gap: 12px; }.mail-review-list > article,.mail-empty { padding: 22px; border: 1px solid var(--line); border-radius: 28px; background: #fff; }.mail-review-list article header { display: flex; justify-content: space-between; gap: 14px; }.mail-review-list time { color: var(--muted); font-size: 8px; }.mail-review-list h3 { margin: 14px 0 8px; font-size: 16px; }.mail-review-list p,.mail-review-list small,.mail-empty p { color: var(--muted); font-size: 9px; }.mail-empty strong { color: var(--forest); }
.mail-review-card { transition: opacity .18s ease, transform .18s ease, max-height .18s ease, padding .18s ease, margin .18s ease; }.mail-review-card.is-resolving { opacity: .58; pointer-events: none; }.mail-review-card.is-resolved { max-height: 0 !important; margin: 0 !important; padding-block: 0 !important; overflow: hidden; opacity: 0; transform: translateX(24px); }.mail-review-card.is-entering { opacity: 0; transform: translateY(16px); }
.mail-review-summary { line-height: 1.55; }.mail-review-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; margin: 15px 0 0; border: 1px solid var(--line); border-radius: 16px; background: var(--line); }.mail-review-facts div { padding: 12px 14px; background: #f8faf7; }.mail-review-facts dt { color: var(--leaf); font-size: 7px; font-weight: 700; text-transform: uppercase; }.mail-review-facts dd { margin: 5px 0 0; font-size: 9px; line-height: 1.55; }.mail-review-details { margin-top: 12px; }.mail-review-details summary { color: var(--forest); font-size: 9px; font-weight: 700; cursor: pointer; }.mail-review-details > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }.mail-review-details span,.mail-document-types { padding: 7px 9px; border-radius: 10px; background: #f3f5f2; color: var(--muted); font-size: 8px; }.mail-document-types { display: inline-block; margin: 10px 0 0 !important; }
.mail-company-picker { margin-top: 16px; padding: 14px; border: 1px solid rgba(51,106,41,.18); border-radius: 18px; background: var(--pale); }.mail-company-picker label > span { display: block; margin: 0 0 6px; color: var(--leaf); font-size: 8px; font-weight: 700; text-transform: uppercase; }.mail-company-picker input { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); font: inherit; font-size: 10px; }.mail-company-suggestions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }.mail-company-option { display: grid; gap: 2px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 11px; background: #fff; color: var(--forest); font: inherit; font-size: 9px; font-weight: 650; text-align: left; cursor: pointer; }.mail-company-option small { font-size: 7px !important; font-weight: 500; }.mail-company-option.selected { border-color: var(--forest); box-shadow: 0 0 0 2px rgba(51,106,41,.12); }.mail-company-picker > p { margin: 9px 0 0; }.mail-review-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 12px; }.mail-review-actions form { margin: 0; }.decision-button.transport { background: #e8edf6; color: #344a69; }.decision-button:disabled { cursor: not-allowed; opacity: .45; }.mail-resolution-state { margin: 15px 0 0; padding: 10px 12px; border-radius: 12px; background: #f3f5f2; }
.mail-run-history { position: sticky; top: 138px; padding: 28px; border-radius: 38px; background: var(--forest); color: #fff; }.mail-run-history > h2 { margin-bottom: 18px; font-size: 26px; }.mail-run-history > article { display: grid; gap: 7px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.14); }.mail-run-history > article > .tag { justify-self: start; }.mail-run-history > article > strong { font-size: 12px; }.mail-run-history > article > small { color: rgba(255,255,255,.62); font-size: 8px; }.mail-run-history dl { display: grid; grid-template-columns: repeat(3,1fr); margin: 5px 0 0; }.mail-run-history dl div { border-right: 1px solid rgba(255,255,255,.14); }.mail-run-history dl div:last-child { border: 0; }.mail-run-history dt { color: rgba(255,255,255,.5); font-size: 6px; text-transform: uppercase; }.mail-run-history dd { margin: 3px 0 0; color: var(--lime); font-size: 13px; }.mail-cleanup { margin-top: 20px; padding: 18px; border-radius: 24px; background: rgba(20,63,16,.55); }.mail-cleanup p { margin: 8px 0 0; color: rgba(255,255,255,.7); font-size: 8px; }.mail-cleanup form { margin-top: 12px; }.mail-cleanup .outline-button { border-color: rgba(255,255,255,.3); color: #fff; }
.mail-conversation-list { display: grid; gap: 14px; }.mail-conversation-card { padding: 23px; border: 1px solid var(--line); border-radius: 28px; background: #fff; }.mail-conversation-card > header { display: flex; justify-content: space-between; gap: 18px; }.mail-conversation-card h3 { margin: 10px 0 0; font-size: 17px; }.mail-conversation-card time { color: var(--muted); font-size: 9px; white-space: nowrap; }.mail-summary { margin: 18px 0; padding: 16px 18px; border-radius: 18px; background: #f3f7ef; color: var(--ink); font-size: 11px; }.mail-conversation-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; overflow: hidden; margin: 0; border: 1px solid var(--line); border-radius: 20px; background: var(--line); }.mail-conversation-facts div { padding: 14px; background: #fff; }.mail-conversation-facts .positive { background: #f0f8e9; }.mail-conversation-facts .negative { background: var(--danger-bg); }.mail-conversation-facts dt { color: var(--leaf); font-size: 7px; font-weight: 650; text-transform: uppercase; }.mail-conversation-facts dd { margin: 5px 0 0; font-size: 9px; }.mail-conversation-card > footer { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 16px; color: var(--muted); font-size: 8px; }.mail-conversation-card > footer small { margin-left: auto; }
.mail-focus-note { margin: 12px 0 18px; padding: 13px 16px; border-radius: 16px; background: #f3f7ef; color: var(--muted); font-size: 10px; line-height: 1.55; }.mail-triage-reason { margin: 10px 0 14px; color: var(--ink); font-size: 10px; line-height: 1.5; }.mail-triage-reason span { color: var(--muted); font-size: 8px; }.mail-year-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--line); }.mail-year-overview div { padding: 14px 16px; background: #f7faf5; }.mail-year-overview span { display: block; color: var(--muted); font-size: 8px; text-transform: uppercase; }.mail-year-overview strong { display: block; margin-top: 5px; color: var(--ink); font-size: 14px; }
@media (max-width: 980px) { .mail-hero-grid,.mail-dashboard-grid { grid-template-columns: 1fr; }.mail-run-history { position: static; }.mail-progress-stats { grid-template-columns: repeat(3,1fr); }.mail-progress-stats div:nth-child(3) { border-right: 0; }.mail-progress-stats div:nth-child(-n+3) { border-bottom: 1px solid var(--line); } }
@media (max-width: 680px) { .mail-hero { padding: 48px 0 72px; }.mail-hero h1 { font-size: 36px; }.mail-safety-card { padding: 24px; border-radius: 32px; }.mail-progress-panel,.mail-start-panel { padding: 22px; border-radius: 28px; }.mail-progress-panel > header,.mail-conversation-card > header { flex-direction: column; }.mail-progress-stats { grid-template-columns: repeat(2,1fr); }.mail-progress-stats div { border-bottom: 1px solid var(--line); }.mail-progress-stats div:nth-child(even) { border-right: 0; }.mail-start-panel { grid-template-columns: 1fr; }.secondary-action { grid-column: auto; flex-direction: column; align-items: stretch; }.secondary-action input { width: 100%; }.mail-conversation-facts,.mail-review-facts,.mail-year-overview { grid-template-columns: 1fr; }.mail-conversation-card > footer small { width: 100%; margin-left: 0; }.mail-review-filter label { grid-template-columns: 1fr; }.mail-review-actions { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .outreach-state-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }.outreach-state-strip span { border-bottom: 1px solid var(--line); }.outreach-recipient { grid-template-columns: 1fr; }.outreach-review-list article > header { flex-direction: column; } }
.media-hero { padding: 54px 0 48px; background: var(--forest); color: #fff; }
.media-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 250px; gap: 44px; align-items: end; }
.media-hero h1 { margin: 5px 0 12px; color: #fff; font-size: clamp(42px,6vw,78px); line-height: .95; text-transform: uppercase; letter-spacing: -.045em; }
.media-hero p { max-width: 760px; margin: 0; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.65; }
.media-total-card { padding: 24px; border: 1px solid rgba(255,255,255,.17); border-radius: 26px; background: rgba(255,255,255,.08); }
.media-total-card > span,.media-total-card > small { display: block; color: rgba(255,255,255,.68); font-size: 9px; text-transform: uppercase; }
.media-total-card > strong { display: block; margin: 5px 0; color: var(--lime); font-size: 54px; line-height: 1; }
.media-total-card > p { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.14); font-size: 9px; }
.media-workspace { display: grid; gap: 30px; padding-top: 26px; padding-bottom: 70px; }
.media-notice { margin: 0; padding: 14px 17px; border-radius: 14px; font-size: 11px; }
.media-notice.warning { background: #fff2d5; color: #745d29; }
.media-stage-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
.media-stage-strip > div { display: grid; grid-template-columns: 34px 1fr; column-gap: 10px; padding: 17px; border-left: 1px solid var(--line); }
.media-stage-strip > div:first-child { border-left: 0; }
.media-stage-strip span { grid-row: 1 / 3; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); font-size: 10px; font-weight: 750; }
.media-stage-strip strong { color: var(--forest); font-size: 11px; text-transform: uppercase; }
.media-stage-strip small { color: var(--muted); font-size: 8px; line-height: 1.35; }
.media-stage-strip .current { background: var(--pale); }
.media-stage-strip .current span { background: var(--forest); color: var(--lime); }
.media-source-board { padding: 26px; border-radius: 26px; background: #fff; }
.media-source-board > header { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 18px; }
.media-source-board h2,.media-result-heading h2 { margin: 3px 0 0; color: var(--forest); font-size: 25px; text-transform: uppercase; }
.media-source-board > header > p,.media-result-heading > p { max-width: 530px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.media-source-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.media-source-card { position: relative; min-width: 0; padding: 16px; border: 1px solid #e3eadf; border-radius: 18px; background: #f7faf5; }
.media-source-card > span { color: var(--leaf); font-size: 7px; font-weight: 700; text-transform: uppercase; }
.media-source-card > strong { float: right; color: var(--forest); font-size: 20px; }
.media-source-card h3 { margin: 10px 0 5px; color: var(--forest); font-size: 11px; }
.media-source-card p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
.media-source-card.pending { border-style: dashed; background: #fffaf0; }
.media-source-card.pending > span { color: #8b681b; }
.media-filter { display: grid; grid-template-columns: minmax(260px,2fr) repeat(4,minmax(130px,1fr)) auto; gap: 10px; align-items: end; padding: 18px; border-radius: 22px; background: var(--forest); }
.media-filter label { min-width: 0; }
.media-filter label > span { display: block; margin: 0 0 6px 2px; color: rgba(255,255,255,.66); font-size: 8px; text-transform: uppercase; }
.media-filter input,.media-filter select { width: 100%; height: 42px; padding: 0 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(255,255,255,.1); color: #fff; font: inherit; font-size: 10px; }
.media-filter input::placeholder { color: rgba(255,255,255,.45); }
.media-filter select option { color: var(--ink); }
.media-filter-actions { display: flex; gap: 7px; align-items: center; }
.media-filter-actions button,.media-filter-actions a { min-height: 42px; display: grid; place-items: center; padding: 0 14px; border: 0; border-radius: 12px; font-size: 9px; font-weight: 700; cursor: pointer; }
.media-filter-actions button { background: var(--lime); color: var(--forest); }
.media-filter-actions a { border: 1px solid rgba(255,255,255,.22); color: #fff; }
.media-result-heading { display: flex; justify-content: space-between; gap: 30px; align-items: end; }
.media-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.media-card { min-width: 0; display: flex; flex-direction: column; min-height: 260px; padding: 20px; border: 1px solid var(--line); border-radius: 24px; background: #fff; transition: transform .15s ease, box-shadow .15s ease; }
.media-card:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(36,74,30,.08); }
.media-card > header,.media-card > footer { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.media-type { color: var(--leaf); font-size: 8px; font-weight: 750; text-transform: uppercase; }
.media-status,.media-detail-status { padding: 5px 8px; border-radius: 999px; background: #eef1ed; color: #596155; font-size: 7px; font-weight: 750; text-transform: uppercase; }
.media-status.status-published,.media-detail-status.status-published,.media-status.status-ready,.media-detail-status.status-ready { background: #e5f4dc; color: var(--forest); }
.media-status.status-draft,.media-detail-status.status-draft { background: #fff2d5; color: #745d29; }
.media-status.status-test,.media-detail-status.status-test,.media-status.status-demo_only,.media-detail-status.status-demo_only { background: #eee8f6; color: #5f4c78; }
.media-card-body { flex: 1; padding: 20px 0 14px; }
.media-card h3 { margin: 0; color: var(--forest); font-size: 17px; line-height: 1.22; }
.media-card h3 a { color: inherit; }
.media-card-body p { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin: 10px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.media-channel-row { display: flex; flex-wrap: wrap; gap: 5px; }
.media-channel-row span { padding: 5px 7px; border-radius: 999px; background: var(--pale); color: var(--forest); font-size: 7px; font-weight: 700; text-transform: uppercase; }
.media-card > footer { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); color: var(--muted); font-size: 7px; }
.media-card > footer span { max-width: 70%; }
.media-empty { grid-column: 1 / -1; margin: 0; padding: 36px; border: 1px dashed var(--line); border-radius: 22px; color: var(--muted); text-align: center; }
.media-commercial-map { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.media-commercial-map > summary { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 20px 24px; color: var(--forest); cursor: pointer; }
.media-commercial-map > summary span { display: grid; gap: 3px; }
.media-commercial-map > summary small { color: var(--leaf); font-size: 8px; text-transform: uppercase; }
.media-commercial-map > summary strong { font-size: 14px; }
.media-commercial-map > summary b { min-width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); font-size: 10px; }
.media-commercial-map > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 0 20px 20px; }
.media-commercial-map article { padding: 15px; border-radius: 16px; background: #f7faf5; }
.media-commercial-map article span { color: var(--leaf); font-size: 7px; text-transform: uppercase; }
.media-commercial-map article strong { display: block; margin: 4px 0; color: var(--forest); font-size: 11px; }
.media-commercial-map article p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
.media-detail-hero { padding: 40px 0 48px; background: var(--forest); color: #fff; }
.media-back { display: inline-block; margin-bottom: 28px; color: var(--lime); font-size: 9px; font-weight: 700; }
.media-detail-heading { display: flex; justify-content: space-between; gap: 40px; align-items: start; }
.media-detail-heading h1 { max-width: 900px; margin: 5px 0 12px; color: #fff; font-size: clamp(30px,4.5vw,58px); line-height: 1.02; letter-spacing: -.035em; }
.media-detail-heading p { max-width: 850px; margin: 0; color: rgba(255,255,255,.72); font-size: 11px; line-height: 1.65; }
.media-detail-status { flex: 0 0 auto; margin-top: 4px; }
.media-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 24px; align-items: start; padding-top: 28px; padding-bottom: 70px; }
.media-detail-main { min-width: 0; display: grid; gap: 18px; }
.media-preview { margin: 0; overflow: hidden; border-radius: 24px; background: #fff; }
.media-preview img { display: block; width: 100%; height: auto; }
.media-video { display: block; width: 100%; max-height: 620px; border-radius: 24px; background: #0c140b; }
.media-text-preview { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.media-text-preview > header { display: flex; justify-content: space-between; gap: 20px; padding: 17px 20px; border-bottom: 1px solid var(--line); }
.media-text-preview > header p { margin: 0; }
.media-text-preview > header span { color: var(--muted); font-size: 8px; }
.media-text-preview pre { max-height: 70vh; overflow: auto; margin: 0; padding: 24px; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ink); font-family: inherit; font-size: 11px; line-height: 1.65; }
.media-text-preview.empty { padding: 24px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.media-text-preview.empty p { margin: 0; }
.media-detail-aside { display: grid; gap: 12px; position: sticky; top: 138px; }
.media-detail-aside > section { padding: 19px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.media-detail-aside > section > p:not(.eyebrow) { margin: 8px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.media-detail-aside dl { display: grid; gap: 10px; margin: 14px 0 0; }
.media-detail-aside dl div { display: flex; justify-content: space-between; gap: 14px; padding-top: 9px; border-top: 1px solid var(--line); }
.media-detail-aside dt { color: var(--muted); font-size: 8px; }
.media-detail-aside dd { margin: 0; color: var(--forest); font-size: 9px; font-weight: 650; text-align: right; }
.media-detail-actions { display: grid; gap: 10px; }
.media-detail-actions .pill-button { text-align: center; }
.media-detail-actions small { color: var(--muted); font-size: 8px; line-height: 1.45; }

@media (max-width: 1100px) {
  .media-source-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .media-filter { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .media-search { grid-column: span 2; }
  .media-filter-actions { grid-column: span 1; }
}

@media (max-width: 780px) {
  .media-hero-grid,.media-detail-layout { grid-template-columns: 1fr; }
  .media-total-card { max-width: 280px; }
  .media-stage-strip { grid-template-columns: 1fr 1fr; }
  .media-stage-strip > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .media-stage-strip > div:nth-child(4) { border-top: 1px solid var(--line); }
  .media-source-board > header,.media-result-heading,.media-detail-heading { display: grid; }
  .media-source-grid,.media-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .media-filter { grid-template-columns: 1fr 1fr; }
  .media-search { grid-column: 1 / -1; }
  .media-filter-actions { grid-column: 1 / -1; }
  .media-detail-aside { position: static; }
}

@media (max-width: 520px) {
  .media-hero { padding: 38px 0; }
  .media-workspace { gap: 20px; }
  .media-stage-strip,.media-source-grid,.media-card-grid,.media-commercial-map > div { grid-template-columns: 1fr; }
  .media-stage-strip > div { border-left: 0; border-top: 1px solid var(--line); }
  .media-stage-strip > div:first-child { border-top: 0; }
  .media-source-board { padding: 20px; }
  .media-filter { grid-template-columns: 1fr; }
  .media-search,.media-filter-actions { grid-column: auto; }
  .media-card { min-height: 230px; }
  .media-detail-heading h1 { font-size: 32px; }
}

/* Content operations hub */
.content-hero { position: relative; overflow: hidden; padding: 62px 0 74px; background: var(--forest); color: #fff; }
.content-hero::after { content: ''; position: absolute; right: 4vw; bottom: -145px; width: 420px; height: 420px; background: url('/static/brand/decor/hops-watermark.svg') no-repeat center / contain; opacity: .08; }
.content-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) 390px; gap: 70px; align-items: center; }
.content-hero h1,.knowledge-hero h1 { max-width: 800px; margin: 8px 0 22px; color: #fff; font-size: clamp(50px,7vw,88px); font-weight: 610; line-height: .93; letter-spacing: -.055em; text-transform: uppercase; }
.content-hero h1 span,.knowledge-hero h1 span { color: var(--lime); }
.content-hero-grid > div:first-child > p:last-child,.knowledge-hero-grid > div:first-child > p:last-child { max-width: 650px; margin: 0; color: rgba(255,255,255,.72); font-size: 13px; }
.content-orbit { position: relative; width: 360px; height: 360px; border: 1px solid rgba(235,240,158,.25); border-radius: 50%; box-shadow: inset 0 0 70px rgba(192,219,95,.08); }
.content-orbit::before,.content-orbit::after { content: ''; position: absolute; border: 1px solid rgba(235,240,158,.18); border-radius: 50%; }
.content-orbit::before { inset: 19%; }.content-orbit::after { inset: 36%; }
.content-orbit-core { position: absolute; inset: 35%; z-index: 2; display: grid; place-content: center; border-radius: 50%; background: var(--lime); color: var(--forest); text-align: center; box-shadow: 0 0 0 12px rgba(192,219,95,.1); }
.content-orbit-core strong { font-size: 42px; line-height: 1; }.content-orbit-core span { font-size: 8px; font-weight: 700; text-transform: uppercase; }
.content-orbit-point { position: absolute; z-index: 3; display: grid; min-width: 100px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 22px; background: rgba(25,70,20,.92); box-shadow: 0 12px 28px rgba(9,35,7,.23); }
.content-orbit-point b { color: var(--lime); font-size: 21px; }.content-orbit-point span { color: rgba(255,255,255,.7); font-size: 8px; text-transform: uppercase; }
.point-content { left: -18px; top: 48px; }.point-assets { right: -22px; top: 116px; }.point-knowledge { left: 16px; bottom: 25px; }
.content-shell { position: relative; z-index: 3; margin-top: -29px; padding-bottom: 100px; }
.content-tabs { display: flex; gap: 5px; width: max-content; max-width: 100%; overflow-x: auto; padding: 7px; border: 1px solid var(--line); border-radius: 999px; background: #fff; box-shadow: 0 12px 34px rgba(36,74,30,.12); scrollbar-width: none; }
.content-tabs::-webkit-scrollbar { display: none; }.content-tabs a { flex: 0 0 auto; min-height: 42px; display: grid; place-items: center; padding: 8px 18px; border-radius: 999px; color: var(--forest); font-size: 10px; font-weight: 650; text-decoration: none; }.content-tabs a:hover,.content-tabs a.active { background: var(--forest); color: #fff; }
.content-overview-grid { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 38px; align-items: start; padding-top: 55px; }
.content-main-column,.content-side-column { min-width: 0; }.content-side-column { display: grid; gap: 18px; }
.content-section-heading,.content-page-heading { display: flex; justify-content: space-between; gap: 28px; align-items: end; margin-bottom: 24px; }
.content-section-heading h2,.content-page-heading h2,.content-detail-section > header h2,.project-material-section > header h2 { margin: 3px 0 0; color: var(--forest); font-size: clamp(27px,3vw,40px); line-height: 1; text-transform: uppercase; }
.content-section-heading > span,.content-section-heading > a,.content-page-heading > p,.content-page-heading > div > span { color: var(--muted); font-size: 9px; }.content-section-heading > a { color: var(--forest); font-weight: 650; text-decoration: none; }
.content-project-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.content-project-card { position: relative; min-height: 245px; display: flex; flex-direction: column; overflow: hidden; padding: 27px; border-radius: 34px; background: #fff; color: var(--ink); text-decoration: none; box-shadow: 0 10px 30px rgba(36,74,30,.07); }
.content-project-card::after { content: ''; position: absolute; right: -40px; bottom: -52px; width: 180px; height: 175px; background: url('/static/brand/decor/industrial-cct.svg') no-repeat center / contain; opacity: .08; }
.content-project-card:nth-child(4n+1) { background: var(--pale); }.content-project-card:nth-child(4n+2) { background: var(--forest); color: #fff; }.content-project-card:nth-child(4n+3) { background: #e6eee0; }.content-project-card:nth-child(4n+4) { border: 1px solid var(--line); }
.content-project-card > span { color: var(--leaf); font-size: 8px; font-weight: 700; text-transform: uppercase; }.content-project-card:nth-child(4n+2) > span { color: var(--lime); }
.content-project-card h3 { position: relative; z-index: 1; margin: 17px 0 9px; color: var(--forest); font-size: 22px; line-height: 1.12; }.content-project-card:nth-child(4n+2) h3 { color: #fff; }
.content-project-card p { position: relative; z-index: 1; max-width: 85%; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }.content-project-card:nth-child(4n+2) p { color: rgba(255,255,255,.68); }
.content-project-card > b { position: relative; z-index: 1; margin-top: auto; padding-top: 20px; color: var(--forest); font-size: 9px; }.content-project-card:nth-child(4n+2) > b { color: var(--lime); }
.publication-heading { margin-top: 55px; }
.content-publication-list { display: grid; gap: 9px; }
.content-publication-list > article { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 15px; align-items: center; min-height: 93px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.platform-mark { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.platform-youtube,.platform-youtube_shorts { background: #fee8e6; color: #b72d27; }.platform-telegram { background: #e1f2fb; color: #237ca8; }.platform-instagram { background: #f5e6f5; color: #93488a; }.platform-vk { background: #e6eefb; color: #376aa9; }
.content-publication-list span { color: var(--leaf); font-size: 7px; font-weight: 650; text-transform: uppercase; }.content-publication-list h3 { margin: 3px 0; font-size: 12px; line-height: 1.3; }.content-publication-list h3 a { text-decoration: none; }.content-publication-list small { color: var(--muted); font-size: 8px; }
.content-publication-list dl { display: grid; grid-template-columns: repeat(2,72px); margin: 0; }.content-publication-list dl div { padding-left: 12px; border-left: 1px solid var(--line); }.content-publication-list dt { color: var(--muted); font-size: 6px; text-transform: uppercase; }.content-publication-list dd { margin: 3px 0 0; color: var(--forest); font-size: 15px; font-weight: 650; }
.content-week-card { position: relative; overflow: hidden; padding: 30px; border-radius: 40px; background: var(--forest); color: #fff; box-shadow: var(--shadow); }.content-week-card::after { content: ''; position: absolute; right: -42px; bottom: -55px; width: 170px; height: 160px; background: url('/static/brand/decor/hops-watermark.svg') no-repeat center / contain; opacity: .12; }.content-week-card > strong { display: block; margin-top: 13px; color: var(--lime); font-size: 65px; line-height: .9; }.content-week-card h2 { position: relative; z-index: 1; margin: 10px 0 24px; font-size: 22px; line-height: 1.12; text-transform: uppercase; }.content-week-card .pill-button { position: relative; z-index: 1; width: 100%; }
.content-new-idea,.detail-action-form,.detail-edit-card { overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #fff; }.content-new-idea summary,.detail-action-form summary,.detail-edit-card summary { min-height: 56px; display: flex; align-items: center; padding: 14px 20px; color: var(--forest); font-size: 11px; font-weight: 700; cursor: pointer; }.content-new-idea form,.detail-action-form form,.detail-edit-card form { display: grid; gap: 12px; padding: 0 20px 20px; }.content-new-idea label,.detail-action-form label,.detail-edit-card label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; font-weight: 650; text-transform: uppercase; }.content-new-idea input,.content-new-idea textarea,.content-new-idea select,.detail-action-form input,.detail-action-form select,.detail-edit-card input,.detail-edit-card textarea,.detail-edit-card select { width: 100%; min-height: 43px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 13px; background: #fff; color: var(--ink); font: inherit; font-size: 10px; text-transform: none; }.content-new-idea textarea,.detail-edit-card textarea { resize: vertical; }.content-new-idea button,.detail-action-form button,.detail-edit-card button,.comment-form button { min-height: 44px; border: 0; border-radius: 999px; background: var(--forest); color: #fff; font-size: 9px; font-weight: 700; }
.content-knowledge-callout { position: relative; overflow: hidden; padding: 28px; border-radius: 38px; background: var(--pale); }.content-knowledge-callout h2 { margin: 8px 0 12px; color: var(--forest); font-size: 21px; line-height: 1.15; text-transform: uppercase; }.content-knowledge-callout p:not(.eyebrow) { color: #586452; font-size: 9px; line-height: 1.55; }.content-knowledge-callout a { display: inline-block; margin-top: 10px; color: var(--forest); font-size: 9px; font-weight: 700; text-decoration: none; }.knowledge-folder-mark { width: 72px; height: 49px; margin-bottom: 22px; border-radius: 6px 14px 14px 14px; background: var(--forest); box-shadow: 10px 10px 0 rgba(73,132,41,.2); }.knowledge-folder-mark::before { content: ''; display: block; width: 31px; height: 10px; border-radius: 6px 6px 0 0; background: var(--forest); transform: translateY(-7px); }
.content-page-heading { margin: 52px 0 28px; }.content-page-heading > form { display: flex; gap: 7px; }.content-page-heading input { min-width: 280px; min-height: 44px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; }.content-page-heading button { min-height: 44px; padding: 8px 18px; border: 0; border-radius: 999px; background: var(--forest); color: #fff; font-size: 9px; font-weight: 700; }
.board-explainer { max-width: 820px; margin: -22px 0 24px; color: var(--muted); font-size: 9px; line-height: 1.55; }.content-kanban { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; padding: 0 0 28px; }.kanban-column { min-width: 0; padding: 10px; border-radius: 24px; background: #edf2e9; }.kanban-column > header { display: grid; grid-template-columns: 8px 1fr 28px; gap: 9px; align-items: center; min-height: 42px; padding: 4px 6px 9px; }.kanban-column > header > span { width: 8px; height: 8px; border-radius: 50%; background: var(--meadow); }.kanban-column > header h3 { margin: 0; color: var(--forest); font-size: 9px; text-transform: uppercase; }.kanban-column > header b { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--forest); font-size: 8px; }.kanban-column > div { display: grid; gap: 7px; }.kanban-card { min-height: 94px; display: flex; flex-direction: column; padding: 12px 13px; border-radius: 17px; background: #fff; color: var(--ink); text-decoration: none; box-shadow: 0 5px 13px rgba(36,74,30,.05); }.kanban-card > span { color: var(--leaf); font-size: 6px; font-weight: 700; text-transform: uppercase; }.kanban-card > strong { display: -webkit-box; overflow: hidden; margin: 7px 0; font-size: 9px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.kanban-card > small { overflow: hidden; color: var(--muted); font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }.kanban-card > em { margin-top: auto; padding-top: 7px; color: var(--forest); font-size: 6px; font-style: normal; }.kanban-empty { padding: 16px 8px; color: var(--muted); font-size: 7px; text-align: center; }
.calendar-heading nav { display: flex; gap: 6px; }.calendar-heading nav a { min-width: 44px; min-height: 44px; display: grid; place-items: center; padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); font-size: 10px; font-weight: 700; text-decoration: none; }.content-calendar { overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: #fff; }.calendar-weekdays,.calendar-week { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); }.calendar-weekdays { background: var(--forest); color: #fff; }.calendar-weekdays span { padding: 13px; font-size: 8px; font-weight: 700; text-align: center; text-transform: uppercase; }.calendar-day { min-height: 155px; padding: 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.calendar-week .calendar-day:last-child { border-right: 0; }.calendar-week:last-child .calendar-day { border-bottom: 0; }.calendar-day > time { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: var(--forest); font-size: 9px; font-weight: 700; }.calendar-day.today > time { background: var(--lime); }.calendar-day.outside { background: #f4f5f2; opacity: .56; }.calendar-day > div { display: grid; gap: 5px; margin-top: 7px; }.calendar-publication { min-width: 0; padding: 8px; border-left: 3px solid var(--meadow); border-radius: 9px; background: #f0f5ec; text-decoration: none; }.calendar-publication.platform-youtube,.calendar-publication.platform-youtube_shorts { border-color: #d85b51; background: #fff2f0; }.calendar-publication.platform-telegram { border-color: #3b9ac9; background: #eef8fd; }.calendar-publication span { display: block; color: var(--muted); font-size: 6px; text-transform: uppercase; }.calendar-publication strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 3px; font-size: 7px; line-height: 1.3; }
.content-analytics-summary { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; margin-bottom: 20px; border: 1px solid var(--line); border-radius: 30px; background: #fff; }.content-analytics-summary article { min-height: 145px; display: flex; flex-direction: column; justify-content: center; padding: 24px 28px; border-right: 1px solid var(--line); }.content-analytics-summary article:last-child { border: 0; }.content-analytics-summary span { color: var(--muted); font-size: 8px; text-transform: uppercase; }.content-analytics-summary strong { margin: 7px 0; color: var(--forest); font-size: 38px; line-height: 1; }.content-analytics-summary small { color: var(--muted); font-size: 8px; }
.media-trend-filters { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 18px; padding: 18px; border-radius: 26px; background: var(--forest); }
.media-trend-filters label { display: grid; gap: 6px; min-width: 170px; flex: 1 1 170px; color: var(--pale); font-size: 10px; font-weight: 650; }
.media-trend-filters select { min-height: 44px; width: 100%; padding: 9px 13px; border: 1px solid rgba(255,255,255,.35); border-radius: 12px; background: #fff; color: var(--forest); font: inherit; font-size: 12px; }
.media-trend-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 18px; }
.media-trend-summary article { min-height: 120px; padding: 22px 25px; border-radius: 26px; background: #fff; border: 1px solid var(--line); }
.media-trend-summary article:first-child { background: var(--pale); }.media-trend-summary span,.media-trend-summary small { display: block; color: #52634c; font-size: 10px; line-height: 1.4; }.media-trend-summary strong { display: block; margin: 8px 0 5px; color: var(--forest); font-size: clamp(25px,3vw,38px); line-height: 1; }
.media-trend-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 22px; }
.media-trend-card { min-width: 0; padding: 24px; border-radius: 30px; background: #fff; border: 1px solid var(--line); }.media-trend-card > header { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-bottom: 18px; }.media-trend-card h3 { margin: 4px 0 0; color: var(--forest); font-size: 21px; text-transform: uppercase; }.media-trend-card > header > span { color: var(--muted); font-size: 10px; text-align: right; }.media-chart-scroll { overflow-x: auto; }.media-trend-chart { display: block; min-width: 500px; width: 100%; height: auto; overflow: visible; }.media-trend-chart text { fill: #687764; font-size: 15px; font-family: inherit; }.chart-grid-line { stroke: #dfe8d9; stroke-width: 1; }.chart-audience-line { fill: none; stroke: var(--forest); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }.chart-audience-point { fill: var(--lime); stroke: var(--forest); stroke-width: 2; }.chart-views-bar { fill: var(--meadow); }.chart-views-bar:hover,.chart-audience-point:hover { fill: var(--leaf); }.media-chart-note { margin: 8px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.media-chart-empty { display: grid; place-items: center; min-height: 210px; color: var(--muted); font-size: 12px; text-align: center; }
@media (max-width: 900px) { .media-trend-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .media-trend-summary { grid-template-columns: 1fr; }.media-trend-card { padding: 18px; }.media-trend-card > header { align-items: start; flex-direction: column; }.media-trend-card > header > span { text-align: left; }.analytics-detail-grid { grid-template-columns: minmax(0,1fr); }.analytics-detail-grid > * { min-width: 0; }.analytics-ranking > a { grid-template-columns: 28px minmax(0,1fr) auto; }.analytics-ranking > a > div { min-width: 0; overflow-wrap: anywhere; }.content-hero h1 { font-size: clamp(34px,10vw,48px); } }
.platform-performance-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }.platform-performance-grid > article { padding: 22px; border-radius: 30px; background: #fff; box-shadow: 0 8px 24px rgba(36,74,30,.06); }.platform-performance-grid article > header { display: flex; gap: 12px; align-items: center; }.platform-performance-grid h3 { margin: 0; color: var(--forest); font-size: 15px; }.platform-performance-grid header small { color: var(--muted); font-size: 7px; }.platform-performance-grid dl { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; overflow: hidden; margin: 19px 0 0; border: 1px solid var(--line); border-radius: 15px; background: var(--line); }.platform-performance-grid dl div { padding: 11px; background: #fff; }.platform-performance-grid dt { color: var(--muted); font-size: 6px; text-transform: uppercase; }.platform-performance-grid dd { margin: 4px 0 0; color: var(--forest); font-size: 15px; font-weight: 650; }
.analytics-detail-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 20px; margin-top: 20px; }.analytics-ranking,.connector-panel { padding: 28px; border-radius: 36px; background: #fff; }.analytics-ranking > header h2,.connector-panel > header h2 { margin: 4px 0 18px; color: var(--forest); font-size: 25px; text-transform: uppercase; }.analytics-ranking > a { display: grid; grid-template-columns: 32px 1fr auto; gap: 12px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); text-decoration: none; }.analytics-ranking > a > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); font-size: 8px; font-weight: 700; }.analytics-ranking > a strong { font-size: 10px; }.analytics-ranking > a small { display: block; color: var(--muted); font-size: 7px; }.analytics-ranking > a > b { color: var(--forest); font-size: 15px; }.connector-panel { background: var(--forest); color: #fff; }.connector-panel > header h2 { color: #fff; }.connector-panel > article { display: grid; grid-template-columns: 10px 1fr; gap: 12px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.14); }.connector-panel > article > span { width: 9px; height: 9px; margin-top: 4px; border-radius: 50%; background: #d8b85e; }.connector-panel > article.connector-connected > span { background: var(--lime); }.connector-panel > article.connector-catalog > span { background: var(--meadow); }.connector-panel article strong { font-size: 10px; }.connector-panel article p,.connector-panel > small { margin: 4px 0 0; color: rgba(255,255,255,.65); font-size: 8px; line-height: 1.45; }.connector-panel > small { display: block; margin-top: 17px; padding: 14px; border-radius: 16px; background: rgba(255,255,255,.08); }

/* Knowledge base */
.knowledge-hero { position: relative; overflow: hidden; padding: 52px 0 68px; background: var(--forest); color: #fff; }.knowledge-hero::after { content: ''; position: absolute; inset: auto 0 -20px; height: 60px; background: url('/static/brand/decor/wave-triple.svg') repeat-x center bottom / auto 58px; opacity: .72; }.knowledge-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 70px; align-items: center; }.content-back { display: inline-block; margin-bottom: 24px; color: var(--lime); font-size: 9px; font-weight: 700; text-decoration: none; }.knowledge-cabinet { position: relative; width: 320px; height: 270px; display: grid; gap: 12px; align-content: center; padding: 40px; border: 1px solid rgba(255,255,255,.17); border-radius: 60px; background: rgba(25,70,20,.65) url('/static/brand/decor/industrial-cct.svg') no-repeat center bottom / 86% auto; }.knowledge-cabinet span { display: block; height: 47px; border-radius: 12px; background: rgba(255,255,255,.13); box-shadow: inset 0 -4px 0 rgba(192,219,95,.22); }.knowledge-cabinet b { position: absolute; right: 25px; top: 23px; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--forest); font-size: 20px; }
.content-subnav-shell { position: relative; z-index: 4; margin-top: -29px; }.detail-subnav-shell { margin-bottom: 8px; }.quiz-hero { position: relative; overflow: hidden; padding: 54px 0 72px; background: var(--forest); color: #fff; }.quiz-hero::after { content: ''; position: absolute; right: -40px; bottom: -100px; width: 420px; height: 330px; background: url('/static/brand/decor/industrial-cct.svg') no-repeat center / contain; opacity: .1; }.quiz-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) 420px; gap: 55px; align-items: end; }.quiz-hero h1 { margin: 7px 0 12px; color: #fff; font-size: clamp(50px,7vw,82px); line-height: .95; letter-spacing: -.05em; text-transform: uppercase; }.quiz-hero p:last-child { max-width: 650px; color: rgba(255,255,255,.72); font-size: 11px; }.quiz-hero dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin: 0; }.quiz-hero dl div { padding: 17px; border: 1px solid rgba(255,255,255,.16); border-radius: 21px; background: rgba(255,255,255,.06); }.quiz-hero dt { color: rgba(255,255,255,.65); font-size: 7px; text-transform: uppercase; }.quiz-hero dd { margin: 5px 0 0; color: var(--lime); font-size: 27px; font-weight: 680; }.quiz-shell { padding: 42px 0 100px; }.quiz-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.quiz-list > a { display: grid; grid-template-columns: minmax(0,1fr) 24px; gap: 5px 12px; min-height: 100px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 20px; background: #fff; text-decoration: none; }.quiz-list .quiz-status { grid-column: 1; justify-self: start; padding: 4px 7px; border-radius: 999px; background: var(--pale); color: var(--forest); font-size: 6px; font-weight: 700; text-transform: uppercase; }.quiz-list .status-published { background: #e3f2da; }.quiz-list strong { grid-column: 1; font-size: 10px; line-height: 1.4; }.quiz-list small { grid-column: 1; color: var(--muted); font-size: 7px; }.quiz-list b { grid-column: 2; grid-row: 1 / 4; align-self: center; color: var(--forest); }
.knowledge-shell { padding: 45px 0 100px; }.knowledge-filter { display: grid; grid-template-columns: minmax(280px,2fr) minmax(190px,1fr) auto auto; gap: 10px; align-items: end; margin-bottom: 32px; padding: 18px; border-radius: 24px; background: #fff; }.knowledge-filter label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; font-weight: 650; text-transform: uppercase; }.knowledge-filter input,.knowledge-filter select { min-height: 43px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 13px; }.knowledge-filter button,.knowledge-filter > a { min-height: 43px; display: grid; place-items: center; padding: 8px 15px; border: 0; border-radius: 13px; font-size: 9px; font-weight: 700; text-decoration: none; }.knowledge-filter button { background: var(--forest); color: #fff; }.knowledge-filter > a { border: 1px solid var(--line); color: var(--forest); }
.knowledge-layout { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 34px; align-items: start; }.knowledge-layout > aside { position: sticky; top: 138px; padding: 28px; border-radius: 38px; background: var(--pale); }.knowledge-layout aside h2 { margin: 8px 0 18px; color: var(--forest); font-size: 21px; line-height: 1.15; text-transform: uppercase; }.knowledge-layout aside dl { margin: 0 0 20px; }.knowledge-layout aside dl div { display: flex; justify-content: space-between; padding: 10px 0; border-top: 1px solid rgba(51,106,41,.18); }.knowledge-layout aside dt { color: #56644e; font-size: 9px; }.knowledge-layout aside dd { margin: 0; color: var(--forest); font-size: 13px; font-weight: 700; }.knowledge-layout aside > p:last-child { color: #586452; font-size: 9px; line-height: 1.55; }
.knowledge-list { display: grid; gap: 9px; }.knowledge-row { display: grid; grid-template-columns: 12px minmax(0,1fr) auto 30px; gap: 14px; align-items: center; min-height: 90px; padding: 16px 19px; border: 1px solid var(--line); border-radius: 23px; background: #fff; text-decoration: none; }.knowledge-kind-mark { width: 10px; height: 45px; border-radius: 999px; background: var(--meadow); }.kind-production_doc .knowledge-kind-mark { background: var(--lime); }.kind-technical_tool .knowledge-kind-mark { background: #687666; }.kind-test .knowledge-kind-mark { background: #9679a5; }.knowledge-row small { color: var(--leaf); font-size: 7px; font-weight: 650; text-transform: uppercase; }.knowledge-row h3 { margin: 4px 0; font-size: 12px; }.knowledge-row p { margin: 0; color: var(--muted); font-size: 8px; }.knowledge-row em { padding: 5px 8px; border-radius: 999px; background: #eef1ed; color: var(--muted); font-size: 7px; font-style: normal; }.knowledge-row > b { color: var(--forest); }
.knowledge-opportunities { margin-top: 42px; padding-top: 36px; border-top: 1px solid var(--line); }.knowledge-opportunities > header > p { max-width: 430px; color: var(--muted); font-size: 9px; }.knowledge-opportunity-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }.knowledge-opportunity-grid > article { padding: 25px; border-radius: 30px; background: var(--pale); }.knowledge-opportunity-grid h3 { margin: 0 0 15px; color: var(--forest); font-size: 17px; text-transform: uppercase; }.knowledge-opportunity-grid a { display: grid; gap: 5px; padding: 12px 0; border-top: 1px solid rgba(51,106,41,.16); color: var(--ink); text-decoration: none; }.knowledge-opportunity-grid a strong { font-size: 10px; line-height: 1.35; }.knowledge-opportunity-grid a small { color: var(--muted); font-size: 8px; }
.quiz-workbench h3 { margin: 0 0 18px; color: var(--forest); font-size: clamp(20px,2.4vw,30px); line-height: 1.25; }.quiz-options-preview { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.quiz-options-preview li { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 12px 14px; border: 1px solid var(--line); border-radius: 15px; }.quiz-options-preview li > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); font-weight: 700; }.quiz-options-preview p { margin: 0; }.quiz-options-preview li.correct { border-color: var(--meadow); background: #f4f9f0; }.quiz-options-preview b { color: var(--forest); font-size: 8px; }.quiz-explanation { padding: 14px; border-radius: 15px; background: var(--pale); }.quiz-primary-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 18px 0; }.quiz-comment-form { margin: 12px 0 0; padding-top: 18px; border-top: 1px solid var(--line); }
.channel-audience-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 18px 0 28px; }.channel-audience-grid article { min-height: 116px; padding: 18px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }.channel-audience-grid header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.channel-audience-grid h3 { margin: 0; font-size: 11px; }.channel-audience-grid header small { color: var(--muted); font-size: 7px; }.channel-audience-grid strong { display: block; margin-top: 16px; color: var(--forest); font-size: 27px; line-height: 1; }.channel-audience-grid p { margin: 5px 0 0; color: var(--muted); font-size: 8px; }

/* Media results dashboard */
.media-trend-filters { align-items: end; gap: 14px; margin-bottom: 16px; padding: 21px 24px; border-radius: 22px; }
.media-trend-filters label { color: #fff; font-size: 12px; }.media-trend-filters select { font-size: 13px; font-weight: 650; }
.media-trend-summary { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.media-trend-summary article { min-height: 150px; padding: 22px; border: 0; border-top: 5px solid var(--forest); border-radius: 20px; box-shadow: 0 6px 20px rgba(36,74,30,.06); }
.media-trend-summary .media-kpi-audience { background: #e9f2e4; border-color: var(--forest); }
.media-trend-summary .media-kpi-change { background: #f1f7db; border-color: var(--lime); }
.media-trend-summary .media-kpi-views { background: #ebf2df; border-color: var(--meadow); }
.media-trend-summary .media-kpi-posts { background: #eef1f2; border-color: #66717c; }
.media-trend-summary span { color: #314837; font-size: 12px; font-weight: 700; }.media-trend-summary small { color: #4f5d51; font-size: 11px; }
.media-trend-summary strong { margin: 15px 0 10px; font-size: clamp(32px,3.5vw,49px); letter-spacing: -.045em; }
.media-kpi-posts strong { color: #43515a; }
.media-trend-grid { gap: 14px; }.media-chart-audience { grid-column: 1 / -1; }
.media-trend-card { padding: 27px 30px 22px; border-radius: 24px; box-shadow: 0 7px 23px rgba(36,74,30,.055); }
.media-trend-card > header { margin-bottom: 10px; }.media-trend-card h3 { font-size: clamp(20px,2.2vw,28px); text-transform: none; letter-spacing: -.025em; }
.media-trend-card > header > span { font-size: 12px; }.media-trend-card .eyebrow { font-size: 11px; }
.media-trend-chart { min-width: 0; }.media-trend-chart text { fill: #536251; font-size: 15px; font-weight: 600; }
.chart-grid-line { stroke: #d9e2d3; }.chart-audience-line { stroke-width: 4; }.chart-audience-point { fill: #fff; stroke-width: 3; }
.chart-views-bar { fill: var(--meadow); }.chart-posts-bar { fill: #66717c; }.chart-posts-bar:hover { fill: #43515a; }
.media-chart-note { margin-top: 12px; color: #526152; font-size: 11px; line-height: 1.55; }
.media-platform-panel { padding: 29px 31px; margin: 14px 0 16px; border-radius: 26px; background: #fff; border: 1px solid var(--line); }
.media-platform-panel > header { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 20px; }.media-platform-panel h2 { margin: 4px 0 0; color: var(--forest); font-size: 27px; letter-spacing: -.025em; }.media-platform-panel > header > span { color: var(--muted); font-size: 11px; }
.media-platform-list { display: grid; gap: 3px; }.media-platform-row { display: grid; grid-template-columns: 150px minmax(100px,1fr) 80px; gap: 4px 17px; align-items: center; padding: 10px 8px; border-radius: 11px; color: var(--ink); text-decoration: none; }.media-platform-row:hover { background: var(--pale); }.media-platform-row > strong { font-size: 13px; }.media-platform-row > b { color: var(--forest); font-size: 13px; text-align: right; }.media-platform-row > small { grid-column: 2 / 4; color: #526152; font-size: 10px; }
.media-platform-track { height: 14px; background: #eef2eb; }.media-platform-track span { display: block; min-height: 14px; background: var(--leaf); }.media-platform-row:nth-child(even) .media-platform-track span { background: var(--meadow); }
.media-dashboard-help { padding: 16px 20px; margin: 0 0 16px; border-left: 4px solid var(--leaf); border-radius: 0 14px 14px 0; background: var(--pale); color: #435145; font-size: 12px; line-height: 1.6; }
.media-dashboard-details { padding: 0 22px 22px; margin-bottom: 60px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }.media-dashboard-details > summary { padding: 19px 0; color: var(--forest); font-size: 14px; font-weight: 750; cursor: pointer; }.media-dashboard-details[open] > summary { border-bottom: 1px solid var(--line); }.media-dashboard-details .content-section-heading { margin-top: 26px; }
@media (max-width: 1000px) { .media-trend-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .media-trend-filters { padding: 18px; }.media-trend-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }.media-trend-summary article { min-height: 137px; padding: 16px; }.media-trend-summary strong { font-size: 32px; }.media-trend-summary span { font-size: 11px; }.media-trend-summary small { font-size: 10px; }.media-trend-card { padding: 20px 16px; }.media-trend-chart { min-width: 500px; }.media-platform-panel { padding: 21px 16px; }.media-platform-panel > header { display: block; }.media-platform-row { grid-template-columns: 90px minmax(80px,1fr) 58px; gap: 4px 8px; }.media-platform-row > strong,.media-platform-row > b { font-size: 11px; }.media-platform-row > small { font-size: 9px; }.media-dashboard-details { padding: 0 15px 15px; } }
.media-interactive-dashboard { display: none; margin-bottom: 20px; }
.media-interactive-ready .media-interactive-dashboard { display: block; }
.media-interactive-ready .media-trend-grid { display: none; }
.media-live-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.media-live-card { min-width: 0; padding: 25px 27px 20px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 7px 23px rgba(36,74,30,.055); }
.media-live-wide { grid-column: 1/-1; }
.media-live-card > header { display: flex; justify-content: space-between; gap: 16px; align-items: end; margin-bottom: 12px; }
.media-live-card h3 { margin: 5px 0 0; color: var(--forest); font-size: clamp(20px,2.2vw,27px); letter-spacing: -.025em; }
.media-live-card header span { color: #59665b; font-size: 11px; text-align: right; }
.media-live-card > p { margin: 11px 0 0; color: #526152; font-size: 11px; line-height: 1.55; }
.media-live-chart { position: relative; min-width: 0; }.media-live-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-color: #a9b9a1 #f3f6f0; }
.media-live-svg { display: block; min-width: 100%; max-height: 310px; font-family: inherit; }.media-live-svg text { fill: #536251; font-size: 15px; font-weight: 600; }
.media-live-gridline { stroke: #dae5d4; stroke-width: 1; }.media-live-zero { stroke: #89958a; stroke-width: 1.5; stroke-dasharray: 4 4; }
.media-live-audience-line { fill: none; stroke: var(--forest); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }.media-live-audience-dot { fill: #fff; stroke: var(--forest); stroke-width: 3; }
.media-live-growth-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }.media-live-bar { opacity: .92; }.media-live-hit { fill: transparent; cursor: crosshair; }.media-live-hit:focus { outline: none; fill: rgba(51,106,41,.08); }
.media-live-tooltip { position: absolute; z-index: 3; min-width: 220px; max-width: min(310px,calc(100% - 16px)); padding: 12px 14px; border: 1px solid #cbdac2; border-radius: 14px; background: #fff; color: #223428; box-shadow: 0 12px 30px rgba(29,59,25,.18); pointer-events: none; font-size: 11px; }
.media-live-tooltip[hidden] { display: none; }.media-live-tooltip > strong { display: block; padding-bottom: 7px; color: var(--forest); font-size: 12px; }.media-live-tooltip > div { display: flex; justify-content: space-between; gap: 15px; padding: 4px 0; border-top: 1px solid #eef2eb; }.media-live-tooltip span { min-width: 0; }.media-live-tooltip span::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 2px; background: var(--tooltip-color,#336a29); }.media-live-tooltip b { white-space: nowrap; }
.media-live-empty { display: grid; place-items: center; min-height: 235px; margin: 0; color: #536251; font-size: 13px; text-align: center; }
.media-live-legend { margin-top: 14px; padding: 21px 25px; border: 1px solid var(--line); border-radius: 22px; background: #f7faf4; }
.media-live-legend > div:first-child { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; margin-bottom: 14px; }.media-live-legend strong { color: var(--forest); font-size: 16px; }.media-live-legend [data-selected-count] { color: #526152; font-size: 11px; }
.media-live-chips { display: flex; flex-wrap: wrap; gap: 8px; }.media-live-chips button { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid #c5d4be; border-radius: 999px; background: #fff; color: #354836; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
.media-live-chips button:hover,.media-live-chips button:focus-visible { border-color: var(--forest); outline: 2px solid #c0db5f; }.media-live-chips [data-select-all] { background: var(--forest); color: #fff; border-color: var(--forest); }
.media-live-chip i { width: 11px; height: 11px; flex: 0 0 11px; border-radius: 3px; background: var(--series-color); }.media-live-chip[aria-pressed="false"] { opacity: .47; border-style: dashed; }.media-live-chip[aria-pressed="true"] { box-shadow: inset 0 0 0 1px #a9c49f; }
.media-live-legend > small { display: block; margin-top: 13px; color: #526152; font-size: 10px; line-height: 1.5; }
.media-platform-row.is-muted { opacity: .42; }
@media (max-width: 900px) { .media-live-grid { grid-template-columns: minmax(0,1fr); }.media-live-wide { grid-column: 1; } }
@media (max-width: 600px) { .media-live-card { padding: 20px 15px; }.media-live-card > header { display: block; }.media-live-card header span { display: block; margin-top: 5px; text-align: left; }.media-live-legend { padding: 17px 15px; }.media-live-chips button { min-height: 42px; }.media-live-tooltip { font-size: 10px; } }

/* Subscriber acquisition registry */
.acquisition-heading > p { max-width: 520px; font-size: 10px; line-height: 1.55; }.acquisition-principle { display: flex; align-items: center; gap: 11px; margin: 22px 0 28px; padding: 18px 22px; border-radius: 26px; background: var(--forest); color: #fff; }.acquisition-principle > div { flex: 1; display: grid; grid-template-columns: 32px minmax(0,1fr); column-gap: 10px; align-items: center; }.acquisition-principle div > span { grid-row: 1/3; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--forest); font-size: 10px; font-weight: 800; }.acquisition-principle strong { font-size: 9px; }.acquisition-principle small { color: rgba(255,255,255,.67); font-size: 7px; }.acquisition-principle > b { color: var(--lime); }
.acquisition-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 22px; align-items: start; }.acquisition-campaigns,.acquisition-tools { display: grid; gap: 14px; }.acquisition-campaign { overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: #fff; }.acquisition-campaign > header { display: flex; justify-content: space-between; gap: 20px; align-items: start; padding: 22px 24px; background: #f5f8f2; }.acquisition-campaign h3 { margin: 3px 0 8px; color: var(--forest); font-size: 21px; }.acquisition-campaign code { color: var(--muted); font: 650 9px var(--font); }.review-state { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: #e8ece5; color: var(--muted); font-size: 7px; font-weight: 750; text-transform: uppercase; }.review-state.due { background: #fff0d9; color: #8b5a12; }.review-state.done { background: var(--pale); color: var(--forest); }
.acquisition-link-table { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.acquisition-link-table > section { min-width: 0; padding: 21px 24px; border-right: 1px solid var(--line); }.acquisition-link-table > section:last-child { border: 0; }.acquisition-link-title { display: flex; align-items: center; gap: 10px; }.acquisition-link-title > div { display: grid; }.acquisition-link-title strong { font-size: 11px; }.acquisition-link-title small,.acquisition-source { color: var(--muted); font-size: 7px; }.acquisition-link-table > section > a { display: block; overflow: hidden; margin: 14px 0; color: var(--forest); font-size: 8px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.acquisition-link-table dl { display: grid; grid-template-columns: repeat(4,1fr); margin: 0 0 12px; border: 1px solid var(--line); border-radius: 15px; overflow: hidden; }.acquisition-link-table dl div { padding: 9px; border-right: 1px solid var(--line); }.acquisition-link-table dl div:last-child { border: 0; }.acquisition-link-table dt { color: var(--muted); font-size: 6px; text-transform: uppercase; }.acquisition-link-table dd { margin: 3px 0 0; color: var(--forest); font-size: 14px; font-weight: 700; }
.acquisition-review { border-top: 1px solid var(--line); padding: 0 24px 22px; }.acquisition-review summary,.acquisition-tools summary { min-height: 46px; display: flex; align-items: center; color: var(--forest); font-size: 9px; font-weight: 750; cursor: pointer; }.acquisition-review form,.acquisition-tools form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.acquisition-review label,.acquisition-tools label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }.acquisition-review .wide,.acquisition-tools .wide,.acquisition-review button,.acquisition-tools button { grid-column: 1/-1; }.acquisition-review input,.acquisition-review select,.acquisition-review textarea,.acquisition-tools input,.acquisition-tools select,.acquisition-tools textarea { min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 13px; background: #fff; font: inherit; font-size: 9px; }.acquisition-review button,.acquisition-tools button { min-height: 44px; border: 0; border-radius: 999px; background: var(--forest); color: #fff; font-size: 9px; font-weight: 750; }.acquisition-tools > section,.acquisition-tools > details { padding: 21px; border: 1px solid var(--line); border-radius: 27px; background: #fff; }.acquisition-tools > section { background: var(--pale); }.acquisition-tools h3 { margin: 5px 0 8px; color: var(--forest); font-size: 30px; }.acquisition-tools p:not(.eyebrow),.acquisition-tools > details > small { color: var(--muted); font-size: 8px; line-height: 1.55; }.acquisition-tools button:disabled { opacity: .45; cursor: not-allowed; }

/* Content item and project detail */
.content-detail-hero,.project-detail-hero { padding: 45px 0 58px; background: var(--forest); color: #fff; }.content-detail-hero.entity-knowledge,.content-detail-hero.entity-production_doc,.content-detail-hero.entity-technical_tool { background: #455b40; }.content-detail-title { display: flex; justify-content: space-between; gap: 40px; align-items: start; }.content-detail-title h1,.project-detail-hero h1 { max-width: 950px; margin: 7px 0 15px; color: #fff; font-size: clamp(35px,5vw,63px); line-height: 1.02; letter-spacing: -.04em; }.content-detail-title > div > p:last-child,.project-detail-hero > .shell > p { max-width: 850px; color: rgba(255,255,255,.7); font-size: 11px; }.content-stage-badge { flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; background: var(--lime); color: var(--forest); font-size: 8px; font-weight: 750; text-transform: uppercase; }
.content-detail-shell { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 28px; align-items: start; padding: 32px 0 90px; }.content-detail-main { min-width: 0; display: grid; gap: 18px; }.content-detail-aside { position: sticky; top: 138px; display: grid; gap: 13px; }.project-chain-banner { display: grid; grid-template-columns: 1fr auto; gap: 4px 20px; padding: 19px 23px; border-radius: 25px; background: var(--pale); color: var(--forest); text-decoration: none; }.project-chain-banner > span { grid-column: 1; font-size: 7px; text-transform: uppercase; }.project-chain-banner > strong { grid-column: 1; font-size: 14px; }.project-chain-banner > b { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 9px; }
.content-detail-section { padding: 25px; border: 1px solid var(--line); border-radius: 30px; background: #fff; }.content-detail-section > header { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 20px; }.content-detail-section > header > span { min-width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); font-size: 9px; font-weight: 700; }
.knowledge-document-section > p { color: var(--muted); font-size: 9px; }.knowledge-document-section details { margin-top: 18px; }.knowledge-document-section summary { color: var(--forest); font-size: 9px; font-weight: 700; cursor: pointer; }.knowledge-fulltext { max-height: 68vh; overflow: auto; margin-top: 14px; padding: 20px; border-radius: 18px; background: #f5f8f2; font-size: 10px; line-height: 1.65; white-space: pre-wrap; }
.detail-publication-list { display: grid; gap: 11px; }.detail-publication-list > article { padding: 19px; border-radius: 23px; background: #f5f8f2; }.detail-publication-list article > header { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 13px; align-items: center; }.detail-publication-list header small { color: var(--leaf); font-size: 7px; text-transform: uppercase; }.detail-publication-list h3 { margin: 3px 0 0; font-size: 12px; }.publication-status { padding: 5px 8px; border-radius: 999px; background: #e8ece5; color: var(--muted); font-size: 7px; font-style: normal; }.publication-status.status-published { background: #e3f2da; color: var(--forest); }.publication-facts { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--line); }.publication-facts > span { display: grid; }.publication-facts small { color: var(--muted); font-size: 6px; text-transform: uppercase; }.publication-facts strong { font-size: 9px; }.publication-facts a { color: var(--forest); font-size: 8px; font-weight: 700; }
.publication-metrics { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; margin: 14px 0 0; border: 1px solid var(--line); border-radius: 16px; }.publication-metrics div { padding: 11px; border-right: 1px solid var(--line); background: #fff; }.publication-metrics div:last-child { border: 0; }.publication-metrics dt { color: var(--muted); font-size: 6px; text-transform: uppercase; }.publication-metrics dd { margin: 4px 0 0; color: var(--forest); font-size: 15px; font-weight: 650; }.metrics-capture { display: block; margin-top: 8px; color: var(--muted); font-size: 7px; }.metrics-empty,.detail-empty { margin: 14px 0 0; padding: 13px; border-radius: 14px; background: #fff; color: var(--muted); font-size: 8px; }.checkpoint-history { margin-top: 10px; }.checkpoint-history summary { color: var(--forest); font-size: 8px; font-weight: 700; cursor: pointer; }.checkpoint-history > div { display: flex; gap: 6px; overflow-x: auto; margin-top: 8px; }.checkpoint-history span { flex: 0 0 110px; display: grid; padding: 9px; border-radius: 12px; background: #fff; }.checkpoint-history time,.checkpoint-history small { color: var(--muted); font-size: 6px; }.checkpoint-history b { color: var(--forest); font-size: 13px; }
.detail-action-form { margin-top: 14px; background: #f8faf6; }.detail-action-form form { grid-template-columns: repeat(2,minmax(0,1fr)); }.detail-action-form label.wide,.detail-action-form button { grid-column: 1 / -1; }
.detail-action-form textarea { width: 100%; min-height: 140px; padding: 9px 12px; resize: vertical; border: 1px solid var(--line); border-radius: 13px; background: #fff; color: var(--ink); font: inherit; font-size: 10px; text-transform: none; }
.publishing-heading-actions { display: flex; gap: 8px; align-self: center; }.publishing-safety-note { margin: 18px 0; padding: 20px 24px; border-radius: 24px; background: var(--forest); color: #fff; }.publishing-safety-note strong { font-size: 14px; }.publishing-safety-note p { max-width: 850px; margin: 7px 0 0; color: rgba(255,255,255,.78); font-size: 9px; line-height: 1.6; }.publishing-connections { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.publishing-connections article { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 11px; align-items: center; padding: 17px; border: 1px solid var(--line); border-radius: 22px; background: #fff; }.publishing-connections article > div { display: grid; gap: 2px; }.publishing-connections strong { font-size: 11px; }.publishing-connections small { color: var(--muted); font-size: 7px; }.publishing-connections em { grid-column: 2; color: #9a6b17; font-size: 7px; font-style: normal; }.publishing-connections .ready em { color: var(--leaf); }.publishing-connections article > p { grid-column: 2; display: grid; gap: 2px; margin: 0; color: var(--muted); font-size: 7px; }.publishing-connections article > p span { overflow-wrap: anywhere; }.publishing-summary { display: grid; grid-template-columns: repeat(3,1fr); margin: 18px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; }.publishing-summary article { display: grid; gap: 4px; padding: 18px 22px; border-right: 1px solid var(--line); }.publishing-summary article:last-child { border: 0; }.publishing-summary small { color: var(--muted); font-size: 7px; text-transform: uppercase; }.publishing-summary strong { color: var(--forest); font-size: 25px; }.publishing-list { display: grid; gap: 8px; }.publishing-list > a { display: grid; grid-template-columns: 42px minmax(0,1fr) auto auto; gap: 13px; align-items: center; padding: 15px 18px; border: 1px solid var(--line); border-radius: 20px; background: #fff; color: var(--ink); text-decoration: none; }.publishing-list a > div { display: grid; }.publishing-list small { color: var(--leaf); font-size: 7px; text-transform: uppercase; }.publishing-list strong { font-size: 10px; }.publishing-list em { margin-top: 3px; color: #a04435; font-size: 7px; font-style: normal; }.publishing-list time { color: var(--muted); font-size: 8px; }.publication-copy { margin-top: 13px; }.publication-copy > small { color: var(--muted); font-size: 7px; text-transform: uppercase; }.publication-copy pre { margin: 6px 0 0; padding: 13px; overflow-wrap: anywhere; white-space: pre-wrap; border: 1px solid var(--line); border-radius: 14px; background: #fff; font: inherit; font-size: 9px; line-height: 1.55; }.publication-delivery-state { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 11px; }.publication-delivery-state span { display: grid; gap: 3px; padding: 10px; border-radius: 12px; background: #fff; }.publication-delivery-state small { color: var(--muted); font-size: 6px; text-transform: uppercase; }.publication-delivery-state strong { font-size: 8px; }.publication-error { padding: 9px 12px; border-radius: 12px; background: #fff0ed; color: #8d3024; font-size: 8px; }.publication-edit { margin-top: 10px; }.publication-edit summary { color: var(--forest); font-size: 8px; font-weight: 700; cursor: pointer; }.publication-edit form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 10px; }.publication-edit label { display: grid; gap: 4px; color: var(--muted); font-size: 7px; text-transform: uppercase; }.publication-edit label.wide,.publication-edit button { grid-column: 1 / -1; }.publication-edit input,.publication-edit select,.publication-edit textarea { width: 100%; padding: 9px 11px; border: 1px solid var(--line); border-radius: 12px; background: #fff; font: inherit; font-size: 9px; text-transform: none; }.publication-edit textarea { resize: vertical; }.publication-edit button,.publication-approval button,.publication-inline-action button { min-height: 38px; border: 0; border-radius: 999px; background: var(--forest); color: #fff; font-size: 8px; font-weight: 700; }.publication-approval { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; margin-top: 11px; padding: 12px; border: 1px solid #cddabc; border-radius: 15px; background: #fff; }.publication-approval label { display: flex; gap: 8px; align-items: center; color: var(--ink); font-size: 8px; }.publication-approval input { accent-color: var(--forest); }.publication-approval button { padding-inline: 16px; }.publication-inline-action { margin-top: 10px; }.publication-inline-action button { padding-inline: 16px; background: #5e6c59; }
.comment-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; margin-bottom: 18px; }.comment-form textarea { min-height: 75px; resize: vertical; padding: 13px; border: 1px solid var(--line); border-radius: 17px; font: inherit; font-size: 10px; }.comment-form button { align-self: stretch; min-width: 110px; }.comment-list { display: grid; gap: 8px; }.comment-list article { padding: 16px; border-left: 4px solid var(--meadow); border-radius: 17px; background: #f5f8f2; }.comment-list article.resolved { border-color: #a5aaa0; opacity: .65; }.comment-list article > header { display: flex; justify-content: space-between; gap: 14px; }.comment-list header span { color: var(--forest); font-size: 8px; font-weight: 700; }.comment-list time { color: var(--muted); font-size: 7px; }.comment-list p { margin: 9px 0; font-size: 10px; line-height: 1.5; white-space: pre-wrap; }.comment-list form { margin: 0; }.comment-list button { padding: 0; border: 0; background: transparent; color: var(--forest); font-size: 7px; font-weight: 700; }
.related-content-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.related-content-grid a { display: flex; flex-direction: column; min-height: 115px; padding: 15px; border-radius: 18px; background: #f5f8f2; text-decoration: none; }.related-content-grid span { color: var(--leaf); font-size: 7px; text-transform: uppercase; }.related-content-grid strong { margin: 8px 0; font-size: 10px; }.related-content-grid small { margin-top: auto; color: var(--muted); font-size: 7px; }
.detail-meta-card,.technical-warning { padding: 22px; border: 1px solid var(--line); border-radius: 28px; background: #fff; }.detail-meta-card dl { margin: 12px 0 20px; }.detail-meta-card dl div { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0; border-top: 1px solid var(--line); }.detail-meta-card dt { color: var(--muted); font-size: 8px; }.detail-meta-card dd { max-width: 60%; margin: 0; color: var(--forest); font-size: 8px; font-weight: 650; text-align: right; overflow-wrap: anywhere; }.detail-meta-card .pill-button { width: 100%; text-align: center; }.detail-edit-card { background: var(--pale); }.detail-edit-card input,.detail-edit-card textarea,.detail-edit-card select { background: rgba(255,255,255,.85); }.technical-warning { border-left: 5px solid #687666; }.technical-warning strong { color: var(--forest); font-size: 10px; }.technical-warning p { margin: 5px 0 0; color: var(--muted); font-size: 8px; }
.project-detail-hero { position: relative; overflow: hidden; }.project-detail-hero::after { content: ''; position: absolute; right: 5vw; bottom: -100px; width: 360px; height: 330px; background: url('/static/brand/decor/industrial-cct.svg') no-repeat center / contain; opacity: .1; }.project-detail-hero > .shell { position: relative; z-index: 1; }.project-detail-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 27px; }.project-detail-metrics span { min-width: 130px; display: grid; padding: 12px 15px; border: 1px solid rgba(255,255,255,.17); border-radius: 17px; color: rgba(255,255,255,.65); font-size: 7px; text-transform: uppercase; }.project-detail-metrics strong { color: var(--lime); font-size: 21px; line-height: 1; }.project-detail-shell { padding: 32px 0 90px; }.project-flow { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px; border-radius: 28px; background: #fff; box-shadow: var(--shadow); }.project-flow > div { flex: 1; display: grid; grid-template-columns: 34px 1fr; align-items: center; column-gap: 10px; }.project-flow > div > span { grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--pale); color: var(--forest); font-size: 9px; font-weight: 700; }.project-flow strong { color: var(--forest); font-size: 9px; text-transform: uppercase; }.project-flow small { color: var(--muted); font-size: 7px; }.project-flow > b { color: var(--meadow); }.project-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 30px; align-items: start; margin-top: 35px; }.project-detail-grid > main { display: grid; gap: 20px; }.project-detail-grid > aside { display: grid; gap: 14px; }.project-material-section,.project-side-section { padding: 25px; border-radius: 31px; background: #fff; }.project-material-section > header { margin-bottom: 18px; }.project-material-list { display: grid; gap: 8px; }.project-material-list a { display: grid; grid-template-columns: minmax(0,1fr) 25px; gap: 4px 14px; padding: 15px; border-radius: 17px; background: #f5f8f2; text-decoration: none; }.project-material-list a > span { color: var(--leaf); font-size: 7px; text-transform: uppercase; }.project-material-list a > strong { grid-column: 1; font-size: 10px; }.project-material-list a > small { grid-column: 1; color: var(--muted); font-size: 7px; }.project-material-list a > b { grid-column: 2; grid-row: 1 / 4; align-self: center; color: var(--forest); }.project-side-section h2 { margin: 5px 0 16px; color: var(--forest); font-size: 21px; text-transform: uppercase; }.project-side-section > a { display: grid; padding: 12px 0; border-top: 1px solid var(--line); text-decoration: none; }.project-side-section > a strong { font-size: 9px; }.project-side-section > a small { color: var(--muted); font-size: 7px; }.project-side-section > p:not(.eyebrow) { color: var(--muted); font-size: 8px; }.source-section { background: var(--pale); }.asset-section { background: #e6eee0; }.technical-section { background: #edf0eb; }

@media (max-width: 1050px) {
  .content-hero-grid,.knowledge-hero-grid { grid-template-columns: minmax(0,1fr) 310px; gap: 40px; }.content-orbit { width: 300px; height: 300px; }.content-overview-grid,.content-detail-shell,.project-detail-grid { grid-template-columns: 1fr; }.content-side-column { grid-template-columns: repeat(2,minmax(0,1fr)); }.content-knowledge-callout { grid-column: 1 / -1; }.content-detail-aside { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }.platform-performance-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.project-detail-grid > aside { grid-template-columns: repeat(3,minmax(0,1fr)); }.content-calendar { overflow-x: auto; }.calendar-weekdays,.calendar-week { min-width: 900px; }.content-kanban { grid-template-columns: repeat(2,minmax(0,1fr)); }.quiz-hero-grid { grid-template-columns: 1fr 360px; }
}

@media (max-width: 1050px) {
  .acquisition-layout { grid-template-columns: 1fr; }.acquisition-tools { grid-template-columns: repeat(2,minmax(0,1fr)); }.acquisition-tools > section { grid-column: 1/-1; }
}

@media (max-width: 1050px) {
  .channel-audience-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .publishing-connections,.publishing-summary { grid-template-columns: 1fr; }.publishing-summary article { border-right: 0; border-bottom: 1px solid var(--line); }.publishing-list > a { grid-template-columns: 40px minmax(0,1fr); }.publishing-list time,.publishing-list > a > b { grid-column: 2; }.publication-delivery-state,.publication-edit form,.publication-approval { grid-template-columns: 1fr; }.publication-edit label.wide,.publication-edit button { grid-column: auto; }
  .content-hero { padding: 45px 0 68px; }.content-hero-grid,.knowledge-hero-grid,.quiz-hero-grid { grid-template-columns: 1fr; }.content-orbit,.knowledge-cabinet { display: none; }.content-hero h1,.knowledge-hero h1 { font-size: 50px; }.content-shell { margin-top: -24px; }.content-overview-grid { padding-top: 38px; }.content-project-grid,.content-side-column,.content-detail-aside,.related-content-grid,.project-detail-grid > aside,.quiz-list { grid-template-columns: 1fr; }.content-knowledge-callout { grid-column: auto; }.content-publication-list > article { grid-template-columns: 44px 1fr; }.content-publication-list dl { grid-column: 2; }.content-page-heading { display: grid; }.content-page-heading > form { width: 100%; }.content-page-heading input { min-width: 0; width: 100%; }.content-analytics-summary,.platform-performance-grid { grid-template-columns: 1fr; }.content-analytics-summary article { min-height: 110px; border-right: 0; border-bottom: 1px solid var(--line); }.content-analytics-summary article:last-child { border-bottom: 0; }.analytics-detail-grid { grid-template-columns: 1fr; }.knowledge-filter { grid-template-columns: 1fr 1fr; }.knowledge-filter label:first-child { grid-column: 1 / -1; }.knowledge-layout { grid-template-columns: 1fr; }.knowledge-layout > aside { position: static; }.content-detail-title { display: grid; }.content-stage-badge { justify-self: start; }.detail-action-form form { grid-template-columns: 1fr; }.detail-action-form label.wide,.detail-action-form button { grid-column: auto; }.project-flow { overflow-x: auto; justify-content: flex-start; }.project-flow > div { flex: 0 0 140px; }.project-publications dl { grid-column: 2; }.quiz-hero dl { max-width: 470px; }
}

@media (max-width: 760px) {
  .acquisition-principle { align-items: stretch; flex-direction: column; }.acquisition-principle > b { display: none; }.acquisition-link-table,.acquisition-tools { grid-template-columns: 1fr; }.acquisition-link-table > section { border-right: 0; border-bottom: 1px solid var(--line); }.acquisition-campaign > header { flex-direction: column; }.acquisition-tools > section { grid-column: auto; }
}

@media (max-width: 760px) {
  .knowledge-opportunity-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .content-tabs { width: 100%; border-radius: 24px; }.content-tabs a { padding-inline: 13px; font-size: 8px; }.content-section-heading { align-items: start; }.content-project-card { min-height: 220px; padding: 23px; border-radius: 30px; }.content-publication-list > article { padding: 13px; }.content-publication-list dl { grid-template-columns: repeat(2,1fr); }.content-week-card { padding: 25px; border-radius: 34px; }.content-page-heading > form { display: grid; }.content-kanban { grid-template-columns: 1fr; }.calendar-heading { display: flex; }.calendar-heading nav { flex: 0 0 auto; }.content-analytics-summary strong { font-size: 32px; }.knowledge-filter { grid-template-columns: 1fr; }.knowledge-filter label:first-child { grid-column: auto; }.knowledge-row { grid-template-columns: 9px minmax(0,1fr) 25px; }.knowledge-row > em { display: none; }.content-detail-hero,.project-detail-hero { padding: 35px 0 45px; }.content-detail-title h1,.project-detail-hero h1 { font-size: 34px; }.content-detail-shell { padding-top: 20px; }.content-detail-section { padding: 18px; border-radius: 24px; }.detail-publication-list article > header { grid-template-columns: 40px 1fr; }.publication-status { grid-column: 2; justify-self: start; }.publication-facts { align-items: start; flex-direction: column; }.publication-metrics { grid-template-columns: repeat(2,1fr); }.publication-metrics div:nth-child(2) { border-right: 0; }.publication-metrics div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.comment-form { grid-template-columns: 1fr; }.comment-form button { min-height: 44px; }.project-detail-metrics span { min-width: calc(50% - 4px); }.project-material-section,.project-side-section { padding: 20px; }.project-flow { margin-inline: -14px; border-radius: 0; }.quiz-hero dl { grid-template-columns: 1fr; }.quiz-hero dl div { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; }.quiz-hero dd { margin: 0; font-size: 22px; }
}

@media (max-width: 520px) {
  .channel-audience-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .match-card-header { grid-template-columns: 54px minmax(0,1fr); }
  .match-card-header .database-candidate,.match-card-header .incoming-candidate { grid-column: 2; }
  .match-card-header .match-versus { grid-column: 2; }
  .primary-comparison > header { align-items: flex-start; flex-direction: column; }
  .comparison-columns,.comparison-fact { min-width: 640px; grid-template-columns: 110px minmax(0,1fr) minmax(0,1fr); }
  .comparison-scroll-hint { display: block; width: 250px; margin: 0 0 8px; color: var(--muted); font-size: 8px; }
  .merge-impact { grid-template-columns: 1fr; }
  .match-live-notice { top: 8px; }
}

/* Native podcast editorial room */
.podcast-native-hero { position: relative; overflow: hidden; padding: 46px 0 50px; background: var(--forest); color: #fff; }
.podcast-native-hero::after { content: ''; position: absolute; right: 4vw; bottom: -150px; width: 390px; height: 330px; background: url('/static/brand/decor/industrial-cct.svg') no-repeat center / contain; opacity: .1; }
.podcast-native-hero.frap { background: linear-gradient(135deg, var(--forest), #416226); }
.podcast-native-hero-grid { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 40px; align-items: end; }
.podcast-native-hero h1 { margin: 6px 0 12px; color: #fff; font-size: clamp(42px, 6vw, 72px); line-height: .96; letter-spacing: -.045em; text-transform: uppercase; }
.podcast-native-hero p:last-child { max-width: 780px; margin: 0; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.6; }
.podcast-hero-actions { display: flex; flex: 0 0 auto; gap: 7px; padding: 6px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.08); }
.podcast-view-link { padding: 11px 16px; border-radius: 999px; color: rgba(255,255,255,.78); font-size: 10px; font-weight: 750; text-decoration: none; }
.podcast-view-link.active { background: var(--lime); color: var(--forest); }
.podcast-native { padding-top: 26px; padding-bottom: 90px; }
.podcast-toolbar { display: flex; justify-content: space-between; gap: 22px; align-items: flex-start; padding: 17px; border: 1px solid var(--line); border-radius: 25px; background: #fff; box-shadow: 0 12px 30px rgba(24,54,25,.06); }
.podcast-switcher { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.podcast-switch { display: grid; gap: 2px; min-height: 48px; padding: 9px 16px; border: 1px solid var(--line); border-radius: 18px; background: #f6f8f4; color: var(--forest); font-size: 10px; text-decoration: none; }
.podcast-switch b { font-size: 11px; }.podcast-switch span { color: var(--muted); font-size: 8px; }
.podcast-switch:hover { border-color: var(--meadow); }.podcast-switch.active { border-color: var(--forest); background: var(--forest); color: #fff; }.podcast-switch.active span { color: rgba(255,255,255,.65); }
.podcast-add-control { position: relative; flex: 0 0 auto; }
.podcast-add-control > summary,.podcast-new-topic > summary { display: grid; place-items: center; min-height: 48px; padding: 0 18px; border-radius: 999px; background: var(--lime); color: var(--forest); font-size: 10px; font-weight: 800; cursor: pointer; list-style: none; }
.podcast-add-control > summary::-webkit-details-marker,.podcast-new-topic > summary::-webkit-details-marker { display: none; }
.podcast-add-control[open] > form { position: absolute; z-index: 10; top: 56px; right: 0; width: min(440px, 88vw); }
.podcast-add-control form,.podcast-new-topic form,.podcast-edit-form,.podcast-technology-edit form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; padding: 20px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow); }
.podcast-add-control label,.podcast-new-topic label,.podcast-edit-form label,.podcast-technology-edit label,.podcast-decision-form label,.frap-controls label,.frap-story label { display: grid; gap: 6px; }
.podcast-add-control label > span,.podcast-new-topic label > span,.podcast-edit-form label > span,.podcast-technology-edit label > span,.podcast-decision-form label > span,.frap-controls label > span,.frap-story label > span { color: var(--muted); font-size: 8px; font-weight: 750; text-transform: uppercase; }
.podcast-add-control input,.podcast-add-control select,.podcast-new-topic input,.podcast-new-topic textarea,.podcast-edit-form input,.podcast-edit-form textarea,.podcast-edit-form select,.podcast-technology-edit input,.podcast-technology-edit textarea,.podcast-decision-form input,.podcast-decision-form select,.frap-controls select,.frap-story textarea { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfa; color: var(--ink); font: inherit; font-size: 10px; }
.podcast-edit-form textarea,.podcast-new-topic textarea,.podcast-technology-edit textarea,.frap-story textarea { resize: vertical; }
.primary-action { min-height: 42px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--forest); color: #fff; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.podcast-episode-head { display: flex; justify-content: space-between; gap: 24px; align-items: end; padding: 30px 4px 18px; }
.podcast-episode-head h2 { margin: 5px 0; color: var(--forest); font-size: clamp(26px,4vw,42px); letter-spacing: -.035em; }
.podcast-episode-head p { margin: 0; color: var(--muted); font-size: 10px; }
.podcast-improvement-card { margin: 0 0 20px; padding: 22px; border: 1px solid #bdd16f; border-radius: 24px; background: linear-gradient(135deg,#f5f9df,#fff 72%); box-shadow: 0 12px 30px rgba(51,106,41,.06); }.podcast-improvement-card > header { display: flex; justify-content: space-between; gap: 20px; align-items: start; }.podcast-improvement-card h2 { max-width: 850px; margin: 4px 0 0; color: var(--forest); font-size: 23px; line-height: 1.2; }.podcast-improvement-card > header > span { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: var(--lime); color: var(--forest); font-size: 8px; font-weight: 800; }.podcast-improvement-source { margin: 8px 0 0; color: var(--muted); font-size: 9px; }.podcast-improvement-keep { margin-top: 15px; }.podcast-improvement-keep > strong,.podcast-improvement-grid strong,.podcast-improvement-example strong { display: block; margin-bottom: 5px; color: var(--leaf); font-size: 8px; text-transform: uppercase; }.podcast-improvement-keep ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 7px 0 0; padding: 0; list-style: none; }.podcast-improvement-keep li,.podcast-improvement-grid p { margin: 0; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.88); color: var(--ink); font-size: 10px; line-height: 1.5; }.podcast-improvement-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 8px; }.podcast-improvement-example { margin-top: 10px; border-top: 1px solid #dce8b8; }.podcast-improvement-example > summary { display: inline-block; margin-top: 10px; padding: 7px 11px; border-radius: 999px; background: #fff; color: var(--leaf); font-size: 8px; font-weight: 800; cursor: pointer; list-style: none; }.podcast-improvement-example > summary::-webkit-details-marker { display: none; }.podcast-improvement-example[open] > summary { background: var(--forest); color: #fff; }.podcast-improvement-example > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 9px; }.podcast-improvement-example p { margin: 0; padding: 11px 13px; border-radius: 13px; background: #fff; color: var(--ink); font-size: 9px; line-height: 1.5; }.podcast-improvement-example p.good { background: #edf6d5; }.podcast-improvement-example p.bad { background: #fff1ed; }.podcast-improvement-example span { display: block; margin-top: 4px; }
.status-dot-label { color: var(--leaf); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.podcast-status-board { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; margin-bottom: 18px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.podcast-status-board a { display: grid; gap: 3px; padding: 18px 20px; border-right: 1px solid var(--line); color: var(--forest); text-decoration: none; }.podcast-status-board a:last-child { border: 0; }
.podcast-status-board strong { font-size: 30px; line-height: 1; }.podcast-status-board span { color: var(--muted); font-size: 8px; font-weight: 750; text-transform: uppercase; }
.podcast-status-board .ready strong { color: var(--leaf); }.podcast-status-board .review strong { color: #8b7415; }.podcast-status-board .rejected strong { color: #965e5a; }
.podcast-new-topic { margin-bottom: 28px; border: 1px dashed var(--meadow); border-radius: 24px; background: #f7faee; }
.podcast-new-topic > summary { justify-content: start; border-radius: 23px; background: transparent; }
.podcast-new-topic form { border: 0; border-top: 1px dashed var(--meadow); border-radius: 0 0 23px 23px; box-shadow: none; }
.podcast-new-topic .wide,.podcast-edit-form .wide,.podcast-technology-edit .wide { grid-column: 1 / -1; }.form-actions { display: flex; justify-content: flex-end; }.form-help { margin: 0; color: var(--muted); font-size: 9px; }
.podcast-zone { margin-top: 34px; scroll-margin-top: 150px; }.podcast-zone > header,.frap-story-board > header { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 14px; padding: 0 4px; }
.podcast-zone > header h2,.frap-story-board > header h2 { margin: 4px 0 0; color: var(--forest); font-size: 25px; }.podcast-zone > header > p,.frap-story-board > header > p { max-width: 500px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; text-align: right; }
.podcast-topic-list { display: grid; gap: 14px; }
.podcast-topic { overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: 0 10px 28px rgba(24,54,25,.05); scroll-margin-top: 145px; }
.podcast-topic-body { min-width: 0; padding: 22px 24px; }
.podcast-topic-top.has-image { display: grid; grid-template-columns: minmax(0,1fr) minmax(190px,250px); gap: 22px; align-items: start; }
.podcast-topic-intro { min-width: 0; }
.podcast-topic-image { position: relative; display: grid; place-items: center; overflow: hidden; width: 100%; min-height: 0; padding: 0; aspect-ratio: 4 / 3; border: 1px solid #dbe4cd; border-radius: 18px; background: #edf2e6; cursor: zoom-in; }.podcast-topic-image img { display: block; width: 100%; height: 100%; object-fit: contain; }.podcast-topic-image > span { position: absolute; right: 8px; bottom: 8px; padding: 6px 8px; border-radius: 999px; background: rgba(24,54,25,.88); color: #fff; font-size: 7px; font-weight: 800; opacity: 0; transition: opacity .16s ease; }.podcast-topic-image:hover > span,.podcast-topic-image:focus-visible > span { opacity: 1; }
.podcast-topic-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.podcast-topic-head h3 { max-width: 900px; margin: 8px 0 0; color: var(--forest); font-size: 21px; line-height: 1.18; letter-spacing: -.02em; }
.podcast-topic-kicker { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }.podcast-topic-kicker > span:first-child { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--forest); color: #fff; font-size: 9px; font-weight: 800; }
.fact-pill,.source-pill,.score-pill,.suggestion-pill { padding: 6px 9px; border-radius: 999px; background: #f0f3ee; color: var(--muted); font-size: 7px; font-weight: 800; text-transform: uppercase; }.fact-pill.verified { background: #edf6d5; color: #456325; }.fact-pill.needs_source { background: #fff3cf; color: #78620c; }.fact-pill.risk { background: #f8e6e4; color: #8c4d49; }.source-pill.muted { opacity: .65; }.score-pill { background: var(--forest); color: #fff; }.suggestion-pill { background: #eaf4b8; color: var(--forest); }
.podcast-topic-order { display: flex; flex: 0 0 auto; gap: 5px; align-items: center; }.podcast-topic-order form { margin: 0; }.podcast-topic-order button { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: #fff; color: var(--forest); cursor: pointer; }.podcast-topic-order > span { margin-left: 5px; color: var(--muted); font-size: 8px; white-space: nowrap; }
.podcast-hook { margin: 14px 0 0; color: var(--ink); font-size: 12px; line-height: 1.58; }
.podcast-topic-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 14px; color: var(--muted); font-size: 9px; }.podcast-topic-meta a { color: var(--leaf); font-weight: 750; text-decoration: none; }.podcast-topic-meta .needs-source { color: #9a6c08; font-weight: 750; }
.podcast-decisions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }.podcast-decision { padding: 8px 11px; border-radius: 12px; background: #f2f4f1; color: var(--muted); font-size: 9px; }.podcast-decision b { margin-right: 4px; color: var(--ink); }.podcast-decision.take { background: #edf6d5; color: #456325; }.podcast-decision.discuss { background: #fff3cf; color: #78620c; }.podcast-decision.reject { background: #f8e6e4; color: #8c4d49; }
.podcast-topic-copy,.podcast-script-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 14px; }.podcast-topic-copy > div,.podcast-script-grid > div { padding: 13px 14px; border-radius: 15px; background: #f7f8f6; }.podcast-topic-copy span,.podcast-script-grid span { color: var(--leaf); font-size: 8px; font-weight: 800; text-transform: uppercase; }.podcast-topic-copy p,.podcast-script-grid p { margin: 5px 0 0; font-size: 10px; line-height: 1.55; }.podcast-script-grid .risk { background: #fff5ed; }
.podcast-decision-form { display: flex; gap: 8px; align-items: center; margin-top: 13px; padding: 8px 10px; border-radius: 14px; background: #f4f7ef; }.podcast-decision-form.saving { opacity: .72; }.podcast-decision-form fieldset { display: flex; flex: 0 0 auto; gap: 4px; margin: 0; padding: 0; border: 0; }.podcast-decision-form legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }.decision-radio { cursor: pointer; }.decision-radio input { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; }.decision-radio span { display: block; padding: 8px 10px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); font-size: 8px; font-weight: 800; white-space: nowrap; }.decision-radio input:focus-visible + span { outline: 2px solid var(--leaf); outline-offset: 2px; }.decision-radio.take input:checked + span { border-color: #bed66e; background: #e9f5c8; color: #456325; }.decision-radio.discuss input:checked + span { border-color: #e2cb72; background: #fff0bd; color: #78620c; }.decision-radio.reject input:checked + span { border-color: #d8a4a0; background: #f7dfdc; color: #8c4d49; }.decision-comment { display: flex; flex: 1; gap: 7px; align-items: center; min-width: 150px; }.decision-comment > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }.podcast-decision-form .decision-comment input { min-height: 34px; padding: 7px 10px; background: rgba(255,255,255,.78); }.decision-save-state { flex: 0 0 auto; min-width: 70px; color: var(--muted); font-size: 7px; font-weight: 750; text-align: right; }.decision-save-state.error { color: #965e5a; }
.podcast-details { margin-top: 14px; border-top: 1px solid var(--line); }.podcast-details > summary { padding-top: 14px; color: var(--leaf); font-size: 9px; font-weight: 750; cursor: pointer; }.podcast-edit-form { margin-top: 14px; box-shadow: none; }.podcast-zone-empty { margin: 0; padding: 24px; border: 1px dashed var(--line); border-radius: 20px; color: var(--muted); font-size: 10px; text-align: center; }
.podcast-rejected-zone,.podcast-history,.frap-limitations { margin-top: 34px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }.podcast-rejected-zone > summary,.podcast-history > summary,.frap-limitations > summary { display: flex; gap: 12px; align-items: center; padding: 18px 20px; color: var(--forest); font-size: 11px; font-weight: 750; cursor: pointer; }.podcast-rejected-zone > summary b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #f8e6e4; color: #8c4d49; }.podcast-rejected-zone > summary small { margin-left: auto; color: var(--muted); font-size: 8px; font-weight: 500; }.podcast-rejected-zone .podcast-topic-list { padding: 0 14px 14px; }
.podcast-history ol { display: grid; gap: 8px; margin: 0; padding: 0 20px 20px; list-style: none; }.podcast-history li { display: grid; grid-template-columns: 150px 120px 1fr; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 8px; }.podcast-history time,.podcast-history span { color: var(--muted); }
.podcast-empty { max-width: 720px; margin-top: 30px; padding: 30px; border: 1px dashed var(--line); border-radius: 28px; background: #fff; }.podcast-empty h2 { margin: 5px 0 10px; color: var(--forest); }.podcast-empty p { color: var(--muted); font-size: 10px; line-height: 1.6; }

.podcast-production { margin: 0 0 22px; padding: 22px; border: 1px solid #ccdc91; border-radius: 26px; background: linear-gradient(135deg,#f8fbe9,#fff); }.podcast-production > header { display: flex; justify-content: space-between; gap: 20px; align-items: center; }.podcast-production h2 { margin: 4px 0 0; color: var(--forest); font-size: 24px; }.download-action { display: inline-flex; align-items: center; text-decoration: none; white-space: nowrap; }.podcast-production-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 16px; }.podcast-production-grid article { display: flex; gap: 11px; padding: 14px; border-radius: 16px; background: rgba(255,255,255,.8); }.podcast-production-grid article > b { display: grid; place-items: center; flex: 0 0 27px; width: 27px; height: 27px; border-radius: 50%; background: var(--lime); color: var(--forest); font-size: 9px; }.podcast-production-grid strong { color: var(--forest); font-size: 9px; }.podcast-production-grid p { margin: 5px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }.podcast-attachment-form { display: flex; gap: 9px; align-items: end; margin-top: 14px; padding-top: 14px; border-top: 1px solid #dce5bd; }.podcast-attachment-form .grow { flex: 1; }.podcast-attachment-form select,.podcast-attachment-form input { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 11px; background: #fff; font: inherit; font-size: 9px; }.podcast-attachment-list { display: grid; gap: 6px; margin-top: 12px; }.podcast-attachment-list > p { margin: 0; color: var(--muted); font-size: 8px; }.podcast-attachment-list a { display: grid; grid-template-columns: 150px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 9px 11px; border-radius: 12px; background: #fff; color: var(--ink); text-decoration: none; }.podcast-attachment-list span,.podcast-attachment-list small { color: var(--muted); font-size: 7px; }.podcast-attachment-list b { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

.score-card { color: #fff; }.score-card > summary { display: flex; gap: 2px; align-items: baseline; min-height: 36px; padding: 6px 10px; border-radius: 12px; background: var(--forest); cursor: pointer; list-style: none; }.score-card > summary::-webkit-details-marker { display: none; }.score-card > summary b { font-size: 17px; line-height: 1; }.score-card > summary small { font-size: 7px; opacity: .75; }.score-card > div { display: grid; grid-template-columns: repeat(3,minmax(105px,1fr)); gap: 5px; width: min(560px,100%); padding: 9px; border-radius: 12px; background: #eef4e7; color: var(--muted); }.score-card > div span { display: flex; justify-content: space-between; gap: 8px; font-size: 7px; }.score-card > div b { color: var(--forest); }
.commercial-pill { padding: 6px 9px; border-radius: 999px; font-size: 7px; font-weight: 800; text-transform: uppercase; }.commercial-pill.strong { background: var(--lime); color: var(--forest); }.commercial-pill.possible { background: #fff3cf; color: #78620c; }
.podcast-air-plan { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 14px; }.podcast-air-plan > div { padding: 13px 14px; border: 1px solid #dfe8ca; border-radius: 15px; background: #fbfcf8; }.podcast-air-plan > .debate { border-color: #c7d875; background: #f5f9df; }.podcast-air-plan span,.podcast-commercial > span { color: var(--leaf); font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.podcast-air-plan p { margin: 5px 0 0; color: var(--ink); font-size: 10px; line-height: 1.5; }
.podcast-commercial { margin-top: 12px; padding: 15px 17px; border-left: 5px solid #c8b25b; border-radius: 15px; background: #fff8dc; }.podcast-commercial.strong { border-left-color: var(--leaf); background: #eef6d8; }.podcast-commercial strong { display: block; margin-top: 5px; color: var(--forest); font-size: 12px; }.podcast-commercial p,.podcast-commercial blockquote { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.podcast-commercial blockquote { padding-left: 12px; border-left: 2px solid var(--meadow); color: var(--ink); }
.podcast-script-grid ol { margin: 7px 0 0; padding-left: 20px; color: var(--ink); font-size: 9px; line-height: 1.55; }.podcast-script-grid .wide { grid-column: 1/-1; }
.podcast-production-shell { margin: 0 0 22px; border: 1px solid #dce5bd; border-radius: 20px; background: #f9fbf1; }.podcast-production-shell > summary { display: flex; gap: 12px; align-items: center; padding: 14px 18px; color: var(--forest); cursor: pointer; }.podcast-production-shell > summary span { font-size: 10px; font-weight: 800; }.podcast-production-shell > summary small { color: var(--muted); font-size: 8px; }.podcast-production-shell .podcast-production { margin: 0; border: 0; border-top: 1px solid #dce5bd; border-radius: 0 0 20px 20px; }.podcast-production.montage-top { border-width: 2px; box-shadow: 0 12px 32px rgba(51,106,41,.1); }.podcast-production-bottom { margin-top: 34px; margin-bottom: 0; }
.podcast-commercial-plan { margin-bottom: 20px; border: 1px solid #d9e1c5; border-radius: 22px; background: #fff; }.podcast-commercial-plan > summary { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 16px 20px; color: var(--forest); cursor: pointer; list-style: none; }.podcast-commercial-plan > summary::-webkit-details-marker { display: none; }.podcast-commercial-plan h2 { margin: 3px 0; color: var(--forest); font-size: 20px; }.podcast-commercial-plan > summary small { display: block; color: var(--muted); font-size: 8px; }.podcast-commercial-plan > summary > span { flex: 0 0 auto; padding: 9px 13px; border-radius: 999px; background: #f1f4e9; color: var(--leaf); font-size: 8px; font-weight: 800; }.podcast-commercial-plan[open] > summary > span { background: var(--forest); color: #fff; }.podcast-commercial-plan-body { padding: 0 20px 20px; border-top: 1px solid var(--line); }.podcast-commercial-plan-body > p:first-child { max-width: 680px; margin: 14px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }.podcast-commercial-plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 14px; }.podcast-commercial-plan-grid a { display: block; padding: 14px; border-radius: 15px; background: #fff8dc; color: var(--ink); text-decoration: none; }.podcast-commercial-plan-grid a.strong { background: #edf6d5; }.podcast-commercial-plan-grid span { color: var(--leaf); font-size: 7px; font-weight: 800; text-transform: uppercase; }.podcast-commercial-plan-grid strong { display: block; margin: 5px 0; color: var(--forest); font-size: 11px; }.podcast-commercial-plan-grid p,.podcast-commercial-plan-grid small { display: block; margin: 0; color: var(--muted); font-size: 8px; line-height: 1.45; }.podcast-commercial-plan-grid small { margin-top: 5px; }.podcast-commercial-empty,.podcast-commercial-guardrail { margin: 12px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }.podcast-commercial-guardrail { padding-top: 10px; border-top: 1px solid var(--line); }
.podcast-technology { margin: 0 0 20px; padding: 24px; border: 1px solid #aeca63; border-radius: 28px; background: linear-gradient(135deg,#f5f9df 0%,#fff 68%); box-shadow: 0 12px 30px rgba(51,106,41,.06); scroll-margin-top: 145px; }.podcast-technology > header { display: flex; justify-content: space-between; gap: 20px; align-items: end; }.podcast-technology > header h2 { margin: 4px 0 0; color: var(--forest); font-size: 29px; }.podcast-technology > header > span { padding: 8px 11px; border-radius: 999px; background: var(--forest); color: #fff; font-size: 8px; font-weight: 750; }.podcast-technology-lead { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(250px,.75fr); gap: 12px; margin-top: 18px; }.podcast-technology-lead > div,.podcast-technology-lead > aside { padding: 18px; border-radius: 19px; background: #fff; }.podcast-technology-lead small,.podcast-technology-questions span { color: var(--leaf); font-size: 8px; font-weight: 800; text-transform: uppercase; }.podcast-technology-lead h3 { margin: 6px 0 8px; color: var(--forest); font-size: 23px; line-height: 1.17; }.podcast-technology-lead p,.podcast-technology-lead aside p { margin: 0; color: var(--ink); font-size: 11px; line-height: 1.55; }.podcast-technology-lead aside { background: var(--forest); color: #fff; }.podcast-technology-lead aside small { color: var(--lime); }.podcast-technology-lead aside strong { display: block; margin: 7px 0; color: #fff; font-size: 18px; }.podcast-technology-lead aside p { color: rgba(255,255,255,.78); font-size: 10px; }.podcast-technology-why { max-width: 920px; margin: 15px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }.podcast-technology-angles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 15px 0 0; padding: 0; list-style: none; }.podcast-technology-angles li { display: flex; gap: 10px; padding: 14px; border: 1px solid #dce8b8; border-radius: 16px; background: rgba(255,255,255,.76); color: var(--ink); font-size: 10px; line-height: 1.48; }.podcast-technology-angles b { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border-radius: 50%; background: var(--lime); color: var(--forest); font-size: 9px; }.podcast-technology-questions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px; }.podcast-technology-questions > div { padding: 14px 16px; border-radius: 16px; background: #fff; }.podcast-technology-questions p { margin: 6px 0 0; color: var(--ink); font-size: 10px; line-height: 1.5; }.podcast-technology-empty { margin: 18px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }.podcast-technology-edit { margin-top: 16px; border-top: 1px solid #d5e2aa; }.podcast-technology-edit > summary { padding-top: 14px; color: var(--leaf); font-size: 9px; font-weight: 800; cursor: pointer; }.podcast-technology-edit form { margin-top: 14px; box-shadow: none; }
.podcast-technology-carousel { display: grid; grid-template-columns: 48px minmax(0,1fr) 48px; gap: 12px; align-items: center; margin-top: 18px; }.podcast-technology-viewport { min-width: 0; }.podcast-carousel-arrow { width: 46px; height: 46px; border: 1px solid #bdd16f; border-radius: 50%; background: #fff; color: var(--forest); font: inherit; font-size: 20px; cursor: pointer; }.podcast-carousel-arrow:hover,.podcast-carousel-arrow:focus-visible { border-color: var(--forest); background: var(--lime); }.podcast-technology-option[hidden] { display: none; }.podcast-technology-option-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; }.podcast-technology-option-head small { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }.podcast-technology-option-head b { padding: 7px 10px; border-radius: 999px; background: var(--lime); color: var(--forest); font-size: 8px; }.podcast-technology-option-footer { display: flex; justify-content: space-between; gap: 14px; align-items: center; margin-top: 14px; padding-top: 13px; border-top: 1px solid #dce8b8; }.podcast-technology-option-footer a { color: var(--leaf); font-size: 9px; font-weight: 750; text-decoration: none; }.podcast-technology-option-footer form { margin: 0; }
.podcast-runbook-jump { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; text-decoration: none; white-space: nowrap; }.podcast-runbook-jump.bottom { width: 100%; margin-top: 28px; font-size: 10px; }.podcast-runbook { margin: 0 0 24px; padding: 24px; border-radius: 28px; background: var(--forest); color: #fff; scroll-margin-top: 145px; }.podcast-runbook > header { display: flex; justify-content: space-between; gap: 22px; align-items: flex-start; }.podcast-runbook > header h2 { margin: 4px 0 7px; color: #fff; font-size: 29px; }.podcast-runbook > header p:last-child { max-width: 760px; margin: 0; color: rgba(255,255,255,.68); font-size: 9px; line-height: 1.5; }.podcast-runbook > header > a { flex: 0 0 auto; min-height: 44px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; color: #fff; font-size: 9px; font-weight: 800; text-decoration: none; }.podcast-runbook-list { display: grid; gap: 9px; margin: 20px 0 0; padding: 0; list-style: none; }.podcast-runbook-list > li { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 13px; padding: 16px; border-radius: 18px; background: #fff; color: var(--ink); }.podcast-runbook-list > li > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--forest); color: #fff; font-size: 8px; font-weight: 900; }.podcast-runbook-list small { color: var(--leaf); font-size: 8px; font-weight: 800; text-transform: uppercase; }.podcast-runbook-list h3 { margin: 5px 0 7px; color: var(--forest); font-size: 18px; line-height: 1.24; }.podcast-runbook-list p { margin: 6px 0 0; font-size: 10px; line-height: 1.55; }.podcast-runbook-list .opening,.podcast-runbook-list .closing { background: #f5f8e9; }.podcast-runbook-list .technology { background: #edf6d5; }.podcast-runbook-list .technology > span { background: var(--lime); color: var(--forest); }.podcast-runbook-list .telegram { background: #eef6fb; }.podcast-runbook-list .telegram > span { background: #2493c7; }.podcast-runbook-cue { padding: 9px 11px; border-left: 3px solid var(--meadow); border-radius: 0 9px 9px 0; background: #f4f7ef; }.podcast-runbook-links { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 10px; }.podcast-runbook-list a,.podcast-runbook-empty a { color: var(--leaf); font-size: 9px; font-weight: 800; text-decoration: none; }.podcast-runbook-empty { margin-top: 18px; padding: 20px; border: 1px dashed rgba(255,255,255,.35); border-radius: 18px; }.podcast-runbook-empty strong { color: var(--lime); font-size: 16px; }.podcast-runbook-empty p { max-width: 760px; color: rgba(255,255,255,.75); font-size: 10px; line-height: 1.55; }.podcast-runbook-empty a { color: var(--lime); }
.podcast-image-dialog { width: min(1100px,94vw); max-width: none; height: min(820px,92vh); max-height: none; padding: 46px 18px 18px; border: 0; border-radius: 24px; background: #f6f8f2; box-shadow: 0 26px 90px rgba(0,0,0,.35); }.podcast-image-dialog::backdrop { background: rgba(9,24,11,.76); backdrop-filter: blur(5px); }.podcast-image-dialog figure { display: grid; grid-template-rows: minmax(0,1fr) auto; gap: 10px; width: 100%; height: 100%; margin: 0; }.podcast-image-dialog img { display: block; width: 100%; height: 100%; object-fit: contain; }.podcast-image-dialog figcaption { overflow: hidden; color: var(--muted); font-size: 9px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }.podcast-image-dialog-close { position: absolute; top: 10px; right: 12px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--forest); color: #fff; font: inherit; font-size: 22px; cursor: pointer; }
.podcast-filters { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 20px; padding: 9px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }.podcast-filters > span { padding: 0 5px; color: var(--muted); font-size: 8px; font-weight: 750; }.podcast-filters button { min-height: 34px; padding: 0 11px; border: 0; border-radius: 999px; background: #f1f4ee; color: var(--muted); font: inherit; font-size: 8px; font-weight: 750; cursor: pointer; }.podcast-filters button.active { background: var(--forest); color: #fff; }

/* Native FRAP board */
.frap-native-head { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 18px; }.frap-native-head h2 { margin: 5px 0; color: var(--forest); font-size: 30px; }.frap-native-head p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.frap-month-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.frap-month-cards article { display: grid; padding: 22px; border: 1px solid var(--line); border-radius: 25px; background: #fff; }.frap-month-cards article > span { color: var(--leaf); font-size: 9px; font-weight: 800; text-transform: uppercase; }.frap-month-cards article > strong { margin-top: 9px; color: var(--forest); font-size: 38px; line-height: 1; }.frap-month-cards article > small { margin: 4px 0 15px; color: var(--muted); font-size: 8px; }.frap-month-cards article > div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); }.frap-month-cards article b { color: var(--leaf); font-size: 14px; }.frap-month-cards article em { color: var(--muted); font-size: 8px; font-style: normal; }.frap-month-cards .not-accepted b { color: #965e5a; }
.frap-chart-panel { margin-top: 28px; padding: 24px; border: 1px solid var(--line); border-radius: 28px; background: #fff; }.frap-chart-panel > header { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }.frap-chart-panel h2 { margin: 5px 0; color: var(--forest); font-size: 26px; }.frap-chart-panel header p:last-child { max-width: 660px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.frap-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }.frap-controls label { min-width: 190px; }.frap-controls fieldset { display: flex; gap: 4px; margin: 0; padding: 18px 5px 5px; border: 1px solid var(--line); border-radius: 14px; }.frap-controls legend { position: absolute; padding: 0 4px; color: var(--muted); font-size: 7px; font-weight: 750; text-transform: uppercase; }.frap-controls button { min-height: 31px; padding: 0 9px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font: inherit; font-size: 8px; cursor: pointer; }.frap-controls button.active { background: var(--forest); color: #fff; }
.frap-legend { display: flex; flex-wrap: wrap; gap: 14px; margin: 20px 0; }.frap-legend span { display: flex; gap: 6px; align-items: center; color: var(--muted); font-size: 8px; }.frap-legend i { width: 10px; height: 10px; border-radius: 3px; }
.frap-native-chart { display: grid; gap: 14px; }.frap-chart-row { display: grid; grid-template-columns: minmax(150px,230px) minmax(0,1fr); gap: 16px; align-items: center; }.frap-chart-row > b { color: var(--ink); font-size: 9px; line-height: 1.35; }.frap-chart-series { display: grid; gap: 4px; }.frap-chart-line { position: relative; height: 20px; border-radius: 5px; background: #f1f3ef; }.frap-chart-line i { display: block; height: 100%; border-radius: 5px; }.frap-chart-line span { position: absolute; top: 50%; left: 7px; transform: translateY(-50%); color: var(--forest); font-size: 7px; font-weight: 800; }
.frap-technology-group { display: grid; gap: 12px; padding: 18px 0; border-top: 1px solid var(--line); }.frap-technology-group h3 { margin: 0; color: var(--forest); font-size: 17px; }
.frap-story-board { margin-top: 34px; }.frap-story-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.frap-story { display: flex; flex-direction: column; gap: 10px; min-height: 250px; padding: 20px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }.frap-story.selected { border: 2px solid var(--leaf); background: #f7faee; }.frap-story > span { align-self: flex-start; padding: 5px 8px; border-radius: 999px; background: #f0f3ee; color: var(--muted); font-size: 7px; font-weight: 800; text-transform: uppercase; }.frap-story.selected > span { background: var(--lime); color: var(--forest); }.frap-story h3 { margin: 0; color: var(--forest); font-size: 17px; line-height: 1.25; }.frap-story > p { flex: 1; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }.frap-story button { min-height: 40px; border: 0; border-radius: 999px; background: var(--forest); color: #fff; font: inherit; font-size: 9px; font-weight: 750; cursor: pointer; }
.frap-limitations ul { margin: 0; padding: 0 34px 24px 52px; color: var(--muted); font-size: 9px; line-height: 1.6; }

/* Unified audience comment inbox */
.comment-inbox-heading { align-items: end; }.comment-inbox-heading > p { max-width: 620px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.comment-inbox-filter { display: grid; grid-template-columns: minmax(220px,1.4fr) minmax(160px,.7fr) minmax(160px,.7fr) auto; gap: 10px; align-items: end; margin: 0 0 14px; padding: 16px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }.comment-inbox-filter label { display: grid; gap: 6px; color: var(--muted); font-size: 8px; font-weight: 750; }.comment-inbox-filter input,.comment-inbox-filter select,.audience-comment footer select { min-height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 11px; background: #f8faf5; color: var(--ink); font: inherit; font-size: 9px; }.comment-inbox-filter button,.audience-comment footer button { min-height: 42px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--forest); color: #fff; font: inherit; font-size: 9px; font-weight: 750; cursor: pointer; }
.comment-inbox-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-bottom: 18px; }.comment-inbox-summary a { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: var(--muted); text-decoration: none; }.comment-inbox-summary a.active { border-color: var(--leaf); background: #f4f8e6; color: var(--forest); }.comment-inbox-summary span { font-size: 9px; font-weight: 750; }.comment-inbox-summary strong { color: var(--forest); font-size: 22px; }
.audience-comment-list { display: grid; gap: 10px; }.audience-comment { padding: 18px 20px; border: 1px solid var(--line); border-left: 4px solid #cbd2c7; border-radius: 19px; background: #fff; }.audience-comment.status-new { border-left-color: var(--lime); }.audience-comment.status-needs_reply { border-left-color: #db9e42; }.audience-comment.status-closed { opacity: .72; }.audience-comment > header { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 11px; align-items: center; }.audience-comment > header strong { display: block; color: var(--forest); font-size: 11px; }.audience-comment > header small { display: block; margin-top: 3px; color: var(--muted); font-size: 8px; }.audience-comment > header em { padding: 6px 9px; border-radius: 999px; background: #f0f3ee; color: var(--muted); font-size: 7px; font-style: normal; font-weight: 800; text-transform: uppercase; }.audience-comment > p { margin: 14px 0; color: var(--ink); font-size: 11px; line-height: 1.6; white-space: pre-wrap; }.audience-comment > footer { display: flex; justify-content: space-between; gap: 18px; align-items: end; padding-top: 12px; border-top: 1px solid var(--line); }.audience-comment > footer > div { display: flex; flex-wrap: wrap; gap: 7px 16px; }.audience-comment > footer a,.audience-comment > footer span { color: var(--leaf); font-size: 8px; font-weight: 700; text-decoration: none; }.audience-comment > footer form { display: flex; gap: 7px; }.audience-comment footer select { min-width: 145px; min-height: 34px; }.audience-comment footer button { min-height: 34px; padding: 0 12px; }.comment-inbox-empty { padding: 34px; border: 1px dashed #b7c2b2; border-radius: 22px; text-align: center; }.comment-inbox-empty strong { color: var(--forest); font-size: 18px; }.comment-inbox-empty p { max-width: 700px; margin: 9px auto 0; color: var(--muted); font-size: 10px; line-height: 1.55; }

@media (max-width: 900px) {
  .podcast-native-hero-grid,.podcast-zone > header,.frap-story-board > header,.frap-chart-panel > header,.frap-native-head { align-items: stretch; flex-direction: column; }
  .podcast-topic-top.has-image { grid-template-columns: minmax(0,1fr) 200px; }.frap-story-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.frap-controls { justify-content: flex-start; }
  .podcast-production-grid,.podcast-commercial-plan-grid,.podcast-technology-angles,.podcast-improvement-example > div { grid-template-columns: 1fr; }.podcast-air-plan { grid-template-columns: 1fr 1fr; }.podcast-technology-lead { grid-template-columns: 1fr; }.podcast-runbook > header { flex-direction: column; }
  .comment-inbox-filter { grid-template-columns: 1fr 1fr; }.comment-inbox-filter label:first-of-type { grid-column: 1/-1; }.comment-inbox-summary { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  .podcast-native-hero { padding: 36px 0 40px; }.podcast-native-hero h1 { font-size: 42px; }.podcast-native-hero-grid { align-items: flex-start; }.podcast-hero-actions { width: 100%; }.podcast-view-link { flex: 1; text-align: center; }
  .podcast-toolbar,.podcast-episode-head,.podcast-improvement-card > header { align-items: stretch; flex-direction: column; }.podcast-switcher { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.podcast-switch { width: 100%; }.podcast-add-control { width: 100%; }.podcast-add-control > summary { width: 100%; }.podcast-add-control[open] > form { position: static; width: 100%; margin-top: 8px; }.podcast-runbook-jump { white-space: normal; text-align: center; }.podcast-improvement-keep ul,.podcast-improvement-grid { grid-template-columns: 1fr; }
  .podcast-status-board { grid-template-columns: repeat(2,1fr); }.podcast-status-board a:nth-child(2) { border-right: 0; }.podcast-status-board a:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .podcast-topic-top.has-image { grid-template-columns: 1fr; }.podcast-topic-image { width: 100%; max-height: 280px; aspect-ratio: 16/9; }.podcast-topic-body { padding: 18px; }.podcast-topic-head { flex-direction: column; }.podcast-topic-order { width: 100%; }.podcast-topic-order > span { margin-left: auto; }.podcast-topic-copy,.podcast-script-grid,.podcast-air-plan,.podcast-add-control form,.podcast-new-topic form,.podcast-edit-form,.podcast-technology-edit form,.podcast-technology-questions { grid-template-columns: 1fr; }.podcast-new-topic .wide,.podcast-edit-form .wide,.podcast-technology-edit .wide { grid-column: auto; }.podcast-decision-form { align-items: stretch; flex-direction: column; }.podcast-decision-form fieldset { width: 100%; }.decision-radio { flex: 1; }.decision-radio span { text-align: center; }.decision-save-state { text-align: left; }.podcast-production { padding: 17px; }.podcast-production > header,.podcast-attachment-form { align-items: stretch; flex-direction: column; }.podcast-attachment-list a { grid-template-columns: 1fr; }.podcast-zone > header > p,.frap-story-board > header > p { text-align: left; }.podcast-history li { grid-template-columns: 1fr 1fr; }.podcast-history li span { grid-column: 1/-1; }.score-card > div { grid-template-columns: 1fr; width: 100%; }.podcast-production-shell > summary,.podcast-commercial-plan > summary,.podcast-technology > header { align-items: flex-start; flex-direction: column; }.podcast-filters > span { width: 100%; }.podcast-filters button { flex: 1 1 calc(50% - 6px); }.podcast-technology { padding: 18px; }.podcast-technology > header > span { white-space: normal; }.podcast-technology-carousel { position: relative; display: block; padding-top: 58px; }.podcast-carousel-arrow { position: absolute; top: 0; }.podcast-carousel-arrow.previous { left: 0; }.podcast-carousel-arrow.next { right: 0; }.podcast-technology-option-footer { align-items: stretch; flex-direction: column; }.podcast-runbook { padding: 18px; }.podcast-runbook-list > li { grid-template-columns: 42px minmax(0,1fr); padding: 14px; }
  .frap-month-cards,.frap-story-grid { grid-template-columns: 1fr; }.frap-chart-panel { padding: 18px; }.frap-controls { display: grid; grid-template-columns: 1fr; }.frap-chart-row { grid-template-columns: 1fr; gap: 7px; }.frap-chart-series { gap: 5px; }
  .comment-inbox-filter,.comment-inbox-summary { grid-template-columns: 1fr; }.comment-inbox-filter label:first-of-type { grid-column: auto; }.audience-comment > header { grid-template-columns: 38px minmax(0,1fr); }.audience-comment > header em { grid-column: 2; justify-self: start; }.audience-comment > footer { align-items: stretch; flex-direction: column; }.audience-comment > footer form { display: grid; grid-template-columns: 1fr auto; }
}
.workflow-source-note {
  margin-top: 18px;
  padding: 18px 22px;
  border: 1px solid rgba(47, 103, 45, 0.2);
  border-radius: 18px;
  background: #f2f7ef;
  color: #27352a;
}

.workflow-source-note strong {
  display: block;
  margin-bottom: 5px;
  color: #2f672d;
  font-size: 1rem;
}

.workflow-source-note p {
  margin: 0;
  max-width: 920px;
  font-size: 0.98rem;
  line-height: 1.55;
}
.data-update-banner {
  background: #fff8d9;
  border-bottom: 1px solid #ead88a;
  color: #33402d;
}

.data-update-banner[hidden] { display: none; }

.data-update-banner .shell {
  align-items: center;
  display: flex;
  gap: 12px;
  min-height: 54px;
  padding-bottom: 8px;
  padding-top: 8px;
}

.data-update-banner div { display: grid; gap: 2px; }
.data-update-banner small { color: #5f684f; }
.data-update-banner [data-data-update-eta] { margin-left: auto; white-space: nowrap; }

.data-update-spinner {
  animation: data-update-spin 1s linear infinite;
  border: 3px solid rgba(71, 91, 55, 0.2);
  border-radius: 50%;
  border-top-color: #5b762f;
  height: 20px;
  width: 20px;
}

@keyframes data-update-spin { to { transform: rotate(360deg); } }

@media (max-width: 720px) {
  .data-update-banner .shell { align-items: flex-start; flex-wrap: wrap; }
  .data-update-banner [data-data-update-eta] { margin-left: 32px; }
}

.publishing-guide-hero { overflow: hidden; padding: 68px 0 96px; background: var(--forest); color: #fff; }
.publishing-guide-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: end; }
.publishing-guide-hero h1 { margin: 7px 0 18px; font-size: clamp(45px,6vw,78px); line-height: .92; text-transform: uppercase; }
.publishing-guide-hero h1 span { color: var(--lime); }
.publishing-guide-hero p { max-width: 680px; color: rgba(255,255,255,.76); font-size: 12px; line-height: 1.65; }
.publishing-guide-flow { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; justify-content: flex-end; }
.publishing-guide-flow span { padding: 11px 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.08); font-size: 8px; font-weight: 700; }
.publishing-guide-flow b { color: var(--lime); }
.publishing-guide-shell { margin-top: -42px; padding: 34px; border-radius: 36px 36px 0 0; background: var(--paper); }
.publishing-guide-heading { margin-top: 10px; }
.publishing-guide-notice { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 18px; align-items: center; margin-bottom: 20px; padding: 16px 20px; border: 1px solid #dce7bd; border-radius: 18px; background: #f3f7e7; }
.publishing-guide-notice strong { color: var(--forest); font-size: 10px; }
.publishing-guide-notice p { margin: 0; color: var(--muted); font-size: 9px; }
.publishing-guide-notice p + p { margin-top: 6px; }
.platform-preview-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.platform-preview { display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #fff; }
.platform-preview > header { display: flex; gap: 11px; align-items: center; padding: 17px 18px; border-bottom: 1px solid var(--line); }
.platform-preview > header div { display: grid; gap: 2px; }
.platform-preview > header strong { font-size: 11px; }
.platform-preview > header small { color: var(--muted); font-size: 7px; }
.platform-screen { margin: 14px; padding: 20px; border-radius: 20px; background: #f6f7f4; color: #252925; font-size: 9px; line-height: 1.58; box-shadow: inset 0 0 0 1px rgba(30,58,31,.05); }
.platform-preview-telegram .platform-screen { background: #eef5f8; }
.platform-preview-max .platform-screen { background: #f3f4f6; }
.platform-preview-vk .platform-screen { background: #edf3fa; }
.platform-screen p { margin: 0 0 11px; }
.platform-screen .platform-list-lead { margin-bottom: 0; }
.platform-screen ul { margin: 0 0 12px; padding-left: 17px; }
.platform-screen li { margin: 2px 0; }
.platform-screen blockquote { margin: 12px 0; padding: 9px 12px; border-left: 3px solid var(--meadow); border-radius: 4px 10px 10px 4px; background: rgba(255,255,255,.7); }
.platform-screen .platform-list-lead + blockquote { margin-top: 0; }
.platform-screen a,.platform-raw-link { color: #1769aa; font-weight: 650; }
.platform-post-title { display: block; margin-bottom: 12px; font-size: 11px; line-height: 1.3; }
.platform-screen-plain .platform-post-title { font-weight: 650; }
.platform-post-note { color: #687068; font-size: 8px; }
.platform-preview > footer { display: flex; flex-wrap: wrap; gap: 6px; padding: 15px 18px; border-top: 1px solid var(--line); }
.platform-preview > footer b,.platform-preview > footer span { padding: 6px 9px; border-radius: 999px; font-size: 7px; }
.platform-preview > footer b { color: #fff; background: var(--forest); }
.platform-preview > footer span { color: var(--forest); background: var(--pale); }
.publishing-rule-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 24px 0; }
.publishing-rule-grid article { position: relative; min-height: 220px; padding: 25px 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: #fff; }
.publishing-rule-grid h3 { margin: 0 0 15px; color: var(--forest); font-size: 18px; }
.publishing-rule-grid ul { margin: 0; padding-left: 18px; color: var(--muted); font-size: 9px; line-height: 1.7; }
.publishing-rule-grid li { margin-bottom: 5px; }
.rule-number { position: absolute; top: 14px; right: 20px; color: rgba(51,106,41,.1); font-size: 52px; font-weight: 800; }
.publishing-guide-evidence { display: grid; grid-template-columns: 1.25fr .75fr; gap: 30px; padding: 30px; border-radius: 28px; background: var(--forest); color: #fff; }
.publishing-guide-evidence h2 { margin: 5px 0 10px; color: var(--lime); font-size: 27px; text-transform: uppercase; }
.publishing-guide-evidence p { margin: 0; color: rgba(255,255,255,.74); font-size: 9px; line-height: 1.7; }
.publishing-guide-evidence aside { display: grid; gap: 8px; padding-left: 24px; border-left: 1px solid rgba(255,255,255,.2); }
.publishing-guide-evidence aside strong { font-size: 10px; }
.publishing-guide-evidence a { color: var(--lime); font-size: 8px; font-weight: 700; text-decoration: none; }

@media (max-width: 980px) {
  .publishing-guide-hero-grid,.publishing-guide-evidence { grid-template-columns: 1fr; }
  .publishing-guide-flow { justify-content: flex-start; }
  .platform-preview-grid { grid-template-columns: 1fr; }
  .publishing-guide-evidence aside { padding: 20px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.2); }
}

@media (max-width: 650px) {
  .publishing-guide-hero { padding: 46px 0 75px; }
  .publishing-guide-hero h1 { font-size: 43px; }
  .publishing-guide-shell { padding: 18px; border-radius: 26px 26px 0 0; }
  .publishing-guide-notice,.publishing-rule-grid { grid-template-columns: 1fr; }
  .publishing-rule-grid article { min-height: auto; }
  .publishing-guide-flow b { display: none; }
}

/* Desktop working shell: one persistent navigation column and compact page starts. */
.desktop-sidebar,.desktop-location,.desktop-global-search { display: none; }

@media (min-width: 981px) {
  :root { --desktop-sidebar-width: 216px; --desktop-topbar-height: 58px; }
  .radar-app-shell { min-width: 0; display: grid; grid-template-columns: var(--desktop-sidebar-width) minmax(0,1fr); }
  .radar-app-frame { min-width: 0; }
  .desktop-sidebar { position: sticky; top: 0; z-index: 40; height: 100dvh; min-width: 0; display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; background: var(--forest); color: #fff; scrollbar-width: thin; scrollbar-color: rgba(192,219,95,.35) transparent; }
  .desktop-sidebar-brand { min-height: 68px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,.11); text-decoration: none; }
  .desktop-sidebar-brand img { min-width: 0; width: 118px; height: auto; display: block; }
  .desktop-sidebar-brand span { padding-left: 9px; border-left: 1px solid rgba(255,255,255,.18); color: var(--lime); font-size: 12px; font-weight: 650; letter-spacing: .05em; text-transform: uppercase; }
  .desktop-sidebar-nav { display: grid; gap: 2px; padding: 9px; }
  .desktop-sidebar-section { min-width: 0; }
  .desktop-sidebar-heading { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-radius: 12px; color: rgba(255,255,255,.72); font-size: 12px; font-weight: 650; text-decoration: none; }
  .desktop-sidebar-heading::before { content: ''; width: 7px; height: 7px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; }
  .desktop-sidebar-heading span { flex: 1; min-width: 0; }
  .desktop-sidebar-heading:hover { background: rgba(255,255,255,.07); color: #fff; }
  .desktop-sidebar-section.active > .desktop-sidebar-heading { background: rgba(255,255,255,.09); color: var(--lime); }
  .desktop-sidebar-section.active > .desktop-sidebar-heading::before { border-color: var(--lime); background: var(--lime); box-shadow: 0 0 0 4px rgba(192,219,95,.1); }
  .desktop-sidebar-pages { display: grid; gap: 1px; margin: 3px 0 6px 26px; }
  .desktop-sidebar-pages a { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 6px 8px 6px 10px; border-left: 2px solid rgba(255,255,255,.13); color: rgba(255,255,255,.62); font-size: 9px; line-height: 1.35; text-decoration: none; }
  .desktop-sidebar-pages a:hover { color: #fff; }
  .desktop-sidebar-pages a.active { border-left-color: var(--lime); color: #fff; }
  .desktop-sidebar-pages-long a { min-height: 30px; padding-block: 4px; }
  .desktop-nav-count { min-width: 24px; height: 22px; display: inline-grid; place-items: center; flex: 0 0 auto; padding: 0 6px; border-radius: 999px; background: rgba(255,255,255,.1); color: var(--lime); font-size: 8px; font-weight: 700; }
  .desktop-nav-count[hidden],.desktop-nav-count:empty { display: none; }
  .desktop-sidebar-utility { display: grid; gap: 1px; margin-top: auto; padding: 9px; border-top: 1px solid rgba(255,255,255,.1); }
  .desktop-sidebar-utility a { min-height: 34px; display: flex; align-items: center; padding: 6px 10px; border-radius: 10px; color: rgba(255,255,255,.58); font-size: 8px; line-height: 1.35; text-decoration: none; }
  .desktop-sidebar-utility a:hover,.desktop-sidebar-utility a.active { background: rgba(255,255,255,.07); color: #fff; }
  .desktop-sidebar-user { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 9px; align-items: center; padding: 10px 16px 14px; border-top: 1px solid rgba(255,255,255,.1); }
  .desktop-sidebar-user > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--forest); font-size: 11px; font-weight: 700; }
  .desktop-sidebar-user > div { min-width: 0; display: grid; }
  .desktop-sidebar-user strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
  .desktop-sidebar-user small { color: rgba(255,255,255,.52); font-size: 7px; }

  .site-header { min-width: 0; }
  .site-header-main { width: 100%; min-height: var(--desktop-topbar-height); grid-template-columns: minmax(145px,1fr) minmax(260px,520px) auto; gap: 16px; padding: 7px 18px; }
  .site-header .brand,.site-header .main-nav,.site-header .context-nav-shell { display: none; }
  .desktop-location { min-width: 0; display: grid; line-height: 1.15; }
  .desktop-location small { color: var(--muted); font-size: 7px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
  .desktop-location strong { overflow: hidden; color: var(--forest); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
  .desktop-global-search { min-height: 40px; display: flex; align-items: center; padding: 3px 4px 3px 13px; border: 1px solid var(--line); border-radius: 999px; background: #f5f7f3; }
  .desktop-global-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 10px; }
  .desktop-global-search button { min-height: 32px; padding: 5px 13px; border: 0; border-radius: 999px; background: var(--forest); color: #fff; font-size: 8px; font-weight: 650; }
  .context-nav-shell { display: none; }
  .utility-menu summary { min-height: 40px; }
  .account-pill { padding-block: 3px; }
  .account-pill button { min-width: 38px; min-height: 38px; }
  .data-update-banner { position: sticky; top: var(--desktop-topbar-height); z-index: 18; }
  .data-update-banner .shell { min-height: 44px; flex-wrap: nowrap; padding-block: 5px; }
  .data-update-banner .shell > div { min-width: 0; display: flex; align-items: baseline; gap: 8px; }
  .data-update-banner strong { flex: 0 0 auto; font-size: 10px; }
  .data-update-banner small { min-width: 0; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  .data-update-banner [data-data-update-eta] { font-size: 9px; }
  .shell { width: min(var(--shell), calc(100% - 40px)); }
  .site-footer { margin-top: 34px; padding: 28px max(20px,calc((100% - var(--shell))/2)); }

  .page-hero { padding-block: 25px 19px; }
  .page-hero.compact { gap: 24px; align-items: center; }
  .page-hero h1 { margin-bottom: 7px; font-size: clamp(30px,3.1vw,43px); line-height: 1.02; }
  .page-hero p:not(.eyebrow) { max-width: 900px; margin-bottom: 0; font-size: 11px; line-height: 1.5; }
  .page-hero .eyebrow { margin-bottom: 8px; font-size: 8px; }
  .hero-count { min-width: 88px; min-height: 58px; aspect-ratio: auto; padding: 10px 14px; border-radius: 18px; }
  .hero-count strong { font-size: 25px; }
  .hero-count span { margin-top: 3px; font-size: 7px; }
  .hero-inline-actions { margin-top: 10px; }

  .radar-hero { min-height: 0; display: block; padding: 28px max(20px,calc((100% - var(--shell))/2)) 24px; background: #fff; color: var(--ink); overflow: visible; }
  .radar-hero::before,.radar-visual { display: none; }
  .radar-hero .eyebrow { margin-bottom: 8px; color: var(--leaf); font-size: 8px; }
  .radar-hero h1 { max-width: 920px; margin-bottom: 10px; color: var(--forest); font-size: clamp(31px,3.4vw,46px); line-height: 1.02; }
  .radar-hero h1 span { color: var(--leaf); }
  .hero-lead { max-width: 840px; color: var(--muted); font-size: 12px; }
  .hero-search { max-width: 620px; margin-top: 17px; border: 1px solid var(--line); box-shadow: none; }
  .hero-search input { height: 40px; font-size: 10px; }
  .hero-search button { padding-inline: 18px; font-size: 9px; }
  .metric-strip { margin-top: 0; border-top: 1px solid var(--line); border-radius: 0 0 24px 24px; box-shadow: 0 8px 24px rgba(36,74,30,.07); }
  .metric-strip a { min-height: 76px; padding: 13px 20px; }
  .metric-strip strong { font-size: 24px; }
  .metric-strip span { margin-top: 4px; font-size: 9px; }
  .wave-boundary { display: none; }

  .company-hero,.registration-hero,.mail-hero,.media-hero,.content-hero,.knowledge-hero,.quiz-hero,.podcast-native-hero,.publishing-guide-hero,.content-detail-hero,.project-detail-hero,.bot-hero,.media-detail-hero { padding-block: 24px 22px; }
  .company-hero h1,.registration-hero h1,.mail-hero h1,.media-hero h1,.content-hero h1,.knowledge-hero h1,.quiz-hero h1,.podcast-native-hero h1,.publishing-guide-hero h1,.content-detail-title h1,.project-detail-hero h1,.bot-hero h1 { margin-block: 6px 8px; font-size: clamp(30px,3.3vw,44px); line-height: 1.02; }
  .registration-hero-grid,.mail-hero-grid,.media-hero-grid,.content-hero-grid,.knowledge-hero-grid,.quiz-hero-grid,.publishing-guide-hero-grid,.bot-hero-grid { gap: 24px; }
  .content-orbit,.knowledge-cabinet { display: none; }
  .content-hero-grid,.knowledge-hero-grid { grid-template-columns: minmax(0,1fr); }
  .content-hero::after,.knowledge-hero::after,.quiz-hero::after,.podcast-native-hero::after,.publishing-guide-hero::after { opacity: .04; }
  .registration-register-links a { min-height: 76px; padding: 12px; border-radius: 17px; }
  .mail-safety-card { padding: 18px; border-radius: 24px; }
  .quiz-hero dl div { padding: 11px; border-radius: 15px; }
  .quiz-hero dd { font-size: 21px; }
  .publishing-guide-flow span { padding: 8px 10px; }
  .publishing-guide-shell { margin-top: -16px; }

  .company-hero { padding-block: 20px 17px; }
  .company-hero-inner { align-items: center; }
  .company-hero .back-link { margin-bottom: 10px; font-size: 9px; }
  .company-hero .card-badges { margin-bottom: 6px; }
  .company-hero h1 { max-width: 980px; margin: 6px 0; }
  .company-hero p { font-size: 10px; }
  .hero-score { min-width: 104px; width: auto; height: auto; min-height: 62px; padding: 10px 14px; border-radius: 20px; }
  .hero-score strong { font-size: 28px; }
  .hero-score span { font-size: 7px; }
  .operational-alert { margin-top: 14px; }
  .readiness-panel { margin-top: 14px; padding: 14px 17px; border-radius: 22px; }
  .readiness-panel h2 { font-size: 18px; }
  .readiness-panel dl { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
  .readiness-panel dl div { padding: 7px 8px; }
  .company-view-tabs { position: sticky; top: var(--desktop-topbar-height); z-index: 16; display: grid; grid-template-columns: repeat(auto-fit,minmax(142px,1fr)); gap: 4px; margin-top: 10px; padding: 7px 0; overflow: visible; background: rgba(251,251,251,.97); backdrop-filter: blur(12px); }
  .company-view-tabs[hidden] { display: none; }
  .company-view-tabs button { min-width: 0; min-height: 42px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 9px; border: 1px solid #dfe8da; border-radius: 13px; background: #f4f8f1; color: var(--muted); font-size: 8px; font-weight: 650; line-height: 1.2; text-align: left; }
  .company-view-tabs button span { min-width: 0; overflow-wrap: anywhere; }
  .company-view-tabs button:hover { background: #eef4e9; color: var(--forest); }
  .company-view-tabs button.active { border-color: var(--meadow); background: #fff; color: var(--forest); box-shadow: 0 4px 12px rgba(36,74,30,.09); }
  .company-view-tabs button b { min-width: 23px; height: 21px; display: grid; place-items: center; padding-inline: 5px; border-radius: 999px; background: #eef1ed; color: var(--muted); font-size: 7px; }
  .company-view-tabs button.active b { background: var(--pale); color: var(--forest); }
  .company-workspace { grid-template-columns: minmax(0,1fr); gap: 10px; padding-block: 6px 38px; }
  .company-summary { position: static; max-height: none; display: grid; grid-template-columns: minmax(0,1fr) 176px; gap: 6px 16px; align-items: center; overflow: visible; padding: 12px 14px; border-radius: 20px; }
  .company-summary-heading { display: none; }
  .company-summary-links { display: grid; grid-template-columns: repeat(auto-fit,minmax(118px,1fr)); gap: 8px; margin: 0; }
  .company-summary-links button { min-height: 60px; padding: 8px 10px; border-radius: 12px; }
  .company-summary-links span { font-size: 8px; }
  .company-summary-links strong { font-size: 11px; }
  .company-summary p { grid-column: 1; overflow: hidden; margin: 0; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  .company-summary-actions { grid-column: 2; grid-row: 1 / span 2; display: grid; gap: 6px; }
  .company-summary-actions > .outline-button,.company-summary-actions > .company-work-control,.company-summary-actions > .company-work-restore { min-width: 176px; margin: 0; }
  .company-summary-actions > .outline-button { min-height: 38px; padding: 6px 10px; font-size: 8px; }
  .company-work-control { position: relative; padding: 0; border: 0; text-align: center; }
  .company-work-control > summary { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; color: var(--muted); font-size: 8px; text-decoration: underline; text-decoration-color: rgba(89,101,82,.35); text-underline-offset: 3px; list-style: none; }
  .company-work-control > summary::-webkit-details-marker { display: none; }
  .company-work-control form { position: absolute; right: 0; top: calc(100% + 7px); z-index: 24; width: min(360px,calc(100vw - 48px)); margin: 0; padding: 17px; text-align: left; background: #fff; box-shadow: 0 16px 42px rgba(36,74,30,.2); }
  .company-sections-tabbed > .registration-history-access-note { display: flex; align-items: baseline; gap: 10px; margin: 0 0 8px; padding: 9px 13px; border-radius: 14px; }
  .company-sections-tabbed > .registration-history-access-note strong { flex: 0 0 auto; font-size: 9px; }
  .company-sections-tabbed > .registration-history-access-note p { min-width: 0; flex: 1; overflow: hidden; margin: 0; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  .company-sections.company-sections-tabbed { grid-template-columns: minmax(0,1fr); gap: 0; }
  .company-sections-tabbed > .company-section-group { min-width: 0; width: 100%; border-radius: 0; background: transparent; box-shadow: none; }
  .company-sections-tabbed > .company-section-group > summary { display: none; }
  .company-sections-tabbed > .company-section-group > .company-section-group-body { gap: 7px; padding: 0; }
  .company-sections-tabbed .company-now-card { padding: 16px; border-radius: 20px; }
  .company-sections-tabbed .company-now-card > header { gap: 12px; margin-bottom: 11px; }
  .company-sections-tabbed .company-now-card h2 { font-size: 18px; }
  .company-sections-tabbed .company-section-group-body > details > summary { min-height: 46px; padding: 8px 14px; font-size: 11px; }
  .company-sections-tabbed .detail-body { gap: 8px; padding: 0 14px 14px; }
  .company-sections-tabbed .data-card,.company-sections-tabbed .source-card { padding: 14px; border-radius: 16px; }
  .company-sections-tabbed .document-row { padding: 11px 13px; border-radius: 14px; }
  .company-sections-tabbed .timeline article { grid-template-columns: 94px 1fr; gap: 12px; padding-bottom: 12px; }
  .company-sections-tabbed blockquote { padding: 13px; }

  .section-space { padding-block: 45px; }
  .section-heading { margin-bottom: 18px; }
  .section-heading h2,.lead-panel h2,.source-scene h2,.source-catalog h2 { font-size: clamp(25px,2.5vw,35px); }
  .commercial-new-banner { margin-top: 14px; margin-bottom: 8px; padding: 16px 20px; border-radius: 20px; }
  .workflow-source-note { margin-top: 8px; }
}

/* Work-queue task lifecycle controls. */
.tag.task-taken { background: #e9f5e1; color: var(--forest); }
.work-task-control { grid-column: 1 / -1; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: #f7faf4; }
.work-task-control > summary { cursor: pointer; color: var(--forest); font-size: 12px; font-weight: 700; }
.work-task-control > small { display: block; margin-top: 7px; color: var(--muted); }
.work-task-actions { display: grid; grid-template-columns: auto auto minmax(260px, 1fr); gap: 10px; align-items: end; margin-top: 12px; }
.work-task-actions form { margin: 0; }
.work-task-actions label { display: grid; gap: 5px; }
.work-task-actions label span { color: var(--muted); font-size: 11px; font-weight: 700; }
.work-task-actions input, .work-task-actions select { box-sizing: border-box; width: 100%; min-height: 36px; }
.work-task-snooze { display: grid; grid-template-columns: minmax(130px, 1fr) auto; gap: 7px; align-items: end; }
.work-task-dismiss { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(220px, .8fr) minmax(260px, 1fr) auto; gap: 7px; align-items: end; }
.work-queue-hidden > div { padding: 0 15px 15px; }
.hidden-work-list { display: grid; gap: 9px; }
.hidden-work-list > article { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.hidden-work-list h3 { margin: 0 0 4px; font-size: 14px; }
.hidden-work-list p, .hidden-work-list small { margin: 0; color: var(--muted); }

@media (max-width: 900px) {
  .work-task-actions, .work-task-snooze, .work-task-dismiss { grid-template-columns: 1fr; }
  .hidden-work-list > article { align-items: flex-start; flex-direction: column; }
}

/* Desktop work queue: one working surface with grouped saved views. */
.work-queue-view-shell { position: relative; margin-top: 10px; }
.work-queue-view-switcher { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 8px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 7px 22px rgba(36,74,30,.06); }
.work-queue-view-switcher > a { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border-radius: 999px; color: var(--muted); font-size: 10px; font-weight: 700; text-decoration: none; }
.work-queue-view-switcher > a:hover { background: #f2f6ee; color: var(--forest); }
.work-queue-view-switcher > a.active { background: var(--forest); color: #fff; }
.work-queue-view-switcher > a b { min-width: 25px; height: 23px; display: grid; place-items: center; padding: 0 6px; border-radius: 999px; background: #edf1e9; color: var(--forest); font-size: 8px; }
.work-queue-view-switcher > a.active b { background: var(--lime); }
.work-queue-view-catalog { position: relative; margin-left: auto; }
.work-queue-view-catalog > summary { min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); font-size: 10px; font-weight: 700; cursor: pointer; list-style: none; }
.work-queue-view-catalog > summary::-webkit-details-marker { display: none; }
.work-queue-view-catalog > summary::after { content: '⌄'; font-size: 13px; }
.work-queue-view-catalog[open] > summary { background: var(--pale); border-color: #b8cf6b; }
.work-queue-view-catalog[open] > summary::after { transform: rotate(180deg); }
.work-queue-view-catalog > div { position: absolute; z-index: 30; top: calc(100% + 8px); right: 0; width: min(760px,calc(100vw - 260px)); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 18px 45px rgba(35,71,28,.16); }
.work-queue-view-catalog section { display: grid; align-content: start; gap: 2px; padding: 9px; border-radius: 13px; background: #f7f9f4; }
.work-queue-view-catalog section strong { padding: 4px 7px 7px; color: var(--forest); font-size: 9px; text-transform: uppercase; }
.work-queue-view-catalog section a { min-height: 35px; display: flex; align-items: center; padding: 6px 7px; border-radius: 9px; color: var(--ink); font-size: 9px; line-height: 1.35; text-decoration: none; }
.work-queue-view-catalog section a:hover { background: var(--pale); color: var(--forest); }
.work-queue-tools { display: grid; grid-template-columns: minmax(230px,.65fr) minmax(420px,1.35fr); gap: 10px; align-items: start; margin-top: 10px; }
.work-queue-tools .workflow-source-note { margin: 0; padding: 0; overflow: hidden; background: #f2f7ef; }
.work-queue-tools .workflow-source-note > summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 15px; color: var(--forest); font-size: 10px; font-weight: 700; cursor: pointer; list-style: none; }
.work-queue-tools .workflow-source-note > summary::-webkit-details-marker { display: none; }
.work-queue-tools .workflow-source-note > summary::after { content: 'Подробнее  ⌄'; flex: 0 0 auto; color: var(--leaf); font-size: 8px; }
.work-queue-tools .workflow-source-note[open] > summary::after { content: 'Скрыть  ⌃'; }
.work-queue-tools .workflow-source-note p { padding: 0 15px 13px; font-size: 9px; line-height: 1.5; }
.work-queue-tools .work-queue-search { min-height: 54px; margin: 0; }
.work-queue-view-shell + .weekly-actions,.work-queue-view-shell + .work-new-opportunities { padding-top: 26px; }
.work-queue-primary .section-heading { max-width: 940px; }
.work-queue-also { padding: 7px 9px; border-radius: 9px; background: #f2f7ef; color: #596552 !important; font-size: 10px !important; }
.work-new-opportunities { padding-top: 45px; }
.work-new-opportunities .section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.work-new-opportunities .section-heading > div { max-width: 800px; }
.work-new-opportunity-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.work-new-opportunity-links a { min-height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 11px 13px; border: 1px solid #d9e3d4; border-radius: 15px; background: #fff; color: var(--forest); font-size: 10px; font-weight: 700; line-height: 1.35; text-decoration: none; }
.work-new-opportunity-links a::after { content: '→'; color: var(--leaf); }
.work-queue-hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: var(--muted); font-size: 9px; }
.work-queue-hero-meta summary,.work-queue-hero-meta .outline-link { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); font-size: 9px; font-weight: 700; cursor: pointer; list-style: none; text-decoration: none; }
.work-queue-hero-meta summary::-webkit-details-marker { display: none; }
.work-queue-hero-meta summary::after { content: '⌄'; margin-left: 7px; font-size: 11px; }
.work-queue-hero-meta details[open] summary { background: var(--pale); }
.work-queue-hero-meta details[open] summary::after { transform: rotate(180deg); }
.work-queue-hero-meta details p { max-width: 420px; margin: 8px 0 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 15px; background: #fff; color: var(--muted); font-size: 9px; line-height: 1.5; }
.work-queue-stale-status { min-height: 44px; display: flex; align-items: center; gap: 10px; margin-bottom: 8px; padding: 9px 13px; border: 1px solid #e4d295; border-radius: 14px; background: #fff8dd; }
.work-queue-stale-status > div { min-width: 0; display: grid; gap: 2px; }
.work-queue-stale-status strong,.work-queue-stale-status small { color: #745d29; font-size: 9px; line-height: 1.4; }

@media (min-width: 981px) {
  .work-queue-hero { min-height: 96px; padding-block: 13px 11px; gap: 18px; }
  .work-queue-hero > div:first-child { min-width: 0; }
  .work-queue-hero h1 { margin-bottom: 5px; font-size: clamp(27px,2.4vw,34px); }
  .work-queue-hero .eyebrow { margin-bottom: 5px; }
  .work-queue-hero-summary { overflow: hidden; max-width: 760px !important; text-overflow: ellipsis; white-space: nowrap; }
  .work-queue-hero-meta { flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-end; gap: 9px; color: var(--muted); font-size: 8px; }
  .work-queue-hero-meta > span { max-width: 210px; line-height: 1.35; text-align: right; }
  .work-queue-hero-meta details { position: relative; }
  .work-queue-hero-meta summary,.work-queue-hero-meta .outline-link { min-height: 44px; display: inline-flex; align-items: center; padding: 7px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--forest); font-size: 8px; font-weight: 700; cursor: pointer; list-style: none; text-decoration: none; white-space: nowrap; }
  .work-queue-hero-meta summary::-webkit-details-marker { display: none; }
  .work-queue-hero-meta summary::after { content: '⌄'; margin-left: 7px; font-size: 11px; }
  .work-queue-hero-meta details[open] summary { background: var(--pale); }
  .work-queue-hero-meta details[open] summary::after { transform: rotate(180deg); }
  .work-queue-hero-meta details p { position: absolute; z-index: 32; top: calc(100% + 7px); right: 0; width: 310px; margin: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 14px 34px rgba(35,71,28,.14); color: var(--muted); font-size: 9px; line-height: 1.5; }
  .work-queue-stale-status { min-height: 44px; display: flex; align-items: center; gap: 10px; margin-bottom: 7px; padding: 8px 13px; border: 1px solid #e4d295; border-radius: 14px; background: #fff8dd; }
  .work-queue-stale-status > div { min-width: 0; display: flex; align-items: baseline; gap: 8px; }
  .work-queue-stale-status strong { flex: 0 0 auto; color: #745d29; font-size: 9px; }
  .work-queue-stale-status small { overflow: hidden; color: #745d29; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
  .work-queue-view-shell { margin-top: 6px; }
  .work-queue-view-switcher { padding: 5px; }
  .work-queue-view-switcher > a,.work-queue-view-catalog > summary { min-height: 44px; padding-block: 6px; }
  .work-queue-tools { margin-top: 7px; }
  .work-queue-tools .workflow-source-note > summary { min-height: 44px; padding-block: 8px; }
  .work-queue-tools .work-queue-search { min-height: 46px; padding-block: 5px; }
  .work-queue-view-shell + .weekly-actions,.work-queue-view-shell + .work-new-opportunities { padding-top: 14px; }
  .work-queue-primary .section-heading { margin-bottom: 10px; }
  .work-queue-primary .section-heading .eyebrow { margin-bottom: 4px; }
  .work-queue-primary .section-heading h2 { font-size: clamp(24px,2.2vw,30px); }
  .work-queue-primary .section-heading p:last-child { margin-top: 4px; font-size: 10px; line-height: 1.4; }

  .company-view-tabs { gap: 4px; padding-block: 7px; }
  .company-view-tabs button { min-height: 42px; gap: 6px; padding: 7px 9px; font-size: 9px; }
  .company-view-tabs button b { min-width: 24px; height: 22px; font-size: 8px; }

  .company-sections details:not(.composition-inline):not(.frap-date-details):not(.material-product-list):not(.registry-lines) > summary { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; justify-content: initial; gap: 10px; }
  .company-sections details:not(.composition-inline):not(.frap-date-details):not(.material-product-list):not(.registry-lines) > summary > b { grid-column: 2; order: initial; justify-self: end; }
  .company-sections details:not(.composition-inline):not(.frap-date-details):not(.material-product-list):not(.registry-lines) > summary::after { content: '⌄'; grid-column: 3; order: initial; justify-self: end; width: 28px; min-width: 28px; height: 28px; padding: 0; border: 1px solid rgba(51,106,41,.18); border-radius: 50%; background: #f2f7ef; color: var(--forest); font-size: 14px; font-weight: 700; white-space: nowrap; transition: transform .18s ease; }
  .company-sections details[open]:not(.composition-inline):not(.frap-date-details):not(.material-product-list):not(.registry-lines) > summary::after { content: '⌄'; transform: rotate(180deg); }
  .company-sections .company-section-group > summary::after { background: var(--lime); }
}

@media (max-width: 980px) {
  .work-queue-tools { grid-template-columns: 1fr; }
  .work-queue-view-catalog { margin-left: 0; }
  .work-queue-view-catalog > div { position: static; width: 100%; grid-template-columns: 1fr; margin-top: 8px; box-shadow: none; }
  .work-new-opportunity-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .company-view-tabs { position: sticky; top: 0; z-index: 16; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; margin-top: 8px; padding: 7px 0; background: rgba(251,251,251,.97); backdrop-filter: blur(12px); }
  .company-view-tabs[hidden] { display: none; }
  .company-view-tabs button { min-width: 0; min-height: 44px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 9px; border: 1px solid #dfe8da; border-radius: 12px; background: #f4f8f1; color: var(--muted); font-size: 9px; font-weight: 650; line-height: 1.2; text-align: left; }
  .company-view-tabs button span { min-width: 0; overflow-wrap: anywhere; }
  .company-view-tabs button b { min-width: 24px; height: 22px; display: grid; place-items: center; padding-inline: 5px; border-radius: 999px; background: #eef1ed; color: var(--muted); font-size: 8px; }
  .company-view-tabs button.active { border-color: var(--meadow); background: #fff; color: var(--forest); box-shadow: 0 4px 12px rgba(36,74,30,.09); }
  .company-view-tabs button.active b { background: var(--pale); color: var(--forest); }
  .company-sections.company-sections-tabbed { grid-template-columns: minmax(0,1fr); gap: 0; }
  .company-sections-tabbed > .company-section-group { min-width: 0; width: 100%; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .company-sections-tabbed > .company-section-group > summary { display: none; }
  .company-sections-tabbed > .company-section-group > .company-section-group-body { padding: 0; }
}

@media (max-width: 680px) {
  .work-queue-view-switcher > a { flex: 1 1 calc(50% - 7px); justify-content: space-between; }
  .work-queue-view-catalog { width: 100%; }
  .work-queue-view-catalog > summary { justify-content: space-between; }
  .work-new-opportunities .section-heading { align-items: flex-start; flex-direction: column; }
  .work-new-opportunity-links { grid-template-columns: 1fr; }
  .company-view-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .chz-primary-groups { grid-template-columns: 1fr; }
  .chz-hero-badge { max-width: 100%; flex-wrap: wrap; }
}
@media (max-width: 1050px) {
  .registry-filter.brewer-filter { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .registry-filter.compact-filter { grid-template-columns: minmax(0,1fr) auto auto; }
}
@media (max-width: 650px) {
  .registry-filter.brewer-filter,.registry-filter.compact-filter { grid-template-columns: 1fr; }
  .crm-search-row { flex-wrap: wrap; }
  .crm-search-row .pill-button { width: 100%; }
}
.company-status-bar { margin-block: 20px; padding: 20px 24px; border: 1px solid var(--line); border-radius: 24px; background: #fff; display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: start; justify-content: space-between; }
.company-registry-state { display: grid; gap: 8px; flex: 1 1 360px; }
.company-registry-state .operational-chip { width: fit-content; font-size: 14px; line-height: 1.5; }
.company-registry-state small { font-size: 12px; line-height: 1.6; color: var(--muted); }
.operational-chip.success { background: #edf5e6; color: var(--forest); }
.operational-chip.neutral { background: #f1f2ef; color: var(--muted); }
.company-status-actions { flex: 0 1 420px; min-width: 0; padding-left: 24px; border-left: 1px solid var(--line); }
.company-status-actions > .eyebrow { margin: 0 0 10px; color: var(--muted); }
.company-status-control { width: 100%; min-width: 0; }
.company-status-control > summary { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 20px; border: 1px solid var(--forest); border-radius: 999px; color: var(--forest); background: #fff; cursor: pointer; font-size: 14px; font-weight: 600; list-style: none; }
.company-status-control > summary::-webkit-details-marker { display: none; }
.company-status-control > summary:hover,.company-status-control[open] > summary { background: var(--pale); }
.company-status-control > summary:focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; }
.company-status-control form { display: grid; gap: 12px; padding-top: 18px; font-size: 13px; line-height: 1.6; }
.company-status-control form > strong { color: var(--danger); }
.company-status-control label { display: grid; gap: 8px; }
.company-status-control textarea { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 12px; font: inherit; resize: vertical; background: #fff; }
.company-status-control button { min-height: 46px; border: 1px solid var(--danger); border-radius: 24px; padding: 10px 16px; color: var(--danger); background: #fff; font: inherit; font-weight: 600; }
.company-status-control small { color: var(--muted); }
.company-status-restore { display: grid; gap: 8px; }
.company-status-restore button { min-height: 46px; }
@media (max-width: 760px) { .company-status-bar { padding: 16px; gap: 16px; } .company-status-control,.company-registry-state,.company-status-restore { flex: 1 1 100%; min-width: 0; width: 100%; } }

@media (max-width: 760px) { .company-status-actions { flex: 1 1 100%; width: 100%; padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--line); } }