/* Logos Streaming — account, sign-in, profile, plans, help and PMPro pages (module F).
   Loaded only on those pages (inc/shell.php); the rest of the site does not download it. */
/* Plugins keep their markup: only their own CSS variables are mapped to the theme tokens. */
.lgs-owned .logos-account { --la-bg: var(--lgs-bg); --la-card: var(--lgs-surface); --la-card-2: var(--lgs-surface-2); --la-border: var(--lgs-line-2); --la-text: var(--lgs-text); --la-muted: var(--lgs-text-2); --la-red: var(--lgs-red-hi); font-family: var(--lgs-font); }
.lgs-owned .lhc-root { --lhc-red: var(--lgs-red); --lhc-red-dark: #9c0f17; --lhc-bg: var(--lgs-bg); --lhc-bg-soft: var(--lgs-bg-2); --lhc-panel: var(--lgs-surface); --lhc-panel-hover: var(--lgs-surface-2); --lhc-border: var(--lgs-line-2); --lhc-text: var(--lgs-text); --lhc-muted: var(--lgs-text-2); --lhc-soft: var(--lgs-muted); --lhc-white: var(--lgs-text); font-family: var(--lgs-font); }
.lgs-owned .logos-form, .lgs-owned .logos-form__form { --lf-accent: var(--lgs-red); --lf-border: var(--lgs-line-2); }
.lgs-owned .pmpro { --pmpro--color--base: var(--lgs-surface); --pmpro--color--contrast: var(--lgs-text); --pmpro--color--accent: var(--lgs-red); --pmpro--color--accent--variation: var(--lgs-red-hi); --pmpro--color--border: var(--lgs-line-2); --pmpro--color--border--variation: var(--lgs-line); --pmpro--color--error-background: #2d0d10; --pmpro--color--error-border: #6d2027; --pmpro--color--error-text: #ffb8bd; --pmpro--color--error-link: #ffd3d6; --pmpro--color--success-background: #0c2414; --pmpro--color--success-border: #205c33; --pmpro--color--success-text: #9ceeb4; --pmpro--color--alert-background: #2a2209; --pmpro--color--alert-border: #5c4b13; --pmpro--color--alert-text: #edd88e; --pmpro--box-shadow: none; --pmpro--base--border-radius: var(--lgs-radius); color: var(--lgs-text); font-family: var(--lgs-font); }
.lgs-owned :is(.la-page-title, .lhc-root h1, .lhc-root h2, .pmpro_card_title, .pmpro h2) { font-family: var(--lgs-serif) !important; letter-spacing: -.005em; }
.lgs-owned .pmpro a:not(.pmpro_btn) { color: var(--lgs-text); text-decoration: underline; text-underline-offset: 3px; }
.lgs-owned .pmpro :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, textarea) { min-height: 46px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius); background: var(--lgs-bg-2); color: var(--lgs-text); padding: 0 12px; }
.lgs-account .logos-account--surface { padding-top: 0; padding-inline: 0; }
.lgs-account__body { max-width: 1028px; }
.lgs-account__list { display: flex; align-items: center; gap: 14px; max-width: 980px; margin-inline: auto; padding: 16px 18px; border: 1px solid var(--lgs-line); border-radius: var(--lgs-radius-lg); background: var(--lgs-surface); color: var(--lgs-text) !important; }
.lgs-account__list:hover { background: var(--lgs-surface-2); }
.lgs-account__list-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(195, 20, 29, .16); color: var(--lgs-red-hi); }
.lgs-account__list strong { display: block; font-weight: 600; }
.lgs-account__list small { display: block; color: var(--lgs-muted); font-size: var(--lgs-fs-sm); }
.lgs-account__list > .lgs-icon:last-child { margin-left: auto; color: var(--lgs-muted); }
.lgs-shell__body { max-width: 980px; }
.lgs-shell--help { padding-top: var(--lgs-header-h); }
.lgs-owned .lhc-article-page { padding-top: var(--lgs-header-h); }

