/* Keep the original launch artwork independent of the 24px UI icon rule. */
#sb-signature-opening svg.sb-signature-orbits{display:block;width:88%;height:auto;aspect-ratio:1;max-width:350px;flex:none;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;overflow:visible}
#sb-signature-opening .sb-signature-center{flex-shrink:0}
.sc-certificate{background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-card-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sc-certificate .sb-cert-premium-hero{color:#f8edf3}
.sc-certificate .sc-cert-details{background:transparent;color:var(--theme-text)}
.sc-certificate .sc-cert-label,.sc-certificate .sc-cert-valid,.sc-certificate .sc-cert-clock small{color:var(--theme-muted)}
.sc-certificate .sc-cert-code button,.sc-certificate .sc-cert-clock>div{background:var(--theme-soft);border-color:var(--theme-soft-line)}
.sc-certificate .sc-access-button{color:var(--theme-accent)}
.migration-links button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;text-align:left;border-bottom:1px solid var(--theme-soft-line);padding:12px 0;font:inherit;color:var(--theme-text)}
.migration-links button:last-child{border-bottom:0}
.migration-account{color:var(--theme-text)}
.migration-account>p{color:var(--theme-muted);font-size:12px}
.migration-materials{display:grid;gap:16px}.migration-materials ol{padding-left:20px}.migration-materials li{margin:10px 0}.migration-key{padding:16px;border-radius:16px;background:var(--theme-soft);overflow-wrap:anywhere;user-select:all}
/* Night surfaces must stay graphite, including personal card and modal sheets. */
:root[data-color-mode=night] body.sg-cab-active .sc-personal{background:var(--theme-card)!important;border-color:var(--theme-card-line)!important;color:var(--theme-text);box-shadow:inset 0 1px 0 #ffffff0b}
:root[data-color-mode=night] body.sg-cab-active .sc-personal h1{color:var(--theme-text)!important}
:root[data-color-mode=night] .sc-personal .sc-welcome,:root[data-color-mode=night] .sc-personal-bottom{color:var(--theme-muted)!important}
:root[data-color-mode=night] .sc-personal .sc-name-edit,:root[data-color-mode=night] .sc-personal-bottom strong,:root[data-color-mode=night] .sc-personal-top{color:var(--theme-text)!important}
:root[data-color-mode=night] dialog,:root[data-color-mode=night] dialog .sheet,:root[data-color-mode=night] .pa-sheet,:root[data-color-mode=night] .pn-form{background:#302e32!important;color:var(--theme-text)!important;border-color:var(--theme-card-line)!important}
:root[data-color-mode=night] dialog h2,:root[data-color-mode=night] dialog h3{color:var(--theme-text)!important}
:root[data-color-mode=night] dialog .close{background:#ffffff0a!important;color:var(--theme-text)!important;border-color:var(--theme-soft-line)!important}
:root[data-color-mode=night] .profile-content{background:var(--page)!important}
:root[data-color-mode=night] .profile-settings{background:var(--theme-card)!important;border-color:var(--theme-card-line)!important;box-shadow:none}
.sg-menu-list{display:grid;gap:0}.sg-menu-list>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 0;text-align:left;background:transparent;color:var(--theme-text);font:inherit;border-bottom:1px solid var(--theme-soft-line)}
.sg-menu-list>button:last-child{border-bottom:0}

/* Tariffs share the current modal and theme; closing returns to the same screen. */
#modal .sb-plans-v5 .sp-intro,#modal .sb-plans-v5 .sp-intro h1{color:var(--theme-text)}
#modal .sb-plans-v5 .sp-intro p,#modal .sb-plans-v5 .sp-footnote{color:var(--theme-muted)}

/* Graphite certificate with a restrained warm burgundy edge. */
.sc-certificate .sb-cert-premium-hero{background:linear-gradient(125deg,#514047,#363337 55%,#292b30);color:#faf8f9;border-bottom-color:#b99aa64d}
.sc-certificate .sb-cert-premium-hero::after{background:repeating-radial-gradient(circle at center,transparent 0,transparent 47px,#e6d6db18 48px,#e6d6db18 49px,transparent 50px,transparent 67px)}
:root[data-color-mode=night] .sc-certificate .sc-access-button,
:root[data-color-mode=night] .sc-learning-invite .sc-access-button{color:#f5f3f4}
/* Only the homepage content becomes slightly smaller; chrome is unchanged. */
.sg-home{--sb-body:15px;--sb-title:23px;--sg-tool-copy:13px}
@media(max-width:360px){.sg-home{--sb-title:20px;--sg-tool-copy:12px}}
/* Readable editorial emphasis in both appearance modes. */
.lh-expanded strong{font-weight:600;color:var(--theme-text)}

/* Neutral personal-card accents; the soft rose learning label stays unchanged. */
:root[data-color-mode=night] .sc-personal .sc-status{color:var(--theme-muted)}
:root[data-color-mode=night] .sc-personal .sc-name-edit span{color:var(--theme-muted)}
:root[data-color-mode=night] .sc-personal .sc-profile-link{color:#fff;background:linear-gradient(135deg,#ffffff12,#ffffff05);border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* Keep the tariff palette while fitting its content to a mobile dialog. */
#modal:has(.sb-plans-v5){--sb-body:13px;--sb-title:20px;--sb-section:18px;--sb-subheading:15px;--sb-caption:11px;width:calc(100% - 24px);max-width:580px;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain}
#modal:has(.sb-plans-v5) .sheet{padding:22px 16px}
#modal:has(.sb-plans-v5) .sheet-head{gap:12px;align-items:center;margin-bottom:18px}
#modal:has(.sb-plans-v5) .close{flex:none;width:40px;height:40px;min-height:40px;padding:10px}
#modal .sb-plans-v5{font-size:13px;line-height:1.65;overflow-wrap:break-word}
#modal .sb-plans-v5 .sp-intro{padding:8px 2px 20px}
#modal .sb-plans-v5 .sp-card{padding:20px 16px;margin-bottom:18px}
#modal .sb-plans-v5 .sp-feature{font-size:13px;gap:8px;margin:12px 0;line-height:1.65}
#modal .sb-plans-v5 .sp-stats{gap:8px;margin-bottom:18px}
#modal .sb-plans-v5 .sp-stat{padding:12px 8px}
#modal .sb-plans-v5 .sp-stat strong{font-size:17px;white-space:normal}
#modal .sb-plans-v5 .sp-stat span{font-size:11px}
#modal .sb-plans-v5 :is(.sp-index,.sp-popular,.sp-ey,.sp-discount-label,.sp-price-label){font-size:11px}
#modal .sb-plans-v5 .sp-price>strong{font-size:32px;line-height:1.2;margin:8px 0 16px}
#modal .sb-plans-v5 .sp-discount{padding:14px 10px}
#modal .sb-plans-v5 .sp-discount-price{font-size:29px;line-height:1.2}
#modal .sb-plans-v5 .sp-time-unit{padding:10px 2px;gap:5px}
#modal .sb-plans-v5 .sp-time-unit strong{font-size:20px;line-height:1.2;margin:0}
#modal .sb-plans-v5 .sp-time-unit small{font-size:9px}
#modal .sb-plans-v5 .sp-course-details summary{padding:13px 12px}
#modal .sb-plans-v5 .sp-choose{min-height:48px;padding:12px 8px}

/* The tariff introduction provides the visible heading; retain the dialog name for assistive technology. */
#modal:has(.sb-plans-v5) #modal-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#modal:has(.sb-plans-v5) .sheet-head{justify-content:flex-end;margin-bottom:0}
/* Modal type must not inherit the larger homepage text scale. */
#modal{--sb-body:13px;--sb-title:20px;--sb-section:17px;--sb-subheading:15px;--sb-caption:11px}
#modal .close{width:40px;height:40px;min-height:40px;padding:10px;flex:none}
#modal .sheet-head{gap:12px;align-items:center}
:root[data-color-mode] body.sg-home-active:is(.bots-intro-active,.content-intro-active,.smm-intro-active,.target-intro-active,.market-intro-active) :is(.bots-approved-host,.content-approved-host)>.text-button{background:transparent!important;color:var(--theme-muted)!important}
#view :is(#sb-bots-learning,#sb-content-learning).cl-home .cl-masthead{margin-bottom:10px;padding-bottom:0}
#view :is(#sb-bots-learning,#sb-content-learning).cl-home .cl-home-intro{margin-top:0}
.owner-controls{margin:24px 0;padding:22px;border-radius:24px;color:var(--theme-text);--sb-body:13px;--sb-section:17px}
.owner-preview{display:grid;gap:8px;padding:16px;margin-bottom:16px;background:var(--theme-card);border:1px solid var(--theme-card-line);border-radius:18px;color:var(--theme-text);font-size:13px}
/* Owner tools use the same compact controls and surfaces as the cabinet. */
.native-section-frame{display:block;width:100%;min-height:400px;border:0;background:transparent;color-scheme:normal}
#view .owner-controls{padding:22px;margin-top:22px}
#view .owner-controls h2{font-size:17px;line-height:1.4;margin:0 0 18px}
#view .owner-controls h3{font-size:12px;font-weight:500;color:var(--muted);margin:22px 0 10px}
#view .owner-tools{display:grid;gap:10px}
#view .owner-tools button,#view .owner-plan-grid button,#view .owner-return{font:500 12px/1.5 Montserrat,sans-serif;min-height:44px;border:1px solid #b5adb52b;border-radius:16px;padding:12px 16px;background:#ffffff40;color:inherit;cursor:pointer}
#view .owner-tools button{display:flex;align-items:center;justify-content:space-between;gap:12px}
#view .owner-tools .owner-admin{background:linear-gradient(120deg,#39393e,#292b30);border-color:#ffffff40;color:#fff}
#view .owner-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#view .owner-plan-grid button[aria-pressed=true]{background:#35363b;color:#fff;border-color:#ffffff50}
#view .owner-return{width:100%;margin-top:12px;background:transparent}
#view .owner-return[aria-pressed=true]{box-shadow:inset 0 0 0 1px #99939a60}
[data-color-mode=night] #view .owner-tools button:not(.owner-admin),[data-color-mode=night] #view .owner-plan-grid button{background:#ffffff09;border-color:#ffffff29}
[data-color-mode=night] #view .owner-plan-grid button[aria-pressed=true]{background:#ffffff20}
.sg-header-actions button{position:relative}
.sg-header-actions .badge{position:absolute!important;inset:-2px -2px auto auto!important;display:grid;place-items:center;box-sizing:border-box;min-width:16px;width:16px;height:16px;padding:0;border:1px solid #f7f3f5!important;border-radius:50%;background:#896b79!important;color:#fff!important;font:600 9px/1 Montserrat,sans-serif!important;box-shadow:none!important;text-align:center;transform:none!important}
.sg-header-actions .badge[hidden]{display:none!important}
[data-color-mode=night] .sg-header-actions .badge{border-color:#29282c!important;background:#b699a6!important;color:#242328!important}
#modal .push-note{font-size:12px;line-height:1.65;margin:12px 0 20px}
#modal [data-push-later]{color:inherit;font-size:13px;margin-top:10px}