/* GhostAIpen / GhostSEO V300 shared visual system
   Neutral product UI: warm paper, ink, restrained orange accent, no violet gradients. */
:root,
html[data-theme="light"]{
  --g300-bg:#f4f1ea;
  --g300-paper:#ffffff;
  --g300-paper-2:#f8f6f1;
  --g300-paper-3:#ece8df;
  --g300-ink:#151515;
  --g300-ink-2:#3f3f3f;
  --g300-muted:#6b6b68;
  --g300-soft:#8a8882;
  --g300-line:#d7d4ce;
  --g300-line-strong:#bbb7ae;
  --g300-accent:#e85b2a;
  --g300-accent-dark:#bf451d;
  --g300-accent-soft:#fae8df;
  --g300-green:#16845b;
  --g300-green-soft:#e8f4ee;
  --g300-red:#b13b31;
  --g300-red-soft:#f8e9e7;
  --g300-radius:5px;
  --gst-bg:#f4f1ea;
  --gst-surface:#ffffff;
  --gst-surface-2:#f8f6f1;
  --gst-surface-3:#ece8df;
  --gst-text:#151515;
  --gst-text-2:#3f3f3f;
  --gst-muted:#6b6b68;
  --gst-faint:#8a8882;
  --gst-line:#d7d4ce;
  --gst-line-strong:#bbb7ae;
  --gst-input:#ffffff;
  --gst-purple:#e85b2a;
  --gst-purple-soft:#fae8df;
  --gst-link:#ad3f1b;
  --gs-bg:#f4f1ea;
  --gs-paper:#ffffff;
  --gs-ink:#151515;
  --gs-mute:#6b6b68;
  --gs-line:#d7d4ce;
  --gs-nav:#f4f1ea;
  --gs-accent:#151515;
  --gs-accent-2:#151515;
  --gs-radius:5px;
  --gs-shadow:none;
}
html[data-theme="dark"]{
  --g300-bg:#111111;
  --g300-paper:#191919;
  --g300-paper-2:#202020;
  --g300-paper-3:#282828;
  --g300-ink:#f1eee8;
  --g300-ink-2:#d0ccc4;
  --g300-muted:#aaa69f;
  --g300-soft:#85817b;
  --g300-line:#383838;
  --g300-line-strong:#515151;
  --g300-accent:#ef7448;
  --g300-accent-dark:#ff8b62;
  --g300-accent-soft:#392219;
  --g300-green:#63bc91;
  --g300-green-soft:#172a22;
  --g300-red:#e58a80;
  --g300-red-soft:#321c1a;
  --gst-bg:#111111;
  --gst-surface:#191919;
  --gst-surface-2:#202020;
  --gst-surface-3:#282828;
  --gst-text:#f1eee8;
  --gst-text-2:#d0ccc4;
  --gst-muted:#aaa69f;
  --gst-faint:#85817b;
  --gst-line:#383838;
  --gst-line-strong:#515151;
  --gst-input:#151515;
  --gst-purple:#ef7448;
  --gst-purple-soft:#392219;
  --gst-link:#ff9a73;
  --gs-bg:#111111;
  --gs-paper:#191919;
  --gs-ink:#f1eee8;
  --gs-mute:#aaa69f;
  --gs-line:#383838;
  --gs-nav:#111111;
  --gs-accent:#f1eee8;
  --gs-accent-2:#f1eee8;
  --gs-radius:5px;
  --gs-shadow:none;
}

html,body{background:var(--g300-bg)!important;color:var(--g300-ink)!important}
body.member-page,body.public-page{background:var(--g300-bg)!important;color:var(--g300-ink)!important}
body.member-page :focus-visible,body.public-page :focus-visible{outline:2px solid var(--g300-accent)!important;outline-offset:2px}