/* Sign-in: Streamit's form without the parent's Bootstrap */
.lgs-auth { min-height: calc(100vh - var(--lgs-tabbar-h)); background: radial-gradient(60% 70% at 85% 10%, rgba(195, 20, 29, .16), transparent 70%), radial-gradient(50% 60% at 0% 100%, rgba(195, 20, 29, .08), transparent 70%); }
.lgs-auth__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 440px); gap: clamp(32px, 6vw, 96px); align-items: center; padding-block: clamp(16px, 5vh, 56px); }
.lgs-auth__mark { width: 64px; height: 64px; margin-bottom: 18px; filter: drop-shadow(0 6px 24px rgba(195, 20, 29, .45)); }
.lgs-auth__title { font: 700 clamp(2.2rem, 1.4rem + 3vw, 3.8rem)/1.02 var(--lgs-serif); letter-spacing: -.01em; }
.lgs-auth__lead { max-width: 44ch; margin-top: 14px !important; font-size: var(--lgs-fs-lg); line-height: 1.55; color: var(--lgs-text-2); }
.lgs-auth__points { display: grid; gap: 10px; margin-top: 26px !important; }
.lgs-auth__points li { display: flex; align-items: center; gap: 10px; color: var(--lgs-text-2); }
.lgs-auth__points .lgs-icon { width: 20px; height: 20px; color: var(--lgs-red-hi); }
.lgs-auth__card { padding: clamp(22px, 3vw, 34px); border: 1px solid var(--lgs-line); border-radius: var(--lgs-radius-lg); background: rgba(20, 20, 25, .92); box-shadow: var(--lgs-shadow); }
.lgs-auth__foot { margin-top: 18px !important; padding-top: 16px; border-top: 1px solid var(--lgs-line); text-align: center; font-size: var(--lgs-fs-sm); color: var(--lgs-muted); }
.lgs-auth__foot a { color: var(--lgs-text) !important; font-weight: 600; }
.lgs-auth .streamit-login > a:first-child { display: none; } /* the brand is already in the header */
.lgs-auth .login-fields { display: flex; flex-wrap: wrap; align-items: center; margin: 0; }
.lgs-auth .login-fields > div { position: relative; width: 100%; margin-bottom: 16px; }
.lgs-auth .login-fields > .col-6 { width: 50%; margin-bottom: 8px; }
.lgs-auth .login-fields > .forgot-password { text-align: right; font-size: var(--lgs-fs-sm); }
.lgs-auth .forgot-password a, .lgs-auth .login-form-bottom a { color: var(--lgs-text-2) !important; text-decoration: underline; text-underline-offset: 3px; }
:is(.lgs-auth, .lgs-profile) label { display: block; margin-bottom: 7px; font: 600 var(--lgs-fs-sm)/1.3 var(--lgs-font); color: var(--lgs-text); }
:is(.lgs-auth, .lgs-profile) .text-danger { color: #ff8a91; }
:is(.lgs-auth, .lgs-profile) .form-control { width: 100%; height: 50px; padding: 0 14px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius); background: var(--lgs-bg); color: var(--lgs-text); font: 400 var(--lgs-fs-md) var(--lgs-font); outline: none; transition: border-color .2s, box-shadow .2s; }
:is(.lgs-auth, .lgs-profile) .form-control::placeholder { color: var(--lgs-muted); }
:is(.lgs-auth, .lgs-profile) .form-control:focus { border-color: var(--lgs-text-2); box-shadow: 0 0 0 3px rgba(255, 255, 255, .06); }
:is(.lgs-auth, .lgs-profile) .form-check { display: flex; align-items: center; gap: 8px; }
:is(.lgs-auth, .lgs-profile) .form-check label { margin: 0; font-weight: 500; color: var(--lgs-text-2); }
:is(.lgs-auth, .lgs-profile) .form-check-input { width: 18px; height: 18px; accent-color: var(--lgs-red); }
:is(.lgs-auth, .lgs-profile) .field-error-message { margin-top: 6px; font-size: var(--lgs-fs-xs); }
:is(.lgs-auth, .lgs-profile) .alert { margin-bottom: 14px; padding: 12px 14px; border: 1px solid #6d2027; border-radius: var(--lgs-radius); background: #2d0d10; color: #ffb8bd; font-size: var(--lgs-fs-sm); line-height: 1.45; }
:is(.lgs-auth, .lgs-profile) .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 18px; border: 0; border-radius: var(--lgs-radius); cursor: pointer; font: 700 var(--lgs-fs-md)/1 var(--lgs-font); transition: background .2s; }
:is(.lgs-auth, .lgs-profile) .btn-primary { width: 100%; background: var(--lgs-red); color: #fff; }
:is(.lgs-auth, .lgs-profile) .btn-primary:hover { background: var(--lgs-red-hi); }
:is(.lgs-auth, .lgs-profile) .btn-primary:disabled { opacity: .7; cursor: wait; }
:is(.lgs-auth, .lgs-profile) .btn-secondary { min-height: 38px; background: rgba(255, 255, 255, .1); color: var(--lgs-text); font-size: var(--lgs-fs-sm); }
:is(.lgs-auth, .lgs-profile) .spinner-border { display: inline-block; width: 1em; height: 1em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: lgs-spin .75s linear infinite; }
@keyframes lgs-spin { to { transform: rotate(360deg); } }
:is(.lgs-auth, .lgs-profile) .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.lgs-auth .login-form-bottom .links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin: 16px 0 0; font-size: var(--lgs-fs-sm); color: var(--lgs-muted); }
.lgs-auth .login-form-bottom h6 { margin: 0; font: inherit; font-weight: 700; color: var(--lgs-text); }
.lgs-auth .streamit-separator { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: var(--lgs-muted); font-size: var(--lgs-fs-xs); letter-spacing: .12em; text-transform: uppercase; }
.lgs-auth .streamit-separator::before, .lgs-auth .streamit-separator::after { content: ""; flex: 1; height: 1px; background: var(--lgs-line-2); }
.lgs-auth .nsl-container { margin-top: 16px !important; }
.lgs-auth .nsl-container .nsl-button { width: 100% !important; min-height: 48px; border-radius: var(--lgs-radius) !important; justify-content: center; box-shadow: none !important; }
.lgs-auth .nsl-container-buttons { width: 100% !important; }
.lgs-auth .nsl-container-buttons a { width: 100% !important; }
.lgs-auth .login-device-wrapper h5 { margin: 0 0 14px; font: 700 var(--lgs-fs-xl)/1.2 var(--lgs-serif); }
.lgs-auth .login-device-list { display: grid; gap: 10px; }
.lgs-auth .login-device-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius); background: var(--lgs-bg-2); }
.lgs-auth .login-device-card h6 { margin: 0 0 3px; font: 600 var(--lgs-fs-sm)/1.3 var(--lgs-font); }
.lgs-auth .login-info { display: flex; gap: 4px; font-size: var(--lgs-fs-xs); color: var(--lgs-muted); }
.lgs-auth .device-success-state, .lgs-auth .device-loading-state { padding: 20px 0; text-align: center; }
:is(.lgs-auth, .lgs-profile) .text-success { color: #9ceeb4; font-weight: 700; }

/* Plans */
.lgs-plans__hero { min-height: clamp(440px, 64vh, 620px); }
.lgs-plans__lead { max-width: 56ch; margin-top: 14px !important; font-size: var(--lgs-fs-lg); line-height: 1.55; color: var(--lgs-text-2); }
.lgs-plans__fine { margin-top: 16px !important; font-size: var(--lgs-fs-sm); color: var(--lgs-muted); }
.lgs-plans__head { flex-wrap: wrap; }
.lgs-benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.lgs-benefits li { display: flex; flex-direction: column; gap: 6px; padding: 20px; border: 1px solid var(--lgs-line); border-radius: var(--lgs-radius-lg); background: var(--lgs-surface); }
.lgs-benefits__icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 6px; border-radius: 12px; background: rgba(195, 20, 29, .14); color: var(--lgs-red-hi); }
.lgs-benefits strong { font: 700 var(--lgs-fs-lg)/1.3 var(--lgs-serif); }
.lgs-benefits span:last-child { color: var(--lgs-text-2); line-height: 1.5; font-size: var(--lgs-fs-sm); }
.lgs-plans__section { scroll-margin-top: calc(var(--lgs-header-h) + 16px); }
.lgs-plans__section-head { max-width: 640px; margin: 0 auto 28px; text-align: center; }
.lgs-plans__section-head .lgs-eyebrow { justify-content: center; }
.lgs-plans__section-head .lgs-page-lead { margin-inline: auto; }
.lgs-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 22px); align-items: stretch; max-width: 1120px; margin-inline: auto; }
.lgs-plan { position: relative; display: flex; flex-direction: column; padding: clamp(22px, 2.4vw, 32px); border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius-lg); background: var(--lgs-surface); }
.lgs-plan.is-featured { border-color: rgba(225, 38, 47, .65); background: linear-gradient(180deg, rgba(195, 20, 29, .14), var(--lgs-surface) 45%); box-shadow: 0 24px 60px rgba(195, 20, 29, .16); }
.lgs-plan.is-current { border-color: #285336; }
.lgs-plan__badge { align-self: flex-start; display: inline-flex; align-items: center; height: 26px; padding: 0 11px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: var(--lgs-text-2); font: 700 .7rem/1 var(--lgs-font); letter-spacing: .12em; text-transform: uppercase; }
.lgs-plan.is-featured .lgs-plan__badge { background: var(--lgs-red); color: #fff; }
.lgs-plan__name { margin-top: 16px !important; font: 700 var(--lgs-fs-2xl)/1.1 var(--lgs-serif); }
.lgs-plan__note { margin-top: 8px !important; min-height: 3em; color: var(--lgs-text-2); line-height: 1.5; font-size: var(--lgs-fs-sm); }
.lgs-plan__price { margin-top: 18px !important; font: 800 clamp(2.2rem, 1.7rem + 1.6vw, 3rem)/1 var(--lgs-font); letter-spacing: -.03em; }
.lgs-plan__price strong { font-weight: inherit; }
.lgs-plan__cadence { margin-top: 8px !important; font: 600 var(--lgs-fs-sm)/1.4 var(--lgs-font); color: var(--lgs-text-2); }
.lgs-plan__local { margin-top: 6px !important; font: 600 var(--lgs-fs-sm)/1.4 var(--lgs-font); color: var(--lgs-text); }
.lgs-plans__currency-note { margin: 14px 0 0; font: 500 var(--lgs-fs-sm)/1.5 var(--lgs-font); color: var(--lgs-text-2); text-align: center; }
.lgs-plan__saving { margin-top: 10px !important; padding: 8px 10px; border-radius: var(--lgs-radius-sm); background: rgba(54, 201, 107, .1); color: #9ceeb4; font-size: var(--lgs-fs-xs); line-height: 1.4; }
.lgs-plan__list { display: grid; gap: 10px; margin: 20px 0 24px !important; }
.lgs-plan__list li { position: relative; padding-left: 26px; color: var(--lgs-text-2); font-size: var(--lgs-fs-sm); line-height: 1.45; }
.lgs-plan__list li::before { content: ""; position: absolute; left: 2px; top: .35em; width: 12px; height: 7px; border-left: 2px solid var(--lgs-red-hi); border-bottom: 2px solid var(--lgs-red-hi); transform: rotate(-45deg); }
.lgs-plan__cta { width: 100%; margin-top: auto; }
.lgs-plans__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; margin-top: 24px !important; color: var(--lgs-muted); font-size: var(--lgs-fs-sm); }
.lgs-plans__trust li::before { content: "✓ "; color: #4cda78; font-weight: 700; }
.lgs-faq { max-width: 860px; }
.lgs-faq .lgs-section__title { margin: 6px 0 16px !important; font-family: var(--lgs-serif); font-size: var(--lgs-fs-2xl); }
.lgs-faq__list { display: grid; gap: 10px; }
.lgs-faq__item { border: 1px solid var(--lgs-line); border-radius: var(--lgs-radius); background: var(--lgs-surface); }
.lgs-faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; cursor: pointer; list-style: none; font-weight: 600; }
.lgs-faq__item summary::-webkit-details-marker { display: none; }
.lgs-faq__item summary .lgs-icon { width: 18px; height: 18px; color: var(--lgs-muted); transition: transform .2s; }
.lgs-faq__item[open] summary .lgs-icon { transform: rotate(180deg); }
.lgs-faq__item p { padding: 0 18px 16px; color: var(--lgs-text-2); line-height: 1.6; }
.lgs-faq__more { margin-top: 16px !important; color: var(--lgs-muted); }
.lgs-faq__more a { color: var(--lgs-text) !important; text-decoration: underline; text-underline-offset: 3px; }
.lgs-plans__final { display: flex; flex-direction: column; align-items: center; gap: 16px; padding-block: clamp(24px, 4vw, 48px); text-align: center; }
.lgs-plans__final .lgs-section__title { font-family: var(--lgs-serif); font-size: var(--lgs-fs-2xl); }

@media (max-width: 899.98px) {
	.lgs-auth__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.lgs-auth__intro { text-align: center; }
	.lgs-auth__intro .lgs-eyebrow { justify-content: center; }
	.lgs-auth__mark { margin-inline: auto; width: 52px; height: 52px; }
	.lgs-auth__lead { margin-inline: auto !important; }
	.lgs-auth__points { display: none; }
	.lgs-plan-grid { grid-template-columns: minmax(0, 1fr); }
	.lgs-plan.is-featured { order: -1; }
	.lgs-plan__note { min-height: 0; }
}

/* Streamit profile tabs (profile and password, devices) without the parent's Bootstrap */
.lgs-profile__body { padding-bottom: 32px; }
.lgs-profile .card { margin-bottom: 24px; border: 1px solid var(--lgs-line); border-radius: var(--lgs-radius-lg); background: var(--lgs-surface); }
.lgs-profile .card-body { padding: clamp(18px, 3vw, 28px); }
.lgs-profile :is(h4, h5) { margin: 0; font: 700 var(--lgs-fs-xl)/1.25 var(--lgs-serif); }
.lgs-profile h5 { font-size: var(--lgs-fs-lg); }
.lgs-profile .row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; }
.lgs-profile .row > * { min-width: 0; }
.lgs-profile .row > :is(.col-12, .col-lg-12) { grid-column: 1 / -1; }
.lgs-profile .form-label { display: block; margin-bottom: 7px; font: 600 var(--lgs-fs-sm)/1.3 var(--lgs-font); }
.lgs-profile .input-pwd { position: relative; }
.lgs-profile :is(.d-flex) { display: flex; }
.lgs-profile .align-items-center { align-items: center; }
.lgs-profile .justify-content-between { justify-content: space-between; }
.lgs-profile .gap-2 { gap: 8px; } .lgs-profile .gap-3 { gap: 12px; }
.lgs-profile :is(.mt-5, .my-5) { margin-top: 24px; } .lgs-profile .my-5 { margin-bottom: 24px; }
.lgs-profile .text-end { text-align: right; } .lgs-profile .text-center { text-align: center; }
.lgs-profile .font-size-14, .lgs-profile .small { font-size: var(--lgs-fs-sm); color: var(--lgs-text-2); }
.lgs-profile .badge { display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 999px; background: rgba(195, 20, 29, .18); color: var(--lgs-text); font: 700 var(--lgs-fs-sm)/1 var(--lgs-font); }
.lgs-profile .alert-success { padding: 12px 14px; border: 1px solid #205c33; border-radius: var(--lgs-radius); background: #0c2414; color: #9ceeb4; }
.lgs-profile .list-inline { list-style: none; margin: 0; padding: 0; }
.lgs-profile ul.list-inline > li + li { margin-top: 10px; }
.lgs-profile [class*="device-card"], .lgs-profile .login-device-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius); background: var(--lgs-bg-2); }
.lgs-profile [class^="icon-"], .lgs-profile [class*=" icon-"] { display: none; } /* Streamit icon font is not loaded */
.lgs-profile .btn-primary { width: auto; }
.lgs-profile img.rounded, .lgs-profile .rounded-circle { border-radius: 50%; }
@media (max-width: 899.98px) {
	.lgs-profile .row { grid-template-columns: minmax(0, 1fr); }
	.lgs-profile .text-end { text-align: left; }
}
/* Bootstrap modals of the profile (e.g. delete-account confirmation): hidden until Streamit's script opens them. */
.lgs-profile .modal:not(.show) { display: none !important; }
.lgs-profile .modal.show { position: fixed; inset: 0; z-index: 300; display: grid !important; place-items: center; padding: 16px; background: rgba(0, 0, 0, .7); }
.lgs-profile .modal-dialog { width: min(480px, 100%); }
.lgs-profile .modal-content { padding: 22px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius-lg); background: var(--lgs-surface); box-shadow: var(--lgs-shadow); }
.lgs-profile .modal-footer, .lgs-profile .modal-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
.lgs-profile .btn-close { width: 32px; height: 32px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .1); color: var(--lgs-text); cursor: pointer; }
.lgs-profile .btn-close::before { content: "×"; font-size: 20px; line-height: 1; }
.lgs-profile .delete-account-box { margin-top: 20px; padding: 18px; border: 1px solid #6d2027; border-radius: var(--lgs-radius); background: #1c0c0e; }
.lgs-profile .avtar_image { position: relative; display: inline-block; }
.lgs-profile .avtar_image img { width: 96px; height: 96px; object-fit: cover; border-radius: 50%; }
.lgs-profile .avtar_action { display: flex; justify-content: center; gap: 8px; margin-top: 10px; }
.lgs-profile .avtar_action-btn { padding: 6px 12px; border: 1px solid var(--lgs-line-2); border-radius: 999px; background: rgba(255, 255, 255, .06); color: var(--lgs-text); cursor: pointer; font-size: var(--lgs-fs-xs); }
.lgs-profile .avtar_action-btn .icon-edit-icon::before { content: "Alterar"; }
.lgs-profile .avtar_action-btn .icon-trash-icon::before { content: "Remover"; }
.lgs-profile .avtar_action-btn [class^="icon-"] { display: inline; font-style: normal; }
.lgs-profile .tab-pane > .mb-4 > h4 { display: none; } /* the page title already names the section */

/* Sign-up (/register/): plans first — the account is created at the checkout */
.lgs-register__head { max-width: 720px; margin: 0 auto clamp(20px, 3vw, 32px); text-align: center; }
.lgs-register__head .lgs-eyebrow { justify-content: center; }
.lgs-register__head .lgs-auth__mark { margin-inline: auto; }
.lgs-register__head .lgs-auth__lead { margin-inline: auto !important; }
.lgs-register__actions { justify-content: center; }
.lgs-register__login, .lgs-register__help { margin-top: 16px !important; color: var(--lgs-muted); text-align: center; }
.lgs-register__login a, .lgs-register__help a { color: var(--lgs-text) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.lgs-register__help { margin-bottom: 24px !important; }

/* Streamit profile tabs (playlists, liked, notifications): Bootstrap tabs, dropdowns and lists without
   the parent's Bootstrap. Streamit's script still switches .active/.show; only the look is the theme's. */
.lgs-profile .tab-content > .tab-pane:not(.active) { display: none; }
.lgs-profile .nav { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; padding: 0; list-style: none; }
.lgs-profile .nav-link { display: inline-block; padding: 10px 0; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--lgs-muted) !important; cursor: pointer; font: 600 var(--lgs-fs-sm)/1 var(--lgs-font); }
.lgs-profile .nav-link:hover { color: var(--lgs-text) !important; }
.lgs-profile .nav-link.active { border-bottom-color: var(--lgs-red); color: var(--lgs-text) !important; }
.lgs-profile .border-bottom { border-bottom: 1px solid var(--lgs-line); }
.lgs-profile .mb-5 { margin-bottom: 24px; }
.lgs-profile .dropdown { position: relative; }
.lgs-profile .dropdown-toggle { min-height: 38px; padding: 0 14px; border: 1px solid var(--lgs-line-2); border-radius: 999px; background: rgba(255, 255, 255, .06); color: var(--lgs-text); cursor: pointer; font: 600 var(--lgs-fs-sm)/1 var(--lgs-font); }
.lgs-profile .dropdown-menu { position: absolute; right: 0; z-index: 20; display: none; min-width: 180px; margin-top: 6px; padding: 6px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius); background: var(--lgs-surface-2); box-shadow: var(--lgs-shadow); list-style: none; }
.lgs-profile .dropdown-menu.show { display: block; }
.lgs-profile .dropdown-item { display: block; width: 100%; padding: 8px 10px; border: 0; border-radius: var(--lgs-radius-sm); background: none; color: var(--lgs-text-2) !important; text-align: left; cursor: pointer; }
.lgs-profile .dropdown-item:hover, .lgs-profile .dropdown-item.active { background: rgba(255, 255, 255, .08); color: var(--lgs-text) !important; }
.lgs-profile :is(.play-lists, .container-fluid) { padding: 0; }
.lgs-profile .row.gy-3, .lgs-profile .row.column-reverce { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.lgs-profile [class*="col-"] { min-width: 0; }
.lgs-profile .data_not_found, .lgs-profile .tab-pane > p { padding: 24px 0; color: var(--lgs-muted); }
.lgs-profile .btn:not(.btn-primary):not(.btn-secondary):not(.btn-close) { min-height: 40px; padding: 0 16px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius); background: var(--lgs-text); color: var(--lgs-bg); cursor: pointer; font-weight: 700; }
.lgs-profile .modal-body :is(input, select, textarea) { width: 100%; min-height: 44px; margin-top: 6px; padding: 0 12px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius); background: var(--lgs-bg); color: var(--lgs-text); }

