:root{--bg:#f4f6fb;--panel:#fff;--text:#18202f;--muted:#6b7280;--line:#e5e9f2;--primary:#0f5cff;--primary2:#0b3aa9;--ok:#14a46c;--warn:#f59e0b;--danger:#e5484d;--sidebar:#101828;--sidebar2:#1d2939;--shadow:0 18px 45px rgba(15,23,42,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}button,input,a{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:292px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));color:#d9e2f1;padding:22px 16px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 20px}.brand-mark{width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:24px}.brand-title{font-weight:800;color:white}.brand-subtitle{font-size:12px;color:#98a2b3;margin-top:4px}.nav{display:flex;flex-direction:column;gap:4px}.nav-group{margin-top:16px}.nav-group-title{font-size:12px;color:#98a2b3;padding:10px 12px 6px;letter-spacing:.08em}.nav-item{width:100%;border:0;background:transparent;color:#d9e2f1;border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer}.nav-item:hover{background:rgba(255,255,255,.08)}.nav-item.active{background:#fff;color:#101828;font-weight:700}.main{margin-left:292px;width:calc(100% - 292px);min-height:100vh}.topbar{height:72px;display:flex;align-items:center;gap:16px;padding:0 28px;background:rgba(244,246,251,.8);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.menu-button{display:none}.search-box{flex:1;max-width:560px;height:42px;border:1px solid var(--line);border-radius:14px;background:white;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--muted)}.search-box input{border:0;outline:0;width:100%;background:transparent}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.primary-btn,.ghost-btn,.toolbar button{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;text-decoration:none}.primary-btn{background:var(--primary);color:#fff}.ghost-btn,.toolbar button{background:#fff;color:var(--text);border:1px solid var(--line)}.status-pill,.badge{font-size:12px;border-radius:999px;padding:6px 10px;font-weight:700}.ok{background:#e8fff5;color:#08724a}.warn{background:#fff7df;color:#9a6700}.danger{background:#ffecec;color:#9b1c1f}.building{background:#edf2ff;color:#244f9e}.time{color:var(--muted);font-variant-numeric:tabular-nums}.page{display:none;padding:28px;max-width:1440px;margin:0 auto}.page.active{display:block}.page-hero,.page-title{background:linear-gradient(135deg,#fff,#eef4ff);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.eyebrow{font-size:13px;color:var(--primary);font-weight:800;margin-bottom:8px}.page h1,.page-title h1{margin:0 0 8px;font-size:30px;letter-spacing:-.02em}.page p{color:var(--muted);line-height:1.7;margin:0}.hero-meta{min-width:230px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px;color:var(--muted)}.hero-meta strong{color:var(--text)}.metric-grid{display:grid;gap:16px;margin-bottom:22px}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric-grid.six{grid-template-columns:repeat(6,1fr)}.metric-card,.panel,.shortcut{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{display:block;margin:10px 0 6px;font-size:28px}.metric-card em{font-style:normal;font-size:13px;font-weight:800}.up{color:var(--ok)}.down{color:var(--danger)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel h2,.panel-head h2{font-size:18px;margin:0 0 14px}.panel-head h2{margin:0}.danger-panel{border-color:#ffd6d6}.issue-list,.action-list{display:grid;gap:12px;margin:0;padding-left:20px}.issue-list li b{display:block;margin-bottom:4px}.issue-list li span,.action-list li{color:var(--muted);line-height:1.6}.trend-demo{height:210px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#eef4ff);display:flex;align-items:flex-end;gap:14px;padding:22px;border:1px dashed #cbd5e1}.trend-demo span{flex:1;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#3b82f6,#93c5fd)}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shortcut{display:block;text-align:left;color:inherit;text-decoration:none;cursor:pointer}.shortcut b{display:block;margin-bottom:8px}.shortcut span{color:var(--muted);font-size:14px}.shortcut:hover{border-color:#bcd0ff;transform:translateY(-1px)}.toolbar{display:flex;gap:10px;margin:-10px 0 22px}.placeholder-chart,.empty-state{height:220px;border-radius:16px;border:1px dashed #cbd5e1;background:#f8fafc;display:grid;place-items:center;color:var(--muted)}.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.funnel span{padding:20px;border-radius:14px;background:#eff6ff;color:#1d4ed8;text-align:center;font-weight:700}.table-skeleton{height:260px;border-radius:16px;background:repeating-linear-gradient(0deg,#f8fafc 0,#f8fafc 38px,#eef2f7 39px,#eef2f7 40px);border:1px solid var(--line)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud span{padding:10px 14px;border-radius:999px;background:#f1f5f9;color:#334155}.muted{color:var(--muted)}@media(max-width:1100px){.metric-grid.four,.metric-grid.six,.shortcut-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.menu-button{display:block}.topbar{padding:0 14px}.top-actions .ghost-btn,.status-pill{display:none}.page{padding:16px}.page-hero,.page-title{display:block}.metric-grid.four,.metric-grid.six,.shortcut-grid{grid-template-columns:1fr}.funnel{grid-template-columns:1fr}}
.embed-frame{width:100%;height:760px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.embed-frame.tall{height:980px}.embed-frame.report{height:620px}.report-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}@media(max-width:1100px){.report-preview-grid{grid-template-columns:1fr}.embed-frame,.embed-frame.tall{height:760px}}

/* v1.1: unify all /new pages */
.page{--page-max:1440px}.page-title,.page-hero{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.055);padding:22px 24px;margin-bottom:16px;position:relative;overflow:hidden}.page-title:before,.page-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--primary),#60a5fa)}.page-title h1,.page-hero h1{font-size:26px;line-height:1.2;margin-bottom:6px}.page-title p,.page-hero p{max-width:820px}.eyebrow{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;background:#eef4ff;color:var(--primary);font-size:12px;margin-bottom:10px}.badge{white-space:nowrap}.toolbar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;margin:-4px 0 16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.toolbar a,.toolbar button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:#f8fafc;color:var(--text);text-decoration:none;padding:8px 13px;cursor:pointer}.toolbar a:hover,.toolbar button:hover{background:#eef4ff;border-color:#c7d8ff}.metric-grid{margin-bottom:16px}.metric-card,.panel,.shortcut{border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.045);padding:17px}.panel{margin-bottom:16px}.panel h2,.panel-head h2{font-size:17px}.metric-card strong{font-size:25px}.shortcut-grid{margin-bottom:16px}.shortcut{min-height:92px}.embed-frame{border-radius:14px;box-shadow:0 8px 22px rgba(15,23,42,.045);border:1px solid var(--line)}.embed-frame.tall{height:860px}.embed-frame.report{height:560px}.two-col{margin-bottom:16px}.placeholder-chart,.empty-state,.table-skeleton{border-radius:14px}.nav-item{border-left:3px solid transparent}.nav-item.active{border-left-color:var(--accent, #FFB703)}