/* Shared header language */
.v14-public-header,
.v14-appbar{
  background:rgba(244,241,234,.97)!important;
  color:#151515!important;
  border-bottom:1px solid #c9c5bd!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px);
}
html[data-theme="dark"] .v14-public-header,
html[data-theme="dark"] .v14-appbar{
  background:rgba(17,17,17,.97)!important;
  color:#f1eee8!important;
  border-bottom-color:#383838!important;
}
.v14-brand{color:var(--g300-ink)!important}
.v14-brand-mark{
  width:34px!important;height:34px!important;border-radius:4px!important;
  background:#151515!important;box-shadow:none!important;overflow:hidden!important;
}
html[data-theme="dark"] .v14-brand-mark{background:#f1eee8!important}
.v14-brand-mark img{filter:grayscale(1) contrast(1.8)!important}
html[data-theme="dark"] .v14-brand-mark img{filter:grayscale(1) invert(1) contrast(1.6)!important}
.v14-brand strong{color:var(--g300-ink)!important;font-family:Inter,system-ui,sans-serif!important;font-weight:700!important}
.v14-brand small{color:var(--g300-muted)!important}

.v14-appbar-inner{height:66px!important;width:min(1360px,calc(100% - 34px))!important}
.v14-appnav{gap:3px!important}
.v14-appnav a{
  color:var(--g300-muted)!important;border:1px solid transparent!important;
  border-radius:4px!important;padding:8px 9px!important;font-weight:650!important;
}
.v14-appnav a:hover{color:var(--g300-ink)!important;background:var(--g300-paper-3)!important}
.v14-appnav a.active{
  color:#fff!important;background:#151515!important;border-color:#151515!important;
}
html[data-theme="dark"] .v14-appnav a.active{color:#151515!important;background:#f1eee8!important;border-color:#f1eee8!important}
.v14-nav-toggle{color:var(--g300-ink)!important}
.v14-avatar{
  border-radius:4px!important;background:var(--g300-paper-3)!important;color:var(--g300-ink)!important;
  border:1px solid var(--g300-line)!important;
}
.v14-create,.gs-btn-primary,.ws-btn,.g-dashboard-head .btn,
.gs-phantom243-launch{
  border:1px solid #151515!important;border-radius:4px!important;background:#151515!important;
  color:#fff!important;box-shadow:none!important;background-image:none!important;
}
html[data-theme="dark"] .v14-create,
html[data-theme="dark"] .gs-btn-primary,
html[data-theme="dark"] .ws-btn,
html[data-theme="dark"] .g-dashboard-head .btn,
html[data-theme="dark"] .gs-phantom243-launch{
  border-color:#f1eee8!important;background:#f1eee8!important;color:#151515!important;
}
.v14-create:hover,.gs-btn-primary:hover,.ws-btn:hover,.g-dashboard-head .btn:hover,.gs-phantom243-launch:hover{opacity:.86!important;transform:none!important}
.gs-theme-toggle{
  border-radius:4px!important;box-shadow:none!important;background:transparent!important;
  border-color:var(--g300-line-strong)!important;color:var(--g300-ink-2)!important;
}

/* App shell and common modules */
.v14-app-main{padding:30px 0 46px!important;background:var(--g300-bg)!important}
.v14-app-shell{width:min(1180px,calc(100% - 36px))!important}
.v14-page-head span,.v14-eyebrow,.g-eyebrow{color:var(--g300-accent)!important}
.v14-page-head h1,.g-dashboard-head h1{font-family:Inter,system-ui,sans-serif!important;font-weight:700!important;color:var(--g300-ink)!important;letter-spacing:-.04em!important}
.v14-page-head p,.g-dashboard-head p{color:var(--g300-muted)!important}
.ws-btn-ghost,.gs-btn-secondary{
  border-radius:4px!important;background:var(--g300-paper)!important;border-color:var(--g300-line)!important;
  color:var(--g300-ink-2)!important;box-shadow:none!important;
}
.svc-card,.auto-card,.g-stat-card,.g-workspace-card,.ifttt-panel,.panel,.ifttt-canvas,
.g-command-center,.g-content-table,.g-usage-panel{
  background:var(--g300-paper)!important;border-color:var(--g300-line)!important;
  border-radius:5px!important;box-shadow:none!important;
}
.app-module-icon,.g-stat-icon,.auto-mark,.ifttt-step .mark,.g-metric-icon,.g-action-icon{
  border-radius:4px!important;background:var(--g300-paper-3)!important;color:var(--g300-ink-2)!important;
}
.g-stat-icon.violet,.g-metric-icon.violet,.g-metric-icon.indigo{background:var(--g300-accent-soft)!important;color:var(--g300-accent)!important}
.g-stat-icon.green,.g-metric-icon.green{background:var(--g300-green-soft)!important;color:var(--g300-green)!important}
.g-usage-track,.g-dashboard-v2 .g-usage-track{border-radius:2px!important;background:var(--g300-paper-3)!important}
.g-usage-track span,.g-dashboard-v2 .g-usage-track span{background:var(--g300-accent)!important;background-image:none!important;box-shadow:none!important}
.ifttt-step,.gs-picker-service,.gs-event-button,.g-quick-action,.g-action-tile{
  border-radius:4px!important;background:var(--g300-paper)!important;border-color:var(--g300-line)!important;box-shadow:none!important;
}
.g-action-tile:hover{transform:none!important;border-color:var(--g300-line-strong)!important;box-shadow:none!important}
body.member-page input:not([type=checkbox]):not([type=radio]),body.member-page textarea,body.member-page select{
  border-radius:4px!important;background:var(--g300-paper)!important;color:var(--g300-ink)!important;border-color:var(--g300-line)!important;
}

/* Free/Pro prompts: functional, not neon marketing */
.gs-pro242-banner{
  background:#1a1a1a!important;color:#f3f0e9!important;border:0!important;border-bottom:1px solid #303030!important;
  box-shadow:none!important;
}
.gs-pro242-banner span{color:#bbb7af!important}
.gs-pro242-banner a{border-radius:3px!important;background:transparent!important;border:1px solid #5b5b5b!important;color:#f3f0e9!important}
.gs-pro242-banner a.primary{background:#f3f0e9!important;border-color:#f3f0e9!important;color:#151515!important}
.gs-pro242-modal-card{border-radius:5px!important;background:var(--g300-paper)!important;border-color:var(--g300-line)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
.gs-pro242-kicker{color:var(--g300-accent)!important}

/* Public pages other than the homepage inherit the same neutral frame. */
body.public-page .v14-app-main{background:var(--g300-bg)!important}
.v14-public-header .v14-public-nav a,.v14-public-header .v14-public-actions>a:first-of-type{color:var(--g300-ink-2)!important}
.v14-public-header .v14-public-nav a:hover,.v14-public-header .v14-public-actions>a:first-of-type:hover{color:var(--g300-ink)!important}
.v14-start{border-radius:4px!important;background:#151515!important;border-color:#151515!important;color:#fff!important;box-shadow:none!important;background-image:none!important}
html[data-theme="dark"] .v14-start{background:#f1eee8!important;border-color:#f1eee8!important;color:#151515!important}

.gs-app-footer,.v14-footer{
  background:#151515!important;color:#a9a59e!important;border-top:0!important;box-shadow:none!important;
}
.gs-app-footer strong,.v14-footer strong{color:#fff!important}
.gs-app-footer span,.v14-footer span{color:#9f9b94!important}
.gs-app-footer nav a,.v14-footer nav a{color:#aaa69f!important}
.gs-app-footer nav a:hover,.v14-footer nav a:hover{color:#fff!important}

@media(max-width:1120px){.v14-appbar-inner{width:min(100% - 24px,1360px)!important}}
@media(max-width:700px){.v14-app-shell{width:min(100% - 24px,1180px)!important}}