/* 20FormAI Portal visual system — shared, data-agnostic presentation layer. */
:root {
  --pf-bg: #f5f7fb;
  --pf-surface: #ffffff;
  --pf-surface-muted: #f8fafc;
  --pf-border: #e6eaf1;
  --pf-text: #172238;
  --pf-muted: #6d788a;
  --pf-primary: #6547e8;
  --pf-primary-soft: #f0edff;
  --pf-ai: #7654d8;
  --pf-success: #16865a;
  --pf-warning: #b97816;
  --pf-danger: #c34442;
  --pf-teal: #0c929d;
  --pf-radius-sm: 10px;
  --pf-radius-md: 14px;
  --pf-radius-lg: 18px;
  --pf-shadow-sm: 0 2px 8px rgba(25, 35, 58, .035);
  --pf-shadow-md: 0 12px 30px rgba(25, 35, 58, .065);
}

html { background: var(--pf-bg); }
body { background: var(--pf-bg); color: var(--pf-text); }
main { background: transparent; }

/* The shell is deliberately independent from the content scroll position. */
.top.portal-shell-sidebar {
  background: #fbfcfe !important;
  border-right: 1px solid var(--pf-border) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #cfd4e3 transparent;
}
.top.portal-shell-sidebar::-webkit-scrollbar { width: 7px; }
.top.portal-shell-sidebar::-webkit-scrollbar-thumb { background: #d2d7e4; border-radius: 99px; }
.top.portal-shell-sidebar .topin { min-height: 100%; height: auto !important; }

.header-main-row { min-height: 78px !important; padding: 14px 4px 10px !important; }
.header-main-row .logo { width: auto !important; height: 42px !important; padding: 4px 8px !important; border: 0 !important; background: transparent !important; }
.header-main-row .logo img { max-width: 142px !important; max-height: 34px !important; }
.brand-text, .brand-text b { font-size: 22px !important; }

.sidebar-studio-link {
  min-height: 42px !important;
  margin: 2px 0 14px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #5c3ed4, #7955e8) !important;
  box-shadow: 0 8px 18px rgba(101, 71, 232, .18) !important;
  color: #fff !important;
}
.sidebar-studio-link:hover { transform: translateY(-1px) !important; }
.sidebar-section-label { padding: 8px 12px 7px !important; color: #9aa3b3 !important; font-size: 10px !important; letter-spacing: .1em !important; }
.menu.header-menu-row, .sidebar-account-menu { gap: 3px !important; }
.nav {
  min-height: 40px !important;
  padding: 9px 11px !important;
  border-radius: 10px !important;
  color: #4c586c !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}
.nav:hover { background: #f3f1ff !important; color: #563dc5 !important; }
.nav.active { background: var(--pf-primary-soft) !important; color: #563dc5 !important; box-shadow: inset 3px 0 var(--pf-primary) !important; }
.nav.nav-studio.active { box-shadow: 0 8px 18px rgba(101, 71, 232, .18) !important; }
.nav-icon { color: currentColor !important; }
.ia-sidebar-subnav {
  margin: 1px 0 7px 18px !important;
  padding: 3px 0 3px 12px !important;
  gap: 1px !important;
  border-left: 1px solid #e2def8 !important;
}
.ia-sidebar-subnav a {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  text-align: left !important;
  color: #667286 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  overflow-wrap: anywhere;
}
.ia-sidebar-subnav a:hover, .ia-sidebar-subnav a.active { background: #f0edff !important; color: #563dc5 !important; }
.ia-sidebar-subnav a.active { box-shadow: inset 2px 0 var(--pf-primary) !important; font-weight: 800 !important; }
.sidebar-help-card { margin-top: 18px !important; padding: 13px !important; border-radius: var(--pf-radius-md) !important; box-shadow: var(--pf-shadow-sm) !important; }
.sidebar-version { padding-top: 10px !important; }

/* Header and account controls use the same compact surface language. */
.header-actions.portal-topbar-actions { background: rgba(255,255,255,.94) !important; border-bottom: 1px solid var(--pf-border) !important; box-shadow: 0 1px 0 rgba(25,35,58,.015) !important; }
.ia-site-context, .ia-action-link, .portal-language { border-color: var(--pf-border) !important; border-radius: 10px !important; box-shadow: none !important; }
.ia-action-link { background: var(--pf-primary-soft) !important; color: #563dc5 !important; }
.ia-action-link i { background: var(--pf-primary) !important; }
.portal-user-chip { transition: background-color .18s ease, transform .18s ease; border-left-color: var(--pf-border) !important; }
.portal-user-chip:hover { transform: translateY(-1px); }
.portal-account-popover { border-color: var(--pf-border) !important; border-radius: var(--pf-radius-md) !important; box-shadow: var(--pf-shadow-md) !important; }
.portal-account-popover a { background: var(--pf-primary-soft) !important; color: #563dc5 !important; }

/* Shared surfaces, KPIs, filters and action rows. */
.panel, .ia-panel, .metric, .overview-kpi, .ai-platform-card, .ai-data-card, .backlink-kpi, .ia-kpis article, .ia-health, .ia-priority {
  border: 1px solid var(--pf-border) !important;
  border-radius: var(--pf-radius-md) !important;
  background: var(--pf-surface) !important;
  box-shadow: var(--pf-shadow-sm) !important;
}
.panel { padding: 18px !important; }
.metric { min-height: 126px !important; padding: 16px !important; }
.metric .value { font-size: 28px !important; }
.metric .label { font-size: 12px !important; }
.metric .sub { font-size: 10px !important; }
.overview-kpi { min-height: 138px !important; padding: 15px !important; }
.overview-kpi strong { font-size: 28px !important; }
.ia-health, .ia-priority, .ia-panel { padding: 16px !important; margin-bottom: 14px !important; }
.ia-health header strong { font-size: 29px !important; }
.ia-health-grid { gap: 8px !important; margin-top: 12px !important; }
.ia-health-grid a { padding: 10px !important; border-radius: 10px !important; }
.ia-health-grid b { font-size: 20px !important; margin: 6px 0 !important; }
.ia-kpis { gap: 9px !important; }
.ia-kpis article { padding: 13px !important; }
.ia-kpis strong { font-size: 25px !important; }
.ia-action-list>a { padding: 9px 0 !important; }
.ia-action-list strong { font-size: 13px !important; }
.ia-action-list small { font-size: 11px !important; }
.ia-module-grid, .ia-action-grid { gap: 9px !important; }
.ia-module-card { min-height: 112px !important; padding: 14px !important; border-radius: var(--pf-radius-md) !important; box-shadow: var(--pf-shadow-sm); }
.ia-module-card span { font-size: 15px !important; }
.ia-module-card b { font-size: 12px !important; }
.ia-filters, .ia-submenu { gap: 5px !important; }
.ia-filters button, .ia-submenu a { min-height: 34px; border-radius: 9px !important; }
.ia-issue-card { border-radius: var(--pf-radius-md) !important; box-shadow: var(--pf-shadow-sm); }
.ia-issue-summary { min-height: 132px !important; padding: 13px !important; }
.ia-issue-summary h3 { font-size: 15px !important; }
.ia-actions a, .portal-primary, .primary-button, button { transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.ia-actions a:hover, .portal-primary:hover, .primary-button:hover { transform: translateY(-1px); filter: brightness(1.02); }

/* Overview: compact management composition, without introducing synthetic values. */
.ia-overview-head { margin-bottom: 14px !important; }
.ia-overview-head h1, .ia-page-head h1 { font-size: 28px !important; letter-spacing: -.035em; }
.ia-overview-head p, .ia-page-head p { font-size: 13px !important; }
.ia-overview-lower { gap: 14px !important; }
.overview-metrics-v401 { gap: 12px !important; }
.overview-feature-grid { gap: 14px !important; margin-bottom: 14px !important; }
.overview-bottom-grid { gap: 12px !important; }
.overview-bottom-grid>.panel { min-height: 190px !important; padding: 15px !important; }
.concept-update-card { min-height: 220px !important; padding: 20px !important; }
.concept-update-card .dashboard-update-copy h2 { font-size: 21px !important; }
.monthly-focus { padding: 16px !important; }
.focus-list a { min-height: 44px !important; }

/* Consistent motion; no layout-heavy animation. */
main > .panel, main > section, main > .ia-overview-head, main > .ia-overview-lower, main > .overview-feature-grid, main > .overview-bottom-grid {
  animation: pf-fade-up .32s ease both;
}
main > *:nth-child(2) { animation-delay: .035s; }
main > *:nth-child(3) { animation-delay: .07s; }
main > *:nth-child(4) { animation-delay: .105s; }
details[open] > *:not(summary), .ia-issue-detail { animation: pf-detail-in .2s ease both; }
@keyframes pf-fade-up { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pf-detail-in { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

@media (max-width: 1050px) {
  .top.portal-shell-sidebar { width: 220px !important; }
  :root { --sidebar: 220px; }
  .header-actions.portal-topbar-actions { left: 220px !important; }
  .overview-feature-grid, .overview-bottom-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
  .top.portal-shell-sidebar { width: 100% !important; overflow-y: visible !important; }
  .menu.header-menu-row { max-height: calc(100vh - 62px) !important; overflow-y: auto !important; }
  .ia-sidebar-subnav { margin-left: 12px !important; }
  .ia-sidebar-subnav a { min-height: 38px !important; font-size: 13px !important; }
  main { padding-left: 16px !important; padding-right: 16px !important; }
  .overview-metrics-v401, .seo-overview-kpis { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
}
@media (max-width: 560px) {
  .overview-metrics-v401, .seo-overview-kpis { grid-template-columns: 1fr !important; }
  .panel { padding: 15px !important; }
}

/* Overview management dashboard */
.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 16px}
.dashboard-welcome>div:first-child>span{display:block;color:var(--pf-muted);font-size:12px;font-weight:750}
.dashboard-welcome h1{margin:3px 0;font-size:28px;letter-spacing:-.04em}
.dashboard-welcome p{margin:0;color:var(--pf-muted);font-size:13px}
.dashboard-freshness{padding:9px 12px;border:1px solid var(--pf-border);border-radius:11px;background:#fff;text-align:right;box-shadow:var(--pf-shadow-sm)}
.dashboard-freshness small,.dashboard-freshness b{display:block}.dashboard-freshness small{color:#8a94a5;font-size:10px}.dashboard-freshness b{margin-top:3px;font-size:12px}
.dashboard-row{display:grid;gap:14px;margin-bottom:14px}.dashboard-row-hero{grid-template-columns:minmax(0,2.25fr) minmax(260px,.9fr)}.dashboard-row-visibility{grid-template-columns:minmax(0,1fr) minmax(0,1.75fr)}.dashboard-row-bottom{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.dashboard-health-hero,.dashboard-attention,.dashboard-visibility-card,.dashboard-discoverability,.dashboard-opportunities,.dashboard-activity{position:relative;min-width:0;border:1px solid var(--pf-border);border-radius:var(--pf-radius-lg);background:#fff;box-shadow:var(--pf-shadow-sm);overflow:hidden}
.dashboard-health-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.85fr);grid-template-rows:1fr auto;padding:20px;background:linear-gradient(135deg,#fff 0%,#fbfaff 70%,#f4f1ff 100%)}
.dashboard-hero-copy{min-width:0}.dashboard-eyebrow{display:block;color:var(--pf-primary);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.dashboard-hero-copy h2{margin:8px 0 4px;font-size:22px;letter-spacing:-.035em}.dashboard-health-score{font-size:clamp(38px,4vw,54px);font-weight:900;line-height:1;letter-spacing:-.06em}.dashboard-hero-copy p{margin:9px 0 0;color:var(--pf-muted);font-size:12px}
.dashboard-health-trend{display:flex;min-height:116px;flex-direction:column;justify-content:center;align-items:stretch;padding:4px 0 0 16px}.dashboard-health-trend svg{width:100%;height:92px;overflow:visible}.dashboard-health-trend polyline,.dashboard-chart polyline{fill:none;stroke:var(--pf-primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 4px 5px rgba(101,71,232,.13))}.dashboard-health-trend small{color:#8a94a5;font-size:10px;text-align:right}.dashboard-empty-inline,.dashboard-chart-empty{display:flex;align-items:center;justify-content:center;min-height:58px;color:#7b8798;font-size:12px;text-align:center}
.dashboard-subscore-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #eceaf5}.dashboard-subscore-row a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #eceaf5;border-radius:10px;color:var(--pf-text);text-decoration:none;background:rgba(255,255,255,.65);transition:transform .18s ease,box-shadow .18s ease}.dashboard-subscore-row a:hover{transform:translateY(-1px);box-shadow:var(--pf-shadow-sm)}.dashboard-subscore-row span{color:var(--pf-muted);font-size:11px}.dashboard-subscore-row b{font-size:15px}
.dashboard-attention{padding:17px}.dashboard-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-section-head h2{margin:0;font-size:17px;letter-spacing:-.02em}.dashboard-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#fff0ed;color:var(--pf-danger);font-size:11px;font-weight:900}.dashboard-attention-list{display:grid;margin-top:11px}.dashboard-attention-list a{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #eef0f4;color:var(--pf-text);text-decoration:none}.dashboard-attention-list i{width:7px;height:7px;border-radius:50%;background:#d7dde7}.dashboard-attention-list i.tone-high{background:var(--pf-danger)!important}.dashboard-attention-list i.tone-medium{background:var(--pf-warning)!important}.dashboard-attention-list i.tone-low{background:var(--pf-success)!important}.dashboard-attention-list em{display:inline-flex;padding:3px 6px;border-radius:999px;font-style:normal;font-size:9px;font-weight:850}.dashboard-attention-list strong,.dashboard-attention-list small{display:block}.dashboard-attention-list strong{margin-top:4px;font-size:12px}.dashboard-attention-list small{margin-top:2px;overflow:hidden;color:var(--pf-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.dashboard-attention-list>b{color:var(--pf-primary);font-size:15px}.dashboard-card-link{display:inline-flex;margin-top:11px;color:var(--pf-primary);font-size:11px;font-weight:850;text-decoration:none}.dashboard-card-link:hover{text-decoration:underline;text-underline-offset:3px}
.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.dashboard-kpi{position:relative;min-height:108px;padding:14px;border:1px solid var(--pf-border);border-radius:var(--pf-radius-md);background:#fff;text-decoration:none;color:var(--pf-text);overflow:hidden;box-shadow:var(--pf-shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.dashboard-kpi:hover{transform:translateY(-2px);box-shadow:var(--pf-shadow-md)}.dashboard-kpi>span{display:block;color:var(--pf-muted);font-size:11px;font-weight:800}.dashboard-kpi strong{display:block;margin:8px 0 2px;font-size:28px;letter-spacing:-.045em}.dashboard-kpi small{display:block;color:#8a94a5;font-size:10px}.dashboard-kpi i{position:absolute;right:14px;bottom:14px;width:68px;height:3px;border-radius:9px;background:#edf0f5}.dashboard-kpi i:after{content:\"\";display:block;width:46%;height:100%;border-radius:inherit;background:var(--pf-primary)}.dashboard-kpi-google{background:linear-gradient(135deg,#fff,#f7fcfa)}.dashboard-kpi-google i:after{background:#35a872}.dashboard-kpi-ai{background:linear-gradient(135deg,#fff,#faf7ff)}.dashboard-kpi-ai i:after{background:#7654d8}.dashboard-kpi-keywords{background:linear-gradient(135deg,#fff,#fffaf1)}.dashboard-kpi-keywords i:after{background:#c89232}.dashboard-kpi-problems{background:linear-gradient(135deg,#fff,#fff7f6)}.dashboard-kpi-problems i:after{background:#d95b57}
.dashboard-visibility-card,.dashboard-discoverability,.dashboard-opportunities,.dashboard-activity{padding:17px}.dashboard-muted{color:#8a94a5;font-size:10px}.dashboard-platform-list{display:grid;gap:2px;margin-top:10px}.dashboard-platform-list>div{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #f0f1f5}.dashboard-platform-list>div:last-child{border-bottom:0}.dashboard-platform-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#f0edff;color:var(--pf-primary);font-size:11px;font-weight:900}.dashboard-platform-list b{font-size:12px}.dashboard-platform-list strong{font-size:11px;color:#4f5d72}.dashboard-sov{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid #edf0f4}.dashboard-sov span,.dashboard-sov small{display:block;color:var(--pf-muted);font-size:10px}.dashboard-sov b{display:block;margin-top:3px;font-size:21px}.dashboard-sov small{grid-column:1/-1;line-height:1.45}.dashboard-sov-donut{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--pf-primary) calc(var(--sov)*1%),#edf0f5 0);position:relative}.dashboard-sov-donut:after{content:\"\";position:absolute;inset:9px;border-radius:50%;background:#fff}
.dashboard-filter-tabs{display:flex;gap:4px;overflow:auto}.dashboard-filter-tabs button,.dashboard-filter-tabs a{border:1px solid var(--pf-border);border-radius:8px;background:#fff;color:var(--pf-muted);padding:6px 8px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;text-decoration:none}.dashboard-filter-tabs button.active,.dashboard-filter-tabs a.active{border-color:var(--pf-primary);background:var(--pf-primary-soft);color:var(--pf-primary)}.dashboard-chart{height:212px;margin-top:10px;padding:8px 0}.dashboard-chart svg{width:100%;height:100%;overflow:visible}.dashboard-chart:after{content:\"\";display:block;height:1px;margin-top:-1px;background:#edf0f4}
.dashboard-opportunity-list,.dashboard-activity-list{display:grid;margin-top:8px}.dashboard-opportunity-list a,.dashboard-activity-list a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #eef0f4;color:var(--pf-text);text-decoration:none}.dashboard-opportunity-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f0edff;color:var(--pf-primary)}.dashboard-opportunity-list b,.dashboard-opportunity-list small,.dashboard-activity-list b,.dashboard-activity-list small{display:block}.dashboard-opportunity-list b,.dashboard-activity-list b{font-size:12px}.dashboard-opportunity-list small,.dashboard-activity-list small{margin-top:3px;color:var(--pf-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-opportunity-list em{font-style:normal;color:var(--pf-primary);font-size:10px;font-weight:850}.dashboard-activity-dot{width:8px;height:8px;border-radius:50%;background:var(--pf-teal);box-shadow:0 0 0 4px #e8f7f7}.dashboard-activity-list time{color:#8993a3;font-size:10px;white-space:nowrap}
@media(max-width:1050px){.dashboard-row-hero,.dashboard-row-visibility,.dashboard-row-bottom{grid-template-columns:1fr}.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-freshness{text-align:left}.dashboard-health-hero{grid-template-columns:1fr}.dashboard-health-trend{padding:14px 0 0}.dashboard-kpi-grid{grid-template-columns:1fr 1fr}.dashboard-subscore-row{grid-template-columns:1fr}.dashboard-filter-tabs{max-width:100%;}}
@media(max-width:560px){.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-health-hero,.dashboard-attention,.dashboard-visibility-card,.dashboard-discoverability,.dashboard-opportunities,.dashboard-activity{padding:14px}.dashboard-kpi strong{font-size:25px}}

/* Official AI platform marks in the visibility overview. */
.dashboard-platform-mark{background:#fff!important;border:1px solid #e6e8ee;overflow:hidden;color:inherit!important;font-size:0!important}
.dashboard-platform-mark img{display:block;width:17px;height:17px;object-fit:contain}

.dashboard-update-status{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);min-height:230px;margin:0 0 15px;border-radius:18px;overflow:hidden;color:#fff;background:linear-gradient(128deg,#4f2fda 0%,#6842e8 54%,#7d5bea 100%);box-shadow:0 18px 34px rgba(84,55,211,.2)}
.dashboard-update-status.needs-attention{background:linear-gradient(128deg,#8a4a13 0%,#c66b19 54%,#e49a3a 100%);box-shadow:0 18px 34px rgba(169,91,22,.2)}
.dashboard-update-status:after{content:"";position:absolute;right:17%;top:-45%;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.08)}
.dashboard-update-status-copy{position:relative;z-index:2;align-self:center;padding:30px}.dashboard-update-status-copy>span{font-size:10px;font-weight:900;letter-spacing:.12em}.dashboard-update-status-copy h2{margin:10px 0 5px!important;color:#fff!important;font-size:27px!important;letter-spacing:-.035em}.dashboard-update-status-copy p{margin:0 0 17px!important;color:rgba(255,255,255,.88)!important;font-size:12px!important}.dashboard-update-status-copy a{display:inline-flex;align-items:center;min-height:37px;padding:0 14px;border-radius:9px;background:#fff;color:#5735d8;text-decoration:none;font-size:11px;font-weight:850}.dashboard-update-status.needs-attention .dashboard-update-status-copy a{color:#a95712}
.dashboard-update-status-art{position:relative;z-index:2;min-height:230px}.dashboard-update-window{position:absolute;right:38px;top:48px;width:185px;height:112px;border-radius:10px;background:#fff;box-shadow:0 14px 28px rgba(31,21,85,.15)}.dashboard-update-window i{display:inline-block;width:6px;height:6px;margin:10px 0 0 5px;border-radius:50%;background:#dcd6f7}.dashboard-update-window i:first-child{margin-left:11px}.dashboard-update-window b{display:block;height:6px;margin:9px 18px 0;border-radius:5px;background:#e8e5f6}.dashboard-update-window b:nth-of-type(1){width:56%;background:#7453e8}.dashboard-update-chart{position:absolute;right:115px;bottom:28px;display:flex;align-items:flex-end;gap:7px;width:118px;height:64px;padding:14px;border-radius:9px;background:#fff;box-shadow:0 12px 24px rgba(31,21,85,.14)}.dashboard-update-chart i{flex:1;height:30%;border-radius:4px 4px 0 0;background:#d9d0fa}.dashboard-update-chart i:nth-child(2){height:54%}.dashboard-update-chart i:nth-child(3){height:42%}.dashboard-update-chart i:nth-child(4){height:78%;background:#7351e6}
@media(max-width:760px){.dashboard-update-status{grid-template-columns:1fr;min-height:0}.dashboard-update-status-copy{padding:24px}.dashboard-update-status-art{display:none}.dashboard-update-status-copy h2{font-size:23px!important}}

/* Keep every SEO tab in the same single white workspace as On-page SEO. */
.seo-pane.panel.concept-speed-pane{padding:20px!important;border:1px solid #e0e4eb!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 20px rgba(22,31,50,.05)!important}
.seo-pane>.seo-subpage-head,.seo-pane>.panel-head-flex{margin-bottom:18px!important}
.seo-pane>.seo-subpage-head h2,.seo-pane>.panel-head-flex h2{margin:0 0 7px!important;font-size:23px!important;line-height:1.25!important;color:#172033!important}
.seo-pane>.seo-subpage-head p,.seo-pane>.panel-head-flex .sub{margin:0!important;color:#657187!important;font-size:14px!important;line-height:1.6!important}
@media(max-width:760px){.seo-pane.panel.concept-speed-pane{padding:16px!important}}

/* Premium success states for On-page SEO. */
.seo-pane .friendly-summary{display:grid!important;gap:5px!important;margin:10px 0!important;padding:16px 18px!important;border:1px solid #cce7d7!important;border-radius:13px!important;background:linear-gradient(135deg,#f2fbf6 0%,#fbfefc 100%)!important;color:#173d2b!important;box-shadow:0 4px 14px rgba(24,112,68,.045)!important}
.seo-pane .friendly-summary b{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;color:#173326!important;font-size:15px!important;line-height:1.35!important}
.seo-pane .friendly-summary b:first-letter{color:#14804b!important;font-size:18px!important}
.seo-pane .friendly-summary span{display:block!important;padding-left:25px!important;color:#5b7165!important;font-size:13px!important;line-height:1.5!important}
.onpage-page-list>.friendly-summary+.friendly-summary{margin-top:10px!important}
@media(max-width:560px){.seo-pane .friendly-summary{padding:14px!important}.seo-pane .friendly-summary span{padding-left:0!important}}

/* Primary purple actions always keep accessible white foregrounds. */
.seo-primary,.seo-primary:link,.seo-primary:visited,.seo-primary:hover,.seo-primary:focus,.seo-primary:active,.seo-pane button.seo-primary{color:#fff!important;-webkit-text-fill-color:#fff!important}
.seo-primary *,.seo-primary span,.seo-primary b,.seo-primary small,.seo-primary .ui-icon{color:#fff!important;-webkit-text-fill-color:#fff!important}
.seo-primary .ui-icon svg,.seo-primary svg{color:#fff!important;stroke:#fff!important}
.seo-primary svg [fill]:not([fill="none"]){fill:#fff!important}
.seo-primary:disabled{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:.72!important}

/* v5 — portal-wide visual direction based on the preferred compact dashboard. */
:root{--pf-page:#f6f8fc;--pf-surface:#fff;--pf-text:#111a2e;--pf-muted:#647189;--pf-border:#dfe4ed;--pf-primary:#633cf0;--pf-primary-strong:#5130df;--pf-radius-sm:10px;--pf-radius-md:14px;--pf-radius-lg:17px;--pf-shadow-sm:0 4px 14px rgba(26,35,57,.04);--pf-shadow-md:0 12px 30px rgba(29,37,62,.07)}
html,body{background:var(--pf-page)!important;color:var(--pf-text)!important}
body{font-size:14px!important;letter-spacing:-.005em}
main{background:var(--pf-page)!important;padding-top:38px!important}
/* Dezelfde 40px bovenmarge voor iedere hoofdpaginakop, gelijk aan de SEO-pagina's. */
main>:is(.dashboard-hero,.concept-page-head,.section-title-row,.ia-page-head,.conversion-head,.content-head,.activity-head,.analytics-head,.hero,.backlink-intro),
main>.ai-v2>.ai-v2-head,
main>.heatmaps>.heatmap-head{margin-top:40px!important}
.top.portal-shell-sidebar{background:#fff!important;border-right:1px solid #e4e8ef!important;box-shadow:none!important}
.header-main-row{border-bottom:1px solid #edf0f5!important}
.header-actions.portal-topbar-actions{background:#fff!important;border-bottom:1px solid #e4e8ef!important;box-shadow:none!important}
.sidebar-section-label{color:#9099aa!important;font-size:10px!important;font-weight:850!important;letter-spacing:.09em!important}
.nav.nav-primary,.nav.nav-secondary{min-height:42px!important;border-radius:10px!important;color:#4f5c72!important;font-size:13px!important;font-weight:750!important}
.nav.nav-primary:hover,.nav.nav-secondary:hover{background:#f5f2ff!important;color:#5936db!important}
.nav.nav-primary.active,.nav.nav-secondary.active{background:#f0ecff!important;color:#5b37dc!important;box-shadow:none!important}
.sidebar-studio-link{min-height:48px!important;border-radius:10px!important;background:linear-gradient(135deg,#5734df,#7549ef)!important;box-shadow:0 9px 20px rgba(92,54,225,.2)!important;color:#fff!important}
.ia-sidebar-subnav{border-left-color:#e1dcf5!important}
.ia-sidebar-subnav a{color:#667287!important;font-size:12px!important}
.ia-sidebar-subnav a.active{background:#eee9ff!important;color:#5735d2!important;box-shadow:none!important}
.sidebar-help-card,.sidebar-package-card{border:1px solid #ded5ff!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.section-title-row,.ia-page-head,.ai-actual-hero{padding-bottom:12px!important;border-bottom:1px solid #dfe4ec!important}
.section-title-row h2,.ia-page-head h1,.dashboard-hero h1{color:#10192b!important;font-size:30px!important;font-weight:880!important;letter-spacing:-.045em!important}
.section-title-row .sub,.ia-page-head p,.dashboard-hero p{color:#66738a!important;font-size:14px!important;line-height:1.55!important}
.panel,.metric,.overview-kpi,.dashboard-health-hero,.dashboard-attention,.dashboard-visibility-card,.dashboard-discoverability,.dashboard-opportunities,.dashboard-activity,.ia-panel,.ia-health,.ia-priority,.ia-module-card,.ia-issue-card{border:1px solid var(--pf-border)!important;border-radius:var(--pf-radius-md)!important;background:var(--pf-surface)!important;box-shadow:var(--pf-shadow-sm)!important}
.panel{padding:20px!important}
.panel h2,.panel h3{color:#111a2e!important;letter-spacing:-.02em!important}
.metric,.overview-kpi{min-height:148px!important;padding:18px!important}
input,textarea,select{border-color:#d9dfe9!important;border-radius:10px!important;background:#fff!important;color:#172033!important;box-shadow:none!important}
input:focus,textarea:focus,select:focus{border-color:#9d89ef!important;outline:3px solid rgba(99,60,240,.1)!important}
.portal-primary,.seo-primary,.studio-generate,.header-growth-cta{border-color:var(--pf-primary)!important;border-radius:10px!important;background:linear-gradient(135deg,var(--pf-primary-strong),#7047ef)!important;color:#fff!important;box-shadow:0 7px 16px rgba(92,54,225,.17)!important}
.portal-primary:hover,.seo-primary:hover,.studio-generate:hover,.header-growth-cta:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(92,54,225,.23)!important}
.portal-secondary,.seo-secondary{border:1px solid #d8ddea!important;border-radius:10px!important;background:#fff!important;color:#5638ce!important;box-shadow:none!important}
.portal-secondary:hover,.seo-secondary:hover{border-color:#b9acef!important;background:#f8f6ff!important}
.badge,.prio,.check-status,.check-priority,.activity-tag{border-radius:999px!important}
.tablewrap,.table,.page-audit,.strategy-result{border-color:#e1e6ee!important;border-radius:12px!important;box-shadow:none!important}
.table th{background:#f8f9fc!important;color:#68748a!important}
.table th,.table td{padding:12px 13px!important;border-color:#e9edf3!important}
.seo-toolbar{border-radius:14px!important;box-shadow:var(--pf-shadow-sm)!important}
.seo-pane.panel,.seo-pane.panel.concept-speed-pane{border-radius:14px!important;box-shadow:var(--pf-shadow-sm)!important}
.chat-fab{width:58px!important;height:58px!important;right:24px!important;bottom:24px!important;background:linear-gradient(145deg,#7148ef,#5533df)!important;border:3px solid #fff!important;box-shadow:0 0 0 5px rgba(100,61,232,.14),0 14px 32px rgba(81,48,201,.28)!important}
@media(max-width:760px){main{padding-top:84px!important}.section-title-row h2,.ia-page-head h1,.dashboard-hero h1{font-size:27px!important}.panel{padding:16px!important}.chat-fab{right:16px!important;bottom:16px!important}}

#seo-speed #refresh-pagespeed.seo-primary{min-height:46px!important;height:46px!important;padding:0 18px!important;border:1px solid var(--pf-primary)!important;border-radius:10px!important;background:linear-gradient(135deg,var(--pf-primary-strong),#7047ef)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 7px 16px rgba(92,54,225,.17)!important}
#seo-speed #refresh-pagespeed.seo-primary *{color:#fff!important;-webkit-text-fill-color:#fff!important}
#seo-speed #refresh-pagespeed.seo-primary svg{color:#fff!important;stroke:#fff!important}
#seo-speed #refresh-pagespeed.seo-primary:hover{background:linear-gradient(135deg,#4928d4,#6338e8)!important;box-shadow:0 10px 22px rgba(92,54,225,.24)!important}

.keyword-discovery-panel>.keyword-wizard-nav{grid-column:1/-1!important;justify-content:flex-end!important;align-items:center!important;margin:0!important;padding-top:14px!important;border-top:1px solid #e8ebf1!important}.keyword-discovery-panel>.keyword-wizard-nav>span:empty{display:none!important}.keyword-discovery-panel>.keyword-wizard-nav .seo-primary{margin-left:auto!important}.keyword-discovery-live-result{grid-column:1/-1;display:grid;gap:12px}.keyword-discovery-live-result:empty{display:none}.keyword-discovery-status{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #ddd6fb;border-radius:12px;background:#f8f6ff}.keyword-discovery-status>i{flex:0 0 18px;width:18px;height:18px;border:2px solid #cfc5f8;border-top-color:#633cf0;border-radius:50%;animation:tfSpin .8s linear infinite}.keyword-discovery-status b,.keyword-discovery-status span{display:block}.keyword-discovery-status span{margin-top:3px;color:#667085;font-size:13px}.keyword-discovery-status.error{border-color:#efcccc;background:#fff7f7}.keyword-discovery-status.error>i{background:#d84e4e;border:0;animation:none}.keyword-discovery-status.error>button{margin-left:auto;border:1px solid #dfbcbc;border-radius:9px;background:#fff;color:#a33737;padding:9px 11px;font-weight:800}.keyword-discovery-result-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;border:1px solid #cde8d8;border-radius:12px;background:#f3fbf6}.keyword-discovery-result-head b,.keyword-discovery-result-head span{display:block}.keyword-discovery-result-head span{margin-top:3px;color:#617266;font-size:13px}.keyword-discovery-result-head em{padding:5px 8px;border-radius:999px;background:#daf3e4;color:#16784b;font-size:11px;font-style:normal;font-weight:850}.keyword-discovery-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.keyword-discovery-chips button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:13px;border:1px solid #e0e4ec;border-radius:11px;background:#fff;text-align:left;cursor:pointer}.keyword-discovery-chips button:hover{border-color:#b8a9f2;background:#faf9ff}.keyword-discovery-chips b{color:#172033}.keyword-discovery-chips span{grid-column:1;color:#69758a;font-size:12px;line-height:1.4}.keyword-discovery-chips em{grid-column:2;grid-row:1/3;align-self:center;color:#5b39db;font-size:12px;font-style:normal;font-weight:850}.keyword-discovery-chips button.added{border-color:#bfe1cd;background:#f2fbf6}.keyword-discovery-chips button.added em{color:#16784b}@media(max-width:680px){.keyword-discovery-panel>.keyword-wizard-nav .seo-primary{width:100%!important}.keyword-discovery-chips{grid-template-columns:1fr}.keyword-discovery-status{align-items:flex-start;flex-wrap:wrap}.keyword-discovery-status.error>button{width:100%;margin-left:0}}

.page-audit-inline-error{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:15px;border:1px solid #efcccc;border-radius:12px;background:#fff7f7;color:#8f2f2f}.page-audit-inline-error>i{flex:0 0 10px;width:10px;height:10px;margin-top:6px;border-radius:50%;background:#d84e4e}.page-audit-inline-error b,.page-audit-inline-error span{display:block}.page-audit-inline-error span{margin-top:3px;color:#8c5555;font-size:13px;line-height:1.5}

.ai-v2-tabs,.ai-v2>.ai-v2-pane{display:none!important}.ai-simple-analysis{display:grid;gap:18px;padding:22px;border:1px solid var(--pf-border);border-radius:15px;background:#fff;box-shadow:var(--pf-shadow-sm)}.ai-simple-analysis>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #e6eaf0}.ai-simple-analysis>header h3{margin:4px 0 5px;font-size:24px}.ai-simple-analysis>header p{margin:0;color:#66738a;line-height:1.55}.ai-simple-run{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid #633cf0;border-radius:11px;background:linear-gradient(135deg,#5130df,#7047ef);color:#fff;font-size:14px;font-weight:850;box-shadow:0 8px 18px rgba(92,54,225,.2);cursor:pointer;white-space:nowrap}.ai-simple-run *{color:#fff!important}.ai-simple-run:disabled{opacity:.58;cursor:not-allowed}.ai-simple-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.ai-simple-list{border:1px solid #e1e6ed;border-radius:14px;background:#fff;overflow:hidden}.ai-simple-list>header{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid #e7ebf0}.ai-simple-list>header>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-size:18px;font-weight:900}.ai-simple-list.good>header{background:#f2fbf6}.ai-simple-list.good>header>span{background:#d9f2e4;color:#16784b}.ai-simple-list.bad>header{background:#fff7ed}.ai-simple-list.bad>header>span{background:#fee7c7;color:#a65b0b}.ai-simple-list h3{margin:0;font-size:18px}.ai-simple-list small{color:#6c778a}.ai-simple-list>div{display:grid}.ai-simple-list article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px 16px;border-top:1px solid #edf0f4}.ai-simple-list article:first-child{border-top:0}.ai-simple-list article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e5f6ec;color:#177b4d;font-weight:900}.ai-simple-list.bad article>span{background:#fff0dc;color:#a65b0b}.ai-simple-list article b{display:block}.ai-simple-list article p{margin:4px 0 0;color:#667085;font-size:13px;line-height:1.5}.ai-simple-list article strong{display:block;margin-top:9px;color:#5638ce;font-size:12px}.ai-simple-empty{margin:0;padding:22px;color:#69758a}.ai-simple-message:empty{display:none}.ai-simple-loading,.ai-simple-error{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:11px}.ai-simple-loading{border:1px solid #ddd5fb;background:#f7f5ff;color:#5638ce}.ai-simple-loading i{width:17px;height:17px;border:2px solid #c9bef7;border-top-color:#623cf0;border-radius:50%;animation:tfSpin .8s linear infinite}.ai-simple-error{display:grid;border:1px solid #efcccc;background:#fff7f7;color:#963535}.ai-simple-error span{font-size:13px}@media(max-width:850px){.ai-simple-analysis>header{align-items:stretch;flex-direction:column}.ai-simple-run{width:100%}.ai-simple-columns{grid-template-columns:1fr}}
.overall-issue-explanation{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}.overall-issue-explanation>div{padding:13px;border:1px solid #e2e6ed;border-radius:10px;background:#f8fafc}.overall-issue-explanation b{display:block;margin-bottom:5px;color:#182236}.overall-issue-explanation p{margin:0;color:#5f6d82;line-height:1.5}.overall-affected-pages{display:grid;gap:8px}.overall-page-action{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px;border-radius:10px;background:#f7f9fb}.overall-page-action>span{display:grid;gap:2px;min-width:0}.overall-page-action small{overflow-wrap:anywhere;color:#667085}.overall-page-action>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.onpage-overall-issue .page-suggestion-result:not(:empty){margin-top:10px}@media(max-width:760px){.overall-issue-explanation{grid-template-columns:1fr}.overall-page-action{align-items:stretch;flex-direction:column}.overall-page-action>div{justify-content:stretch}.overall-page-action>div>*{flex:1}}
.support-drawer[aria-hidden="true"]{display:none!important}.view-seo .chat-fab,.view-seo .chat-drawer{display:none!important}.view-seo.post-analysis-guide .chat-fab{display:block!important}.view-seo.post-analysis-guide .chat-drawer.open{display:grid!important}.chat-fab.post-analysis-attention{display:block!important;animation:postAnalysisAttention 1.5s cubic-bezier(.2,.8,.25,1) both!important}.chat-fab.post-analysis-attention .chat-symbol{animation:postAnalysisSymbol .55s ease-in-out 2}.post-analysis-message .chat-bubble{display:grid;gap:8px;border:1px solid #dcd4fb;background:linear-gradient(145deg,#f5f1ff,#fff)}.post-analysis-message .chat-bubble>span{display:block;line-height:1.5}@keyframes postAnalysisAttention{0%{opacity:0;transform:translateY(24px) scale(.65)}35%{opacity:1;transform:translateY(0) scale(1.12);box-shadow:0 0 0 0 rgba(103,65,232,.35)}65%{transform:scale(1);box-shadow:0 0 0 18px rgba(103,65,232,0)}82%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes postAnalysisSymbol{50%{transform:rotate(-10deg) scale(1.16)}}
.privacy-center{margin-top:24px;padding:26px!important;scroll-margin-top:90px}.privacy-center-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line,#dfe4ed)}.privacy-center-head>div:first-child{max-width:720px}.privacy-center-head span{color:#6842e8;font-size:11px;font-weight:900;letter-spacing:.09em}.privacy-center-head h2{margin:7px 0 6px!important}.privacy-center-head p,.privacy-module p,.privacy-master small{color:#627089;line-height:1.5}.privacy-master{display:flex;align-items:center;gap:18px;max-width:410px;padding:17px 19px;border:1px solid #d9ccff;border-radius:16px;background:linear-gradient(135deg,#f7f4ff,#eee8ff)}.privacy-master b,.privacy-master small{display:block}.privacy-master small{font-size:12px;margin-top:3px}.privacy-switch{position:relative;display:block;flex:0 0 52px;width:52px;height:30px}.privacy-switch input{position:absolute;opacity:0;pointer-events:none}.privacy-switch span{display:block;width:100%;height:100%;border-radius:99px;background:#d8deea;box-shadow:inset 0 0 0 1px #cad2df;transition:.2s;cursor:pointer}.privacy-switch span:after{content:"";display:block;width:24px;height:24px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #8b96a8;transition:.2s}.privacy-switch input:checked+span{background:#6942eb}.privacy-switch input:checked+span:after{transform:translateX(22px)}.privacy-switch input:focus-visible+span{outline:3px solid #cfc2ff;outline-offset:2px}.privacy-switch-large{width:64px;height:36px;flex-basis:64px}.privacy-switch-large span:after{width:30px;height:30px}.privacy-switch-large input:checked+span:after{transform:translateX(28px)}.privacy-center-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:22px;padding-top:22px}.privacy-modules{display:grid;gap:10px}.privacy-module{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:17px 18px;border:1px solid #dfe4ed;border-radius:14px;background:#fff}.privacy-module b{display:block;color:#152035}.privacy-module p{margin:4px 0 0;font-size:13px}.privacy-module.locked{border-color:#bce6d0;background:#f4fcf8}.privacy-module.unavailable{background:#f6f7f9;color:#818b9a}.privacy-always{white-space:nowrap;color:#168454!important;font-weight:800;letter-spacing:0!important}.privacy-unavailable{white-space:nowrap;padding:6px 9px;border-radius:99px;background:#e9edf3;color:#6e7888!important;font-size:11px!important;font-weight:800;letter-spacing:0!important}.privacy-retention{display:flex;align-items:center;gap:8px;margin-top:10px;color:#5e6b81;font-size:12px}.privacy-retention select{padding:6px 28px 6px 9px;border:1px solid #d7deea;border-radius:8px;background:#fff}.cookie-preview{border:1px solid #d8ccff;border-radius:18px;padding:15px;background:linear-gradient(145deg,#f7f4ff,#f0ebff);align-self:start;position:sticky;top:90px}.cookie-preview-label{display:block;margin:0 0 10px 3px;color:#6842e8!important;font-size:11px!important;font-weight:900;letter-spacing:.08em!important}.cookie-preview-card{overflow:hidden;border:1px solid #ded7f5;border-radius:15px;background:#fff;box-shadow:0 14px 35px rgba(52,39,98,.12);padding:20px}.cookie-preview-card .cookie-brand{display:block;margin:-20px -20px 17px;padding:10px 16px;background:linear-gradient(115deg,#5a35e8,#8658ef);color:#fff;font-size:9px;font-weight:900;letter-spacing:.1em}.cookie-preview-card h3{margin:0 0 7px!important;font-size:18px}.cookie-preview-card p{color:#667085;font-size:12px;line-height:1.55}.cookie-preview-options{display:grid;gap:7px;margin:14px 0}.cookie-preview-options span{padding:8px 10px;border-radius:8px;background:#f5f3fc;color:#52436f!important;font-size:11px!important;font-weight:700;letter-spacing:0!important}.cookie-preview-card>div:last-child{display:flex;gap:8px}.cookie-preview-card button{flex:1;padding:9px;border:1px solid #d9ddeb;border-radius:8px;background:#fff;color:#4f596c;font-weight:800}.cookie-preview-card button.primary{border-color:#6842e8;background:#6842e8;color:#fff}.privacy-publish{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:22px;padding-top:20px;border-top:1px solid #dfe4ed}.privacy-publish p{margin:0;color:#667085}.privacy-publish p.success{color:#168454}.privacy-publish p.error{color:#c83e45}@media(max-width:900px){.privacy-center-head{display:grid}.privacy-master{max-width:none}.privacy-center-grid{grid-template-columns:1fr}.cookie-preview{position:static}.privacy-publish{align-items:stretch;flex-direction:column}.privacy-publish button{width:100%}}@media(max-width:600px){.privacy-center{padding:18px!important}.privacy-module{align-items:flex-start}.privacy-module.locked,.privacy-module.unavailable{flex-direction:column}.privacy-master{align-items:flex-start}.privacy-master .privacy-switch{margin-left:auto}}
.studio-source-picker{margin:12px 0 15px;padding:15px 16px;border:1px solid #ddd5fb;border-radius:13px;background:#faf8ff}.studio-source-picker [data-source-panel]>p{margin:0;color:#5f6d82;font-size:13px;line-height:1.5}.studio-source-picker label{display:grid;gap:7px;color:#253148;font-size:13px;font-weight:800}.studio-source-picker select{width:100%;min-height:44px;padding:0 12px;border:1px solid #cfd6e2;border-radius:10px;background:#fff;color:#1d2939;font:inherit}.studio-source-picker select:focus{border-color:#6842e8;outline:3px solid rgba(104,66,232,.14)}.studio-source-empty{padding:11px 13px!important;border-radius:9px;background:#fff5e7;color:#855914!important}.studio-source-picker>span{display:block;margin-top:8px;color:#168454;font-size:12px;font-weight:750}

/* Dezelfde prioriteitsrand voor het Actiecentrum en de AI-actielijst. */
.ia-issue-card.tone-high,
.ai-growth-card.tone-danger{border-top:4px solid var(--pf-danger)!important;background:var(--pf-surface)!important;color:inherit!important}
.ia-issue-card.tone-medium,
.ai-growth-card.tone-attention{border-top:4px solid var(--pf-warning)!important;background:var(--pf-surface)!important;color:inherit!important}
.ia-issue-card.tone-low,
.ai-growth-card.tone-good{border-top:4px solid var(--pf-success)!important;background:var(--pf-surface)!important;color:inherit!important}

.user-role-help{display:grid;gap:7px;margin:0;padding:12px 14px 12px 30px;border:1px solid #e2e6ee;border-radius:11px;background:#f8f9fc;color:#5d687b;font-size:12px;line-height:1.45}
.user-role-help li::marker{color:var(--pf-primary)}
.user-role-help b{color:#202a3b}