/* Seosaz 7.1.4: warm neutral surfaces, navy/clay complements and restrained section accents. */
:root {
  --muted:#5f6a70; --line:#dedfd9; --soft:#f1f1ed;
  --soft-blue:#edf2f4; --soft-violet:#f3eff5; --soft-amber:#f8f1e5; --soft-rose:#f8ede7; --soft-sage:#eef2e9;
}
@supports (color:color-mix(in srgb,red,white)) {
  :root {
    --soft-blue:color-mix(in srgb,var(--accent-blue) 9%,white);
    --soft-violet:color-mix(in srgb,var(--accent-violet) 9%,white);
    --soft-amber:color-mix(in srgb,var(--accent-amber) 9%,white);
    --soft-rose:color-mix(in srgb,var(--accent-rose) 12%,white);
    --soft-sage:color-mix(in srgb,var(--accent-sage) 12%,white);
  }
}
body,.public-site {background:var(--bg);color:var(--ink)}
.card,.login-card,.site-feature-card,.site-growth-art,.site-post-card,.site-article {border-color:var(--line);box-shadow:0 6px 24px #26334804}
.hero,.site-hero-copy {background:linear-gradient(125deg,#fff 30%,var(--soft-blue));border-color:var(--line);color:var(--ink)}
.hero p,.site-hero-copy>p,.site-feature-card p,.site-post-card-body>p {color:var(--muted)}
.hero h2,.site-hero-copy h1,.site-section h2,.site-feature-card h3,.site-page-heading h1 {color:var(--ink)}
.bento-orbit {opacity:.4}
.field input,.field select,.field textarea,.site-contact-form .field input,.site-contact-form .field textarea {background:#fcfcfe;border-color:var(--line);color:var(--ink)}
.btn-line {background:white;border-color:var(--line);color:var(--ink)}
.btn-line:hover {background:var(--soft-blue);border-color:var(--accent-blue);color:var(--accent-blue)}
.workspace-header,.workspace-footer,.site-header,.site-footer {border-color:var(--line)}
.account-avatar,.header-notifications,.quick-note {background:var(--soft);color:var(--muted)}
thead th,.table-wrap th {background:var(--soft);color:var(--ink)}

/* Projects: blue. Editorial/learning: violet. Commerce: amber. Support: rose. */
[data-tone=blue],[data-nav-group=projects],[data-nav-group=reports] {--section-accent:var(--accent-blue);--section-soft:var(--soft-blue)}
[data-tone=violet],[data-nav-group=public-site] {--section-accent:var(--accent-violet);--section-soft:var(--soft-violet)}
[data-tone=amber],[data-nav-group=sales] {--section-accent:var(--accent-amber);--section-soft:var(--soft-amber)}
[data-tone=rose],[data-nav-group=communications] {--section-accent:var(--accent-rose);--section-soft:var(--soft-rose)}
[data-tone=sage],[data-nav-group=people] {--section-accent:var(--accent-sage);--section-soft:var(--soft-sage)}
[data-nav-group=settings] {--section-accent:var(--muted);--section-soft:var(--soft)}
.metric[data-tone] {background:var(--section-soft);color:var(--section-accent);border-color:transparent}
.metric[data-tone]:hover {border-color:var(--section-accent);box-shadow:0 8px 26px #2633480b}
.metric[data-tone] .metric-top,.metric[data-tone] .metric-bottom {color:var(--muted)}
.metric[data-tone] .metric-top>span {background:white;color:var(--section-accent)}
.quick-actions [data-tone] .quick-icon {background:var(--section-soft);color:var(--section-accent)}
.bento-nav .nav-group summary svg {background:var(--section-soft,var(--soft));color:var(--section-accent,var(--orange));border-radius:7px}
.bento-nav .nav-group[open] summary {background:var(--section-soft,var(--soft))}
.bento-nav .nav-group .nav-children a.active {background:var(--section-soft,var(--soft));color:var(--section-accent,var(--orange));border-color:var(--section-accent,var(--orange))}
.bento-nav [data-nav-route^="plans."],.bento-nav [data-nav-route^="shop."],.bento-nav [data-nav-route="operations.orders"] {--menu-accent:var(--accent-amber);--menu-soft:var(--soft-amber)}
.bento-nav [data-nav-route^="academy."],.bento-nav [data-nav-route^="blog."],.bento-nav [data-nav-route^="site-seo."] {--menu-accent:var(--accent-violet);--menu-soft:var(--soft-violet)}
.bento-nav [data-nav-route^="tickets."],.bento-nav [data-nav-route="notifications"] {--menu-accent:var(--accent-rose);--menu-soft:var(--soft-rose)}
.bento-nav [data-nav-route].active {background:var(--menu-soft,var(--soft-blue));border-inline-start:3px solid var(--menu-accent,var(--accent-blue))}
.project-card {border-top:3px solid var(--accent-blue)}
.report-horizontal-nav .tab,.report-side-nav .tab {background:var(--soft);color:var(--ink)}
.report-horizontal-nav .tab:hover,.report-side-nav .tab:hover {background:var(--soft-blue);border-color:var(--accent-blue)}
.report-horizontal-nav .tab.active,.report-side-nav .tab.active {background:var(--accent-blue);color:white}
.report-horizontal-nav .tab:focus-visible {outline-color:var(--accent-blue)}

/* Login is usable as ordinary links even when the shared scripts fail. */
.login-wrap {background:radial-gradient(ellipse at 12% 20%,var(--soft-violet),transparent 55%),var(--bg)}
.login-side {background:linear-gradient(145deg,var(--soft-blue),var(--soft-violet));color:var(--ink);border-inline-end:1px solid var(--line)}
.login-side h2,.login-brand {color:var(--ink)}
.login-side p,.login-side .small {color:var(--muted)}
.login-brand .logo {background:white;color:var(--orange);box-shadow:0 6px 20px #26334808}
.role-switch {display:flex;gap:6px;background:var(--soft);padding:5px;border-radius:16px}
.role-switch a[data-auth-tab] {flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:1px solid transparent;border-radius:12px;color:var(--muted);font-size:14px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;touch-action:manipulation}
.role-switch a[data-auth-tab].active {background:white;color:var(--accent-blue);border-color:var(--line);box-shadow:0 2px 7px #26334808}
.role-switch a[data-auth-tab]:hover {color:var(--accent-blue)}
.role-switch a[data-auth-tab]:focus-visible {outline:3px solid var(--accent-blue);outline-offset:2px}
.auth-pane[hidden] {display:none!important}

/* Public pages keep white space and use the same restrained section colors. */
.site-kicker,.site-text-link,.site-mini-mark {color:var(--accent-blue);border-color:var(--line)}
.site-hero-note,.site-art-top,.site-art-caption,.site-section-heading>p,.site-page-heading p,.site-post-meta {color:var(--muted)}
.site-orbit-ring {border-color:var(--line)}
.site-orbit-core {border-color:var(--soft-blue);box-shadow:0 0 0 15px #f7f8fc}
.site-orbit-point {border-color:var(--line);color:var(--accent-violet);background:var(--soft-violet)}
.site-orbit-point.two {background:var(--soft-amber);color:var(--accent-amber)}
.site-orbit-point.three {background:var(--soft-blue);color:var(--accent-blue)}
.site-process>div {background:var(--soft);border-color:var(--line);color:var(--ink)}
.site-feature-card,.site-feature-card.is-tinted {background:#fff}
.site-feature-card[data-tone] {border-top:3px solid var(--section-accent)}
.site-feature-card[data-tone] .site-feature-icon {color:var(--section-accent);background:var(--section-soft);border-color:transparent}
.site-feature-card[data-tone] .site-card-bottom {color:var(--section-accent)}
.site-academy-banner,.cms-ai-guide {background:var(--soft-violet);border-color:var(--line)}
.site-academy-banner h2,.site-academy-banner .site-eyebrow,.cms-ai-guide .site-feature-icon {color:var(--accent-violet)}
.site-academy-banner p,.cms-ai-guide ol {color:var(--muted)}
.site-academy-banner .btn-orange {background:var(--accent-violet);border-color:var(--accent-violet)}
.site-learning-tile,.site-learning-tile:nth-child(2),.site-learning-tile:nth-child(3) {background:white;color:var(--accent-violet);border-color:var(--line);box-shadow:0 8px 24px #26334808}
.site-learning-tile span {color:var(--muted)}
.site-contact-banner {background:var(--soft-rose);border:1px solid var(--line);color:var(--ink)}
.site-contact-banner h2,.site-contact-banner .site-eyebrow {color:var(--accent-rose)}
.site-contact-banner p {color:var(--muted)}
.site-contact-banner .btn {color:var(--accent-rose);background:white}
.site-contact-aside {background:var(--soft-rose);border-color:var(--line)}
.site-contact-intro h2,.site-contact-details dd {color:var(--ink)}
.site-contact-intro>p,.site-contact-tip,.site-contact-details dt {color:var(--muted)}
.site-post-placeholder {background:linear-gradient(135deg,var(--soft-violet),var(--soft-blue))}
.site-post-placeholder>span,.site-post-placeholder i {color:var(--accent-violet)}
.site-post-placeholder>small {color:var(--muted)}
.site-prose {color:var(--ink)}
.cms-nav a.active {background:var(--soft-violet);color:var(--accent-violet)}
.cms-editor-toolbar,.cms-message-body {background:var(--soft);border-color:var(--line)}
.page-loader {background:rgb(246 247 251/.88)}
.page-loader-card {color:var(--ink);border-color:var(--line);box-shadow:0 16px 60px #26334818}
@media(max-width:600px) {
  .role-switch a[data-auth-tab] {font-size:13px;padding:10px 8px}
  .login-side {border-inline-end:0;border-bottom:1px solid var(--line)}
}

/* Distinct outlines remain visible in both selected and unselected states. */
.role-switch[data-auth-tabs] {padding:7px;gap:9px;border:1px solid #bfc6c8;background:#f1f1ed;border-radius:17px}
.role-switch[data-auth-tabs] a[data-auth-tab] {border:1.5px solid #89969d;background:#fff;color:var(--ink);box-shadow:none;min-height:48px}
.role-switch[data-auth-tabs] a[data-auth-tab].active {border-color:var(--orange);background:var(--orange);color:white;box-shadow:0 3px 8px #27364212}
.role-switch[data-auth-tabs] a[data-auth-tab]:hover:not(.active) {border-color:var(--accent-rose);background:var(--soft-rose);color:var(--ink)}
.role-switch[data-auth-tabs] a[data-auth-tab]:focus-visible {outline:3px solid var(--accent-amber);outline-offset:3px}
.login-form .field input {border:1px solid #aab5ba;background:#fff;min-height:48px}
.login-form .field input:focus {border-color:var(--orange);outline:2px solid var(--soft-blue);outline-offset:2px}
.login-wrap {background:radial-gradient(ellipse at 15% 20%,#efe7dc,transparent 52%),var(--bg)}
.login-side {background:linear-gradient(145deg,#f1eee7,var(--soft-amber));border-color:var(--line)}
.login-brand .logo {background:var(--orange);color:white}
.logo {background:var(--orange);box-shadow:0 5px 15px #27364212}
.hero,.site-hero-copy {background:linear-gradient(120deg,#fff 55%,#f4f0e7);border-color:var(--line)}
.bento-welcome {border-top:3px solid var(--accent-amber)}
.metric[data-tone] {background:#fff;border:1px solid var(--line);border-top:3px solid var(--section-accent);color:var(--section-accent)}
.metric[data-tone] .metric-top>span {background:var(--section-soft)}
.metric-primary[data-tone] {background:var(--orange);color:#fff;border-color:var(--orange)}
.metric-primary[data-tone] .metric-top,.metric-primary[data-tone] .metric-bottom {color:#f0f3f4}
.metric-primary[data-tone] .metric-top>span {background:#ffffff24;color:#fff}
.metric[data-tone=rose] {background:var(--soft-rose)}
.metric[data-tone=sage] {background:var(--soft-sage)}
.metric[data-tone=amber] {background:var(--soft-amber)}
.quick-note {background:var(--soft-amber);color:var(--muted)}
.site-orbit-core {background:var(--orange);border-color:var(--soft-blue);box-shadow:0 0 0 15px #f6f7f5}
.site-process>div:nth-child(1) {background:var(--soft-blue)}
.site-process>div:nth-child(2) {background:var(--soft-amber)}
.site-process>div:nth-child(3) {background:var(--soft-sage)}
.site-process strong {color:var(--ink)}
.site-process>div>span {color:var(--muted)}
.site-academy-banner {background:var(--soft-sage);border-color:var(--line)}
.site-academy-banner h2,.site-academy-banner .site-eyebrow,.site-learning-tile,.site-learning-tile:nth-child(2),.site-learning-tile:nth-child(3) {color:var(--accent-sage)}
.site-academy-banner .btn-orange {background:var(--accent-sage);border-color:var(--accent-sage)}
.site-contact-banner {background:var(--soft-rose)}
.site-post-placeholder {background:linear-gradient(135deg,var(--soft-amber),#f3eee9)}
.site-post-placeholder>span,.site-post-placeholder i {color:var(--accent-rose)}
.site-empty>span {background:var(--soft-amber);color:var(--accent-amber)}
.site-empty h3,.site-empty p,.site-footer,.site-footer p,.site-eyebrow {color:var(--muted)}
.plan-grid .plan {background:#fff;border-color:var(--line);border-top:4px solid var(--accent-blue);box-shadow:0 6px 24px #27364205}
.plan-grid .plan.featured {background:var(--soft-amber);border-color:#c9ac7e;border-top-color:var(--accent-amber)}
.plan-grid .plan[data-plan-tier=seo-diamond] {border-top-color:var(--accent-violet);background:var(--soft-violet)}
.plan-grid .price {color:var(--ink)}
.plan-grid .featured .btn-orange {background:var(--accent-amber)}
.plan-grid [data-plan-tier=seo-diamond] .btn-orange {background:var(--accent-violet)}
.seo-comparison thead th,.seo-comparison th:first-child {background:var(--soft-blue);color:var(--ink)}
.seo-comparison thead th:first-child,.seo-comparison .comparison-group th {background:var(--soft);color:var(--ink)}
.seo-comparison tbody tr:nth-child(even) td {background:#fafaf7}
.seo-comparison tbody tr:hover td {background:var(--soft-amber)}
.page-loader {background:rgb(247 246 242/.88)}
.page-loader-logo {color:var(--orange)}
.page-loader-logo:before {border-color:var(--line);border-top-color:var(--orange);border-right-color:var(--accent-rose)}

/* Visible once in the admin panel, always available in the upgrade details. */
.upgrade-success {margin:0 0 24px;padding:22px 24px;background:#fff;border:1px solid #bdcbb5;border-inline-start:5px solid var(--accent-sage);border-radius:20px;color:var(--ink)}
.upgrade-success-heading {display:flex;align-items:flex-start;gap:13px}
.upgrade-success-mark {display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:var(--soft-sage);color:var(--accent-sage);font-size:23px;font-weight:700}
.upgrade-success-heading h2 {font-size:19px;line-height:1.7;margin:0 0 3px;color:var(--accent-sage)}
.upgrade-success-heading p {margin:0;font-size:13px;line-height:1.9;color:var(--muted)}
.upgrade-success-meta {display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;padding:14px 0;margin:14px 0;border-block:1px solid var(--line)}
.upgrade-success-meta dt {font-size:11px;color:var(--muted);margin:0}
.upgrade-success-meta dd {font-size:14px;font-weight:600;margin:4px 0 0}
.upgrade-success-details summary {font-size:13px;font-weight:700;cursor:pointer;min-height:32px}
.upgrade-success-details h3 {font-size:12px;margin:12px 0 5px}
.upgrade-success-details ul {font-size:12px;line-height:2.1;padding-inline-start:21px;margin:6px 0 14px}
.upgrade-success-checks {font-size:11px;line-height:2;background:var(--soft-sage);color:#41513a;padding:10px 12px;border-radius:10px}
.upgrade-success-link {display:inline-block;color:var(--accent-blue);font-size:11px;line-height:2;margin-top:6px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px) {
  .upgrade-success {padding:17px 15px}
  .upgrade-success-heading h2 {font-size:17px}
  .upgrade-success-meta {grid-template-columns:1fr 1fr}
  .upgrade-success-meta>div:last-child {grid-column:1/-1}
  .role-switch[data-auth-tabs] {gap:7px;padding:6px}
}