/* 1.0 — sign-in with PMPro's forms (Logos Account alias of [streamit_login_form]) */
.lgs-auth__card .pmpro, .lgs-auth__card .pmpro_section { margin: 0; padding: 0; }
.lgs-auth__card .pmpro_card { border: 0; background: transparent; box-shadow: none; padding: 0; }
.lgs-auth__card .pmpro_card_content { padding: 0; }
.lgs-auth__card .pmpro_card_actions { margin-top: 14px; padding: 0; border: 0; background: transparent; text-align: center; font-size: var(--lgs-fs-sm); }
.lgs-auth__card #loginform p, .lgs-auth__card .pmpro_form_field { margin: 0 0 14px; }
.lgs-auth__card #loginform label, .lgs-auth__card .pmpro_form_label { display: block; margin-bottom: 7px; font: 600 var(--lgs-fs-sm)/1.3 var(--lgs-font); color: var(--lgs-text); }
.lgs-auth__card :is(#loginform input[type="text"], #loginform input[type="password"], .pmpro_form_input) { width: 100%; height: 50px; padding: 0 14px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius); background: var(--lgs-bg); color: var(--lgs-text); font: 400 var(--lgs-fs-md) var(--lgs-font); }
.lgs-auth__card #loginform .login-remember label { display: flex; align-items: center; gap: 8px; font-weight: 500; color: var(--lgs-text-2); }
.lgs-auth__card :is(#wp-submit, .pmpro_btn-submit, input[type="submit"].pmpro_btn) { width: 100%; min-height: 50px; border: 0; border-radius: var(--lgs-radius); background: var(--lgs-red); color: #fff; font: 700 var(--lgs-fs-md)/1 var(--lgs-font); cursor: pointer; }
.lgs-auth__card :is(#wp-submit, .pmpro_btn-submit):hover { background: var(--lgs-red-hi); }
.lgs-auth__card .pmpro_message { margin-bottom: 14px; }
.lgs-auth__card .pmpro_form_field-password-toggle button { background: none; border: 0; color: var(--lgs-text-2); cursor: pointer; }

/* 1.0 — devices (Logos Account) */
.la-devices .la-device-list { display: grid; gap: 10px; margin: 16px 0; padding: 0; list-style: none; }
.la-devices .la-device { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border: 1px solid var(--lgs-line); border-radius: var(--lgs-radius); background: var(--lgs-surface); color: var(--lgs-text); }
.la-devices .la-device.is-current { border-color: var(--lgs-line-2); }
.la-devices small { color: var(--lgs-muted); }
.la-devices .la-badge { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 99px; background: rgba(255, 255, 255, .1); font-size: var(--lgs-fs-xs); }
.la-devices .la-notice { padding: 10px 14px; border: 1px solid #205c33; border-radius: var(--lgs-radius); background: #0c2414; color: #9ceeb4; }
.la-devices .la-muted { color: var(--lgs-text-2); }
.la-devices .la-button { min-height: 40px; padding: 0 14px; border: 1px solid var(--lgs-line-2); border-radius: var(--lgs-radius); background: transparent; color: var(--lgs-text); font-weight: 600; cursor: pointer; }
.lgs-auth__card #loginform :is(#wp-submit, input[type="submit"]) { color: #fff !important; background: var(--lgs-red) !important; border: 0 !important; }
.lgs-owned .pmpro :is(button, input[type="submit"]).pmpro_btn:not(.pmpro_btn-cancel):not(.pmpro_btn-outline), .lgs-owned .pmpro #wp-submit { color: #fff !important; } /* PMPro prints button text in its "base" color, mapped to the dark surface */