:root {
  --ink: #172033;
  --muted: #748096;
  --line: #e5ebf4;
  --paper: #ffffff;
  --wash: #f4f8fc;
  --purple: #3467e8;
  --purple-soft: #eaf1ff;
  --coral: #2db7d7;
  --coral-soft: #e8f9fd;
  --mint: #19b89d;
  --mint-soft: #e8faf6;
  --blue: #4d7cff;
  --blue-soft: #edf4ff;
  --shadow: 0 20px 50px rgba(22, 43, 76, .11);
}

* { box-sizing: border-box; }

.auth-gate { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 15% 10%,rgba(45,188,212,.22),transparent 36%),linear-gradient(135deg,#071a35 0%,#123b69 55%,#0e8790 100%); }
.auth-gate[hidden] { display:none; }
.auth-card { width:min(400px,100%); padding:36px; border:1px solid rgba(255,255,255,.20); border-radius:24px; color:#fff; background:rgba(7,24,48,.86); box-shadow:0 32px 90px rgba(0,0,0,.32); backdrop-filter:blur(20px); }
.auth-card>img { width:56px; height:56px; border-radius:16px; }
.auth-kicker { margin:22px 0 8px; color:#67e8f9; font-size:12px; font-weight:800; letter-spacing:.18em; }
.auth-card h1 { margin:22px 0 6px; font-size:29px; letter-spacing:-.6px; }
.auth-card>p:not(.auth-kicker) { margin:0; color:#9fb3cf; font-size:14px; line-height:1.6; }
.auth-form { display:grid; gap:12px; margin-top:28px; }
.auth-form[hidden] { display:none; }
.auth-form label { display:grid; gap:7px; color:#dbeafe; font-size:12px; font-weight:700; }
.auth-form input { width:100%; min-height:50px; padding:0 15px; border:1px solid rgba(255,255,255,.20); border-radius:12px; color:#fff; background:rgba(255,255,255,.09); outline:none; font:inherit; }
.auth-form input:focus { border-color:#67e8f9; box-shadow:0 0 0 3px rgba(103,232,249,.15); }
.auth-form .primary-button { justify-content:center; min-height:50px; margin-top:4px; background:linear-gradient(135deg,#1677ff,#22c1c3); }
.auth-link { border:0; color:#9edcf3; background:transparent; cursor:pointer; }
.auth-message { min-height:22px; margin-top:16px; color:#fcd34d; font-size:13px; }
.auth-card>small { display:block; margin-top:14px; color:#8fa9c8; line-height:1.5; }
html { min-width: 1180px; background: var(--wash); }
body { margin: 0; color: var(--ink); background: var(--wash); font-family: "DM Sans", "Noto Sans SC", sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
button { cursor: pointer; }

.demo-gate { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 20% 18%, rgba(45,183,215,.18), transparent 28%), linear-gradient(145deg,#f6fbff,#eaf2ff); }
.demo-gate.unlocked { display: none; }
.demo-login-card { width: min(460px, 92vw); padding: 34px; border: 1px solid rgba(166,184,215,.58); border-radius: 26px; background: rgba(255,255,255,.88); box-shadow: 0 26px 80px rgba(35,66,112,.16); backdrop-filter: blur(16px); text-align: center; }
.demo-login-card img { width: 62px; height: 62px; object-fit: cover; border-radius: 18px; box-shadow: 0 14px 30px rgba(0,132,255,.25); }
.demo-login-card > span { display: inline-flex; margin-top: 18px; padding: 6px 10px; color: #245bd3; background: #eaf1ff; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: 1px; }
.demo-login-card h1 { margin: 14px 0 10px; font-size: 25px; line-height: 1.25; letter-spacing: -.6px; }
.demo-login-card p { margin: 0 auto 20px; max-width: 350px; color: #687386; font-size: 13px; line-height: 1.8; }
.demo-login-card form { display: grid; gap: 11px; }
.demo-login-card input { height: 42px; padding: 0 14px; border: 1px solid #dce5f1; border-radius: 12px; outline: none; background: #fbfdff; text-align: center; font-size: 13px; }
.demo-login-card input:focus { border-color: #91adff; box-shadow: 0 0 0 4px rgba(52,103,232,.1); }
.demo-login-card small { display: block; min-height: 17px; margin-top: 10px; color: #d85f5f; font-size: 11px; }
.demo-ribbon { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 11px 14px; border: 1px solid #cfe0ff; border-radius: 13px; color: #385174; background: linear-gradient(90deg,#eef5ff,#f8fbff); font-size: 11px; }
.demo-ribbon strong { padding: 5px 8px; color: #245bd3; background: white; border-radius: 8px; box-shadow: 0 6px 16px rgba(45,82,153,.08); }
.demo-locked { opacity: .46 !important; cursor: not-allowed !important; pointer-events: auto !important; filter: grayscale(.12); }
.demo-hidden { display: none !important; }

.app-shell { display: flex; min-height: 100vh; }
.sidebar { position: fixed; z-index: 10; inset: 0 auto 0 0; width: 232px; padding: 25px 16px 18px; display: flex; flex-direction: column; background: #fff; border-right: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 10px; padding: 0 9px 24px; font-size: 20px; font-weight: 700; letter-spacing: -.5px; }
.brand-copy { display:flex; flex-direction:column; gap:2px; line-height:1.1; }
.brand-copy strong { font-size:16px; letter-spacing:-.4px; }
.brand-copy small { color:#7d8ca4; font-size:8px; font-weight:600; letter-spacing:.3px; white-space:nowrap; }
.brand-mark { width: 40px; height: 40px; display: block; object-fit: cover; border-radius: 12px; box-shadow: 0 8px 18px rgba(0,132,255,.22); }
.workspace-pill { display: flex; align-items: center; gap: 9px; padding: 11px; margin-bottom: 20px; border-radius: 12px; background: var(--wash); }
.workspace-pill > span { margin-left: auto; color: var(--muted); }
.workspace-icon { width: 32px; height: 32px; display: grid; place-items: center; color: white; background: linear-gradient(145deg, #2db7d7, #315fd6); border-radius: 9px; font-weight: 700; }
.workspace-pill div:nth-child(2) { display: flex; flex-direction: column; gap: 2px; }.workspace-pill small { font-size: 10px; color: #9aa0ad; }.workspace-pill strong { font-size: 12px; }
.main-nav { display: grid; gap: 4px; }.nav-label { margin: 24px 12px 8px; color: #a5aab5; font-size: 10px; font-weight: 700; letter-spacing: 1.4px; }
.nav-item { position: relative; width: 100%; display: flex; align-items: center; gap: 11px; padding: 10px 12px; border: 0; border-radius: 10px; color: #6f7685; background: transparent; text-align: left; font-size: 13px; font-weight: 500; transition: .2s; }
.nav-item:hover { background: #f7f6ff; color: var(--purple); }.nav-item.active { color: var(--purple); background: var(--purple-soft); font-weight: 700; }
.nav-item > span { width: 20px; color: currentColor; font-size: 18px; text-align: center; }.nav-item b,.nav-item em { margin-left: auto; min-width: 21px; height: 21px; display: grid; place-items: center; padding: 0 6px; color: var(--purple); background: white; border-radius: 7px; font-size: 10px; font-style: normal; box-shadow: 0 2px 8px rgba(99,88,211,.12); }.nav-item em { color: var(--coral); background: var(--coral-soft); }
.usage-card { margin-top: auto; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: #fbfbfd; }.usage-head { display: flex; justify-content: space-between; font-size: 11px; }.usage-head strong { color: var(--purple); }.progress { height: 5px; margin: 10px 0 7px; overflow: hidden; border-radius: 5px; background: #e8e6f5; }.progress i { display: block; width: 62%; height: 100%; background: linear-gradient(90deg, var(--purple), #9b8fff); border-radius: 5px; }.usage-card p,.usage-card small { margin: 0; color: #747b89; font-size: 10px; }.usage-card small { display: block; margin-top: 4px; color: #a3a8b1; }
.sidebar-user { display: flex; align-items: center; gap: 9px; padding: 17px 7px 0; }.avatar { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: linear-gradient(145deg,#242b3b,#6f7890); font-size: 11px; font-weight: 700; }.sidebar-user div:nth-child(2) { display: flex; flex-direction: column; gap: 2px; }.sidebar-user strong { font-size: 11px; }.sidebar-user small { color: #9ba0aa; font-size: 9px; }.sidebar-user button { margin-left: auto; border: 0; color: #9ba0aa; background: none; }

.main-content { width: calc(100% - 232px); margin-left: 232px; padding: 29px 34px 60px; }
.topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }.eyebrow { margin: 0 0 6px; color: #9a9eaa; font-size: 9px; font-weight: 700; letter-spacing: 1.5px; }.topbar h1 { margin: 0; font-size: 24px; line-height: 1.25; letter-spacing: -.6px; }.topbar h1 span { color: var(--coral); }.top-actions { display: flex; align-items: center; gap: 11px; }.sync-status { position: relative; display: grid; grid-template-columns: 8px auto; column-gap: 7px; padding-right: 15px; text-align: left; }.sync-status i { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px var(--mint-soft); }.sync-status span { font-size: 10px; font-weight: 600; }.sync-status small { grid-column: 2; color: #a1a6b0; font-size: 9px; }.icon-button { position: relative; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; background: white; }.icon-button b { position: absolute; top: 8px; right: 8px; width: 6px; height: 6px; border: 2px solid white; border-radius: 50%; background: var(--coral); }.primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 39px; padding: 0 16px; border: 0; border-radius: 10px; color: white; background: var(--ink); font-size: 11px; font-weight: 600; box-shadow: 0 8px 18px rgba(31,37,49,.15); }.primary-button:hover { transform: translateY(-1px); }.primary-button.wide { min-width: 210px; }
.view { display: none; }.view.active { display: block; }
.context-bar { display: flex; align-items: center; min-height: 72px; padding: 12px 16px; margin-bottom: 16px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }.product-context,.market-context { display: flex; align-items: center; gap: 10px; }.product-thumb { width: 40px; height: 40px; display: grid; place-items: center; color: white; background: linear-gradient(145deg,#f4a977,#d86842); border-radius: 10px; font-size: 16px; font-weight: 700; }.product-context > div,.market-context { display: flex; flex-direction: column; gap: 4px; }.product-context small,.market-context small { color: #a1a6b0; font-size: 9px; }.product-context strong { font-size: 12px; }.product-context strong span { padding: 3px 6px; margin-left: 5px; color: #8a779c; background: #f3eff6; border-radius: 5px; font-size: 8px; font-weight: 500; }.product-context button { border: 0; color: #9ba0aa; background: transparent; }.context-divider { width: 1px; height: 34px; margin: 0 25px; background: var(--line); }.flags { display: flex; align-items: center; }.flags span { width: 23px; height: 23px; display: grid; place-items: center; margin-left: -3px; border: 2px solid white; border-radius: 50%; background: #f2f3f5; font-size: 12px; }.flags b { margin-left: 8px; font-size: 10px; }.site-picker { display:flex; align-items:center; gap:7px; height:34px; padding:0 10px; border:1px solid var(--line); border-radius:10px; background:#fbfbfd; }.site-picker span { font-size:14px; }.site-picker select { min-width:118px; border:0; outline:0; color:#1f2737; background:transparent; font-size:10px; font-weight:700; }.date-context { margin-left: auto; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; font-size: 10px; }.date-context span { margin-left: 10px; color: #9aa0aa; }
.metric-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 16px; }.metric-card { position: relative; min-height: 136px; padding: 17px; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 14px; }.metric-card::after { content:""; position:absolute; width: 100px; height:100px; right:-50px; top:-50px; border-radius:50%; background: currentColor; opacity:.05; }.metric-icon { width: 31px; height: 31px; display: grid; place-items: center; margin-bottom: 11px; border-radius: 9px; background: currentColor; color: white; font-size: 14px; }.metric-card.coral { color: var(--coral); }.metric-card.violet { color: var(--purple); }.metric-card.mint { color: var(--mint); }.metric-card.blue { color: var(--blue); }.metric-card p { margin: 0; color: #858b98; font-size: 10px; }.metric-card h2 { margin: 2px 0 2px; color: var(--ink); font-size: 25px; }.metric-card small { color: #a3a8b2; font-size: 9px; }.trend { position: absolute; top: 17px; right: 17px; padding: 4px 7px; border-radius: 7px; font-size: 8px; font-weight: 600; }.trend.up { color: var(--mint); background: var(--mint-soft); }.trend.stable { color: var(--blue); background: var(--blue-soft); }
.dashboard-grid { display: grid; grid-template-columns: 1.6fr .8fr; gap: 16px; margin-bottom: 16px; }.panel { background: white; border: 1px solid var(--line); border-radius: 14px; }.panel-head { display: flex; justify-content: space-between; align-items: flex-start; padding: 17px 18px; }.panel-head h3 { margin: 0 0 4px; font-size: 13px; }.panel-head p { margin: 0; color: #969ca8; font-size: 9px; }.panel-head button { border: 0; color: var(--purple); background: none; font-size: 9px; font-weight: 600; }.legend { display: flex; gap: 14px; color: #8e94a0; font-size: 8px; }.legend span { display: flex; align-items: center; gap: 5px; }.legend i { width: 13px; height: 2px; display: inline-block; }.line-purple { background: var(--purple); }.line-coral { background: var(--coral); }
.chart-wrap { position: relative; height: 236px; padding: 0 16px 28px 41px; }.chart-y { position: absolute; inset: 2px auto 28px 14px; display: flex; flex-direction: column; justify-content: space-between; color: #a4a9b3; font-size: 8px; }.trend-chart { width: 100%; height: 185px; overflow: visible; }.grid-lines line { stroke: #eceef2; stroke-width: 1; }.chart-area { fill: url(#areaPurple); }.chart-line { fill: none; stroke-linecap: round; stroke-width: 3; vector-effect: non-scaling-stroke; }.chart-line.main { stroke: var(--purple); }.chart-line.secondary { stroke: var(--coral); stroke-width: 2; stroke-dasharray: 4 5; }.point { fill: white; stroke: var(--purple); stroke-width: 3; vector-effect: non-scaling-stroke; }.chart-x { display: flex; justify-content: space-between; color: #a4a9b3; font-size: 8px; }.chart-tooltip { position: absolute; top: 0; right: 9px; display: flex; flex-direction: column; padding: 6px 8px; color: white; background: var(--ink); border-radius: 7px; font-size: 8px; box-shadow: 0 5px 12px rgba(30,36,48,.2); }.chart-tooltip strong { font-size: 10px; }.chart-tooltip span { color: #c4c7ce; }
.country-list { display: grid; gap: 13px; padding: 1px 18px 19px; }.country-row { display: grid; grid-template-columns: 28px 1fr 35px; align-items: center; gap: 8px; }.country-row .flag { width: 27px; height: 27px; display: grid; place-items: center; background: var(--wash); border-radius: 8px; font-size: 14px; }.country-info { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 7px; }.country-info strong { font-size: 9px; }.country-info .bar { grid-column: 1 / -1; height: 4px; overflow: hidden; border-radius: 5px; background: #eeeef3; }.country-info .bar i { display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg,var(--purple),#a79cf8); }.country-row > strong { font-size: 10px; text-align: right; }
.video-panel { overflow: hidden; }.video-head { align-items: center; }.video-actions { display: flex; align-items: center; gap: 7px; }.search-box { display: flex; align-items: center; gap: 6px; padding: 0 9px; border: 1px solid var(--line); border-radius: 9px; color: #969ca8; background: #fbfbfc; }.search-box input { width: 155px; height: 32px; border: 0; outline: none; background: transparent; font-size: 9px; }.video-actions select,.outline-button { height: 34px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; color: #707787; background: white; font-size: 9px; outline: none; }.outline-button:hover { color: var(--purple); border-color: #cbc6f6; }.video-table-head,.video-row { display: grid; grid-template-columns: minmax(260px,2fr) .7fr .8fr .9fr .7fr 1.2fr 58px; align-items: center; column-gap: 12px; }.video-table-head { padding: 9px 18px; color: #9ca1ac; background: #f8f8fa; border-block: 1px solid var(--line); font-size: 8px; font-weight: 600; }.video-row { min-height: 85px; padding: 10px 18px; border-bottom: 1px solid #f0f1f4; transition: .18s; }.video-row:hover { background: #fafaff; transform: translateX(2px); }.video-content { display: flex; align-items: center; gap: 10px; min-width: 0; }.video-thumb { position: relative; flex: 0 0 55px; width: 55px; height: 64px; overflow: hidden; border-radius: 9px; background: linear-gradient(145deg,#506a7e,#d0a67c); }.video-thumb::before { content:""; position:absolute; width: 34px; height: 34px; left: 10px; top: 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; }.video-thumb .play { position:absolute; inset:0; display:grid; place-items:center; color:white; font-size:12px; text-shadow:0 1px 7px #000; }.video-thumb small { position:absolute; left:5px; bottom:4px; padding:2px 4px; color:white; background:rgba(0,0,0,.45); border-radius:4px; font-size:6px; }.video-text { min-width: 0; }.video-text strong { max-width: 260px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }.video-text p { margin: 6px 0 0; color: #9298a5; font-size: 8px; }.market-cell { display: flex; align-items: center; gap: 5px; font-size: 9px; }.score-cell strong { display: block; font-size: 14px; }.score-cell span { color: var(--mint); font-size: 7px; }.spark-cell strong { display: block; font-size: 10px; }.spark { width: 54px; height: 18px; margin-top: 2px; }.spark polyline { fill:none; stroke:var(--coral); stroke-width:2; }.engagement-cell strong { font-size: 10px; }.engagement-cell small { display:block; margin-top:3px; color:#a0a5af; font-size:7px; }.signal-list { display: flex; flex-wrap: wrap; gap: 4px; }.signal { padding: 3px 5px; color: #6d6478; background: #f3f0f6; border-radius: 5px; font-size: 7px; }.signal.hot { color:#d15b50; background:var(--coral-soft); }.row-actions { display:flex; gap:4px; justify-content:flex-end; }.row-more,.row-replace { min-width:24px; height:24px; border:0; border-radius:7px; background:#f4f5f8; color:#7c8290; font-size:8px; }.row-more { background:none; font-size:14px; }.row-replace:hover,.row-more:hover { color:var(--purple); background:var(--purple-soft); }.panel-footer { display:flex; justify-content:space-between; align-items:center; padding:12px 18px; color:#999faa; font-size:8px; }.panel-footer button { border:0; color:var(--purple); background:none; font-size:9px; font-weight:600; }

.pager { grid-column:1/-1; display:flex; align-items:center; justify-content:center; gap:12px; padding:14px 18px; color:#7f8796; border-top:1px solid var(--line); font-size:10px; }
.pager button:disabled { opacity:.42; cursor:not-allowed; }
.learning-panel { margin-bottom:16px; overflow:hidden; background:linear-gradient(180deg,#fff,#f8fbff); }
.learning-layout { display:grid; grid-template-columns:360px minmax(0,1fr); gap:18px; padding:0 18px 18px; }
.learning-video-list { display:grid; align-content:start; gap:10px; padding:12px; border:1px solid #e8eef8; border-radius:16px; background:#f7faff; }
.learning-list-head { display:flex; justify-content:space-between; align-items:flex-end; padding:4px 4px 7px; }
.learning-list-head strong { font-size:12px; }
.learning-list-head small { color:#8b95a6; font-size:9px; }
.learning-video-item { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:64px; padding:11px; border:1px solid #e4ebf6; border-radius:14px; background:white; color:var(--ink); text-align:left; cursor:pointer; transition:.18s; box-shadow:0 8px 20px rgba(28,45,75,.04); }
.learning-video-item:hover,.learning-video-item.active { border-color:#9fb7ff; background:#eef5ff; transform:translateX(2px); box-shadow:0 12px 26px rgba(52,103,232,.1); }
.learning-video-item span { width:32px; height:32px; display:grid; place-items:center; background:#fff; border-radius:10px; box-shadow:0 4px 12px rgba(30,36,55,.08); font-size:16px; }
.learning-video-item strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; line-height:1.25; }
.learning-video-item small { display:block; margin-top:5px; color:#7c8494; font-size:9px; }
.learning-video-item em { padding:5px 7px; color:#315fd6; background:#eaf1ff; border-radius:8px; font-size:8px; font-style:normal; white-space:nowrap; }
.learning-detail { min-width:0; }
.learning-card { padding:18px; background:#fff; border:1px solid #dfe8f5; border-radius:18px; box-shadow:0 18px 42px rgba(34,47,83,.07); }
.learning-card.compact { box-shadow:none; }
.learning-hero { display:grid; grid-template-columns:92px minmax(0,1fr); gap:15px; align-items:start; padding-bottom:14px; border-bottom:1px solid #edf2fb; }
.learning-hero .learning-thumb { width:92px; height:122px; flex-basis:92px; border-radius:15px; }
.learning-hero-copy h3 { margin:8px 0 8px; font-size:20px; line-height:1.28; letter-spacing:-.3px; }
.learning-hero-copy p { margin:0; color:#5e6a7d; font-size:12px; line-height:1.7; }
.learning-topline { display:flex; flex-wrap:wrap; gap:7px; }
.learning-topline span { padding:5px 8px; color:#315fd6; background:#edf4ff; border-radius:999px; font-size:9px; font-weight:700; }
.learning-meta-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.learning-chip { padding:5px 8px; color:#687386; background:#f4f7fb; border:1px solid #edf1f7; border-radius:8px; font-size:9px; }
.learning-chip.strong { color:#0d6b5b; background:#e8faf6; border-color:#d7f3ec; font-weight:700; }
.learning-chip.good { color:#b85c20; background:#fff3e8; border-color:#ffe2c8; }
.learning-score-grid { display:grid; grid-template-columns:110px 1fr 1fr; gap:10px; margin:14px 0; }
.learning-score-grid div { padding:13px; background:#f7faff; border:1px solid #e8eef8; border-radius:13px; }
.learning-score-grid strong { display:block; color:#152039; font-size:18px; line-height:1.2; }
.learning-score-grid span { display:block; margin-top:5px; color:#8390a3; font-size:9px; }
.learning-direct-idea { background:linear-gradient(135deg,#eef5ff,#f8fbff); border-color:#cfe0ff; }
.learning-direct-idea strong { color:#244fba; }
.learning-direct-idea p { margin:0; color:#263750; font-size:12px; font-weight:700; line-height:1.8; }
.learning-section-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.learning-block { padding:14px; margin-top:10px; background:#f9fbff; border:1px solid #edf2fb; border-radius:14px; }
.learning-block strong { display:block; margin-bottom:8px; font-size:12px; }
.learning-block p,.learning-block li { color:#5b6575; font-size:11px; line-height:1.85; }
.learning-block ul,.learning-block ol { margin:0; padding-left:18px; }
.operation-block { background:#fffaf3; border-color:#f2dfbd; }
.operation-block strong { color:#9a5b13; }
.prompt-block { background:#fbfcff; border-color:#e2eaff; }
.prompt-block strong { display:inline-flex; align-items:center; gap:6px; color:#20345f; }
.prompt-block strong::before { content:"AI"; display:inline-grid; place-items:center; min-width:22px; height:18px; padding:0 4px; color:#fff; background:#315fd6; border-radius:6px; font-size:8px; letter-spacing:.4px; }
.ai-upgrade-card { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 14px; margin-top:10px; border:1px dashed #b9c9f4; border-radius:14px; background:#f5f8ff; }
.ai-upgrade-card strong { font-size:12px; }
.ai-upgrade-card p { max-width:660px; margin:5px 0 0; color:#758196; font-size:10px; line-height:1.6; }
.learning-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
.learning-library-panel { overflow:hidden; }
.learning-library-list { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; padding:0 18px 18px; }
.empty-inline { padding:28px; color:#8f96a4; text-align:center; font-size:11px; }

.simple-view { min-height: 650px; }.empty-state { display:grid; place-items:center; min-height:500px; text-align:center; background:white; border:1px solid var(--line); border-radius:14px; }.empty-state-icon { width:60px; height:60px; display:grid; place-items:center; color:var(--purple); background:var(--purple-soft); border-radius:18px; font-size:25px; }.empty-state h2 { margin:17px 0 8px; font-size:18px; }.empty-state p { max-width:380px; margin:0 auto 18px; color:var(--muted); font-size:11px; line-height:1.7; }.simple-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }.simple-header h2 { margin:0 0 4px; font-size:18px; }.simple-header p { margin:0; color:var(--muted); font-size:10px; }.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.product-card,.account-card { padding:17px; background:white; border:1px solid var(--line); border-radius:14px; }.product-card-top,.account-card-top { display:flex; align-items:center; gap:10px; }.product-card-icon,.account-avatar { width:42px; height:42px; display:grid; place-items:center; color:white; background:linear-gradient(145deg,#8375ef,#5144c6); border-radius:11px; font-weight:700; }.account-avatar { border-radius:50%; background:linear-gradient(145deg,#ff8d72,#c75265); }.product-card h3,.account-card h3 { margin:0; font-size:12px; }.product-card small,.account-card small { color:var(--muted); font-size:8px; }.card-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; padding-top:15px; margin-top:15px; border-top:1px solid var(--line); }.card-stats div { display:flex; flex-direction:column; gap:3px; }.card-stats strong { font-size:12px; }.card-stats span { color:var(--muted); font-size:7px; }.account-reason { min-height:48px; margin:14px 0; padding:10px; color:#6f7480; background:#f8f8fa; border-radius:9px; font-size:8px; line-height:1.6; }.card-buttons { display:flex; gap:7px; }.card-buttons button { flex:1; height:32px; border:1px solid var(--line); border-radius:8px; color:#6d7381; background:white; font-size:8px; }.card-buttons button.confirm { color:white; background:var(--ink); border-color:var(--ink); }.saved-badge { margin-left:auto; padding:4px 7px; color:var(--mint); background:var(--mint-soft); border-radius:6px; font-size:7px; }

.modal-backdrop,.drawer-backdrop { position:fixed; z-index:50; inset:0; display:flex; align-items:center; justify-content:center; padding:30px; visibility:hidden; opacity:0; background:rgba(21,24,32,.46); backdrop-filter:blur(5px); transition:.2s; }.modal-backdrop.open,.drawer-backdrop.open { visibility:visible; opacity:1; }.modal { position:relative; width:min(720px,90vw); max-height:90vh; overflow:auto; padding:35px; background:white; border-radius:20px; box-shadow:var(--shadow); transform:translateY(15px) scale(.98); transition:.25s; }.modal-backdrop.open .modal { transform:none; }.modal-close,.drawer-close { position:absolute; z-index:2; top:16px; right:16px; width:32px; height:32px; border:0; color:#858b98; background:#f4f5f7; border-radius:9px; font-size:20px; }.modal-step { display:none; }.modal-step.active { display:block; }.modal-kicker { margin-bottom:10px; color:var(--purple); font-size:9px; font-weight:700; letter-spacing:1.3px; }.modal-kicker.success { color:var(--mint); }.modal h2 { margin:0 0 8px; font-size:23px; }.modal > div > p { margin:0 0 24px; color:var(--muted); font-size:11px; line-height:1.6; }.large-input { display:flex; flex-direction:column; gap:8px; padding:14px 16px; border:1px solid #dcdfe6; border-radius:12px; }.large-input:focus-within { border-color:var(--purple); box-shadow:0 0 0 3px var(--purple-soft); }.large-input span { color:#8d93a0; font-size:9px; }.large-input input { height:30px; border:0; outline:0; font-size:16px; font-weight:600; }.example-row { display:flex; align-items:center; gap:7px; margin-top:12px; color:#999faa; font-size:8px; }.example-row button { padding:5px 8px; border:0; color:#7266d6; background:var(--purple-soft); border-radius:6px; font-size:8px; }.modal-actions { display:flex; justify-content:flex-end; margin-top:25px; }.modal-actions.split { justify-content:space-between; }.ai-loader { position:relative; width:90px; height:90px; display:grid; place-items:center; margin:20px auto 25px; }.ai-loader span { width:54px; height:54px; display:grid; place-items:center; color:white; background:var(--ink); border-radius:18px; font-weight:700; }.ai-loader i { position:absolute; inset:0; border:1px solid #d9d5ff; border-radius:50%; animation:pulse 1.8s infinite; }.ai-loader i:nth-child(2){animation-delay:.5s}.ai-loader i:nth-child(3){animation-delay:1s}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{opacity:1}100%{transform:scale(1.15);opacity:0}}.modal-step[data-step="loading"] { padding:35px 0; text-align:center; }.loading-checks { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; }.loading-checks span { padding:6px 9px; color:var(--mint); background:var(--mint-soft); border-radius:7px; font-size:8px; }.product-map-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }.map-block { position:relative; min-height:92px; padding:14px; background:#f8f8fa; border:1px solid #eff0f3; border-radius:11px; }.map-block.full { grid-column:1/-1; }.map-block small { display:block; margin-bottom:10px; color:#9197a3; font-size:8px; }.map-block strong { display:block; font-size:12px; }.confidence { display:inline-block; margin-top:8px; padding:3px 6px; border-radius:5px; font-size:7px; }.confidence.high { color:var(--mint); background:var(--mint-soft); }.chip-list { display:flex; flex-wrap:wrap; gap:6px; }.chip-list span { padding:5px 8px; color:#676d7a; background:white; border:1px solid var(--line); border-radius:7px; font-size:8px; }.editable span::after { content:" ×"; color:#aaa; }.text-button { margin-top:8px; border:0; color:var(--purple); background:none; font-size:8px; }.map-block.warning { background:#fffbf3; border-color:#f5ead0; }.map-block.warning label { display:block; margin:7px 0; font-size:8px; }.map-block.warning input { accent-color:var(--purple); }

.drawer-backdrop { justify-content:flex-end; padding:0; }.detail-drawer { position:relative; width:min(720px,58vw); height:100%; overflow:auto; padding:29px; background:#fff; box-shadow:-20px 0 60px rgba(26,30,42,.16); transform:translateX(100%); transition:.3s ease; }.drawer-backdrop.open .detail-drawer { transform:none; }.drawer-kicker { margin:0 0 8px; color:var(--purple); font-size:9px; font-weight:700; letter-spacing:1px; }.drawer-title { max-width:600px; margin:0 0 12px; font-size:20px; line-height:1.35; }.drawer-meta { display:flex; gap:10px; color:var(--muted); font-size:9px; }.drawer-hero { display:grid; grid-template-columns:180px 1fr; gap:18px; margin:22px 0; }.drawer-video { position:relative; height:260px; display:grid; place-items:center; color:white; background:linear-gradient(145deg,#35536a,#d38b5a); border-radius:15px; font-size:28px; }.drawer-video small { position:absolute; bottom:12px; padding:4px 7px; background:rgba(0,0,0,.45); border-radius:6px; font-size:8px; }.score-ring { width:86px; height:86px; display:grid; place-items:center; margin-bottom:12px; border-radius:50%; background:conic-gradient(var(--purple) 0 89%,#eee 89% 100%); }.score-ring::before { content:""; position:absolute; width:68px; height:68px; background:white; border-radius:50%; }.score-ring strong { position:relative; font-size:22px; }.drawer-stat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }.drawer-stat { padding:10px; background:var(--wash); border-radius:9px; }.drawer-stat strong { display:block; font-size:13px; }.drawer-stat span { color:var(--muted); font-size:8px; }.insight-tabs { display:flex; gap:5px; margin:18px 0 12px; border-bottom:1px solid var(--line); }.insight-tabs button { padding:9px 11px; border:0; border-bottom:2px solid transparent; color:var(--muted); background:none; font-size:9px; }.insight-tabs button.active { color:var(--purple); border-bottom-color:var(--purple); font-weight:700; }.insight-section { padding:15px; margin-bottom:10px; background:#f9f9fb; border-radius:11px; }.insight-section h4 { margin:0 0 9px; font-size:11px; }.insight-section p,.insight-section li { color:#6f7582; font-size:9px; line-height:1.7; }.insight-section ul { margin:0; padding-left:16px; }.comment-card { padding:11px; margin-bottom:7px; background:white; border:1px solid var(--line); border-radius:9px; }.comment-card strong { font-size:8px; }.comment-card p { margin:5px 0 3px; color:#555c69; }.comment-card small { color:#9aa0aa; }.drawer-actions { display:flex; gap:8px; margin-top:16px; }.drawer-actions button { flex:1; }
.toast { position:fixed; z-index:100; left:50%; bottom:30px; display:flex; align-items:center; gap:9px; min-width:220px; padding:12px 15px; color:white; background:var(--ink); border-radius:11px; box-shadow:var(--shadow); visibility:hidden; opacity:0; transform:translate(-50%,15px); transition:.25s; }.toast.show { visibility:visible; opacity:1; transform:translate(-50%,0); }.toast span { width:20px;height:20px;display:grid;place-items:center;color:var(--mint);background:white;border-radius:50%;font-size:10px; }.toast p { margin:0; font-size:10px; }

.commerce-hero { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr); gap:16px; margin-bottom:16px; padding:24px; color:#fff; background:radial-gradient(circle at 20% 10%,rgba(83,196,255,.35),transparent 34%),linear-gradient(135deg,#14213d,#1d3f76 48%,#101827); border-radius:22px; box-shadow:0 22px 60px rgba(22,46,90,.18); overflow:hidden; }
.commerce-hero .eyebrow { color:#9edfff; }
.commerce-hero h2 { max-width:760px; margin:0 0 10px; font-size:30px; line-height:1.22; letter-spacing:-.03em; }
.commerce-hero p { max-width:780px; margin:0; color:rgba(255,255,255,.76); font-size:12px; line-height:1.75; }
.commerce-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.commerce-hero-actions span,.commerce-connect-card { border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.08); backdrop-filter:blur(12px); }
.commerce-hero-actions span { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; color:rgba(255,255,255,.82); font-size:9px; font-weight:700; }
.commerce-sync-button { padding:8px 13px; color:#123566; background:#fff; border:0; border-radius:999px; font-size:9px; font-weight:900; cursor:pointer; box-shadow:0 8px 22px rgba(0,0,0,.16); }
.commerce-sync-button:disabled { opacity:.62; cursor:wait; }
.commerce-status-dot i { width:7px; height:7px; background:#24d6a2; border-radius:50%; box-shadow:0 0 0 5px rgba(36,214,162,.14); }
.commerce-status-dot.waiting i { background:#ffb24c; box-shadow:0 0 0 5px rgba(255,178,76,.14); }
.commerce-connect-card { align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding:20px; border-radius:18px; }
.commerce-connect-card small { color:#9edfff; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.commerce-connect-card strong { display:block; margin:10px 0 8px; font-size:17px; line-height:1.35; }
.commerce-connect-card p { font-size:10px; line-height:1.65; }
.commerce-readiness { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px; }
.commerce-readiness article { padding:16px; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 12px 32px rgba(28,61,116,.05); }
.commerce-readiness span { color:var(--purple); font-size:10px; font-weight:900; letter-spacing:.08em; }
.commerce-readiness strong { display:block; margin:8px 0 5px; font-size:14px; }
.commerce-readiness p { margin:0; color:var(--muted); font-size:9px; line-height:1.7; }
.commerce-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.commerce-kpis article { min-height:104px; padding:15px; background:linear-gradient(180deg,#fff,#f9fbff); border:1px solid var(--line); border-radius:15px; box-shadow:0 10px 28px rgba(28,61,116,.04); }
.commerce-kpis span { display:block; color:#7f8a9c; font-size:9px; font-weight:800; }
.commerce-kpis strong { display:block; margin:8px 0 7px; color:#17223a; font-size:22px; line-height:1; }
.commerce-kpis small { color:#9aa3b2; font-size:8px; line-height:1.5; }
.commerce-live-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
.commerce-live-panel { overflow:hidden; }
.commerce-rank-list,.commerce-region-list { display:grid; gap:8px; padding:0 18px 18px; }
.commerce-rank-list > div { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 11px; background:#f8faff; border:1px solid #e7edf7; border-radius:12px; }
.commerce-rank-list b { color:#71809a; font-size:8px; }
.commerce-rank-list span strong { display:block; overflow:hidden; color:#202d45; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.commerce-rank-list span small { color:#8a95a7; font-size:8px; }
.commerce-rank-list em { color:#1768c2; font-size:9px; font-style:normal; font-weight:900; }
.commerce-buyer-split { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:0 18px 12px; }
.commerce-buyer-split div { padding:11px; text-align:center; background:linear-gradient(180deg,#f5f9ff,#fff); border:1px solid #e3ebf7; border-radius:12px; }
.commerce-buyer-split strong { display:block; color:#19355f; font-size:18px; }
.commerce-buyer-split span { color:#8994a5; font-size:8px; }
.commerce-region-list > div { display:grid; grid-template-columns:92px minmax(0,1fr) 46px; align-items:center; gap:8px; }
.commerce-region-list span,.commerce-region-list em { overflow:hidden; color:#5f6c80; font-size:8px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.commerce-region-list em { text-align:right; }
.commerce-region-list i { height:6px; overflow:hidden; background:#edf2f9; border-radius:99px; }
.commerce-region-list i b { display:block; height:100%; background:linear-gradient(90deg,#3279ed,#22c2bc); border-radius:99px; }
.commerce-empty-copy { margin:0; padding:18px; color:#8a95a7; background:#f8faff; border-radius:12px; font-size:9px; line-height:1.7; }
.commerce-video-panel { grid-column:1/-1; }
.commerce-video-list { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 18px 18px; }
.commerce-video-list > div { display:grid; grid-template-columns:28px minmax(0,1fr) 70px 96px; align-items:center; gap:10px; padding:10px 11px; background:#f8faff; border:1px solid #e7edf7; border-radius:12px; }
.commerce-video-list b { color:#71809a; font-size:8px; }
.commerce-video-list span strong { display:block; overflow:hidden; color:#202d45; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.commerce-video-list span small { color:#8a95a7; font-size:8px; }
.commerce-video-list em,.commerce-video-list i { color:#647084; font-size:8px; font-style:normal; text-align:right; }
.commerce-video-list i { color:#1768c2; font-weight:900; }
.commerce-bestsellers-panel { margin-bottom:16px; overflow:hidden; }
.commerce-bestsellers-head-actions { display:flex; align-items:center; gap:9px; }
.commerce-bestsellers-head-actions > button { padding:8px 11px; color:#fff; background:#182844; border:0; border-radius:9px; font-size:8px; font-weight:900; cursor:pointer; white-space:nowrap; transition:.18s; }
.commerce-bestsellers-head-actions > button:hover { background:#286fd1; transform:translateY(-1px); }
.commerce-bestsellers-head-actions > button:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.commerce-bestsellers-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0 18px 18px; }
.commerce-bestseller-group { overflow:hidden; background:linear-gradient(180deg,#fbfdff,#f7faff); border:1px solid #e4ebf6; border-radius:15px; }
.commerce-bestseller-group > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; border-bottom:1px solid #e8eef7; }
.commerce-bestseller-group > header strong { font-size:12px; }
.commerce-bestseller-group > header span { color:#71809a; font-size:8px; font-weight:800; }
.commerce-bestseller-group > div { display:grid; gap:7px; padding:10px; }
.commerce-bestseller-row { display:grid; grid-template-columns:24px 38px minmax(0,1fr) minmax(94px,auto); align-items:center; gap:9px; min-height:54px; padding:7px 9px; background:#fff; border:1px solid #e8eef7; border-radius:11px; }
.commerce-bestseller-row > b { color:#6f7d94; font-size:8px; }
.commerce-bestseller-row > img,.commerce-bestseller-row > i { width:38px; height:38px; display:grid; place-items:center; overflow:hidden; object-fit:cover; color:#fff; background:linear-gradient(145deg,#2b7cf0,#20c2bb); border-radius:9px; font-size:9px; font-style:normal; font-weight:900; }
.commerce-bestseller-row > span { min-width:0; }
.commerce-bestseller-row > span strong { display:block; overflow:hidden; margin-bottom:3px; color:#202d45; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.commerce-bestseller-row > span small { display:block; overflow:hidden; color:#8b96a8; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.commerce-bestseller-row > em { color:#1768c2; font-size:8px; font-style:normal; font-weight:900; text-align:right; white-space:nowrap; }
.commerce-bestsellers-dialog-shell { position:fixed; z-index:96; inset:0; visibility:hidden; pointer-events:none; }
.commerce-bestsellers-dialog-shell.open { visibility:visible; pointer-events:auto; }
.commerce-bestsellers-dialog-backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; background:rgba(9,22,44,.48); border:0; opacity:0; cursor:default; backdrop-filter:blur(4px); transition:opacity .24s; }
.commerce-bestsellers-dialog-shell.open .commerce-bestsellers-dialog-backdrop { opacity:1; }
.commerce-bestsellers-dialog { position:absolute; top:4vh; right:4vw; bottom:4vh; left:4vw; max-width:1500px; margin:auto; overflow:auto; color:#1f2c43; background:#f5f8fc; border:1px solid rgba(255,255,255,.7); border-radius:22px; box-shadow:0 30px 100px rgba(6,21,48,.3); transform:translateY(18px) scale(.985); opacity:0; transition:transform .24s,opacity .24s; }
.commerce-bestsellers-dialog-shell.open .commerce-bestsellers-dialog { transform:none; opacity:1; }
.commerce-bestsellers-dialog > header { position:sticky; z-index:3; top:0; display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 24px 17px; color:#fff; background:linear-gradient(125deg,#12233e,#234f86 62%,#187f98); box-shadow:0 8px 24px rgba(19,42,78,.15); }
.commerce-bestsellers-dialog > header small { color:#91dfff; font-size:7px; font-weight:900; letter-spacing:.13em; }
.commerce-bestsellers-dialog > header h2 { margin:5px 0 4px; font-size:20px; }
.commerce-bestsellers-dialog > header p { margin:0; color:rgba(255,255,255,.72); font-size:9px; }
.commerce-bestsellers-dialog > header > button { flex:0 0 36px; width:36px; height:36px; color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); border-radius:11px; font-size:24px; line-height:1; cursor:pointer; }
.commerce-bestsellers-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:16px 20px 10px; }
.commerce-bestsellers-tabs button { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; color:#5f6d83; background:#fff; border:1px solid #dfe7f3; border-radius:11px; font-size:9px; font-weight:900; cursor:pointer; }
.commerce-bestsellers-tabs button span { min-width:24px; padding:3px 5px; color:#718099; background:#f0f4fa; border-radius:99px; font-size:7px; }
.commerce-bestsellers-tabs button.active { color:#fff; background:#236dcc; border-color:#236dcc; box-shadow:0 8px 22px rgba(35,109,204,.2); }
.commerce-bestsellers-tabs button.active span { color:#1857a8; background:#fff; }
.commerce-bestsellers-dialog-meta { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 20px 10px; padding:10px 13px; background:#eaf2fd; border:1px solid #d9e7fa; border-radius:11px; }
.commerce-bestsellers-dialog-meta div { display:flex; align-items:center; gap:10px; }
.commerce-bestsellers-dialog-meta strong { font-size:10px; }
.commerce-bestsellers-dialog-meta span { color:#6e7c91; font-size:8px; }
.commerce-bestsellers-table { margin:0 20px; overflow:hidden; background:#fff; border:1px solid #dfe7f2; border-radius:14px; }
.commerce-bestsellers-table-head,.commerce-bestsellers-table-row { display:grid; grid-template-columns:52px minmax(300px,1fr) 120px minmax(180px,240px); align-items:center; gap:14px; }
.commerce-bestsellers-table-head { padding:10px 15px; color:#778398; background:#f5f8fc; border-bottom:1px solid #e2e9f3; font-size:8px; font-weight:900; }
.commerce-bestsellers-table-row { min-height:66px; padding:8px 15px; border-bottom:1px solid #edf1f6; }
.commerce-bestsellers-table-row:last-child { border-bottom:0; }
.commerce-bestsellers-table-row:hover { background:#f8fbff; }
.commerce-bestsellers-table-row > b { color:#536681; font-size:10px; }
.commerce-bestsellers-entity { display:flex; align-items:center; min-width:0; gap:10px; }
.commerce-bestsellers-entity > img,.commerce-bestsellers-entity > i { flex:0 0 44px; width:44px; height:44px; display:grid; place-items:center; overflow:hidden; object-fit:cover; color:#fff; background:linear-gradient(145deg,#2b7cf0,#20c2bb); border-radius:10px; font-size:9px; font-style:normal; font-weight:900; }
.commerce-bestsellers-entity > span { min-width:0; }
.commerce-bestsellers-entity strong { display:block; overflow:hidden; margin-bottom:4px; font-size:9px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.commerce-bestsellers-entity small { display:block; overflow:hidden; color:#8995a7; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.commerce-bestsellers-table-row > em { color:#627189; font-size:8px; font-style:normal; }
.commerce-bestsellers-table-row > mark { color:#1768c2; background:transparent; font-size:8px; font-weight:900; text-align:right; }
.commerce-bestsellers-pagination { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 20px 20px; }
.commerce-bestsellers-pagination > span { color:#7c8798; font-size:8px; }
.commerce-bestsellers-pagination > div { display:flex; align-items:center; gap:9px; }
.commerce-bestsellers-pagination button { padding:7px 10px; color:#4f5f77; background:#fff; border:1px solid #dce5f1; border-radius:8px; font-size:8px; cursor:pointer; }
.commerce-bestsellers-pagination button:disabled { opacity:.42; cursor:not-allowed; }
.commerce-bestsellers-pagination strong { color:#647188; font-size:8px; }
.commerce-bestsellers-open { overflow:hidden; }
.commerce-readiness-panel { margin-bottom:16px; overflow:hidden; }
.commerce-readiness-matrix { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0 18px 18px; }
.commerce-readiness-item { position:relative; display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:start; gap:11px; min-height:82px; padding:14px; background:#fbfcfe; border:1px solid #e7edf6; border-radius:13px; }
.commerce-readiness-item > i { width:8px; height:8px; margin-top:4px; background:#b7c0cf; border-radius:50%; }
.commerce-readiness-item.ready > i { background:#20bd91; box-shadow:0 0 0 4px rgba(32,189,145,.1); }
.commerce-readiness-item.pending > i { background:#3d82e7; box-shadow:0 0 0 4px rgba(61,130,231,.1); }
.commerce-readiness-item.blocked > i { background:#ee7c53; box-shadow:0 0 0 4px rgba(238,124,83,.1); }
.commerce-readiness-item strong { display:block; margin-bottom:5px; font-size:11px; }
.commerce-readiness-item p { margin:0; color:#7f899a; font-size:8px; line-height:1.55; }
.commerce-readiness-item > span { padding:4px 6px; color:#7d8796; background:#eef2f7; border-radius:6px; font-size:7px; font-weight:800; white-space:nowrap; }
.commerce-readiness-item.ready > span { color:#0b8d69; background:#e5f8f2; }
.commerce-readiness-item.pending > span { color:#2869b8; background:#eaf3ff; }
.commerce-readiness-item.blocked > span { color:#bc5632; background:#fff0e9; }
.commerce-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.commerce-module-card { min-height:210px; padding:17px; background:#fff; border:1px solid var(--line); border-radius:17px; box-shadow:0 12px 32px rgba(28,61,116,.05); transition:.18s; }
.commerce-module-card:hover { transform:translateY(-2px); box-shadow:0 18px 40px rgba(28,61,116,.09); }
.commerce-module-top { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.commerce-module-icon { width:46px; height:46px; display:grid; place-items:center; flex:0 0 46px; color:#fff; background:linear-gradient(145deg,#2478ff,#1bc8c2); border-radius:14px; font-size:11px; font-weight:900; }
.commerce-module-top h3 { margin:0 0 5px; font-size:14px; }
.commerce-module-top span { color:#1d84c7; background:#eaf6ff; padding:4px 7px; border-radius:7px; font-size:7px; font-weight:900; }
.commerce-module-card p { min-height:64px; margin:0 0 14px; color:#647084; font-size:10px; line-height:1.75; }
.commerce-field-list { display:flex; flex-wrap:wrap; gap:6px; }
.commerce-field-list em { padding:6px 8px; color:#5d6472; background:#f5f8fc; border:1px solid #e8eef7; border-radius:8px; font-style:normal; font-size:8px; font-weight:700; }
.commerce-roadmap-panel,.commerce-ai-panel { margin-bottom:16px; overflow:hidden; }
.commerce-roadmap { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:0 18px 18px; }
.commerce-roadmap div { padding:14px; background:linear-gradient(180deg,#fff,#f8fbff); border:1px solid var(--line); border-radius:13px; }
.commerce-roadmap strong { display:block; margin-bottom:7px; font-size:12px; }
.commerce-roadmap p { margin:0; color:var(--muted); font-size:9px; line-height:1.7; }
.commerce-ai-output { display:flex; align-items:center; gap:14px; margin:0 18px 18px; padding:18px; background:linear-gradient(135deg,#f5f8ff,#effffb); border:1px solid #dfeafa; border-radius:15px; }
.ai-placeholder { width:58px; height:58px; display:grid; place-items:center; flex:0 0 58px; color:#fff; background:linear-gradient(145deg,#101827,#6858ee); border-radius:18px; font-weight:900; }
.commerce-ai-output strong { display:block; margin-bottom:6px; font-size:14px; }
.commerce-ai-output p { margin:0; color:#667286; font-size:10px; line-height:1.75; }
.commerce-api-panel { margin-bottom:16px; overflow:hidden; }
.commerce-api-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:14px; padding:0 18px 18px; }
.commerce-api-main { padding:16px; background:linear-gradient(180deg,#fff,#f8fbff); border:1px solid var(--line); border-radius:15px; }
.commerce-incident { display:grid; grid-template-columns:minmax(180px,1fr) minmax(110px,.55fr) minmax(220px,1.3fr); align-items:center; gap:12px; padding:14px; margin-bottom:8px; color:#6f3b29; background:linear-gradient(135deg,#fff7f2,#fff1ea); border:1px solid #ffd8c9; border-radius:13px; }
.commerce-incident > div:first-child span,.commerce-incident-code small { display:block; margin-bottom:4px; color:#b46c51; font-size:7px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.commerce-incident strong { font-size:11px; }
.commerce-incident-code code { display:block; overflow:hidden; padding:0; color:#7f412c; background:transparent; border:0; text-overflow:ellipsis; font-size:8px; }
.commerce-incident p { grid-column:1/-1; margin:0; color:#8c5a48; font-size:8px; line-height:1.6; }
.commerce-api-row { display:grid; grid-template-columns:150px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid #edf2f8; }
.commerce-api-row:last-of-type { border-bottom:0; }
.commerce-api-row span { color:#7f8a9c; font-size:9px; font-weight:800; }
.commerce-api-row code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:9px 10px; color:#22304a; background:#fff; border:1px solid #dfe8f5; border-radius:10px; font-family:"DM Sans","Noto Sans SC",sans-serif; font-size:10px; }
.commerce-api-note { margin:12px 0 0; padding:10px 12px; color:#6b5a24; background:#fff8df; border:1px solid #ffedb1; border-radius:11px; font-size:9px; line-height:1.65; }
.commerce-api-note.is-blocked { color:#844933; background:#fff3ed; border-color:#ffddcf; }
.commerce-api-steps { display:grid; gap:8px; }
.commerce-api-step { display:flex; align-items:flex-start; gap:10px; padding:12px; background:#fff; border:1px solid var(--line); border-radius:13px; }
.commerce-api-step b { width:26px; height:26px; display:grid; place-items:center; flex:0 0 26px; color:#7e8ba0; background:#f3f6fb; border-radius:9px; font-size:8px; }
.commerce-api-step.ready b { color:#0e9f78; background:#e8fbf5; }
.commerce-api-step.pending b { color:#2c74ca; background:#eaf3ff; }
.commerce-api-step.warn b { color:#d56b49; background:#fff1e8; }
.commerce-api-step strong { display:block; margin-bottom:4px; font-size:10px; }
.commerce-api-step span { color:#7b8798; font-size:8px; line-height:1.55; }
.commerce-api-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; padding:0 18px 18px; }
.commerce-api-actions a { text-decoration:none; }
.commerce-api-actions [aria-disabled="true"],.commerce-api-row button:disabled { opacity:.55; pointer-events:none; cursor:not-allowed; transform:none; }
.commerce-api-fab { position:fixed; z-index:54; top:116px; right:18px; display:flex; align-items:center; gap:7px; padding:10px 12px; color:#52647d; background:rgba(255,255,255,.96); border:1px solid #dce5f2; border-radius:999px; box-shadow:0 12px 32px rgba(18,43,81,.16); font-size:9px; font-weight:900; cursor:pointer; backdrop-filter:blur(12px); transition:.2s; }
.commerce-api-fab:hover { color:#245da9; transform:translateY(-1px); box-shadow:0 16px 36px rgba(18,43,81,.2); }
.commerce-api-fab i { width:8px; height:8px; background:#ffae45; border-radius:50%; box-shadow:0 0 0 4px rgba(255,174,69,.13); }
.commerce-api-fab.connected i { background:#22bd91; box-shadow:0 0 0 4px rgba(34,189,145,.13); }
.commerce-api-drawer-shell { position:fixed; z-index:90; inset:0; visibility:hidden; pointer-events:none; }
.commerce-api-drawer-shell.open { visibility:visible; pointer-events:auto; }
.commerce-api-drawer-backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; background:rgba(12,24,43,.34); border:0; opacity:0; cursor:default; transition:opacity .24s; }
.commerce-api-drawer-shell.open .commerce-api-drawer-backdrop { opacity:1; }
.commerce-api-drawer { position:absolute; top:0; right:0; width:min(720px,94vw); height:100%; overflow:auto; padding:22px; background:#f5f8fc; box-shadow:-24px 0 70px rgba(15,34,65,.22); transform:translateX(102%); transition:transform .28s ease; }
.commerce-api-drawer-shell.open .commerce-api-drawer { transform:translateX(0); }
.commerce-api-drawer-head { position:sticky; z-index:2; top:-22px; display:flex; align-items:center; justify-content:space-between; margin:-22px -22px 18px; padding:18px 22px; background:rgba(245,248,252,.94); border-bottom:1px solid #dfe7f2; backdrop-filter:blur(14px); }
.commerce-api-drawer-head small { display:block; margin-bottom:4px; color:#2d78ca; font-size:7px; font-weight:900; letter-spacing:.12em; }
.commerce-api-drawer-head strong { color:#172540; font-size:18px; }
.commerce-api-drawer-head > button { width:34px; height:34px; color:#5d6878; background:#fff; border:1px solid #dce5f1; border-radius:11px; font-size:22px; line-height:1; cursor:pointer; }
.commerce-api-drawer .commerce-api-panel { margin:0; }
.commerce-api-drawer .commerce-api-grid { grid-template-columns:1fr; }
.commerce-api-drawer .commerce-api-row { grid-template-columns:132px minmax(0,1fr); }
.commerce-api-drawer .commerce-api-row button { grid-column:2; justify-self:start; }
.commerce-api-drawer .commerce-api-steps { grid-template-columns:1fr 1fr; }
.commerce-api-drawer-open { overflow:hidden; }

@media (max-width: 1280px) { .main-content { padding-inline:24px; }.metric-grid { gap:10px; }.dashboard-grid { grid-template-columns:1.4fr .8fr; }.video-table-head,.video-row { grid-template-columns:minmax(230px,2fr) .6fr .7fr .8fr .6fr 1fr 54px; } }
@media (max-width: 1380px) { .commerce-kpis { grid-template-columns:repeat(3,1fr); }.commerce-incident { grid-template-columns:1fr 1fr; }.commerce-incident > div:first-child { grid-column:1/-1; } }
@media (max-width: 980px) { .commerce-hero,.commerce-api-grid,.commerce-live-grid,.commerce-bestsellers-grid { grid-template-columns:1fr; }.commerce-readiness-matrix,.commerce-module-grid { grid-template-columns:repeat(2,1fr); }.commerce-kpis { grid-template-columns:repeat(2,1fr); }.commerce-roadmap { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 760px) { .commerce-video-list { grid-template-columns:1fr; }.commerce-video-list > div { grid-template-columns:24px minmax(0,1fr) 62px; }.commerce-video-list > div i { grid-column:2/-1; text-align:left; } }
@media (max-width: 760px) { .commerce-bestseller-row { grid-template-columns:22px 34px minmax(0,1fr); }.commerce-bestseller-row > img,.commerce-bestseller-row > i { width:34px; height:34px; }.commerce-bestseller-row > em { grid-column:3; text-align:left; } }
@media (max-width: 760px) { .commerce-bestsellers-head-actions { align-items:flex-end; flex-direction:column; }.commerce-bestsellers-dialog { inset:0; border:0; border-radius:0; }.commerce-bestsellers-dialog > header { padding:16px; }.commerce-bestsellers-tabs { grid-template-columns:1fr 1fr; padding:12px; }.commerce-bestsellers-dialog-meta { align-items:flex-start; flex-direction:column; margin:0 12px 8px; }.commerce-bestsellers-dialog-meta div { align-items:flex-start; flex-direction:column; gap:3px; }.commerce-bestsellers-table { margin:0 12px; border:0; background:transparent; }.commerce-bestsellers-table-head { display:none; }.commerce-bestsellers-table-body { display:grid; gap:8px; }.commerce-bestsellers-table-row { grid-template-columns:28px minmax(0,1fr); gap:9px; padding:10px; background:#fff; border:1px solid #e1e8f2; border-radius:11px; }.commerce-bestsellers-table-row > em,.commerce-bestsellers-table-row > mark { grid-column:2; text-align:left; }.commerce-bestsellers-pagination { align-items:flex-start; flex-direction:column; padding:12px; } }
@media (max-width: 760px) { .commerce-api-fab { top:auto; right:12px; bottom:18px; }.commerce-api-drawer { width:100%; padding:16px; }.commerce-api-drawer-head { top:-16px; margin:-16px -16px 14px; padding:15px 16px; }.commerce-api-drawer .commerce-api-row { grid-template-columns:1fr; }.commerce-api-drawer .commerce-api-row button { grid-column:1; }.commerce-api-drawer .commerce-api-steps { grid-template-columns:1fr; } }

.video-row { cursor: pointer; }
.video-open-link { display: block; cursor: pointer; text-decoration: none; }
.video-open-link:hover .play { transform: scale(1.14); }
.video-title-link { max-width: 260px; display: block; overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 700; text-decoration: none; }
.video-title-link:hover { color: var(--purple); text-decoration: underline; }
.drawer-video { color: white; text-decoration: none; cursor: pointer; }
.drawer-video:hover { filter: brightness(1.05); }
.drawer-actions a { flex: 1; text-decoration: none; }

.hot-video-panel { margin-bottom:16px; overflow:hidden; }
.hot-video-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:0 18px 18px; }
.hot-video-card { display:grid; grid-template-columns:86px 1fr; gap:10px; min-height:116px; padding:10px; border:1px solid var(--line); border-radius:13px; background:#fbfdff; cursor:pointer; transition:.18s; }
.hot-video-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(30,72,142,.09); }
.hot-card-cover { width:86px; height:96px; flex-basis:86px; background-size:cover !important; background-position:center !important; }
.hot-card-body { min-width:0; display:flex; flex-direction:column; gap:7px; }
.hot-card-body > a { display:-webkit-box; overflow:hidden; color:var(--ink); text-decoration:none; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:10px; font-weight:800; line-height:1.4; }
.hot-card-body > a:hover { color:var(--purple); }
.hot-card-body p { margin:0; color:var(--muted); font-size:8px; }
.hot-card-body .global-badges { display:flex; grid-template-columns:none; flex-wrap:wrap; align-items:center; gap:4px; margin-top:0; }
.hot-card-body .transfer-idea { display:-webkit-box; overflow:hidden; min-height:32px; padding:7px 8px; color:#315f52; background:#ecfbf6; border:1px solid #d7f2ea; border-radius:8px; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:8px; line-height:1.55; }
.hot-card-body .transfer-idea.weak { color:#735722; background:#fff8e6; border-color:#f5e4b3; }
.hot-card-body .transfer-idea.trend { color:#596477; background:#f4f6fa; border-color:#e4e8f0; }
.hot-card-body div { display:grid; grid-template-columns:1fr 1fr; gap:2px 8px; margin-top:auto; }
.hot-card-body strong { font-size:12px; }
.hot-card-body span { color:var(--muted); font-size:7px; }
.migration-badge { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:3px 6px; border-radius:6px; font-size:7px; font-weight:800; line-height:1.2; white-space:nowrap; }
.migration-badge.strong { color:#16795d; background:#e7fbf3; border:1px solid #c9f0e2; }
.migration-badge.weak { color:#a26808; background:#fff4d8; border:1px solid #f2dfab; }
.migration-badge.trend { color:#5d6679; background:#f2f5f9; border:1px solid #e1e7f0; }
.migration-signal.weak { background:#fff4d8; color:#a26808; }
.migration-signal.trend { background:#f2f5f9; color:#687288; }
.commerce-badge { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:3px 6px; border-radius:6px; font-size:7px; font-weight:700; line-height:1.2; white-space:nowrap; }
.commerce-badge.maybe { color:#b75f14; background:#fff1dc; }
.commerce-badge.yes { color:#2c74ca; background:#eaf3ff; }
.commerce-badge.unknown { color:#7a808c; background:#f0f2f6; }
.market-cell div { display:flex; flex-direction:column; gap:3px; }
.market-cell small { color:#949cab; font-size:7px; line-height:1.2; }
.video-thumb { background-size:cover !important; background-position:center !important; }
.drawer-video { background-size:cover !important; background-position:center !important; }
.video-thumb::before,.drawer-video::before,.owned-video-cover::before { content:""; position:absolute; inset:7px; z-index:1; border:1px solid rgba(255,255,255,.28); border-radius:inherit; background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.28),rgba(255,255,255,0) 34%),linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,0) 42%); pointer-events:none; }
.video-thumb .cover-image,.drawer-video .drawer-cover-image,.owned-video-cover .owned-cover-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; display:block; overflow:hidden; color:transparent; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; background:transparent; }
.video-thumb::after,.drawer-video::after,.owned-video-cover::after { content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg,rgba(6,12,24,.04),rgba(6,12,24,.34)); pointer-events:none; }
.video-thumb .play,.video-thumb small,.drawer-video .drawer-play,.drawer-video small,.owned-video-cover span { z-index:3; }
.drawer-video .drawer-play { position:relative; display:grid; place-items:center; width:54px; height:54px; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:rgba(0,0,0,.22); text-shadow:0 2px 10px rgba(0,0,0,.45); }
.owned-video-cover span { position:relative; }
.cover-fallback-copy { position:absolute; inset:auto 7px 19px; z-index:3; display:flex; max-height:32px; flex-direction:column; justify-content:flex-end; gap:3px; color:#fff !important; text-shadow:0 2px 10px rgba(0,0,0,.42); pointer-events:none; }
.cover-fallback-copy b { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#fff !important; font-size:7px; font-weight:800; line-height:1.25; letter-spacing:.01em; }
.cover-fallback-copy em { overflow:hidden; color:rgba(255,255,255,.82) !important; font-style:normal; font-size:5px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; opacity:.92; }
.cover-fallback-copy.drawer { inset:16px; gap:8px; }
.cover-fallback-copy.drawer b { max-width:140px; font-size:13px; line-height:1.35; }
.cover-fallback-copy.drawer em { font-size:9px; }
.cover-fallback-copy.owned { inset:6px; }
.cover-fallback-copy.owned b { -webkit-line-clamp:1; font-size:6px; }
.cover-fallback-copy.owned em { display:none; }
.cover-loaded .cover-fallback-copy { opacity:0; }
.cover-broken::after { background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(7,12,22,.42)); }
.cover-broken::before { border-color:rgba(255,255,255,.42); }
.reuse-panel { margin-top:16px; overflow:hidden; }
.reuse-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0 18px 18px; }
.reuse-grid article { min-height:145px; padding:15px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(180deg,#fff,#fbfbff); }
.reuse-grid article span { display:block; margin-bottom:9px; color:var(--purple); font-size:10px; font-weight:800; }
.reuse-grid ul { margin:0; padding-left:16px; }
.reuse-grid li { margin:0 0 8px; color:#626978; font-size:9px; line-height:1.65; }

.owned-actions { display:flex; gap:8px; }
.owned-empty { min-height:500px; }
.owned-add-form { width:min(680px,100%); display:grid; grid-template-columns:1.1fr .75fr auto; align-items:end; gap:10px; padding:13px; margin:16px auto 0; background:#f7fbff; border:1px solid var(--line); border-radius:14px; text-align:left; }
.simple-header + .owned-add-form { width:100%; margin:0 0 14px; }
.owned-add-form label { display:flex; flex-direction:column; gap:6px; }
.owned-add-form label span { color:var(--muted); font-size:9px; font-weight:700; }
.owned-add-form input,.owned-add-form select { height:38px; padding:0 12px; border:1px solid #dbe5f2; border-radius:10px; outline:0; background:white; font-size:12px; }
.owned-add-form input:focus,.owned-add-form select:focus { border-color:var(--purple); box-shadow:0 0 0 3px var(--purple-soft); }
.owned-add-form p { grid-column:1/-1; margin:0; color:#7b8799; font-size:9px; line-height:1.6; }
.owned-add-form button:disabled { opacity:.68; cursor:wait; transform:none; }
.owned-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; margin-bottom:14px; background:#fff; border:1px solid var(--line); border-radius:14px; }
.owned-toolbar strong { display:block; margin-bottom:4px; font-size:11px; }
.owned-toolbar span { color:var(--muted); font-size:9px; }
.owned-account-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; margin-bottom:14px; background:linear-gradient(135deg,#ffffff,#eef6ff); border:1px solid var(--line); border-radius:16px; box-shadow:0 14px 35px rgba(29,67,129,.06); }
.owned-profile { display:flex; align-items:center; gap:13px; min-width:0; }
.owned-avatar { width:54px; height:54px; display:grid; place-items:center; overflow:hidden; color:#fff; background:linear-gradient(145deg,#2db7d7,#315fd6); border-radius:16px; font-size:15px; font-weight:800; }
.owned-avatar.small { width:42px; height:42px; flex:0 0 42px; border-radius:13px; font-size:12px; }
.owned-avatar img { width:100%; height:100%; object-fit:cover; }
.owned-profile h3 { margin:0 0 5px; font-size:18px; }
.owned-profile p { margin:0; color:var(--muted); font-size:10px; }
.owned-profile a { color:var(--purple); text-decoration:none; font-weight:700; }
.owned-mini-stats { display:grid; grid-template-columns:repeat(3,90px); gap:8px; }
.owned-mini-stats div,.owned-metric-grid article { padding:12px; background:#fff; border:1px solid var(--line); border-radius:12px; }
.owned-mini-stats strong,.owned-metric-grid strong { display:block; color:var(--ink); font-size:16px; }
.owned-mini-stats span,.owned-metric-grid span { color:var(--muted); font-size:8px; }
.owned-metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px; }
.owned-metric-grid article { min-height:82px; }
.owned-metric-grid strong { margin-top:8px; font-size:20px; }
.owned-account-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:14px; }
.owned-account-card { padding:14px; background:#fff; border:1px solid var(--line); border-radius:14px; }
.owned-card-top { display:flex; align-items:center; gap:10px; }
.owned-card-top h3 { margin:0 0 4px; font-size:12px; }
.owned-card-top p { margin:0; color:var(--muted); font-size:9px; }
.owned-card-top a { color:var(--purple); text-decoration:none; font-weight:700; }
.owned-badge { margin-left:auto; padding:4px 7px; border-radius:7px; font-size:7px; font-weight:800; white-space:nowrap; }
.owned-badge.ok { color:var(--mint); background:var(--mint-soft); }
.owned-badge.warn { color:#d56b49; background:var(--coral-soft); }
.owned-badge.pending { color:var(--blue); background:var(--blue-soft); }
.owned-badge.muted { color:#7b8495; background:#f1f3f7; }
.owned-card-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:13px; }
.owned-card-stats div { padding:9px; background:#f8fbff; border-radius:10px; }
.owned-card-stats strong { display:block; font-size:12px; }
.owned-card-stats span { color:var(--muted); font-size:7px; }
.owned-card-actions { display:flex; gap:8px; margin-top:12px; }
.owned-card-actions .outline-button { flex:1; }
.owned-card-note { margin:10px 0 0; color:#8e6c4b; background:#fff8ef; border-radius:9px; padding:8px; font-size:8px; line-height:1.5; }
.owned-fastest { color:var(--purple); background:var(--purple-soft); border-radius:8px; padding:6px 8px; font-size:8px; font-weight:700; }
.empty-inline { padding:22px; color:var(--muted); text-align:center; font-size:10px; }
.owned-video-panel { overflow:hidden; }
.owned-video-head,.owned-video-row { display:grid; grid-template-columns:minmax(260px,2fr) .7fr .85fr .55fr .55fr .55fr .55fr .55fr .55fr; align-items:center; column-gap:10px; }
.owned-video-head { padding:10px 18px; color:#8c98aa; background:#f8fbff; border-block:1px solid var(--line); font-size:8px; font-weight:700; }
.owned-video-row { min-height:70px; padding:11px 18px; color:var(--ink); border-bottom:1px solid #edf1f7; font-size:9px; text-decoration:none; transition:.18s; }
.owned-video-row:hover { background:#f6faff; transform:translateX(2px); }
.owned-video-title { display:flex; align-items:center; gap:10px; min-width:0; }
.owned-video-cover { position:relative; width:46px; height:54px; flex:0 0 46px; display:grid; place-items:center; overflow:hidden; color:#fff; background:linear-gradient(145deg,#334a68,#d58a65); border-radius:9px; font-size:12px; }
.owned-video-cover img { width:100%; height:100%; object-fit:cover; }
.owned-video-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.owned-video-row span { color:#657184; }

/* Product operations center */
.product-ops-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:24px; min-height:220px; padding:28px; margin-bottom:14px; overflow:hidden; color:#fff; background:radial-gradient(circle at 78% 20%,rgba(36,206,201,.22),transparent 28%),linear-gradient(125deg,#0d203f,#173f76 58%,#147c8b); border-radius:22px; box-shadow:0 24px 60px rgba(15,45,88,.2); }
.product-ops-hero::after { content:""; position:absolute; right:-70px; bottom:-120px; width:330px; height:330px; border:1px solid rgba(255,255,255,.13); border-radius:50%; box-shadow:0 0 0 42px rgba(255,255,255,.03),0 0 0 84px rgba(255,255,255,.025); }
.product-ops-hero-copy { position:relative; z-index:1; align-self:center; }
.product-ops-hero-copy > span,.product-ops-stage-panel > header span,.product-ops-chart-card header span,.product-ops-plan-shell aside header span { color:#78dff2; font-size:8px; font-weight:900; letter-spacing:.17em; }
.product-ops-hero-copy h2 { margin:9px 0 10px; font-size:28px; line-height:1.2; letter-spacing:-.6px; }
.product-ops-hero-copy > p { max-width:720px; margin:0; color:rgba(255,255,255,.72); font-size:11px; line-height:1.8; }
.product-ops-hero-copy > div { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; }
.product-ops-hero-copy em { padding:6px 9px; color:#d9eaff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:99px; font-size:8px; font-style:normal; font-weight:800; }
.product-ops-hero-copy em.is-ready { color:#bff9df; background:rgba(33,194,146,.16); border-color:rgba(120,239,200,.2); }
.product-ops-hero-actions { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:20px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.14); border-radius:18px; backdrop-filter:blur(10px); }
.product-ops-hero-actions > span { color:#8fd8ed; font-size:8px; font-weight:800; }
.product-ops-hero-actions > strong { margin:8px 0 4px; font-size:18px; }
.product-ops-hero-actions > small { color:rgba(255,255,255,.58); font-size:8px; }
.product-ops-generate { width:100%; min-height:42px; margin-top:22px; color:#15345b; background:linear-gradient(100deg,#fff,#c9f7f2); border:0; border-radius:11px; font-size:10px; font-weight:900; cursor:pointer; box-shadow:0 12px 28px rgba(7,25,50,.24); transition:.2s; }
.product-ops-generate:hover { transform:translateY(-2px); box-shadow:0 16px 32px rgba(7,25,50,.3); }
.product-intake-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.product-intake-grid .full { grid-column:1/-1; }.large-input textarea { width:100%; resize:vertical; border:0; outline:0; color:#263044; background:transparent; font:inherit; font-size:11px; line-height:1.6; }.product-modal { width:min(880px,94vw); }.map-block input,.map-block textarea { width:100%; padding:8px 9px; border:1px solid #e0e4eb; outline:0; border-radius:8px; color:#273044; background:#fff; font-family:inherit; font-size:9px; line-height:1.55; resize:vertical; }.map-block input:focus,.map-block textarea:focus { border-color:#7868e7; box-shadow:0 0 0 3px rgba(120,104,231,.09); }.product-setup-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.product-setup-grid>section { grid-column:1/-1; }.product-setup-grid small { display:block; margin-bottom:8px; color:#89919f; font-size:8px; font-weight:700; }.product-setup-grid>label { padding:14px; border:1px solid #e2e6ed; border-radius:11px; background:#fafbfd; }.product-setup-grid select,.product-setup-grid input { width:100%; height:35px; padding:0 9px; border:1px solid #dfe4eb; border-radius:8px; outline:0; background:#fff; font-size:9px; }.market-check-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.market-check-grid label { display:flex; align-items:center; gap:7px; padding:11px; border:1px solid #e2e7ef; border-radius:10px; background:#fff; cursor:pointer; }.market-check-grid input { accent-color:#6d5ee7; }.market-check-grid span { font-size:16px; }.market-check-grid strong { font-size:8px; }.created-pools { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; padding:13px; border-radius:11px; background:#edf9f5; }.created-pools span { padding:5px 8px; color:#168264; background:#fff; border-radius:7px; font-size:8px; font-weight:700; }.product-manager-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr 230px; gap:25px; align-items:center; min-height:190px; margin-bottom:12px; padding:26px 28px; color:#fff; background:radial-gradient(circle at 82% 18%,rgba(47,210,206,.22),transparent 25%),linear-gradient(125deg,#0d203f,#174a80 62%,#147d8c); border-radius:20px; box-shadow:0 22px 55px rgba(15,45,88,.18); }.product-manager-hero:after { content:""; position:absolute; right:-60px; bottom:-140px; width:310px; height:310px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018); }.product-manager-hero>div { position:relative; z-index:1; }.product-manager-hero>div:first-child>span { color:#73deec; font-size:8px; font-weight:900; letter-spacing:.16em; }.product-manager-hero h2 { margin:9px 0 9px; font-size:25px; }.product-manager-hero p { max-width:760px; margin:0; color:rgba(255,255,255,.68); font-size:10px; line-height:1.75; }.product-manager-hero>div:last-child { padding:17px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.14); border-radius:15px; }.product-manager-hero>div:last-child>strong { display:block; font-size:30px; }.product-manager-hero>div:last-child>strong small { color:#8ccce3; font-size:10px; }.product-manager-hero>div:last-child>span { font-size:8px; font-weight:800; }.product-manager-hero>div:last-child>p { margin:5px 0 12px; font-size:8px; }.product-manager-flow { display:grid; grid-template-columns:repeat(5,1fr); margin-bottom:14px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#fff; }.product-manager-flow>div { position:relative; display:flex; align-items:center; gap:8px; min-height:58px; padding:11px; border-right:1px solid #edf0f5; }.product-manager-flow>div:last-child { border:0; }.product-manager-flow b { width:25px; height:25px; display:grid; place-items:center; color:#3472d3; background:#edf4ff; border-radius:8px; font-size:7px; }.product-manager-flow span { color:#59677c; font-size:8px; font-weight:800; }.product-manager-flow i { position:absolute; right:-5px; color:#b9c7d8; font-style:normal; }.product-manager-grid { grid-template-columns:repeat(2,1fr); }.managed-product-card { position:relative; border-color:#dfe6ef; }.managed-product-card.is-active { border-color:#6c9de8; box-shadow:0 0 0 2px rgba(71,126,220,.09),0 16px 38px rgba(28,74,135,.08); }.product-card-icon { overflow:hidden; }.product-card-icon img,.product-thumb img { width:100%; height:100%; object-fit:cover; }.saved-badge.paused { color:#8c93a0; background:#f0f1f3; }.saved-badge.queued { color:#bb7b20; background:#fff3df; }.product-card-meta { display:flex; flex-wrap:wrap; gap:6px; margin:13px 0 10px; }.product-card-meta span { padding:5px 7px; color:#61718a; background:#f2f6fa; border-radius:7px; font-size:7px; }.managed-product-card>.chip-list { min-height:27px; }.product-refresh-note { display:grid; grid-template-columns:auto auto 1fr; gap:8px; align-items:center; margin:12px 0; padding:9px 10px; color:#7b8799; background:#f8fafc; border-radius:8px; font-size:7px; }.product-refresh-note strong { color:#31425b; }.product-refresh-note small { text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.product-manage-actions { flex-wrap:wrap; }.product-manage-actions button { min-width:64px; flex:1 1 auto; }.product-manage-actions button:disabled { opacity:.35; cursor:not-allowed; }.product-add-card { min-height:300px; display:grid; place-items:center; align-content:center; gap:10px; border:1px dashed #bdcbe0; border-radius:14px; color:#65758c; background:linear-gradient(145deg,#fbfdff,#f2f7fc); cursor:pointer; }.product-add-card>span { width:54px; height:54px; display:grid; place-items:center; border-radius:16px; color:#fff; background:linear-gradient(145deg,#3978f2,#22bfb5); font-size:22px; }.product-add-card strong { font-size:12px; }.product-add-card small { color:#8b97a8; font-size:8px; }.product-add-card:disabled { opacity:.55; cursor:not-allowed; }
.product-ops-flow { display:grid; grid-template-columns:repeat(7,1fr); margin-bottom:14px; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:16px; }
.product-ops-flow button { position:relative; min-width:0; min-height:82px; display:flex; align-items:center; gap:8px; padding:12px 10px; color:#748197; background:#fff; border:0; border-right:1px solid #edf1f7; text-align:left; cursor:pointer; transition:.18s; }
.product-ops-flow button:last-child { border-right:0; }
.product-ops-flow button:hover,.product-ops-flow button.active { color:#164a9c; background:linear-gradient(180deg,#f5f9ff,#eaf3ff); }
.product-ops-flow button.active::after { content:""; position:absolute; right:10px; bottom:0; left:10px; height:3px; background:linear-gradient(90deg,#3978f2,#1fc3ad); border-radius:3px 3px 0 0; }
.product-ops-flow b { flex:0 0 28px; width:28px; height:28px; display:grid; place-items:center; color:#2d6bd0; background:#edf4ff; border-radius:9px; font-size:8px; }
.product-ops-flow span { min-width:0; }
.product-ops-flow strong { display:block; margin-bottom:4px; overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.product-ops-flow small { display:block; overflow:hidden; color:#99a3b2; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }
.product-ops-flow i { position:absolute; z-index:2; right:-6px; color:#c9d4e3; font-size:9px; font-style:normal; }
.product-ops-summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px; }
.product-ops-summary-grid article { min-height:115px; padding:16px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 10px 25px rgba(24,52,96,.04); }
.product-ops-summary-grid span { color:#8490a3; font-size:8px; font-weight:800; }
.product-ops-summary-grid strong { display:block; margin:13px 0 7px; color:#1a2944; font-size:13px; line-height:1.35; }
.product-ops-summary-grid p { margin:0; color:#7e899a; font-size:8px; line-height:1.6; }
.product-ops-dashboard { display:grid; grid-template-columns:1fr 1fr 1.18fr; gap:12px; margin-bottom:14px; }
.product-ops-chart-card { min-height:245px; padding:17px; background:#fff; border:1px solid var(--line); border-radius:16px; }
.product-ops-chart-card header { display:flex; justify-content:space-between; gap:12px; margin-bottom:18px; }
.product-ops-chart-card header span { color:#4f83d5; }
.product-ops-chart-card header h3 { margin:5px 0 0; font-size:12px; }
.product-ops-chart-card header em { align-self:flex-start; padding:5px 7px; color:#64728a; background:#f3f6fa; border-radius:7px; font-size:7px; font-style:normal; font-weight:800; white-space:nowrap; }
.product-ops-market-bars { display:grid; gap:22px; padding-top:10px; }
.product-ops-market-bars > div { display:grid; grid-template-columns:58px minmax(0,1fr) 28px; align-items:center; gap:8px; }
.product-ops-market-bars span { font-size:9px; font-weight:800; }
.product-ops-market-bars i,.product-ops-signal-list i { height:8px; overflow:hidden; background:#edf2f8; border-radius:99px; }
.product-ops-market-bars i b,.product-ops-signal-list i b { display:block; height:100%; background:linear-gradient(90deg,#3978f2,#20c5b2); border-radius:99px; }
.product-ops-market-bars strong { font-size:12px; text-align:right; }
.product-ops-market-bars small { grid-column:2/-1; margin-top:-4px; color:#8a95a7; font-size:7px; }
.product-ops-pain-wrap { display:grid; grid-template-columns:114px minmax(0,1fr); align-items:center; gap:14px; }
.product-ops-donut { width:112px; height:112px; display:grid; place-items:center; border-radius:50%; }
.product-ops-donut > span { width:70px; height:70px; display:grid; place-items:center; align-content:center; background:#fff; border-radius:50%; box-shadow:0 5px 20px rgba(25,52,91,.12); }
.product-ops-donut strong { font-size:18px; }
.product-ops-donut small { color:#98a2b1; font-size:7px; }
.product-ops-pain-wrap > div:last-child { display:grid; gap:10px; }
.product-ops-pain-wrap p { display:grid; grid-template-columns:7px minmax(0,1fr) auto; align-items:center; gap:7px; margin:0; }
.product-ops-pain-wrap p i { width:7px; height:7px; border-radius:50%; }
.product-ops-pain-wrap p span { color:#647086; font-size:7px; line-height:1.4; }
.product-ops-pain-wrap p strong { font-size:8px; }
.product-ops-signal-list { display:grid; gap:9px; }
.product-ops-signal-list button { display:grid; grid-template-columns:68px minmax(55px,1fr) 42px 48px; align-items:center; gap:8px; min-height:31px; padding:0 8px; color:#536177; background:#f8fafe; border:1px solid #edf1f6; border-radius:9px; cursor:pointer; }
.product-ops-signal-list button:hover { border-color:#bfd2f5; background:#f1f6ff; }
.product-ops-signal-list span { font-size:8px; font-weight:800; text-align:left; }
.product-ops-signal-list strong { color:#1c2c48; font-size:8px; text-align:right; }
.product-ops-signal-list em { color:#7e899a; font-size:7px; font-style:normal; text-align:right; }
.product-ops-stage-panel { margin-bottom:14px; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:17px; }
.product-ops-stage-panel > header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:19px 20px; color:#fff; background:linear-gradient(115deg,#122641,#1d4e86); }
.product-ops-stage-panel > header h2 { margin:6px 0 0; font-size:17px; }
.product-ops-stage-panel > header > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.product-ops-stage-panel > header em { padding:5px 8px; color:#d8e8fb; background:rgba(255,255,255,.08); border-radius:99px; font-size:7px; font-style:normal; }
.product-ops-stage-panel > div { padding:18px 20px 20px; }
.product-ops-confidence { display:flex; align-items:center; gap:9px; margin-bottom:12px; color:#68768c; font-size:8px; }
.product-ops-confidence span { padding:5px 7px; color:#2367c6; background:#ebf3ff; border-radius:7px; font-weight:900; }
.product-ops-confidence strong { color:#11826f; }
.product-ops-confidence em { font-style:normal; }
.product-ops-decision { padding:18px; background:linear-gradient(120deg,#f3f8ff,#f9fcff); border:1px solid #dce9fa; border-radius:14px; }
.product-ops-decision small { color:#3170cf; font-size:8px; font-weight:900; }
.product-ops-decision h3 { max-width:980px; margin:7px 0 8px; color:#172944; font-size:18px; line-height:1.45; }
.product-ops-decision p { max-width:1050px; margin:0; color:#64728a; font-size:10px; line-height:1.75; }
.product-ops-stage-columns,.product-ops-spec-grid,.product-ops-validation-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:11px; }
.product-ops-stage-columns article,.product-ops-spec-grid article,.product-ops-validation-grid article { padding:15px; background:#fff; border:1px solid #e4ebf4; border-radius:13px; }
.product-ops-stage-columns article > span,.product-ops-spec-grid b,.product-ops-validation-grid span { color:#3773cb; font-size:8px; font-weight:900; }
.product-ops-stage-columns article > strong,.product-ops-spec-grid strong,.product-ops-validation-grid strong { display:block; margin:8px 0 7px; color:#20304a; font-size:12px; }
.product-ops-stage-columns article > p,.product-ops-spec-grid p,.product-ops-validation-grid p { margin:0; color:#707d90; font-size:8px; line-height:1.7; }
.product-ops-spec-grid,.product-ops-validation-grid { grid-template-columns:repeat(3,1fr); }
.product-ops-validation-grid strong { font-size:20px; }
.product-ops-evidence { width:100%; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; margin-top:12px; padding:9px; color:#4e5e76; background:#f6f9fd; border:1px solid #e5edf7; border-radius:9px; text-align:left; cursor:pointer; }
.product-ops-evidence:hover { background:#eef5ff; border-color:#c4d8f7; }
.product-ops-evidence span { padding:4px 6px; color:#fff; background:#3978f2; border-radius:6px; font-size:6px; font-weight:800; }
.product-ops-evidence strong { overflow:hidden; margin:0 !important; font-size:8px !important; text-overflow:ellipsis; white-space:nowrap; }
.product-ops-evidence em { color:#8793a5; font-size:7px; font-style:normal; white-space:nowrap; }
.product-ops-priority-list { display:grid; gap:8px; margin-top:11px; }
.product-ops-priority-list article { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px; border:1px solid #e4ebf4; border-radius:12px; }
.product-ops-priority-list b { width:36px; height:36px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#3978f2,#20b8b0); border-radius:10px; font-size:9px; }
.product-ops-priority-list strong { font-size:11px; }
.product-ops-priority-list p { margin:4px 0 0; color:#798497; font-size:8px; }
.product-ops-priority-list em { padding:5px 7px; color:#627088; background:#f3f6fa; border-radius:7px; font-size:7px; font-style:normal; }
.product-ops-data-boundary { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.product-ops-data-boundary > div { display:flex; align-items:flex-start; gap:10px; padding:13px 15px; color:#5f6d82; background:#fff; border:1px solid var(--line); border-radius:12px; }
.product-ops-data-boundary span { flex:0 0 24px; width:24px; height:24px; display:grid; place-items:center; color:#147b69; background:#e9faf6; border-radius:8px; font-size:9px; font-weight:900; }
.product-ops-data-boundary p { margin:0; font-size:8px; line-height:1.7; }
.product-ops-data-boundary strong { color:#20304a; }
.product-ops-plan-shell { position:fixed; z-index:110; inset:0; visibility:hidden; pointer-events:none; }
.product-ops-plan-shell.open { visibility:visible; pointer-events:auto; }
.product-ops-plan-backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; background:rgba(7,20,40,.55); border:0; opacity:0; backdrop-filter:blur(5px); transition:.2s; }
.product-ops-plan-shell.open .product-ops-plan-backdrop { opacity:1; }
.product-ops-plan-shell aside { position:absolute; top:3vh; right:3vw; bottom:3vh; width:min(670px,92vw); overflow:auto; background:#f5f8fc; border-radius:20px; box-shadow:0 30px 100px rgba(4,16,36,.35); transform:translateX(30px); opacity:0; transition:.24s; }
.product-ops-plan-shell.open aside { transform:none; opacity:1; }
.product-ops-plan-shell aside > header { position:sticky; z-index:2; top:0; display:flex; justify-content:space-between; gap:15px; padding:22px 24px; color:#fff; background:linear-gradient(125deg,#112641,#215188 66%,#138192); }
.product-ops-plan-shell aside header h2 { margin:7px 0 5px; font-size:20px; }
.product-ops-plan-shell aside header p { margin:0; color:rgba(255,255,255,.68); font-size:8px; }
.product-ops-plan-shell aside header button { width:34px; height:34px; color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); border-radius:10px; font-size:20px; cursor:pointer; }
.product-ops-plan-body { display:grid; gap:9px; padding:18px 22px; }
.product-ops-plan-score { display:grid; grid-template-columns:1fr auto; align-items:center; padding:16px; color:#fff; background:linear-gradient(110deg,#1c4e89,#1c8792); border-radius:14px; }
.product-ops-plan-score span { font-size:8px; font-weight:800; }
.product-ops-plan-score strong { grid-row:1/3; grid-column:2; font-size:30px; }
.product-ops-plan-score strong small { font-size:10px; }
.product-ops-plan-score p { margin:5px 0 0; color:rgba(255,255,255,.72); font-size:8px; }
.product-ops-plan-body article { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:11px; padding:12px; background:#fff; border:1px solid #e2e9f3; border-radius:11px; }
.product-ops-plan-body article b { width:32px; height:32px; display:grid; place-items:center; color:#2e6ecd; background:#edf4ff; border-radius:9px; font-size:8px; }
.product-ops-plan-body article p { margin:0; color:#415169; font-size:9px; line-height:1.7; }
.product-ops-plan-body > small { color:#8a95a6; font-size:7px; }
.product-ops-plan-shell aside > footer { position:sticky; bottom:0; display:flex; justify-content:flex-end; gap:8px; padding:13px 22px; background:rgba(255,255,255,.94); border-top:1px solid #e3eaf4; backdrop-filter:blur(8px); }
body:has(.product-ops-plan-shell.open) { overflow:hidden; }

/* Shared company workspace */
.member-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:28px; margin-bottom:16px; padding:28px 30px; color:#fff; background:linear-gradient(118deg,#102844,#1d568d 66%,#168b91); border-radius:20px; box-shadow:0 18px 48px rgba(21,55,96,.15); }
.member-hero > div:first-child > span,.member-invite-card > div > span { color:#83e8ef; font-size:8px; font-weight:900; letter-spacing:.18em; }
.member-hero h2 { margin:8px 0; font-size:22px; }
.member-hero p { max-width:720px; margin:0; color:rgba(255,255,255,.7); font-size:10px; line-height:1.8; }
.member-summary { min-width:135px; padding:17px 20px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); border-radius:15px; }
.member-summary strong { display:block; font-size:28px; }
.member-summary span,.member-summary small { display:block; margin-top:3px; color:rgba(255,255,255,.7); font-size:8px; }
.member-invite-card { display:grid; grid-template-columns:320px minmax(0,1fr); align-items:center; gap:24px; margin-bottom:16px; padding:20px 22px; background:#fff; border:1px solid var(--line); border-radius:17px; }
.member-invite-card h3 { margin:6px 0; color:#1d2c47; font-size:14px; }
.member-invite-card p { margin:0; color:#7c889b; font-size:8px; line-height:1.65; }
.member-invite-card form { display:grid; grid-template-columns:.8fr 1.25fr 1.3fr auto; gap:8px; }
.member-invite-card input,.member-invite-card select,.member-row select { min-width:0; padding:10px 11px; color:#30415b; background:#f8fafe; border:1px solid #dce5f0; border-radius:9px; font:inherit; font-size:9px; }
.member-list-card { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:17px; }
.member-list-card > header { display:flex; align-items:center; justify-content:space-between; padding:17px 20px; border-bottom:1px solid #e8eef6; }
.member-list-card h3 { margin:0 0 4px; font-size:13px; }
.member-list-card p { margin:0; color:#8b96a7; font-size:8px; }
.member-list-card > header > span { padding:5px 8px; color:#2c6dca; background:#edf4ff; border-radius:7px; font-size:8px; font-weight:900; }
.member-list { display:grid; }
.member-row { display:grid; grid-template-columns:38px minmax(190px,1fr) 90px 160px 80px; align-items:center; gap:12px; min-height:66px; padding:10px 20px; border-bottom:1px solid #edf1f6; }
.member-row:last-child { border-bottom:0; }
.member-row.is-disabled { opacity:.55; background:#f8fafc; }
.member-avatar { width:36px; height:36px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#2f75eb,#21b7bd); border-radius:11px; font-size:9px; font-weight:900; }
.member-identity strong,.member-identity small { display:block; }
.member-identity strong { color:#20304a; font-size:10px; }
.member-identity strong em { padding:3px 5px; color:#177f6e; background:#e8f9f5; border-radius:5px; font-size:6px; font-style:normal; }
.member-identity small { margin-top:4px; color:#8994a5; font-size:8px; }
.member-role-badge { display:inline-flex; width:max-content; padding:5px 8px; color:#536078; background:#f0f3f8; border-radius:99px; font-size:7px; font-weight:900; }
.member-role-badge.admin { color:#6652bf; background:#f1edff; }
.member-role-badge.content { color:#196db4; background:#eaf5ff; }
.member-role-badge.management { color:#177969; background:#e7f8f4; }
.member-status-button { min-height:32px; padding:7px 10px !important; font-size:8px !important; }
.member-access-note { color:#8490a2; font-size:8px; }
.member-share-guide,.member-readonly-note { display:flex; align-items:flex-start; gap:13px; margin-top:12px; padding:14px 16px; color:#54637a; background:#f5f9ff; border:1px solid #dce9fa; border-radius:12px; }
.member-share-guide > span { padding:5px 7px; color:#fff; background:#3475d7; border-radius:6px; font-size:7px; font-weight:900; white-space:nowrap; }
.member-share-guide strong,.member-readonly-note strong { display:block; color:#233550; font-size:9px; }
.member-share-guide p,.member-readonly-note span { display:block; margin:4px 0 0; color:#7c899c; font-size:8px; line-height:1.6; }
.member-loading { min-height:300px; display:grid; place-items:center; align-content:center; gap:12px; color:#758198; }
.member-loading span { width:34px; height:34px; border:3px solid #e0e8f3; border-top-color:#3776df; border-radius:50%; animation:spin .8s linear infinite; }
.member-loading strong { font-size:9px; }
.readonly-chip { display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:6px 10px; color:#6e7b90; background:#f1f4f8; border-radius:8px; font-size:8px; font-weight:800; }
.localized-search-section { grid-column:1/-1; padding:14px; background:#f6f9fe; border:1px solid #dfe9f5; border-radius:13px; }
.localized-search-section > p { margin:5px 0 12px; color:#7c899d; font-size:8px; line-height:1.6; }
#localizedSearchPlan { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.localized-search-row { display:grid; grid-template-columns:105px minmax(0,1fr); align-items:center; gap:9px; padding:10px; background:#fff; border:1px solid #e1e8f2; border-radius:10px; }
.localized-search-row > span { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:5px; font-size:13px; }
.localized-search-row > span strong { color:#263750; font-size:8px; }
.localized-search-row > span small { grid-column:2; color:#8b96a7; font-size:7px; }
.localized-search-row textarea { min-width:0; padding:8px 9px; color:#32435e; background:#f8fafe; border:1px solid #dbe5f1; border-radius:8px; font:inherit; font-size:8px; line-height:1.5; resize:vertical; }
.localized-search-row em { grid-column:2; color:#16816f; font-size:7px; font-style:normal; }
.localized-search-row.needs-input { border-color:#f0c876; background:#fffaf0; }
.localized-search-row.needs-input em { color:#b17611; }
.localized-search-empty { grid-column:1/-1; margin:0 !important; padding:12px; text-align:center; }
.update-center-hero { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:24px; align-items:center; margin-bottom:15px; padding:25px 28px; color:#fff; background:linear-gradient(115deg,#102642,#1f568d 68%,#13838c); border-radius:19px; box-shadow:0 18px 45px rgba(19,52,91,.14); }
.top-update-button { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; color:#2563eb; background:#eef5ff; border-color:#cfe0ff; }
.top-update-button:hover { background:#e2edff; border-color:#adc8ff; }
.update-center-hero > div:first-child > span { color:#7de5ed; font-size:8px; font-weight:900; letter-spacing:.18em; }
.update-center-hero h2 { margin:8px 0; font-size:22px; }
.update-center-hero p { max-width:760px; margin:0; color:rgba(255,255,255,.68); font-size:9px; line-height:1.8; }
.update-center-hero > div:last-child { padding:15px 17px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.15); border-radius:14px; }
.update-center-hero > div:last-child strong,.update-center-hero > div:last-child span,.update-center-hero > div:last-child small { display:block; }
.update-center-hero > div:last-child strong { font-size:13px; }
.update-center-hero > div:last-child span,.update-center-hero > div:last-child small { margin-top:4px; color:rgba(255,255,255,.65); font-size:7px; }
.update-control-panel,.update-run-panel { margin-bottom:15px; padding:19px; background:#fff; border:1px solid var(--line); border-radius:17px; }
.update-control-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:10px; }
.update-control-grid label { display:grid; gap:6px; }
.update-control-grid label > span { color:#7d899b; font-size:8px; font-weight:800; }
.update-control-grid select { min-width:0; padding:11px 12px; color:#263852; background:#f8fafe; border:1px solid #dce5f0; border-radius:9px; font:inherit; font-size:9px; }
.update-mode-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:15px; }
.update-mode-card { position:relative; display:grid; grid-template-columns:33px 1fr; gap:2px 9px; padding:13px; background:#f8fafe; border:1px solid #e1e8f2; border-radius:12px; cursor:pointer; transition:.18s; }
.update-mode-card input { position:absolute; opacity:0; }
.update-mode-card i { grid-row:1/3; width:31px; height:31px; display:grid; place-items:center; color:#3372d3; background:#eaf2ff; border-radius:9px; font-size:13px; font-style:normal; }
.update-mode-card strong { color:#263750; font-size:9px; }
.update-mode-card span { color:#8490a2; font-size:7px; line-height:1.55; }
.update-mode-card.selected { background:#eef6ff; border-color:#79a8ec; box-shadow:0 7px 20px rgba(50,112,207,.1); }
.update-budget-bar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:14px; padding:13px 15px; color:#526078; background:#f4f8fd; border-radius:11px; }
.update-budget-bar strong,.update-budget-bar small { display:block; }
.update-budget-bar strong { font-size:9px; }.update-budget-bar strong span { color:#2476d4; font-size:13px; }.update-budget-bar small { margin-top:4px; color:#8995a6; font-size:7px; }
.update-ready,.update-warning { margin-top:10px; padding:9px 11px; border-radius:9px; font-size:8px; }
.update-ready { color:#157b6a; background:#eaf9f5; border:1px solid #caeee5; }.update-warning { color:#9a6411; background:#fff8e8; border:1px solid #f1d68f; }
.update-run-panel > header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; }
.update-run-panel h3 { margin:0 0 4px; font-size:13px; }.update-run-panel p { margin:0; color:#8a95a7; font-size:8px; }
.update-run-list { display:grid; }
.update-run-row { display:grid; grid-template-columns:10px minmax(220px,1fr) auto 105px; align-items:center; gap:12px; min-height:66px; border-top:1px solid #edf1f6; }
.update-run-status { width:8px; height:8px; border-radius:50%; background:#f0a23c; }.update-run-status.completed { background:#28be97; }.update-run-status.failed { background:#e86666; }
.update-run-row strong,.update-run-row small { display:block; }.update-run-row strong { font-size:9px; }.update-run-row small { margin-top:4px; color:#8994a5; font-size:7px; }
.update-run-counts { display:flex; gap:12px; color:#8490a2; font-size:7px; }.update-run-counts b { color:#273954; font-size:9px; }
.update-run-row em { color:#718096; font-size:7px; font-style:normal; text-align:right; }.update-run-empty { padding:40px; color:#8b96a6; text-align:center; font-size:9px; border-top:1px solid #edf1f6; }
.update-run-action { display:grid; justify-items:end; gap:5px; }.update-run-action .outline-button { padding:6px 9px; font-size:7px; }
.update-result-reminder { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:15px; padding:14px 17px; color:#164d70; background:linear-gradient(115deg,#ecf8ff,#eafbf5); border:1px solid #bfe3e3; border-radius:13px; }
.update-result-reminder strong { font-size:10px; }.update-result-reminder p { margin:4px 0 0; color:#5f7f91; font-size:8px; line-height:1.6; }
.update-result-summary { display:grid; gap:6px; margin:14px 0; padding:14px; color:#24506c; background:#edf8fb; border-radius:12px; }.update-result-summary strong { font-size:11px; }.update-result-summary span { color:#6f8493; font-size:8px; }
.update-result-video-list { display:grid; gap:9px; }.update-result-video-list article { display:grid; grid-template-columns:82px minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px; border:1px solid #e4eaf2; border-radius:12px; }.update-result-video-list article>div:nth-child(2) { display:grid; gap:4px; }.update-result-video-list article strong { font-size:9px; }.update-result-video-list article span,.update-result-video-list article small { color:#7d8998; font-size:7px; }.update-result-thumb { width:82px; height:92px; }.update-result-empty { padding:35px 18px; color:#8693a4; text-align:center; background:#f7f9fc; border-radius:12px; font-size:9px; }

@media (max-width:1180px) {
  .product-ops-flow { grid-template-columns:repeat(4,1fr); }
  .product-ops-flow button { border-bottom:1px solid #edf1f7; }
  .product-ops-dashboard { grid-template-columns:1fr 1fr; }
  .product-ops-chart-card.signals { grid-column:1/-1; }
}
@media (max-width:860px) {
  .product-ops-hero { grid-template-columns:1fr; }
  .product-ops-summary-grid { grid-template-columns:1fr 1fr; }
  .product-ops-dashboard,.product-ops-stage-columns,.product-ops-spec-grid,.product-ops-validation-grid,.product-ops-data-boundary { grid-template-columns:1fr; }
  .product-ops-chart-card.signals { grid-column:auto; }
  .member-invite-card { grid-template-columns:1fr; }
  .update-mode-grid { grid-template-columns:1fr 1fr; }
  .member-invite-card form { grid-template-columns:1fr 1fr; }
  .member-row { grid-template-columns:38px minmax(0,1fr) auto; }
  .member-row select,.member-row .member-status-button { grid-column:2/-1; }
}
@media (max-width:980px) {
  .product-manager-grid { grid-template-columns:1fr; }
  .product-manager-flow { grid-template-columns:1fr 1fr; }
  .product-manager-flow>div { border-bottom:1px solid #edf0f5; }
  .market-check-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:680px) {
  .product-intake-grid,.product-setup-grid,.product-manager-hero { grid-template-columns:1fr; }
  .product-manager-hero { padding:22px; }
  .product-manager-flow { grid-template-columns:1fr; }
  .product-manager-flow i { display:none; }
  .market-check-grid { grid-template-columns:1fr 1fr; }
  .product-intake-grid .full,.product-setup-grid>section { grid-column:auto; }
  .member-hero { grid-template-columns:1fr; padding:22px; }
  .member-invite-card form { grid-template-columns:1fr; }
  #localizedSearchPlan { grid-template-columns:1fr; }
  .update-center-hero,.update-control-grid { grid-template-columns:1fr; }
  .update-mode-grid { grid-template-columns:1fr; }
  .update-run-row { grid-template-columns:10px 1fr; padding:10px 0; }
  .update-run-counts,.update-run-action { grid-column:2; justify-items:start; }
  .update-result-reminder { align-items:flex-start; flex-direction:column; }
  .update-result-video-list article { grid-template-columns:70px minmax(0,1fr); }.update-result-video-list article>button { grid-column:2; justify-self:start; }
}

/* 2026-08 readability and layout refinement */
.app-shell { height:100vh; min-height:0; overflow:hidden; }
.sidebar {
  height:100vh;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#bfd0e5 transparent;
}
.sidebar::-webkit-scrollbar { width:8px; }
.sidebar::-webkit-scrollbar-track { background:transparent; }
.sidebar::-webkit-scrollbar-thumb { background:#c4d3e6; border:2px solid #fff; border-radius:999px; }
.sidebar::-webkit-scrollbar-thumb:hover { background:#9fb5d0; }
.brand,.workspace-pill,.usage-card,.sidebar-user { flex-shrink:0; }
.main-nav { flex:0 0 auto; padding-bottom:12px; }
.main-content {
  height:100vh;
  min-width:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Product center: stronger hierarchy, larger type and denser use of space. */
.product-manager-hero { min-height:210px; padding:30px 32px; }
.product-manager-hero>div:first-child>span { font-size:10px; }
.product-manager-hero h2 { margin:11px 0 12px; font-size:30px; }
.product-manager-hero p { max-width:850px; font-size:13px; line-height:1.8; }
.product-manager-hero>div:last-child { padding:21px; }
.product-manager-hero>div:last-child>span { font-size:11px; }
.product-manager-hero>div:last-child>p { margin:7px 0 15px; font-size:11px; }
.product-manager-flow { margin-bottom:18px; border-radius:16px; box-shadow:0 10px 28px rgba(25,58,104,.04); }
.product-manager-flow>div { min-height:72px; gap:11px; padding:15px; }
.product-manager-flow b { width:32px; height:32px; border-radius:10px; font-size:10px; }
.product-manager-flow span { font-size:11px; line-height:1.45; }
.product-manager-flow i { right:-7px; font-size:15px; }
.product-manager-grid { gap:18px; align-items:start; }
.managed-product-card { padding:22px; border-radius:18px; box-shadow:0 12px 30px rgba(28,61,116,.045); }
.product-card-top { gap:13px; }
.product-card-icon { width:52px; height:52px; border-radius:14px; }
.product-card h3 { margin-bottom:5px; font-size:16px; line-height:1.35; }
.product-card small { font-size:11px; line-height:1.5; }
.saved-badge { padding:6px 9px; border-radius:8px; font-size:10px; }
.product-card-meta { gap:8px; margin:17px 0 13px; }
.product-card-meta span { padding:7px 9px; border-radius:8px; font-size:10px; }
.managed-product-card>.chip-list { min-height:36px; gap:8px; }
.managed-product-card>.chip-list span { padding:7px 10px; font-size:10px; }
.managed-product-card .card-stats { gap:12px; margin-top:18px; padding-top:18px; }
.managed-product-card .card-stats strong { font-size:18px; }
.managed-product-card .card-stats span { font-size:10px; }
.product-refresh-note { grid-template-columns:auto auto minmax(0,1fr); gap:10px; margin:16px 0; padding:12px 13px; border-radius:10px; font-size:10px; }
.product-refresh-note small { font-size:10px; }
.product-manage-actions { gap:9px; }
.product-manage-actions button { min-width:76px; height:40px; border-radius:10px; font-size:11px; }
.product-add-card {
  grid-column:1/-1;
  min-height:138px;
  grid-template-columns:60px auto;
  grid-template-rows:auto auto;
  column-gap:16px;
  justify-content:center;
  align-content:center;
  border-radius:18px;
}
.product-add-card>span { grid-row:1/-1; width:58px; height:58px; margin:0; }
.product-add-card strong { align-self:end; font-size:15px; text-align:left; }
.product-add-card small { align-self:start; font-size:11px; text-align:left; }

@media (max-width:1380px) {
  .product-manager-grid { grid-template-columns:1fr; }
  .product-add-card { grid-column:auto; }
}

/* AI localized keyword workspace */
.product-modal { width:min(1180px,96vw); }
.localized-search-section { padding:20px; background:linear-gradient(145deg,#f7fbff,#f3f8fd); border-color:#d7e5f3; border-radius:16px; }
.localized-ai-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.localized-ai-head>div>small { margin:0 0 5px; color:#1d4d89; font-size:13px; }
.localized-ai-head p { max-width:760px; margin:0; color:#6e7f95; font-size:11px; line-height:1.7; }
.localized-ai-head button { flex:0 0 auto; min-width:160px; height:40px; color:#245fae; border-color:#bdd1ea; background:#fff; font-size:10px; font-weight:800; }
.localized-ai-head button:disabled { opacity:.62; cursor:wait; }
.localized-ai-legend { display:grid; grid-template-columns:minmax(230px,1.3fr) minmax(160px,1fr) 86px 58px 108px; gap:10px; margin:18px 42px 8px 37px; color:#8a98aa; font-size:8px; font-weight:800; }
#localizedSearchPlan { display:grid; gap:13px; }
.localized-search-card { overflow:hidden; background:#fff; border:1px solid #dce7f3; border-radius:14px; box-shadow:0 10px 28px rgba(35,76,128,.045); }
.localized-search-card>header { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:62px; padding:12px 16px; background:linear-gradient(90deg,#f8fbff,#fff); border-bottom:1px solid #e7eef6; }
.localized-search-card>header>div { display:flex; align-items:center; gap:10px; }
.localized-search-card>header>div>span { width:34px; height:34px; display:grid; place-items:center; background:#edf4fc; border-radius:10px; font-size:18px; }
.localized-search-card>header>div>div { display:grid; gap:2px; }
.localized-search-card>header strong { color:#20324b; font-size:12px; }
.localized-search-card>header small { color:#8a98aa; font-size:9px; }
.localized-search-card>header>em { padding:6px 9px; color:#177d6c; background:#e9faf6; border-radius:999px; font-size:8px; font-style:normal; font-weight:800; }
.localized-term-list { display:grid; }
.localized-term-row { display:grid; grid-template-columns:20px minmax(230px,1.3fr) 86px minmax(160px,1fr) 58px 108px; align-items:center; gap:10px; min-height:48px; padding:7px 16px; border-bottom:1px solid #eef2f7; transition:.18s; }
.localized-term-row:last-child { border-bottom:0; }
.localized-term-row:hover { background:#f9fbfe; }
.localized-term-row.is-rejected { opacity:.46; background:#f7f8fa; }
.localized-term-check { width:15px; height:15px; accent-color:#2876df; }
.localized-term-input { width:100%; min-width:0; height:34px; padding:0 9px; color:#243851; background:#f8faff; border:1px solid transparent; border-radius:8px; outline:0; font-size:10px; font-weight:700; }
.localized-term-input:focus { background:#fff; border-color:#78a8ef; box-shadow:0 0 0 3px rgba(53,119,224,.1); }
.localized-type { justify-self:start; padding:5px 7px; color:#2967b7; background:#eaf3ff; border-radius:7px; font-size:8px; font-weight:800; white-space:nowrap; }
.localized-type.exclusion { color:#b46829; background:#fff1df; }.localized-type.competitor,.localized-type.similar { color:#7355b6; background:#f2edff; }.localized-type.pain { color:#b95151; background:#ffeded; }.localized-type.scene { color:#148276; background:#e9faf6; }
.localized-term-row small { overflow:hidden; color:#7d8999; font-size:9px; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.localized-term-row>strong { color:#263b58; font-size:10px; text-align:right; }
.localized-term-row>em { justify-self:end; padding:5px 7px; color:#7b8797; background:#f1f4f7; border-radius:7px; font-size:7px; font-style:normal; font-weight:800; white-space:nowrap; }
.localized-term-row>em.verified { color:#14806c; background:#e5f8f2; }.localized-term-row>em.low_match,.localized-term-row>em.no_result { color:#aa6a16; background:#fff4dc; }.localized-term-row>em.rejected { color:#a45353; background:#ffeded; }.localized-term-row>em.rule { color:#586f91; background:#edf3fa; }
.localized-search-card>footer { display:flex; align-items:center; justify-content:space-between; padding:10px 16px; color:#8190a3; background:#fbfcfe; border-top:1px solid #edf1f6; font-size:8px; }
.localized-search-card>footer button { padding:5px 8px; color:#2e6dbd; background:#edf5ff; border:0; border-radius:7px; font-size:8px; font-weight:800; }

@media (max-width:980px) {
  .localized-ai-legend { display:none; }
  .localized-term-row { grid-template-columns:20px minmax(0,1fr) 80px 50px; }
  .localized-term-row small { grid-column:2/4; white-space:normal; }
  .localized-term-row>em { grid-column:4; grid-row:2; }
}

/* Product map: evidence-led copy and readable editing fields. */
.profile-basis { display:flex; align-items:flex-start; gap:12px; margin:0 0 18px; padding:13px 15px; color:#35607f; background:linear-gradient(100deg,#edf8ff,#eefaf6); border:1px solid #cce5ea; border-radius:12px; }
.profile-basis strong { flex:0 0 auto; padding:5px 8px; color:#117b68; background:#fff; border-radius:7px; font-size:9px; }
.profile-basis span { padding-top:3px; font-size:10px; line-height:1.65; }
.profile-basis em { flex:0 0 auto; margin-left:auto; padding:5px 8px; color:#2d69a7; background:#fff; border:1px solid #d8e7f2; border-radius:7px; font-size:8px; font-style:normal; font-weight:800; white-space:nowrap; }
.product-map-grid { gap:15px; }
.product-map-grid .map-block { min-height:132px; padding:18px; border-color:#e3e9f0; border-radius:14px; background:linear-gradient(180deg,#fbfcfe,#f7f9fc); }
.product-map-grid .map-block>small { margin-bottom:12px; color:#738197; font-size:10px; font-weight:700; }
.product-map-grid .map-block input,.product-map-grid .map-block textarea { padding:11px 12px; color:#22334b; background:#fff; border-color:#d6e0eb; border-radius:10px; font-size:12px; line-height:1.65; }
.product-map-grid .map-block input { min-height:42px; }
.product-map-grid .map-block textarea { min-height:104px; }
.product-map-grid .map-block.full textarea { min-height:128px; }
.confidence { margin-top:10px; padding:5px 8px; border-radius:7px; font-size:9px; font-weight:800; }
.confidence.medium { color:#a46b14; background:#fff3d9; }.confidence.low { color:#ae5858; background:#ffebeb; }
.product-map-grid .map-block.warning { background:#fffaf2; border-color:#f2dfb8; }

/* Dynamic AI clarification for ambiguous product names. */
.clarifying-question-list { display:grid; gap:14px; margin-top:20px; }
.clarifying-question { padding:18px; background:linear-gradient(145deg,#f8fbff,#fff); border:1px solid #dce7f3; border-radius:15px; }
.clarifying-question header { display:flex; align-items:flex-start; gap:12px; margin-bottom:14px; }
.clarifying-question header b { flex:0 0 auto; width:30px; height:30px; display:grid; place-items:center; color:#2272cf; background:#eaf3ff; border-radius:9px; font-size:9px; }
.clarifying-question header strong { padding-top:4px; color:#1d2d45; font-size:13px; line-height:1.55; }
.clarifying-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.clarifying-options label { position:relative; cursor:pointer; }
.clarifying-options input { position:absolute; opacity:0; pointer-events:none; }
.clarifying-options span { min-height:42px; display:flex; align-items:center; padding:10px 12px; color:#4f6178; background:#fff; border:1px solid #dce5f0; border-radius:10px; font-size:10px; line-height:1.45; transition:.16s; }
.clarifying-options input:checked+span { color:#185db1; background:#edf5ff; border-color:#6ea3e8; box-shadow:0 0 0 3px rgba(47,116,211,.09); font-weight:800; }
.clarifying-note { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; margin-top:11px; padding:10px 12px; background:#f7f9fc; border-radius:10px; }
.clarifying-note span { color:#8390a2; font-size:9px; }
.clarifying-note input { min-width:0; height:30px; padding:0 9px; color:#24364e; background:#fff; border:1px solid #dce5ef; border-radius:8px; outline:0; font-size:10px; }
.clarifying-note input:focus { border-color:#75a5e8; box-shadow:0 0 0 3px rgba(53,119,224,.09); }

@media (max-width:760px) {
  .profile-basis { flex-wrap:wrap; }.profile-basis em { width:max-content; margin-left:0; }
  .clarifying-options { grid-template-columns:1fr; }
  .clarifying-note { grid-template-columns:1fr; gap:6px; }
}