.unified-note{background:#fff7df;border:1px solid #ffe29a;color:#6f4d00;border-radius:14px;padding:12px 14px;margin:-4px 0 16px;font-size:14px;line-height:1.6}.page-section-title{font-size:15px;font-weight:800;margin:0 0 10px;color:#334155}.source-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.source-line span{font-size:12px;border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:5px 9px;color:var(--muted)}

/* v1.2: page template system */
.template-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.summary-card .label{font-size:12px;color:var(--muted);margin-bottom:8px}.summary-card .value{font-size:22px;font-weight:800;color:var(--text);line-height:1.15}.summary-card .hint{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.4}.template-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-bottom:16px}.side-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.side-panel h3{font-size:16px;margin:0 0 12px}.mini-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mini-list li{padding:10px 11px;border-radius:10px;background:#f8fafc;color:#475569;font-size:13px;line-height:1.45}.page-empty-box{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:28px;text-align:center;color:var(--muted);box-shadow:0 8px 22px rgba(15,23,42,.035);margin-bottom:16px}.page-empty-box strong{display:block;color:var(--text);font-size:17px;margin-bottom:8px}.template-tag{display:inline-flex;align-items:center;height:22px;border-radius:999px;background:#f8fafc;border:1px solid var(--line);padding:0 8px;color:var(--muted);font-size:12px;margin-left:8px}.page-title .template-tag,.page-hero .template-tag{vertical-align:middle}.iframe-shell{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.iframe-shell .embed-frame{box-shadow:none;border-radius:12px}.toolbar .primary-action{background:var(--primary);color:#fff;border-color:var(--primary)}.toolbar .warn-action{background:#fff7df;color:#8a5a00;border-color:#ffe29a}.quick-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.quick-tabs button{border:1px solid var(--line);background:#fff;color:#334155;border-radius:999px;padding:8px 12px;cursor:pointer}.quick-tabs button:hover{border-color:#bcd0ff;background:#eef4ff}@media(max-width:1100px){.template-summary{grid-template-columns:repeat(2,1fr)}.template-layout{grid-template-columns:1fr}}@media(max-width:760px){.template-summary{grid-template-columns:1fr}}

/* v1.3: unified data-page reading path */
.data-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px;margin-bottom:16px}.insight-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.insight-card h3{font-size:16px;margin:0 0 12px}.insight-card.warning{border-color:#ffe1a6;background:linear-gradient(180deg,#fff,#fffaf0)}.insight-card.action{border-color:#cce0ff;background:linear-gradient(180deg,#fff,#f7fbff)}.insight-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.insight-list li{display:flex;gap:9px;align-items:flex-start;color:#475569;font-size:13px;line-height:1.5}.insight-list li:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--primary);margin-top:7px;flex:0 0 auto}.insight-card.warning .insight-list li:before{background:#f59e0b}.insight-card.action .insight-list li:before{background:#14a46c}.detail-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.detail-title h3{font-size:16px;margin:0}.detail-title span{font-size:12px;color:var(--muted)}.data-placeholder{min-height:230px;border:1px dashed #cbd5e1;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f8fafc);display:grid;place-items:center;color:#64748b;text-align:center;padding:20px}.data-placeholder strong{display:block;color:#1f2937;margin-bottom:6px}.legacy-link-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 8px 22px rgba(15,23,42,.035)}.legacy-link-panel p{margin:0;color:var(--muted);font-size:13px}.legacy-link-panel a,.legacy-link-panel button{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:8px 12px;text-decoration:none;color:var(--text);cursor:pointer;white-space:nowrap}@media(max-width:1100px){.data-layout{grid-template-columns:1fr}.legacy-link-panel{align-items:flex-start;flex-direction:column}}

/* v1.4: internal page versions replacing iframe where possible */
.internal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.internal-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.internal-card h3{font-size:16px;margin:0 0 10px;color:#111827}.internal-card p{font-size:13px;color:#64748b;line-height:1.55;margin:0 0 10px}.internal-card ul{margin:0;padding-left:18px;color:#475569;font-size:13px;line-height:1.65}.internal-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.04);margin-bottom:16px}.internal-table th,.internal-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.internal-table th{background:#f8fafc;color:#475569;font-weight:800}.internal-table tr:last-child td{border-bottom:0}.status-dot{display:inline-flex;align-items:center;gap:6px}.status-dot:before{content:"";width:8px;height:8px;border-radius:99px;background:#22c55e}.status-dot.warn:before{background:#f59e0b}.status-dot.bad:before{background:#ef4444}.internal-timeline{display:grid;gap:12px}.timeline-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:130px 1fr;gap:12px;box-shadow:0 8px 22px rgba(15,23,42,.035)}.timeline-item b{color:#111827}.timeline-item span{color:#64748b;font-size:13px;line-height:1.55}.internal-version-note{background:#eff6ff;border:1px solid #cfe0ff;color:#1e3a8a;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.6;margin-bottom:16px}.internal-version-note a{color:#0f5cff;font-weight:700}.mini-chart{height:180px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);position:relative;overflow:hidden}.mini-chart:before{content:"";position:absolute;left:24px;right:24px;bottom:36px;height:80px;background:linear-gradient(135deg,transparent 0 8%,rgba(15,92,255,.18) 8% 18%,transparent 18% 25%,rgba(15,92,255,.22) 25% 45%,transparent 45% 52%,rgba(20,164,108,.20) 52% 72%,transparent 72% 100%);border-radius:20px}.mini-chart:after{content:"趋势示意 / 后续接真实图表";position:absolute;left:18px;bottom:14px;color:#94a3b8;font-size:12px}@media(max-width:1100px){.internal-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}}

/* v1.8: make tools add-link action obvious on all screen sizes */
.add-link-main-btn,.add-link-toolbar-btn,.add-link-empty-btn,.tools-fab{background:#0f5cff;color:#fff;border:0;border-radius:12px;cursor:pointer;font-weight:800;box-shadow:0 10px 24px rgba(15,92,255,.22)}
.add-link-main-btn{padding:12px 20px;font-size:15px;white-space:nowrap;align-self:center}
.add-link-toolbar-btn{padding:9px 16px;font-size:14px;white-space:nowrap}
.add-link-empty-btn{margin-left:8px;padding:8px 14px;font-size:13px}
.tools-fab{position:fixed;right:28px;bottom:28px;z-index:30;padding:14px 20px;font-size:15px;display:none}
#page-tools.active .tools-fab{display:block}
.tools-toolbar{align-items:center;flex-wrap:wrap}
@media(max-width:760px){.add-link-main-btn{width:100%;margin-top:14px}.tools-toolbar{display:grid;grid-template-columns:1fr;gap:10px}.tools-toolbar input{width:100%;min-width:0!important}.add-link-toolbar-btn{width:100%;height:44px}.tools-fab{right:16px;bottom:18px;padding:13px 18px;border-radius:999px}.page-title{gap:10px}.page-title .badge{display:none}}

/* v1.9: keep add-link form and save button visible */
.add-link-form-card{background:#fff;border:2px solid #0f5cff;border-radius:16px;padding:18px;margin:14px 0 18px;box-shadow:0 18px 45px rgba(15,92,255,.16)}
.add-link-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.add-link-form-head h3{margin:0;font-size:18px;color:#111827}.add-link-close{border:0;background:#f1f5f9;color:#475569;border-radius:999px;width:32px;height:32px;cursor:pointer;font-size:22px;line-height:1}.add-link-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-link-fields input{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:#fff}.add-link-fields #link-desc{grid-column:1/-1}.add-link-actions{position:sticky;bottom:0;display:flex;gap:10px;margin-top:14px;padding-top:12px;background:#fff}.save-link-btn{background:#0f5cff;color:#fff;border:0;border-radius:10px;padding:12px 22px;cursor:pointer;font-size:15px;font-weight:800;box-shadow:0 10px 24px rgba(15,92,255,.22)}.cancel-link-btn{background:#f1f5f9;color:#334155;border:0;border-radius:10px;padding:12px 18px;cursor:pointer;font-size:14px}.save-link-btn:hover,.add-link-main-btn:hover,.add-link-toolbar-btn:hover,.tools-fab:hover{filter:brightness(.96)}@media(max-width:760px){.add-link-fields{grid-template-columns:1fr}.add-link-actions{display:grid;grid-template-columns:1fr;position:static}.save-link-btn,.cancel-link-btn{width:100%;height:46px}}

/* v2.0: persistent service registry on tools page */
.service-registry-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin:0 0 18px;box-shadow:var(--shadow)}.service-registry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.service-registry-head h2{font-size:20px;margin:0 0 6px}.service-registry-head p{font-size:13px;color:var(--muted);margin:0}.add-service-btn{background:#111827;color:#fff;border:0;border-radius:12px;padding:11px 16px;cursor:pointer;font-weight:800;white-space:nowrap}.service-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.service-summary span{background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;color:#475569}.service-summary b{color:#111827}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}.service-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdff);padding:14px;display:grid;gap:9px}.service-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.service-card-top strong{font-size:14px;color:#111827}.service-meta{display:flex;flex-wrap:wrap;gap:8px;color:#64748b;font-size:12px}.service-url{font-size:12px;color:#0f5cff;text-decoration:none;word-break:break-all}.service-card p{font-size:12px;color:#475569;line-height:1.5;margin:0}.service-path{font-size:11px;color:#94a3b8;word-break:break-all}.add-service-form{border:2px solid #111827;border-radius:16px;padding:16px;margin:12px 0 16px;background:#fff;box-shadow:0 14px 34px rgba(17,24,39,.12)}.service-form-fields{display:grid;grid-template-columns:1.2fr 1.4fr .7fr .9fr;gap:10px}.service-form-fields input{padding:10px 12px;border:1px solid var(--line);border-radius:10px}.service-form-fields #svc-desc{grid-column:1/-1}@media(max-width:900px){.service-registry-head{flex-direction:column}.add-service-btn{width:100%}.service-form-fields{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}}

/* v2.1: service registry redesign - summary + filters + table */
.service-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.service-summary-cards article{background:linear-gradient(135deg,#f8fbff,#eef4ff);border:1px solid #dbe7ff;border-radius:14px;padding:14px}.service-summary-cards span{display:block;color:#64748b;font-size:12px}.service-summary-cards b{display:block;color:#0f172a;font-size:28px;line-height:1.1;margin:6px 0}.service-summary-cards em{font-style:normal;color:#64748b;font-size:12px}.service-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0 14px}.service-controls input{min-width:260px;flex:1;border:1px solid var(--line);border-radius:12px;padding:10px 13px;background:#fff}.service-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.service-tabs button{border:1px solid var(--line);background:#fff;color:#334155;border-radius:999px;padding:8px 11px;cursor:pointer;font-size:12px}.service-tabs button.active{background:#111827;color:#fff;border-color:#111827}.service-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.service-table{width:100%;border-collapse:collapse;min-width:980px}.service-table th{position:sticky;top:0;background:#f8fafc;color:#475569;font-size:12px;text-align:left;padding:12px;border-bottom:1px solid var(--line);z-index:1}.service-table td{padding:12px;border-bottom:1px solid #eef2f7;vertical-align:top;font-size:13px}.service-table tr:hover td{background:#fbfdff}.service-table tr:last-child td{border-bottom:0}.svc-name strong{display:block;color:#111827;font-size:14px}.service-table small{display:block;color:#94a3b8;font-size:11px;line-height:1.45;margin-top:4px;word-break:break-all}.port-pill{display:inline-flex;background:#0f5cff;color:#fff;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px}.type-pill{display:inline-flex;background:#f1f5f9;color:#334155;border-radius:999px;padding:5px 9px;font-size:12px;margin-right:6px}.status-dot-text{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status-dot-text:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-dot-text.ok{background:#e8fff5;color:#08724a}.status-dot-text.warn{background:#fff7df;color:#9a6700}.status-dot-text.danger{background:#ffecec;color:#9b1c1f}.url-text{max-width:240px}.svc-desc span{display:block;color:#334155;line-height:1.45}.muted{color:#94a3b8}@media(max-width:900px){.service-summary-cards{grid-template-columns:repeat(2,1fr)}.service-controls{display:grid}.service-controls input{min-width:0}.service-tabs{justify-content:flex-start}}@media(max-width:560px){.service-summary-cards{grid-template-columns:1fr}}
.utm-status{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:-4px 0 16px;color:#475569;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.utm-funnel{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.utm-funnel article{background:linear-gradient(180deg,#eff6ff,#fff);border:1px solid #dbe8ff;border-radius:14px;padding:16px;text-align:center}.utm-funnel span{display:block;color:#64748b;font-size:13px}.utm-funnel b{display:block;font-size:24px;margin:8px 0;color:#0f172a}.utm-funnel em{font-style:normal;color:#2563eb;font-weight:800}.utm-search{border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-width:280px}.utm-table-wrap{overflow:auto;max-height:680px;border:1px solid var(--line);border-radius:12px}.utm-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;background:#fff}.utm-table th{position:sticky;top:0;background:#f8fafc;color:#475569;text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.utm-table td{padding:9px 10px;border-bottom:1px solid #eef2f7;white-space:nowrap}.utm-table tr:hover td{background:#f8fbff}.utm-tabs button.active{background:#0f5cff;color:#fff;border-color:#0f5cff}@media(max-width:900px){.utm-funnel{grid-template-columns:1fr 1fr}.utm-search{min-width:0;width:100%}}

/* v2.1: tools page cleanup - card-first service center */
.tools-title{align-items:center}.tools-title-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tools-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.tools-overview-grid article{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.tools-overview-grid span{display:block;color:#64748b;font-size:12px}.tools-overview-grid b{display:block;color:#111827;font-size:18px;margin:6px 0}.tools-overview-grid em{font-style:normal;color:#64748b;font-size:13px}.tools-filter-bar{position:sticky;top:82px;z-index:6;background:rgba(244,246,251,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr) auto;gap:12px;align-items:center;margin-bottom:16px}.tools-filter-bar input{border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 13px;min-width:0}.tools-section,.service-registry-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin:0 0 18px;box-shadow:var(--shadow)}.tools-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.tools-section-head h2{margin:0 0 6px;font-size:20px}.tools-section-head p{font-size:13px;color:var(--muted);margin:0}.links-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.link-card{border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdff);padding:15px;display:flex;flex-direction:column;gap:10px;min-height:150px}.link-card-top{display:flex;justify-content:space-between;gap:10px}.link-card strong{display:block;color:#111827;font-size:15px}.link-card small,.link-date{display:block;color:#94a3b8;font-size:11px;margin-top:3px}.link-card p{font-size:13px;color:#475569;line-height:1.5;margin:0;flex:1}.link-card a{font-size:13px;color:#0f5cff;text-decoration:none;font-weight:800}.link-card button{border:0;background:#f1f5f9;color:#64748b;border-radius:8px;cursor:pointer;width:28px;height:28px}.service-group-grid{display:grid;gap:18px}.service-group{border-top:1px solid #eef2f7;padding-top:16px}.service-group:first-child{border-top:0;padding-top:0}.service-group-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.service-group-title h3{margin:0;font-size:17px;color:#111827}.service-group-title span{background:#f1f5f9;color:#475569;border-radius:999px;padding:5px 10px;font-size:12px}.service-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}.service-mini-card{border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdff);padding:15px;display:flex;flex-direction:column;gap:10px;min-height:190px}.service-mini-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.service-mini-top strong{font-size:15px;color:#111827;line-height:1.35}.service-mini-card p{font-size:13px;color:#475569;line-height:1.55;margin:0;flex:1}.service-mini-meta{display:flex;gap:8px;flex-wrap:wrap}.service-mini-card small{font-size:11px;color:#94a3b8;word-break:break-all;line-height:1.4}.service-raw-details{margin-top:18px;border-top:1px dashed #dbe3ef;padding-top:14px}.service-raw-details summary{cursor:pointer;color:#475569;font-size:13px;font-weight:800}.service-table-wrap{margin-top:12px}.service-table{min-width:980px}.service-url{font-weight:800}.add-link-form-card,.add-service-form{scroll-margin-top:150px}@media(max-width:1100px){.tools-filter-bar{grid-template-columns:1fr}.tools-overview-grid{grid-template-columns:1fr}.tools-title-actions{justify-content:flex-start}.tools-section-head{flex-direction:column}.tools-section-head button{width:100%}}@media(max-width:760px){.tools-filter-bar{position:static}.service-card-grid,.links-card-grid{grid-template-columns:1fr}.tools-title-actions{width:100%}.tools-title-actions button{width:100%}}

/* v2.2: overview date-aware trend snapshot */
.trend-demo{align-items:stretch;gap:10px;padding:18px 16px 14px;min-height:230px}.trend-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.trend-bar-item span{width:100%;max-width:54px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#3b82f6,#93c5fd);box-shadow:0 8px 18px rgba(59,130,246,.18)}.trend-bar-item em{font-style:normal;font-size:12px;color:#64748b;white-space:nowrap}.hero-meta div:first-child{border-left:3px solid #0f5cff;padding-left:10px}.hero-meta strong{white-space:nowrap}@media(max-width:760px){.trend-demo{gap:6px;padding:14px 10px}.trend-bar-item em{font-size:10px}.trend-bar-item span{max-width:34px}}

/* v2.3: yesterday performance dashboard */
.performance-date-note{background:#eff6ff;border:1px solid #cfe0ff;color:#1e3a8a;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.6;margin-bottom:16px}.performance-table-wrap{overflow:auto}.performance-table{min-width:760px}.performance-trend{height:300px;border:1px dashed #cbd5e1;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f8fafc);display:flex;align-items:flex-end;gap:10px;padding:18px 14px}.performance-trend-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.performance-trend-item span{width:100%;max-width:46px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#14a46c,#8be3bd);box-shadow:0 8px 18px rgba(20,164,108,.16)}.performance-trend-item b{font-size:11px;color:#334155;white-space:nowrap}.performance-trend-item em{font-style:normal;font-size:12px;color:#64748b;white-space:nowrap}@media(max-width:760px){.performance-trend{gap:5px;padding:14px 8px}.performance-trend-item b{display:none}.performance-trend-item em{font-size:10px}}

/* v2.4: Callie English core sites */
.english-performance-panel{margin:16px 0}.english-site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.english-site-card{border:1px solid #e5e9f2;border-radius:16px;background:#fff;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.english-site-card.primary{background:linear-gradient(135deg,#0f5cff,#0b3aa9);color:#fff;border-color:#0f5cff}.english-site-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.english-site-head h3{margin:0;font-size:15px}.english-site-head span{font-size:11px;color:#94a3b8;text-align:right}.english-site-card.primary .english-site-head span{color:#dbeafe}.english-site-card strong{display:block;font-size:24px;margin:12px 0 10px}.english-site-kpis{display:flex;flex-wrap:wrap;gap:8px}.english-site-kpis span{font-size:12px;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#334155}.english-site-card.primary .english-site-kpis span{background:rgba(255,255,255,.16);color:#fff}@media(max-width:980px){.english-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.english-site-grid{grid-template-columns:1fr}}

/* v2.5: traffic dashboard */
#page-ads .english-site-card strong{font-size:22px}#page-ads .performance-table td:first-child{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-ads .performance-table td:nth-child(2){max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v2.6: competitor center */
.competitor-hot-tags span{background:#ecfeff;color:#155e75;border:1px solid #a5f3fc}.competitor-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.competitor-product-card{border:1px solid #e5e9f2;border-radius:16px;background:#fff;padding:12px;display:flex;gap:12px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.competitor-product-img{width:74px;height:74px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.competitor-product-img img{width:100%;height:100%;object-fit:cover}.competitor-product-card h3{font-size:13px;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.competitor-product-card p{font-size:11px;color:#64748b;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-list .action-list{margin:0}@media(max-width:1180px){.competitor-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.competitor-product-grid{grid-template-columns:1fr}.competitor-product-card{flex-direction:column}.competitor-product-img{width:100%;height:150px}}

/* v2.7: Amazon keyword opportunity */
.amazon-seed-tags span{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}#page-amazon .performance-table td:nth-child(2){max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-amazon .performance-table td:nth-child(7){max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v2.8: IXSPY Etsy / Shopify product grids */
.market-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.market-product-card{border:1px solid #e5e9f2;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.04)}.market-product-img{height:170px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;text-decoration:none;overflow:hidden}.market-product-img img{width:100%;height:100%;object-fit:cover}.market-product-body{padding:12px}.market-product-body h3{font-size:14px;line-height:1.35;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.market-product-body p{font-size:12px;color:#64748b;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1180px){.market-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.market-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.market-product-grid{grid-template-columns:1fr}}


/* v2.9: Trend intelligence center */
.trend-metrics .metric-card strong{font-size:25px}.trend-brief-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.trend-brief-grid article{padding:16px;border:1px solid #e5e9f2;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc)}.trend-brief-grid b{display:block;margin-bottom:8px;color:#0f172a}.trend-brief-grid p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.trend-opportunity-list{display:grid;gap:12px}.trend-opportunity-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border:1px solid #e5e9f2;border-radius:16px;background:#fff}.trend-opportunity-list span{width:36px;height:36px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:800}.trend-opportunity-list b,.color-trend-list b{display:block;color:#0f172a;margin-bottom:4px}.trend-opportunity-list p,.color-trend-list p{margin:0;color:#64748b;font-size:13px;line-height:1.5}.trend-opportunity-list em{display:block;margin-top:7px;color:#2563eb;font-style:normal;font-size:12px}.color-trend-list{display:grid;gap:12px}.color-trend-list article{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:14px;border:1px solid #e5e9f2;border-radius:16px;background:#fff}.color-trend-list i{width:42px;height:42px;border-radius:14px;border:1px solid rgba(15,23,42,.12);box-shadow:inset 0 0 0 4px rgba(255,255,255,.4)}.trend-matrix td:first-child{font-weight:700;color:#0f172a}@media(max-width:1100px){.trend-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.trend-brief-grid{grid-template-columns:1fr}.trend-two-col{grid-template-columns:1fr}}

/* v2.10: Intelligence overview styles */
.intel-filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.intel-filter-tabs button{padding:5px 12px;border:1px solid #e5e9f2;border-radius:10px;background:#fff;cursor:pointer;font-size:13px;color:#64748b;transition:all .2s}.intel-filter-tabs button.active{background:#4f46e5;color:#fff;border-color:#4f46e5}
.source-health-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.source-health-cat{flex:1;min-width:120px;padding:10px 12px;border-radius:12px;border:1px solid #e5e9f2;background:#fff;font-size:12px}.source-health-cat.ok{border-color:#22c55e;background:#f0fdf4}.source-health-cat.warn{border-color:#f59e0b;background:#fffbeb}.source-health-cat.neutral{border-color:#e5e9f2;background:#f8fafc}.source-health-cat b{display:block;margin-bottom:2px;color:#0f172a;font-size:13px}.source-health-cat span{color:#64748b}.source-health-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.source-dot{padding:2px 6px;border-radius:6px;font-size:11px;background:#f1f5f9;color:#64748b}.source-dot.ok{background:#dcfce7;color:#166534}.source-dot.err{background:#fee2e2;color:#991b1b}
.intel-section{margin-bottom:16px}.intel-source-block{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.intel-source-block:last-child{border-bottom:none}.intel-source-block h3{font-size:14px;color:#0f172a;margin:0 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.intel-badge{font-size:11px;color:#64748b;font-weight:400;background:#f1f5f9;padding:2px 8px;border-radius:6px}
.intel-item-list{display:flex;flex-direction:column;gap:6px}.intel-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 12px;background:#f8fafc;border-radius:10px;font-size:13px;gap:12px}.intel-item a{color:#2563eb;text-decoration:none;flex:1}.intel-item a:hover{text-decoration:underline}.intel-item time{font-size:12px;color:#94a3b8;white-space:nowrap}.intel-summary{font-size:13px;color:#475569;line-height:1.6;padding:8px 12px;background:#f8fafc;border-radius:10px;border-left:3px solid #e2e8f0}
.compliance-panel{background:#fffbeb;border-color:#fde68a}.compliance-item{background:#fefce8;border-color:#fde68a}.intel-keyword-table{overflow-x:auto;margin-top:8px}.intel-kw-table{width:100%;border-collapse:collapse;font-size:13px}.intel-kw-table th{text-align:left;padding:8px 10px;background:#f8fafc;color:#64748b;font-weight:600;border-bottom:1px solid #e5e9f2;white-space:nowrap}.intel-kw-table td{padding:7px 10px;border-bottom:1px solid #f1f5f9;color:#0f172a}.intel-kw-table tr:hover td{background:#f8fafc}
.intel-market-counts{display:flex;gap:8px;margin-top:10px}.market-count-chip{padding:5px 12px;border-radius:10px;font-size:12px;font-weight:600}.market-count-chip.etsy{background:#fce7f3;color:#9d174d}.market-count-chip.shopify{background:#f0fdf4;color:#166534}
.status-item{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.resolved{background:#22c55e}.status-dot.active{background:#ef4444;animation:pulse 2s infinite}.status-dot.neutral{background:#94a3b8}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.intel-badge.warn{background:#fef9c3;color:#854d0e}.risk-badge-ok{color:#166534}.risk-badge-warn{color:#b45309}.risk-badge-err{color:#991b1b}

/* v2.11: Intelligence article cards */
.intel-article-list{display:flex;flex-direction:column;gap:10px}
.intel-article-card{padding:14px 16px;border:1px solid #e5e9f2;border-radius:16px;background:#fff;transition:box-shadow .2s}
.intel-article-card:hover{box-shadow:0 4px 16px rgba(15,23,42,.08)}
.intel-article-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.intel-article-date{font-size:12px;color:#94a3b8}
.intel-article-origin{font-size:12px;color:#2563eb;text-decoration:none;font-weight:500}
.intel-article-origin:hover{text-decoration:underline}
.intel-article-title{margin:0 0 6px;font-size:14px;line-height:1.4}
.intel-article-title a{color:#0f172a;text-decoration:none}
.intel-article-title a:hover{color:#2563eb}
.intel-article-summary{margin:0;font-size:13px;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* === System page === */
.sys-svc-group{margin-bottom:16px}
.sys-svc-header{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.sys-svc-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:4px;font-size:13px}
.sys-svc-row:hover{background:#f1f5f9}
.sys-svc-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}
.sys-svc-name{flex:1;font-family:monospace;font-size:12px;color:#1e293b}
.sys-svc-pid{font-size:11px;color:#94a3b8;flex-shrink:0}
.tag{padding:2px 7px;border-radius:99px;font-size:11px;font-weight:600}
.tag.running{background:#dcfce7;color:#15803d}
.tag.scheduled{background:#fef9c3;color:#854d0e}
.tag.need-attention{background:#fee2e2;color:#991b1b}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dot.green{background:#22c55e}.dot.yellow{background:#eab308}.dot.red{background:#ef4444}
.text-green{color:#15803d}.text-red{color:#dc2626}.text-yellow{color:#b45309}

/* === Codex & OpenClaw page === */
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}
.tool-card{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .2s}
.tool-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.tool-card-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}
.tool-icon{font-size:24px;flex-shrink:0}
.tool-card-head b{display:block;font-size:14px;color:#1e293b}
.tool-card-head em{display:block;font-size:12px;color:#94a3b8;margin-top:2px}
.tool-card-body{padding:12px 16px}
.tool-info-row{display:flex;gap:8px;margin-bottom:6px;font-size:13px}
.tool-info-row:last-child{margin-bottom:0}
.tool-label{color:#64748b;flex-shrink:0;min-width:44px}
.tool-info-row a{color:#2563eb;text-decoration:none}
.tool-info-row a:hover{text-decoration:underline}
.tool-info-row span{color:#475569}
.tool-card-actions{padding:10px 16px 14px;display:flex;gap:8px}
.tool-btn{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;color:#475569;border:1px solid #e2e8f0;display:inline-block}
.tool-btn:hover{background:#f1f5f9}
.tool-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}
.tool-btn.primary:hover{background:#1d4ed8}


/* v2.7 Amazon ABA keyword radar */
.amazon-title h1{letter-spacing:-.03em}.amazon-hero-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px;margin:18px 0;padding:22px;border:1px solid rgba(249,115,22,.18);border-radius:24px;background:linear-gradient(135deg,rgba(255,247,237,.95),rgba(255,255,255,.92) 48%,rgba(239,246,255,.9));box-shadow:0 16px 40px rgba(15,23,42,.06)}.amazon-hero-copy h2{margin:8px 0 8px;font-size:26px;color:#0f172a}.amazon-hero-copy p{max-width:760px;color:#475569;line-height:1.75}.amazon-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffedd5;color:#c2410c;font-size:12px;font-weight:700}.amazon-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.amazon-workflow-card{padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(148,163,184,.22)}.amazon-workflow-card b{display:block;margin-bottom:10px;color:#0f172a}.amazon-workflow-card ol{margin:0;padding-left:20px;color:#475569;line-height:1.9}.amazon-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.amazon-tier-grid article{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(148,163,184,.2);box-shadow:0 8px 24px rgba(15,23,42,.04)}.amazon-tier-grid b{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#0f172a}.amazon-tier-grid em{font-style:normal;font-size:12px;color:#64748b}.amazon-tier-grid strong{display:block;margin:10px 0 5px;font-size:30px;color:#0f172a}.amazon-tier-grid span{color:#64748b;font-size:13px;line-height:1.55}.amazon-tier-grid .tier-1{border-color:rgba(239,68,68,.24);background:linear-gradient(180deg,#fff,#fff5f5)}.amazon-tier-grid .tier-2{border-color:rgba(245,158,11,.24);background:linear-gradient(180deg,#fff,#fffbeb)}.amazon-tier-grid .tier-3{border-color:rgba(59,130,246,.22);background:linear-gradient(180deg,#fff,#eff6ff)}.amazon-strategy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.amazon-strategy-grid article{padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#f8fafc}.amazon-strategy-grid span{font-size:12px;font-weight:800;color:#f97316}.amazon-strategy-grid b{display:block;margin:6px 0;color:#0f172a}.amazon-strategy-grid p{margin:0;color:#64748b;line-height:1.55}.amazon-table-head{align-items:flex-start}.amazon-filter-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.amazon-tier-tabs{display:flex;gap:6px;padding:4px;border-radius:999px;background:#f1f5f9}.amazon-tier-tabs button{border:0;background:transparent;color:#64748b;padding:7px 11px;border-radius:999px;cursor:pointer;font-weight:700}.amazon-tier-tabs button.active{background:#0f172a;color:#fff}.amazon-keyword-table td:nth-child(3){min-width:230px}.amazon-source-note{display:block;margin-top:4px;font-style:normal;color:#94a3b8;font-size:12px}.amazon-tier-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.amazon-tier-badge.tier-1{background:#fee2e2;color:#b91c1c}.amazon-tier-badge.tier-2{background:#fef3c7;color:#b45309}.amazon-tier-badge.tier-3{background:#dbeafe;color:#1d4ed8}.amazon-output-card{margin-top:14px;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}.amazon-output-card b{display:block;margin-bottom:8px}.amazon-output-card ul{margin:0;padding-left:18px;color:#475569;line-height:1.8}.amazon-seed-tags span{background:#fff7ed;border-color:#fed7aa;color:#9a3412}@media(max-width:1100px){.amazon-hero-panel{grid-template-columns:1fr}.amazon-strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.amazon-tier-grid{grid-template-columns:1fr}}@media(max-width:720px){.amazon-strategy-grid{grid-template-columns:1fr}.amazon-filter-tools{justify-content:flex-start}.amazon-tier-tabs{overflow:auto;max-width:100%}}


/* v2.8 Amazon monitoring: surge/change/category/longtail */
.amazon-monitor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:16px 0}.amazon-change-grid,.amazon-category-grid{display:grid;gap:10px}.amazon-change-card,.amazon-category-card,.amazon-longtail-card{border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#fff;padding:13px 14px;box-shadow:0 6px 18px rgba(15,23,42,.035)}.amazon-change-card span{display:inline-flex;margin-bottom:7px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800;background:#f1f5f9;color:#475569}.amazon-change-card.surge span{background:#fee2e2;color:#b91c1c}.amazon-change-card.rank span{background:#ffedd5;color:#c2410c}.amazon-change-card.new span{background:#dcfce7;color:#15803d}.amazon-change-card b,.amazon-longtail-card b{display:block;color:#0f172a;margin-bottom:5px}.amazon-change-card em,.amazon-change-card small,.amazon-category-card span,.amazon-category-card em,.amazon-category-card small,.amazon-longtail-card small{display:block;color:#64748b;font-style:normal;font-size:12px;line-height:1.55}.amazon-category-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px;align-items:center}.amazon-category-card b{display:block;color:#0f172a}.amazon-category-card em{color:#f97316;font-weight:800}.amazon-longtail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.amazon-longtail-card span{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:800}.amazon-longtail-card div{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.amazon-longtail-card div em{font-style:normal;font-size:12px;color:#475569;background:#f8fafc;border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:3px 7px}@media(max-width:1180px){.amazon-longtail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.amazon-monitor-grid{grid-template-columns:1fr}}@media(max-width:720px){.amazon-longtail-grid{grid-template-columns:1fr}.amazon-category-card{grid-template-columns:1fr}}

/* v2.9 system/workspace/upload repair */
.workspace-action-grid .shortcut{text-align:left}.workspace-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-link-grid a,.upload-entry-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#fff;padding:14px 16px;box-shadow:0 6px 18px rgba(15,23,42,.035);cursor:pointer;text-align:left}.workspace-link-grid b,.upload-entry-card b{display:block;color:#0f172a;margin-bottom:5px}.workspace-link-grid span,.upload-entry-card span{display:block;color:#64748b;font-size:12px;line-height:1.5}.workspace-file-list,.workspace-task-list{display:grid;gap:8px}.workspace-file-row,.workspace-task-row{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(160px,.8fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fff}.workspace-file-row b,.workspace-task-row b{color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-file-row em,.workspace-task-row em{font-style:normal;color:#64748b;font-size:12px;text-align:right}.upload-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.upload-entry-card.primary{background:linear-gradient(135deg,#eff6ff,#fff);border-color:rgba(59,130,246,.25)}button.upload-entry-card{font:inherit}.upload-embed-shell{margin-top:14px;border:1px solid rgba(148,163,184,.2);border-radius:20px;overflow:hidden;background:#fff}.upload-embed-shell .embed-frame{border:0;min-height:720px}@media(max-width:1100px){.upload-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-link-grid{grid-template-columns:1fr}}@media(max-width:720px){.upload-entry-grid{grid-template-columns:1fr}.workspace-file-row,.workspace-task-row{grid-template-columns:24px 1fr}.workspace-file-row em,.workspace-task-row em{grid-column:2;text-align:left}}

/* v3.0 overview diagnosis */
.overview-conclusion{display:grid;gap:10px}.overview-conclusion-main{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid rgba(59,130,246,.18)}.overview-conclusion-main b{display:block;font-size:18px;color:#0f172a;margin-bottom:6px}.overview-conclusion-main span,.overview-conclusion-sub{color:#475569;line-height:1.7}.overview-conclusion-sub{padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}.overview-dim-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.overview-dim-grid article{padding:14px 16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#fff}.overview-dim-grid b{display:block;color:#0f172a;margin-bottom:6px}.overview-dim-grid span{display:block;color:#64748b;font-size:12px;line-height:1.5}@media(max-width:1100px){.overview-dim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.overview-dim-grid{grid-template-columns:1fr}}


/* AI learning knowledge page */
.ai-knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-knowledge-grid a{display:block;text-decoration:none;color:inherit;padding:16px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.035)}.ai-knowledge-grid b{display:block;color:#0f172a;margin-bottom:6px}.ai-knowledge-grid span{display:block;color:#64748b;font-size:12px;line-height:1.5}.ai-docs-frame{min-height:760px;background:#111827;border:0;border-radius:18px}@media(max-width:900px){.ai-knowledge-grid{grid-template-columns:1fr}}

/* v3.1 AI learning page readable layout */
.ai-learning-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#eff6ff,#fff)}.ai-learning-hero h2{margin:0 0 8px}.ai-learning-hero p{margin:0;color:#64748b;line-height:1.7}.ai-learning-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.ai-learning-path article,.ai-role-grid article,.ai-practice-grid article{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(15,23,42,.035)}.ai-learning-path span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:12px;background:#e0f2fe;color:#0369a1;font-weight:800;margin-bottom:10px}.ai-learning-path b,.ai-role-grid b,.ai-practice-grid b{display:block;color:#0f172a;margin-bottom:8px}.ai-learning-path p{color:#475569;line-height:1.6;margin:0 0 10px}.ai-learning-path em{font-style:normal;color:#64748b;font-size:12px}.ai-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-role-grid span,.ai-practice-grid span{display:block;color:#64748b;line-height:1.6;font-size:13px}.ai-course-list{display:grid;gap:10px}.ai-course-list div{padding:13px 14px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fff}.ai-course-list b{display:block;color:#0f172a;margin-bottom:5px}.ai-course-list span{display:block;color:#64748b;font-size:13px}.ai-practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:1200px){.ai-learning-path{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.ai-learning-hero{display:block}.ai-learning-hero .primary-action{margin-top:12px}.ai-learning-path,.ai-role-grid,.ai-practice-grid{grid-template-columns:1fr}}

/* v3.2 AI course clickable details */
.ai-learning-path button,.ai-role-grid button,.ai-course-list button,.ai-practice-grid button{font:inherit;text-align:left;cursor:pointer;border:1px solid rgba(148,163,184,.2);transition:.18s ease}.ai-learning-path button:hover,.ai-role-grid button:hover,.ai-course-list button:hover,.ai-practice-grid button:hover,.ai-learning-path button.active,.ai-role-grid button.active,.ai-course-list button.active,.ai-practice-grid button.active{border-color:rgba(37,99,235,.42);box-shadow:0 12px 26px rgba(37,99,235,.12);transform:translateY(-1px)}.ai-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ai-doc-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:15px;box-shadow:0 6px 18px rgba(15,23,42,.035)}.ai-doc-card:hover{border-color:rgba(37,99,235,.45);box-shadow:0 12px 26px rgba(37,99,235,.12)}.ai-doc-card span{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:10px;background:#eff6ff;color:#2563eb;font-weight:800;margin-bottom:10px}.ai-doc-card b{display:block;color:#0f172a;margin-bottom:6px}.ai-doc-card em{display:block;font-style:normal;color:#475569;line-height:1.5;font-size:13px;margin-bottom:8px}.ai-doc-card small{display:block;color:#94a3b8;font-size:11px;line-height:1.4;word-break:break-all}.ai-course-detail-panel{scroll-margin-top:24px}@media(max-width:1100px){.ai-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ai-doc-grid{grid-template-columns:1fr}}

/* v3.3 inline AI doc reader */
.ai-doc-grid button.ai-doc-card{font:inherit;text-align:left;cursor:pointer}.ai-doc-card.active{border-color:rgba(37,99,235,.65);box-shadow:0 14px 30px rgba(37,99,235,.16)}.ai-doc-reader-panel{scroll-margin-top:24px}.ai-doc-reader{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:20px;min-height:220px}.ai-doc-reader-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.ai-doc-markdown{color:#334155;line-height:1.75}.ai-doc-markdown h1{font-size:26px;color:#0f172a;margin:0 0 18px;border-bottom:1px solid rgba(148,163,184,.25);padding-bottom:12px}.ai-doc-markdown h2{font-size:22px;color:#0f172a;margin:28px 0 12px}.ai-doc-markdown h3{font-size:18px;color:#1e40af;margin:22px 0 10px}.ai-doc-markdown p{margin:10px 0}.ai-doc-markdown ul,.ai-doc-markdown ol{padding-left:22px;margin:10px 0}.ai-doc-markdown li{margin:6px 0}.ai-doc-markdown table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}.ai-doc-markdown th,.ai-doc-markdown td{border:1px solid rgba(148,163,184,.3);padding:10px;text-align:left}.ai-doc-markdown th{background:#f1f5f9;color:#0f172a}.ai-doc-markdown pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:12px;overflow:auto}.ai-doc-markdown code{background:#f1f5f9;color:#be123c;padding:2px 5px;border-radius:5px}.ai-doc-markdown pre code{background:transparent;color:inherit;padding:0}.ai-doc-markdown blockquote{border-left:4px solid #3b82f6;background:#eff6ff;padding:12px 14px;margin:14px 0;border-radius:0 10px 10px 0}

/* v3.4 AI content strategy and dual-level guidance */
.ai-audit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.ai-audit-summary article,.ai-insight-grid article,.ai-dual-level-grid article{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(15,23,42,.035)}.ai-audit-summary b,.ai-insight-grid b{display:block;color:#0f172a;margin-bottom:8px}.ai-audit-summary span,.ai-insight-grid span{display:block;color:#475569;line-height:1.65;font-size:13px}.ai-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ai-dual-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ai-dual-level-grid h3{margin:0 0 10px;color:#0f172a}.ai-dual-level-grid ul{margin:0;padding-left:18px;color:#475569;line-height:1.8}@media(max-width:1000px){.ai-audit-summary,.ai-insight-grid{grid-template-columns:1fr}.ai-dual-level-grid{grid-template-columns:1fr}}

/* v3.5 module insights for novice/expert */
.ai-module-insight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.ai-module-insight article{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:15px}.ai-module-insight h3{margin:0 0 8px;color:#0f172a}.ai-module-insight ul{margin:0;padding-left:18px;color:#475569;line-height:1.75;font-size:13px}@media(max-width:800px){.ai-module-insight{grid-template-columns:1fr}}

/* v3.6 audience-first AI learning support */
.ai-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ai-audience-grid button{font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(15,23,42,.035);transition:.18s ease}.ai-audience-grid button:hover,.ai-audience-grid button.active{border-color:rgba(37,99,235,.5);box-shadow:0 14px 30px rgba(37,99,235,.14);transform:translateY(-1px)}.ai-audience-grid b{display:block;color:#0f172a;margin-bottom:8px}.ai-audience-grid span{display:block;color:#64748b;font-size:13px;line-height:1.55}.ai-audience-result{margin-top:14px}.ai-audience-empty{padding:16px;border-radius:16px;background:#f8fafc;color:#64748b;border:1px solid rgba(148,163,184,.18)}.ai-support-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:14px}.ai-support-card{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:16px}.ai-support-card h3{margin:0 0 10px;color:#0f172a}.ai-support-card ul,.ai-support-card ol{margin:0;padding-left:20px;color:#475569;line-height:1.75}.ai-support-actions{display:grid;gap:10px}.ai-support-actions button{font:inherit;text-align:left;cursor:pointer;padding:13px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#fff}.ai-support-actions button:hover{border-color:rgba(37,99,235,.5);background:#eff6ff}@media(max-width:1100px){.ai-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-support-layout{grid-template-columns:1fr}}@media(max-width:640px){.ai-audience-grid{grid-template-columns:1fr}}

/* v3.7 Brand assets presentation */
.brand-hero-panel{display:grid;grid-template-columns:minmax(0,1.4fr) 340px;gap:18px;align-items:stretch;margin-bottom:18px}.brand-hero-copy{padding:28px;border-radius:24px;background:linear-gradient(135deg,#111827,#3f2a1d);color:#fff;box-shadow:0 18px 42px rgba(17,24,39,.18)}.brand-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;margin-bottom:18px}.brand-hero-copy h2{font-size:30px;line-height:1.25;margin:0 0 12px}.brand-hero-copy p{color:rgba(255,255,255,.78);line-height:1.75;margin:0}.brand-logo-card{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(15,23,42,.08)}.brand-logo-card img{max-width:100%;max-height:210px;object-fit:contain}.brand-logo-card small{margin-top:12px;color:#94a3b8}.brand-pyramid{display:grid;gap:10px}.brand-pyramid div,.brand-trust-list div{padding:13px 14px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fff}.brand-pyramid b,.brand-trust-list b{display:block;color:#0f172a;margin-bottom:5px}.brand-pyramid span,.brand-trust-list span{display:block;color:#64748b;line-height:1.6;font-size:13px}.brand-vi-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.brand-vi-image{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:16px;min-height:180px}.brand-vi-image img{max-width:100%;max-height:160px;object-fit:contain}.brand-swatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-swatch-grid article{border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:12px;background:#fff}.brand-swatch-grid i{display:block;height:42px;border-radius:10px;background:var(--c);margin-bottom:8px}.brand-swatch-grid b{display:block;color:#0f172a}.brand-swatch-grid span{font-size:12px;color:#64748b}.brand-guideline-list{margin-top:12px;color:#475569;line-height:1.7}.brand-content-grid,.brand-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.brand-content-grid article,.brand-rule-grid article{padding:15px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#fff}.brand-content-grid b,.brand-rule-grid b{display:block;color:#0f172a;margin-bottom:8px}.brand-content-grid span{color:#64748b;line-height:1.6;font-size:13px}.brand-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-rule-grid ul{margin:0;padding-left:18px;color:#475569;line-height:1.7;font-size:13px}@media(max-width:1100px){.brand-hero-panel,.brand-vi-layout{grid-template-columns:1fr}.brand-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-rule-grid{grid-template-columns:1fr}}@media(max-width:640px){.brand-content-grid,.brand-swatch-grid{grid-template-columns:1fr}.brand-hero-copy h2{font-size:24px}}

/* v3.8 brand signal cards */
.brand-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.brand-signal-card{padding:15px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.035)}.brand-signal-card span{display:block;color:#64748b;font-size:12px;margin-bottom:6px}.brand-signal-card strong{display:block;color:#0f172a;font-size:24px;margin-bottom:4px}.brand-signal-card em{display:block;color:#64748b;font-style:normal;font-size:12px;line-height:1.45;min-height:34px}.brand-signal-card a{display:inline-block;margin-top:8px;color:#2563eb;text-decoration:none;font-size:12px}.brand-signal-card.blocked strong,.brand-signal-card.partial strong{color:#b45309}.brand-signal-card.error strong{color:#dc2626}.brand-signal-alerts a{color:#2563eb;text-decoration:none}@media(max-width:720px){.brand-signal-grid{grid-template-columns:1fr}}

/* v3.9 brand manual signal input */
.brand-manual-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.brand-manual-form label{display:grid;gap:6px}.brand-manual-form label span{font-size:12px;color:#64748b}.brand-manual-form input,.brand-manual-form select{width:100%;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:10px 12px;background:#fff;color:#0f172a}.brand-manual-form .wide{grid-column:span 2}.brand-manual-actions{display:flex;gap:10px;align-items:end}.brand-manual-records{display:grid;gap:8px;margin-top:12px}.brand-manual-row{display:grid;grid-template-columns:180px 1fr 160px;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fff}.brand-manual-row b{color:#0f172a}.brand-manual-row span{color:#475569;font-size:13px}.brand-manual-row em{font-style:normal;color:#94a3b8;font-size:12px;text-align:right}@media(max-width:900px){.brand-manual-form{grid-template-columns:1fr}.brand-manual-form .wide{grid-column:auto}.brand-manual-actions{align-items:start}.brand-manual-row{grid-template-columns:1fr}.brand-manual-row em{text-align:left}}

/* v3.10 brand trend panel */
.brand-trend-panel{margin:12px 0}.brand-trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-trend-grid article{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:14px}.brand-trend-grid b{display:block;color:#0f172a;margin-bottom:6px}.brand-trend-grid span{display:block;color:#64748b;font-size:12px;margin-bottom:10px}.brand-spark{height:46px;display:flex;align-items:end;gap:4px;padding:6px;border-radius:12px;background:#f8fafc}.brand-spark i{display:block;flex:1;min-width:5px;border-radius:999px 999px 3px 3px;background:linear-gradient(180deg,#3b82f6,#93c5fd)}.brand-spark.empty{align-items:center;justify-content:center;color:#94a3b8;font-size:12px}@media(max-width:720px){.brand-trend-grid{grid-template-columns:1fr}}

/* v3.11 knowledge sub pages */
.embedded-knowledge-panel{padding:0;overflow:hidden}.knowledge-iframe{width:100%;height:calc(100vh - 180px);min-height:720px;border:0;background:#f6f7fb;border-radius:18px}.nav-item[data-page="communication-knowledge"],.nav-item[data-page="management-knowledge"]{padding-left:28px;font-size:13px}.nav-item[data-page="communication-knowledge"] span,.nav-item[data-page="management-knowledge"] span{opacity:.9}@media(max-width:900px){.knowledge-iframe{height:78vh;min-height:640px}.nav-item[data-page="communication-knowledge"],.nav-item[data-page="management-knowledge"]{padding-left:18px}}

/* v3.12 knowledge entries are peer-level */
.knowledge-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.knowledge-hub-section{margin-bottom:18px}.knowledge-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.knowledge-hub-card{font:inherit;text-align:left;cursor:pointer;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:linear-gradient(135deg,#fff,#f8fafc);padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.05);transition:.18s ease}.knowledge-hub-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.45);box-shadow:0 14px 30px rgba(37,99,235,.12)}.knowledge-hub-card b{display:block;color:#0f172a;font-size:16px;margin-bottom:8px}.knowledge-hub-card span{display:block;color:#475569;font-size:13px;line-height:1.65;margin-bottom:10px}.knowledge-hub-card em{display:inline-flex;font-style:normal;color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:5px 9px;font-size:12px}.nav-item[data-page="communication-knowledge"],.nav-item[data-page="management-knowledge"]{padding-left:14px;font-size:14px}@media(max-width:1100px){.knowledge-overview-grid,.knowledge-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.knowledge-overview-grid,.knowledge-hub-grid{grid-template-columns:1fr}}

/* v3.13 embedded product tools */
.embedded-tool-panel{padding:0;overflow:hidden}.tool-iframe{width:100%;height:calc(100vh - 180px);min-height:760px;border:0;background:#f8fafc;border-radius:18px}@media(max-width:900px){.tool-iframe{height:78vh;min-height:640px}}

/* v3.14 social hotspots */
.social-hotspots-layout{align-items:start}.social-trend-list{display:grid;gap:10px}.social-trend-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:12px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#fff}.social-trend-list article>span{width:34px;height:34px;border-radius:12px;background:#fff7ed;color:#c2410c;display:flex;align-items:center;justify-content:center;font-weight:800}.social-trend-list b{display:block;color:#0f172a}.social-trend-list p{margin:4px 0;color:#475569;font-size:13px}.social-trend-list em{font-style:normal;color:#94a3b8;font-size:12px}.social-keyword-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.social-keyword-card{display:block;text-decoration:none;color:inherit;padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.035);transition:.18s ease}.social-keyword-card:hover{transform:translateY(-1px);border-color:rgba(249,115,22,.45);box-shadow:0 12px 24px rgba(249,115,22,.12)}.social-keyword-card span{display:block;color:#64748b;font-size:12px;margin-bottom:6px}.social-keyword-card b{display:block;color:#0f172a;margin-bottom:5px}.social-keyword-card em{display:block;font-style:normal;color:#ea580c;font-size:12px;margin-bottom:6px}.social-keyword-card small{display:block;color:#64748b;font-size:11px;line-height:1.45}.social-keyword-card.restricted em,.social-keyword-card.pending-api em{color:#b45309}@media(max-width:1200px){.social-keyword-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.social-keyword-grid{grid-template-columns:1fr}.social-trend-list article{grid-template-columns:1fr}}

/* v3.15 social official-first layout */
.social-official-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.social-official-card{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:14px;box-shadow:0 6px 18px rgba(15,23,42,.035)}.social-official-card h3{margin:0 0 10px;color:#0f172a}.social-official-card a{display:block;text-decoration:none;color:inherit;padding:10px 0;border-top:1px solid rgba(148,163,184,.14)}.social-official-card a:first-of-type{border-top:0}.social-official-card b{display:block;color:#0f172a;font-size:13px;line-height:1.4}.social-official-card span{display:block;color:#64748b;font-size:11px;line-height:1.45;margin-top:4px}@media(max-width:1100px){.social-official-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.social-official-grid{grid-template-columns:1fr}}
.social-official-card h3 small{font-weight:500;color:#64748b;font-size:12px}.social-shot{display:inline-flex!important;border:0!important;background:#eff6ff;color:#1d4ed8!important;border-radius:999px;padding:5px 9px!important;margin-bottom:8px;font-size:12px}.social-official-card details{margin-top:8px;color:#64748b;font-size:12px}.social-official-card summary{cursor:pointer;color:#334155}.social-official-card details p{line-height:1.55;margin:8px 0 0}

/* v3.16 social official ranking cards */
.social-official-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-rank-card{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.045)}.social-rank-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.social-rank-head span{display:block;color:#64748b;font-size:12px}.social-rank-head b{display:block;color:#0f172a;font-size:20px}.social-rank-head em{font-style:normal;border-radius:999px;padding:5px 9px;background:#f1f5f9;color:#475569;font-size:12px;white-space:nowrap}.social-rank-head em.ok,.social-rank-head em.official-page-visible,.social-rank-head em.official-entry{background:#dcfce7;color:#15803d}.social-rank-head em.partial,.social-rank-head em.needs-api,.social-rank-head em.limited{background:#fff7ed;color:#c2410c}.social-rank-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.social-rank-list li a{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;text-decoration:none;color:inherit;padding:10px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#f8fafc}.social-rank-list li a:hover{border-color:rgba(249,115,22,.38);background:#fff}.social-rank-list i{width:28px;height:28px;border-radius:10px;background:#fff7ed;color:#c2410c;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:12px}.social-rank-list b{display:block;color:#0f172a;font-size:13px;line-height:1.42}.social-rank-list span{display:block;color:#64748b;font-size:11px;margin-top:3px}.social-visible-lines{margin-top:10px;color:#64748b;font-size:12px}.social-visible-lines summary{cursor:pointer;color:#334155}.social-visible-lines p{line-height:1.55;margin:8px 0 0}@media(max-width:900px){.social-official-grid{grid-template-columns:1fr}}

/* v3.17 social ranking 1-10 + source */
.social-rank-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 10px}.social-source-link{display:inline-flex!important;border:0!important;background:#fff7ed;color:#c2410c!important;border-radius:999px;padding:5px 9px!important;font-size:12px;text-decoration:none}.social-rank-list{max-height:none}.social-rank-card{min-height:420px}

/* v3.18 image guideline from brand diagnosis */
.image-standard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.image-standard-grid article{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(15,23,42,.035)}.image-standard-grid b{display:block;color:#0f172a;margin-bottom:7px}.image-standard-grid span{display:block;color:#475569;font-size:13px;line-height:1.65}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checklist-grid label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:12px;color:#334155}.checklist-grid input{margin-top:4px}.source-note{background:#f8fafc;border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:15px}.source-note p{margin:0 0 12px;color:#475569;line-height:1.7}.badge.danger{background:#fef2f2;color:#b91c1c}@media(max-width:1000px){.image-standard-grid,.checklist-grid{grid-template-columns:1fr}}

/* v3.4: legacy saved social media data on social assets page */
.legacy-social-panel{margin:14px 0 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}
.panel-head.compact{margin-bottom:10px}.panel-head.compact h2{font-size:16px}
.legacy-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.legacy-social-card{border:1px solid #e5e9f2;border-radius:14px;background:#fff;padding:13px;box-shadow:0 6px 16px rgba(15,23,42,.035)}
.legacy-social-card span{display:block;color:#64748b;font-size:12px;margin-bottom:7px}.legacy-social-card strong{display:block;font-size:22px;color:#0f172a}.legacy-social-card em{font-style:normal;color:#64748b;font-size:12px}.legacy-social-card.fb{border-color:#dbeafe}.legacy-social-card.ig{border-color:#fce7f3}.legacy-social-card.pt{border-color:#fee2e2}.legacy-social-card.tt,.legacy-social-card.x{border-color:#e5e7eb}
.legacy-social-history{margin-top:12px;display:grid;gap:8px}.legacy-social-history h3{font-size:14px;margin:0;color:#334155}.legacy-social-history-row{display:flex;gap:10px;justify-content:space-between;padding:9px 10px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:12px}.legacy-social-history-row b{color:#0f172a;font-weight:700}
@media(max-width:1100px){.legacy-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.legacy-social-grid{grid-template-columns:1fr}.legacy-social-history-row{display:grid}}

/* v3.5: Trustpilot country-level rating breakdown */
.brand-country-breakdown{margin:10px 0 8px;display:grid;gap:6px;border-top:1px solid var(--line);padding-top:8px}
.brand-country-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#64748b;background:#f8fafc;border-radius:8px;padding:6px 8px}.brand-country-row b{color:#0f172a;font-weight:700}.brand-country-row span{font-variant-numeric:tabular-nums;text-align:right}

/* UX upgrade 2026-06-04: workflow homepage + lazy iframe hints */
.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.workflow-grid article,.workflow-section{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.workflow-grid article{padding:16px;display:flex;flex-direction:column;gap:8px}
.workflow-grid b{color:#101828;font-size:15px}.workflow-grid span{color:var(--muted);font-size:13px;line-height:1.55}
.today-action-grid{margin-top:4px}.mini-link{margin-top:auto;border:1px solid #cfe0ff;background:#eef5ff;color:#0f5cff;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:13px;align-self:flex-start}.mini-link:hover{background:#dbeafe}
.workflow-section{padding:18px;margin-bottom:16px}.workflow-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.workflow-head span{font-size:12px;color:#0f5cff;background:#eef5ff;border-radius:999px;padding:4px 9px;font-weight:700}.workflow-head h2{margin:0;font-size:18px}.workflow-head p{margin:0;color:var(--muted);font-size:13px}.shortcut-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shortcut-grid.compact .shortcut{min-height:104px}.tool-iframe.is-loading,.embed-frame.is-loading{background:linear-gradient(90deg,#f8fafc,#eef4ff,#f8fafc);background-size:200% 100%;animation:iframeLoading 1.2s ease-in-out infinite}@keyframes iframeLoading{0%{background-position:0 0}100%{background-position:200% 0}}
@media(max-width:1100px){.workflow-grid,.shortcut-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.workflow-grid,.shortcut-grid.compact{grid-template-columns:1fr}.workflow-head{display:block}.workflow-head h2{margin-top:8px}}
