/* STG Track 1.22: local brand and layout primitives, no changes to authentication. */
.stgd-portal, #stgd-workspace { --stgc-blue:#1b2e91; --stgc-ink:#182339; --stgc-muted:#536078; --stgc-border:#d8e0eb; }
.stgd-portal .stgd-brand-lockup,#stgd-workspace .stgd-brand-lockup { display:inline-flex;align-items:center;gap:16px;max-width:100%;line-height:1; }
.stgd-portal .stgd-brand-lockup img,#stgd-workspace .stgd-brand-lockup img { width:110px;height:auto;max-width:40vw;object-fit:contain;display:block; }
.stgd-portal .stgd-brand-product,#stgd-workspace .stgd-brand-product { font:650 21px/1.2 system-ui,sans-serif;color:#1b2e91;border-left:1px solid #cbd5e1;padding-left:16px;letter-spacing:-.03em; }
.stgd-portal .stgd-header { position:relative;box-shadow:0 1px 0 #dbe2eb;background:#fff;padding:0;border:0; }
.stgd-portal .stgd-header__row { padding:16px 22px;min-height:78px;gap:16px;align-items:center;box-sizing:border-box; }
.stgd-portal .stgd-header__secondary { padding:0 22px 12px;gap:12px; }
.stgd-portal .stgd-header__logo { width:110px!important;height:auto!important; }
.stgd-portal .stgd-header__hello { line-height:1.5;min-width:0;overflow-wrap:anywhere; }
.stgd-portal .stgd-front.stgd-front--professional { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;max-width:1060px;margin:clamp(24px,7vh,80px) auto;padding:0;border:1px solid #d8e0eb;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 60px #192f6510; }
.stgd-front--professional .stgd-welcome { padding:44px 38px;background:#f0f4f9;color:#182339;border-right:1px solid #d8e0eb; }
.stgd-front--professional .stgd-brand { padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;margin:0 0 48px; }
.stgd-front--professional .stgd-brand-lockup img { width:130px!important;max-width:38vw!important;height:auto!important; }
.stgd-front--professional .stgd-welcome__eyebrow { color:#536078;font-size:11px;font-weight:750;letter-spacing:.12em;line-height:1.6;margin:0 0 16px; }
.stgd-front--professional .stgd-welcome__title { color:#182339;font:700 clamp(27px,3vw,39px)/1.15 system-ui,sans-serif;letter-spacing:-.045em;margin:0 0 20px;max-width:360px; }
.stgd-front--professional .stgd-welcome__lead { color:#46546b;font:400 16px/1.7 system-ui,sans-serif;margin:0 0 30px; }
.stgd-front--professional .stgd-welcome__features { display:grid;gap:20px; }
.stgd-front--professional .stgd-welcome__features p { margin:0;border-left:3px solid #fee33e;padding:0 0 0 14px; }
.stgd-front--professional .stgd-welcome__features strong { display:block;font:650 14px/1.5 system-ui,sans-serif;color:#182339; }
.stgd-front--professional .stgd-welcome__features span { display:block;font:400 13px/1.6 system-ui,sans-serif;color:#536078;margin-top:3px; }
.stgd-front--professional .stgd-welcome__foot { color:#65748b;font-size:12px;margin:38px 0 0; }
.stgd-front--professional .stgd-front__main { margin:0;max-width:none;padding:44px 38px;background:#fff;border:0;border-radius:0;min-width:0;box-shadow:none; }
.stgd-front--professional .stgd-front__main .stgd-h1 { color:#182339;font-size:27px;line-height:1.25;letter-spacing:-.035em;margin:0 0 12px; }
.stgd-front--professional .stgd-front__main .stgd-lead { font-size:15px;line-height:1.6;color:#536078;margin-bottom:26px; }
.stgd-front--professional .stgd-form { display:grid;gap:18px; }
.stgd-front--professional .stgd-inline-field { margin:0; }
.stgd-front--professional .stgd-label { font-size:14px;font-weight:650;display:block;margin-bottom:8px; }
.stgd-front--professional .stgd-input { min-height:48px;border-radius:8px;border:1px solid #aebbd0;background:#fff;color:#182339;width:100%;box-sizing:border-box; }
.stgd-front--professional .stgd-btn--primary { border-radius:8px;min-height:48px; }
.stgd-front--professional .stgd-login-scope { border-top:1px solid #e0e6ef;margin:26px 0 0;padding-top:18px;color:#65748b;font-size:12px;line-height:1.7; }
/* Back/heading/action flow is never absolutely positioned. Scoped away from native WordPress UI. */
:is(.stgd-portal,#stgd-workspace) :is(.stgd-actions,.stgd-savebar__buttons,.stgd-head,.stgd-stephead,.stgd-inline-actions) { display:flex;flex-wrap:wrap;gap:12px;align-items:center;min-width:0; }
:is(.stgd-portal,#stgd-workspace) :is(.stgd-actions,.stgd-savebar__buttons) > * { min-width:0;max-width:100%; }
:is(.stgd-portal,#stgd-workspace) .stgd-actions { margin-block:16px; }
:is(.stgd-portal,#stgd-workspace) .stgd-link-btn { display:inline-flex;align-items:center;min-height:44px;line-height:1.45;white-space:normal;vertical-align:middle;position:relative;max-width:100%;box-sizing:border-box; }
:is(.stgd-portal,#stgd-workspace) :is(.stgd-view,.stgd-tabpanel,.stgd-step,.stgcf,.stgt) > :is(.stgd-link-btn,.stgd-btn) { margin-bottom:16px; }
:is(.stgd-portal,#stgd-workspace) :is(.stgd-link-btn,.stgd-btn) + :is(h1,h2,h3,.stgd-panel,.stgd-field,.stgcf-card,.stgt-card) { margin-top:16px; }
:is(.stgd-portal,#stgd-workspace) :is(.stgd-h1,.stgd-h2,.stgd-h3,h2,h3) { overflow-wrap:break-word;scroll-margin-top:28px; }
:is(.stgd-portal,#stgd-workspace) :is(.stgd-field,.stgd-inline-field) { min-width:0; }
:is(.stgd-portal,#stgd-workspace) :is(input,select,textarea,button) { max-width:100%; }
:is(.stgd-portal,#stgd-workspace) :is(.stgd-dialog,.stgcf-dialog,.stgt-dialog) { max-width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto; }
.stgd-portal .stgd-main { padding-bottom:calc(100px + env(safe-area-inset-bottom)); }
.stgd-portal .stgd-savebar { display:flex;flex-wrap:wrap;gap:12px;padding:14px; }
.stgd-portal .stgd-savebar__status { flex:1 1 180px;min-width:0;line-height:1.5; }
.stgd-portal .stgd-savebar__buttons { margin:0; }
.stgd-portal .stgd-practice-link { margin-block:18px;padding:18px;border:1px solid var(--tx-line,#d8e0eb);border-radius:12px;background:var(--tx-card,#fff); }
.stgd-portal .stgd-practice-link > summary { font-size:15px;font-weight:650;line-height:1.5;cursor:pointer;min-height:32px; }
.stgd-portal .stgd-practice-link__body { margin-top:14px; }
.stgd-portal .stgd-practice-feedback { border-top:1px solid var(--tx-line,#d8e0eb);padding-top:14px; }
#stgd-workspace .stgd-top { border-radius:14px 14px 0 0;border-bottom:1px solid #d8e0eb;box-shadow:none;padding:18px 22px;gap:14px 24px; }
#stgd-workspace .stgd-top__title { margin:0; }
#stgd-workspace .stgd-top__brand { gap:16px;flex-wrap:wrap; }
#stgd-workspace .stgd-top__sub { font-size:12px;line-height:1.5; }
#stgd-workspace .stgd-nav { flex:1 1 100%;order:3; }
#stgd-workspace .stgd-nav__list { flex-wrap:wrap;gap:4px; }
#stgd-workspace .stgd-top__user { margin-left:auto;max-width:100%;overflow-wrap:anywhere; }
#stgd-workspace .stgd-tabs { display:flex;flex-wrap:wrap;gap:6px; }
#stgd-workspace .stgd-tabs a { display:inline-flex;align-items:center;min-height:42px;padding:9px 12px;line-height:1.4; }
#stgd-workspace .stgd-head { justify-content:space-between;align-items:flex-start;margin-block:12px 20px; }
#stgd-workspace .stgd-head h2,#stgd-workspace .stgd-head p { margin:0; }
html.stgd-theme--dark .stgd-front--professional .stgd-welcome { background:#202c42;color:#f4f6fa;border-color:#40506c; }
html.stgd-theme--dark .stgd-front--professional .stgd-front__main { background:#182339; }
html.stgd-theme--dark .stgd-front--professional :is(.stgd-welcome__title,.stgd-h1,.stgd-label,.stgd-welcome__features strong) { color:#f4f6fa; }
html.stgd-theme--dark .stgd-front--professional :is(.stgd-welcome__lead,.stgd-lead,.stgd-welcome__features span,.stgd-welcome__foot,.stgd-welcome__eyebrow,.stgd-login-scope) { color:#c3cee0; }
html.stgd-theme--dark .stgd-brand-lockup { background:#fff;border-radius:8px;padding:8px 12px; }
@media(max-width:760px) {
 .stgd-portal .stgd-front.stgd-front--professional { grid-template-columns:minmax(0,1fr);margin:16px 12px;border-radius:16px; }
 .stgd-front--professional .stgd-welcome { padding:24px;border-right:0;border-bottom:1px solid #d8e0eb; }
 .stgd-front--professional .stgd-brand { margin:0 0 22px; }
 .stgd-front--professional .stgd-welcome__title { font-size:27px;max-width:none;margin:0; }
 .stgd-front--professional :is(.stgd-welcome__lead,.stgd-welcome__features,.stgd-welcome__foot,.stgd-welcome__eyebrow) { display:none; }
 .stgd-front--professional .stgd-front__main { padding:26px 24px; }
 .stgd-front--professional .stgd-front__main .stgd-h1 { font-size:24px; }
 #stgd-workspace .stgd-top { padding:16px; }
 #stgd-workspace .stgd-top__user { margin:0; }
 #stgd-workspace .stgd-main { padding:16px; }
 .stgd-portal .stgd-header__row { padding:12px 16px;flex-wrap:wrap; }
 .stgd-portal .stgd-header__secondary { padding:0 16px 10px;flex-wrap:wrap; }
 :is(.stgd-portal,#stgd-workspace) .stgd-actions { gap:10px; }
}
@media(prefers-reduced-motion:reduce) { .stgd-front--professional * { animation:none!important;transition:none!important; } }

/* Long navigation labels and modal actions retain their own flow and target area. */
:is(.stgd-portal,#stgd-workspace) p:has(>.stgd-link-btn) { display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px; }
.stgd-front--professional .stgd-form > .stgd-hint { margin-block:0; }
.stgcf-dialog { max-height:calc(100dvh - 32px);overflow:auto; }