:root{
    --bg: #030707;
    --panel: rgba(10,18,18,.96);
    --text: #f5fbf8;
    --text-soft: #c4d5cf;
    --muted: #89a19a;
    --green: #22e47a;
    --green-2: #0fc965;
    --green-3: #7bffb2;
    --line: rgba(74,255,154,.12);
    --line-strong: rgba(74,255,154,.28);
    --danger: #ff6178;
    --warning: #ffcb5c;
    --shadow-lg: 0 25px 60px rgba(0,0,0,.35);
    --radius-xl: 24px;
}

.status{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.status-approved,.status-confirmed,.status-selected{color:var(--green-3);background:rgba(34,228,122,.1)}
.status-pending,.status-offered,.status-payment_review{color:var(--warning);background:rgba(255,203,92,.1)}
.status-rejected,.status-failed,.status-cancelled{color:var(--danger);background:rgba(255,97,120,.1)}
.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inline-form input,.inline-form select{width:auto;min-width:150px;margin:0}
.offer-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.payment-qr{display:block;width:min(100%,360px);aspect-ratio:1;object-fit:contain;margin:auto;background:#fff;border-radius:18px;padding:12px}
.btn-danger{background:var(--danger)!important;color:#fff!important}
.confidential{border-color:rgba(255,203,92,.3)}
.payment-config-grid,.payment-entry-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}
.payment-config-card{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(11,19,19,.96),rgba(8,14,14,.96))}
.payment-method-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.payment-method-head h3,.payment-method-head p{margin:0}.payment-method-head p{margin-top:4px;color:var(--muted);font-size:.84rem}
.currency-badge{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:15px;font-weight:900}
.currency-badge.bob{color:#052112;background:#66efa0}.currency-badge.usdt{color:#fff;background:#26a17b}
.payment-qr-preview{display:block;width:min(100%,280px);aspect-ratio:1;object-fit:contain;margin:0 auto 20px;padding:10px;border-radius:18px;background:#fff}
.qr-placeholder{min-height:180px;display:grid;place-items:center;text-align:center;margin-bottom:20px;padding:22px;border:1px dashed var(--line-strong);border-radius:18px;color:var(--muted)}
.price-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.money-input{display:flex;align-items:center}.money-input input{margin:0;border-radius:12px 0 0 12px}.money-input span{align-self:stretch;display:grid;place-items:center;padding:0 12px;border:1px solid var(--line-strong);border-left:0;border-radius:0 12px 12px 0;color:var(--green-3);font-size:.78rem;font-weight:800}
.sticky-form-action{position:sticky;bottom:14px;z-index:5;display:flex;justify-content:flex-end;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(3,9,8,.9);backdrop-filter:blur(12px)}
.payment-entry-layout{grid-template-columns:minmax(320px,.8fr) minmax(340px,1.2fr)}
.payment-step{display:flex;gap:12px;margin:20px 0 12px}.payment-step>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:50%;color:#04110a;background:var(--green);font-weight:900}.payment-step strong,.payment-step p{display:block;margin:0}.payment-step p{margin-top:3px;color:var(--muted);font-size:.82rem}
.attempt-indicator{margin:10px 0 20px;padding:12px 14px;border-radius:13px;background:rgba(34,228,122,.07);border:1px solid var(--line);color:var(--text-soft);font-size:.86rem}
.currency-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.currency-selector input{position:absolute;opacity:0}.currency-selector label{cursor:pointer}.currency-selector label>span{display:flex;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.currency-selector small{margin-top:3px;color:var(--muted)}.currency-selector input:checked+span{border-color:var(--green);background:rgba(34,228,122,.1);box-shadow:0 0 0 1px rgba(34,228,122,.15)}
.calculated-price{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px;padding:16px;border-radius:14px;background:rgba(255,255,255,.035)}.calculated-price span{color:var(--muted);font-size:.84rem}.calculated-price strong{color:var(--green-3);font-size:1.25rem}
.payment-qr-card{display:none}.payment-qr-card.active{display:block}.payment-qr-column{min-width:0}
@media(max-width:850px){.payment-config-grid,.payment-entry-layout{grid-template-columns:1fr}.price-pair{grid-template-columns:1fr}.sticky-form-action{bottom:84px}.payment-qr-column{order:-1}}
.message-routing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.message-routing-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}.message-routing-card h4{margin:14px 0 6px}.message-routing-card p{margin:0 0 16px;color:var(--muted);font-size:.84rem}.recipient-chip{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.recipient-chip.manager{color:#ffdc8a;background:rgba(255,203,92,.12)}.recipient-chip.trader{color:var(--green-3);background:rgba(34,228,122,.12)}
.whatsapp-routing{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;padding:12px 14px;border:1px solid rgba(38,161,123,.3);border-radius:14px;background:rgba(38,161,123,.07)}.whatsapp-routing>strong{font-size:.82rem;color:#8ce9c9}.whatsapp-btn{padding:8px 11px!important;border-color:rgba(38,161,123,.42)!important;color:#9ff1d5!important;font-size:.78rem!important}
@media(max-width:700px){.message-routing-grid{grid-template-columns:1fr}}
.registration-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.registration-mode-selector input{position:absolute;opacity:0}.registration-mode-selector label{cursor:pointer}.registration-mode-selector label>span{display:flex;flex-direction:column;min-height:76px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02)}.registration-mode-selector small{margin-top:5px;color:var(--muted);line-height:1.35}.registration-mode-selector input:checked+span{border-color:var(--green);background:rgba(34,228,122,.1);box-shadow:0 0 0 1px rgba(34,228,122,.15)}
.new-trader-fields[hidden]{display:none}.new-user-notice{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding:14px;border:1px solid rgba(34,228,122,.22);border-radius:14px;background:rgba(34,228,122,.07)}.new-user-notice span{color:var(--muted);font-size:.82rem;line-height:1.45}
@media(max-width:600px){.registration-mode-selector{grid-template-columns:1fr}}

/* Experiencia del trader */
.trader-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:8px 2px}.trader-welcome h1{margin:0;font-size:clamp(2.1rem,5vw,4rem);line-height:.95;letter-spacing:-.055em}.trader-welcome>div>p:last-child{max-width:670px;margin:14px 0 0;color:var(--muted);line-height:1.6}.trader-welcome-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.attempt-badge,.level-badge{display:inline-flex;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:.8rem;font-weight:800}.level-badge{color:var(--green-3);background:rgba(34,228,122,.08)}
.trader-kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.trader-kpi-strip>div{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(14,25,22,.96),rgba(7,13,12,.96))}.trader-kpi-strip span,.trader-kpi-strip small{display:block;color:var(--muted);font-size:.76rem}.trader-kpi-strip>div>strong{display:block;margin:7px 0 4px;font-size:1.42rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trader-focus-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:18px;margin-bottom:18px}.focus-card,.level-roadmap-card,.reflection-card,.announcement-section,.attempt-history-card,.recent-trades-card,.account-detail-card,.empty-state-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(11,19,19,.97),rgba(7,13,12,.97));box-shadow:var(--shadow-lg)}.focus-card{padding:24px}.focus-card h2,.section-heading h2{margin:0;font-size:1.35rem;letter-spacing:-.025em}.focus-card-head,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.focus-card-head .eyebrow,.section-heading .eyebrow{margin-bottom:8px}
.progress-visual-row{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;margin:25px 0 30px}.progress-ring{--progress:0;width:145px;height:145px;padding:12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--progress)*1%),rgba(255,255,255,.06) 0);box-shadow:0 0 35px rgba(34,228,122,.09)}.progress-ring:before{content:"";grid-area:1/1;width:100%;height:100%;border-radius:50%;background:#09110f}.progress-ring>div{grid-area:1/1;z-index:1;text-align:center}.progress-ring strong,.progress-ring span{display:block}.progress-ring strong{font-size:1.7rem}.progress-ring span{margin-top:2px;color:var(--muted);font-size:.78rem}.mission-copy h3{margin:0 0 8px;font-size:1.15rem}.mission-copy p{margin:0;color:var(--text-soft);line-height:1.6}.objective-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:.76rem}.objective-legend span{display:flex;align-items:center;gap:7px}.objective-legend i{width:8px;height:8px;border-radius:50%}.minimum-dot{background:var(--warning)}.objective-dot{background:var(--green)}
.goal-track{position:relative;height:10px;margin:0 14px 15px 0;border-radius:999px;background:rgba(255,255,255,.07)}.goal-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#0e874b,var(--green));box-shadow:0 0 18px rgba(34,228,122,.2)}.goal-marker{position:absolute;top:-5px;width:2px;height:20px;background:var(--warning)}.goal-marker.objective{background:var(--green)}.goal-marker b{position:absolute;top:24px;left:50%;transform:translateX(-50%);font-size:.68rem;color:var(--muted)}
.safety-number{margin:26px 0 18px}.safety-number strong,.safety-number span{display:block}.safety-number strong{font-size:2.4rem;color:var(--green-3)}.safety-number span{margin-top:3px;color:var(--muted);font-size:.82rem}.safety-meter{height:12px;border-radius:999px;background:rgba(255,97,120,.18);overflow:hidden}.safety-meter>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--warning),var(--green))}.safety-meter>div.danger{background:var(--danger)}.safety-labels{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--muted);font-size:.66rem}.rule-checks{display:grid;gap:9px;margin-top:24px}.rule-checks>div{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.025);color:var(--text-soft);font-size:.8rem}.rule-checks>div>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-weight:900}.rule-checks .done>span{color:#04110a;background:var(--green)}.rule-checks .pending>span{color:var(--muted);border:1px solid var(--line)}.rule-checks .failed>span{color:#fff;background:var(--danger)}
.level-roadmap-card{padding:24px;margin-bottom:18px}.section-heading>span{color:var(--muted);font-size:.8rem}.level-roadmap{display:flex;align-items:flex-start;overflow-x:auto;padding:26px 4px 10px}.roadmap-level{position:relative;min-width:135px;flex:1;text-align:center;color:var(--muted)}.roadmap-level:not(:last-child):before{content:"";position:absolute;top:18px;left:60%;right:-40%;height:2px;background:var(--line-strong)}.roadmap-node{position:relative;z-index:1;width:38px;height:38px;display:grid;place-items:center;margin:0 auto 11px;border:2px solid var(--line-strong);border-radius:50%;background:#09110f;font-weight:900}.roadmap-level strong,.roadmap-level span{display:block}.roadmap-level strong{font-size:.78rem}.roadmap-level span{margin-top:4px;font-size:.68rem}.roadmap-level.completed,.roadmap-level.current{color:var(--text)}.roadmap-level.completed .roadmap-node{color:#04110a;border-color:var(--green);background:var(--green)}.roadmap-level.completed:not(:last-child):before{background:var(--green)}.roadmap-level.current .roadmap-node{color:var(--green-3);border-color:var(--green);box-shadow:0 0 0 6px rgba(34,228,122,.09)}
.trader-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-bottom:18px}.reflection-card,.announcement-section{padding:24px}.reflection-form{margin-top:22px}.reflection-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.confidence-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:end}.confidence-row label{grid-column:1/-1}.confidence-row select{margin:0}.confidence-row button{margin:0;white-space:nowrap}.journal-list{display:grid;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.journal-list article{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.journal-list article>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.journal-list h3{margin:9px 0 10px}.journal-list p{margin:6px 0;color:var(--text-soft);font-size:.84rem;line-height:1.55}.journal-list .next-action{padding:10px;border-radius:10px;background:rgba(34,228,122,.06)}.confidence-pill{color:var(--green-3)}
.trader-side-column{display:grid;align-content:start;gap:18px}.announcement-section{box-shadow:none}.announcement{margin:12px 0 0;padding:16px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:15px;background:rgba(255,255,255,.02)}.announcement.priority-important{border-left-color:var(--warning)}.announcement.priority-urgent{border-left-color:var(--danger)}.announcement>span{color:var(--green-3);font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.announcement.priority-important>span{color:var(--warning)}.announcement.priority-urgent>span{color:var(--danger)}.announcement h3{margin:7px 0 6px;font-size:.95rem}.announcement p{margin:0;color:var(--text-soft);font-size:.8rem;line-height:1.55}.announcement small{display:block;margin-top:10px;color:var(--muted)}
.account-detail-card{padding:0;overflow:hidden}.account-detail-card summary{display:flex;justify-content:space-between;padding:18px 20px;cursor:pointer;font-weight:800;list-style:none}.account-detail-card summary span{color:var(--green);font-size:.75rem}.account-detail-card>div{padding:0 20px 16px}.account-detail-card p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:10px 0;border-top:1px solid var(--line);font-size:.78rem}.account-detail-card p span{color:var(--muted)}.account-detail-card p strong{text-align:right}
.attempt-history-card,.recent-trades-card{padding:24px;margin-bottom:18px}.attempt-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:20px}.attempt-item{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.attempt-number{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;background:rgba(34,228,122,.1);color:var(--green-3);font-weight:900}.attempt-item h3,.attempt-item p{margin:0}.attempt-item h3{font-size:.92rem}.attempt-item p,.attempt-item span{display:block;margin-top:4px;color:var(--muted);font-size:.72rem}.soft-empty{padding:22px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:15px}.empty-state-card{display:flex;align-items:center;gap:18px;padding:28px;margin-bottom:18px}.empty-state-icon{font-size:2rem}.empty-state-card h2,.empty-state-card p{margin:0}.empty-state-card p{margin-top:6px;color:var(--muted)}
.trade-list{margin-top:18px}.trade-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.trade-list span strong,.trade-list span small{display:block}.trade-list span small{margin-top:3px;color:var(--muted);font-size:.7rem}
@media(max-width:1100px){.trader-kpi-strip{grid-template-columns:repeat(2,1fr)}.trader-focus-grid,.trader-content-grid{grid-template-columns:1fr}}
@media(max-width:650px){.trader-welcome{align-items:flex-start;flex-direction:column}.trader-welcome-badges{justify-content:flex-start}.trader-kpi-strip{grid-template-columns:1fr 1fr}.trader-kpi-strip>div{padding:14px}.trader-kpi-strip>div>strong{font-size:1.05rem}.progress-visual-row{grid-template-columns:1fr;text-align:center}.progress-ring{margin:auto}.objective-legend{justify-content:center}.reflection-fields,.confidence-row{grid-template-columns:1fr}.confidence-row label{grid-column:auto}.level-roadmap{padding-bottom:14px}.section-heading{align-items:flex-start;flex-direction:column}.safety-labels{font-size:.58rem}}

/* Secciones complementarias del trader */
.trader-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.trader-page-hero h1{margin:0;font-size:clamp(2.25rem,5vw,4.2rem);line-height:.95;letter-spacing:-.055em}.trader-page-hero p:last-child{max-width:720px;margin:13px 0 0;color:var(--muted);line-height:1.6}.trader-page-hero>span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--green-3);background:rgba(34,228,122,.07);font-size:.78rem;font-weight:800;white-space:nowrap}
.mini-summary-grid,.diary-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.mini-summary-grid>div,.diary-summary>div{padding:17px 19px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.022)}.mini-summary-grid span,.diary-summary span{display:block;color:var(--muted);font-size:.74rem}.mini-summary-grid strong,.diary-summary strong{display:block;margin-top:7px;font-size:1.25rem}
.account-journey{position:relative;display:grid;gap:18px}.account-journey:before{content:"";position:absolute;top:28px;bottom:28px;left:21px;width:2px;background:var(--line)}.account-journey-card{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px}.journey-marker{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);background:#08100e;font-size:.76rem;font-weight:900}.account-journey-card.active .journey-marker{color:#031108;border-color:var(--green);background:var(--green);box-shadow:0 0 0 7px rgba(34,228,122,.08)}.journey-content{padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(11,19,19,.96),rgba(7,13,12,.96))}.account-journey-card.active .journey-content{border-color:rgba(34,228,122,.25)}.journey-content>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.journey-content h2{margin:10px 0 3px;font-size:1.3rem}.journey-content header p{margin:0;color:var(--muted);font-size:.78rem}.journey-content header>strong{font-size:1.45rem}.journey-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.journey-metrics>div{padding:11px;border-radius:12px;background:rgba(255,255,255,.025)}.journey-metrics span,.journey-metrics strong{display:block}.journey-metrics span{color:var(--muted);font-size:.67rem}.journey-metrics strong{margin-top:5px;font-size:.82rem}.journey-dates{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.72rem}.journey-dates i{height:1px;flex:1;background:var(--line-strong)}.journey-details{margin-top:16px;border-top:1px solid var(--line)}.journey-details summary{display:flex;justify-content:space-between;padding:15px 0 0;cursor:pointer;color:var(--green-3);font-size:.8rem;font-weight:800;list-style:none}.account-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.account-facts p{margin:0;padding:10px;border:1px solid var(--line);border-radius:11px}.account-facts span,.account-facts strong{display:block}.account-facts span{color:var(--muted);font-size:.65rem}.account-facts strong{margin-top:4px;font-size:.76rem}.compact-trades>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line)}.compact-trades span strong,.compact-trades span small{display:block}.compact-trades span small{margin-top:3px;color:var(--muted);font-size:.68rem}
.rules-simple-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.rules-simple-grid article{position:relative;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.022);overflow:hidden}.rules-simple-grid article>span{position:absolute;right:14px;top:8px;color:rgba(34,228,122,.09);font-size:3rem;font-weight:900}.rules-simple-grid h3{margin:0 0 14px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.rules-simple-grid strong{display:block;font-size:1.3rem}.rules-simple-grid p{margin:6px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}
.levels-explorer,.progress-history{padding:24px;margin-bottom:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(11,19,19,.96),rgba(7,13,12,.96))}.level-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.level-explorer-card{padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018);opacity:.58}.level-explorer-card.current,.level-explorer-card.completed{opacity:1}.level-explorer-card.current{border-color:var(--green);background:rgba(34,228,122,.06);box-shadow:inset 0 0 0 1px rgba(34,228,122,.08)}.level-card-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.68rem;text-transform:uppercase}.level-card-top i{font-style:normal}.level-explorer-card.current .level-card-top i,.level-explorer-card.completed .level-card-top i{color:var(--green-3)}.level-explorer-card .capital{display:block;margin-top:16px;font-size:1.7rem}.level-explorer-card .capital small{font-size:.65rem;color:var(--muted)}.level-explorer-card>p{margin:3px 0 14px;color:var(--muted);font-size:.72rem}.level-rules{display:flex;gap:7px;flex-wrap:wrap}.level-rules span{padding:6px 7px;border-radius:8px;background:rgba(255,255,255,.035);font-size:.65rem}.level-split{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--text-soft);font-size:.68rem}.level-split small{width:100%;color:var(--muted)}.level-split.demo{color:var(--muted)}
.decision-timeline{position:relative;display:grid;gap:13px;margin-top:22px}.decision-timeline:before{content:"";position:absolute;top:20px;bottom:20px;left:18px;width:2px;background:var(--line)}.decision-timeline article{position:relative;display:grid;grid-template-columns:38px 1fr;gap:14px}.decision-icon{position:relative;z-index:1;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#04110a;background:var(--green);font-weight:900}.decision-timeline article>div:last-child{padding:3px 0 15px}.decision-timeline span,.decision-timeline small{color:var(--muted);font-size:.7rem}.decision-timeline h3{margin:4px 0;font-size:.96rem}.decision-timeline p{margin:0;color:var(--text-soft);font-size:.8rem}
.diary-summary{grid-template-columns:repeat(3,1fr)}.diary-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin-bottom:18px}.diary-form-card{padding:24px}.diary-prompt-card{padding:24px;border:1px solid rgba(255,203,92,.22);border-radius:24px;background:linear-gradient(180deg,rgba(255,203,92,.07),rgba(8,14,13,.96))}.diary-prompt-card h2{margin:0}.diary-prompt-card ul{display:grid;gap:12px;margin:22px 0;padding-left:20px;color:var(--text-soft);font-size:.82rem;line-height:1.45}.diary-prompt-card li::marker{color:var(--warning)}.diary-prompt-card>p:last-child{padding-top:15px;border-top:1px solid rgba(255,203,92,.16);color:var(--muted);font-size:.78rem;line-height:1.55}.diary-archive{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(11,19,19,.96),rgba(7,13,12,.96))}.diary-entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:20px}.diary-entry-grid article{padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.02)}.diary-entry-grid header{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem}.diary-entry-grid header b{color:var(--green-3)}.diary-entry-grid h3{margin:11px 0 14px}.diary-block{margin-top:9px;padding:11px;border-radius:11px;background:rgba(255,255,255,.025)}.diary-block strong{font-size:.72rem}.diary-block p{margin:5px 0 0;color:var(--text-soft);font-size:.77rem;line-height:1.5}.diary-block.good{border-left:2px solid var(--green)}.diary-block.improve{border-left:2px solid var(--warning)}.diary-block.action{border-left:2px solid #6aa8ff;background:rgba(106,168,255,.05)}
@media(max-width:1050px){.level-card-grid{grid-template-columns:repeat(2,1fr)}.diary-layout{grid-template-columns:1fr}}
@media(max-width:700px){.trader-page-hero{align-items:flex-start;flex-direction:column}.mini-summary-grid,.diary-summary{grid-template-columns:1fr 1fr}.rules-simple-grid{grid-template-columns:1fr}.level-card-grid{grid-template-columns:1fr}.journey-metrics,.account-facts{grid-template-columns:1fr 1fr}.diary-entry-grid{grid-template-columns:1fr}.journey-content>header{align-items:flex-start;flex-direction:column}.account-journey-card{grid-template-columns:32px 1fr}.journey-marker{width:32px;height:32px}.account-journey:before{left:15px}}

*{ box-sizing:border-box; }

html, body{
    margin:0;
    padding:0;
    font-family:'Inter', sans-serif;
    color:var(--text);
    background:
        radial-gradient(circle at top left, rgba(34,228,122,.08), transparent 22%),
        linear-gradient(180deg, #030707 0%, #081111 100%);
}

a{
    color:var(--green);
    text-decoration:none;
}

a:hover{
    color:var(--green-3);
}

.topbar{
    position:sticky;
    top:0;
    z-index:40;
    backdrop-filter:blur(14px);
    background:rgba(3,7,7,.82);
    border-bottom:1px solid var(--line);
}

.topbar-inner{
    max-width:1280px;
    margin:0 auto;
    padding:16px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.brand-block{
    display:flex;
    align-items:center;
    gap:14px;
}

.brand-mark{
    width:50px;
    height:50px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.35rem;
    font-weight:800;
    color:#04110a;
    background:linear-gradient(135deg, var(--green), #0f8c4a);
    box-shadow:0 0 25px rgba(34,228,122,.28);
}

.brand-title{
    font-size:1.08rem;
    font-weight:800;
}

.brand-subtitle{
    font-size:.88rem;
    color:var(--muted);
    margin-top:2px;
}

.topbar-user{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.user-pill{
    padding:10px 14px;
    border-radius:999px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.025);
    color:var(--text-soft);
    font-size:.92rem;
}

.hero{
    border-bottom:1px solid var(--line);
    background:
        linear-gradient(90deg, rgba(3,7,7,.94) 0%, rgba(3,7,7,.80) 52%, rgba(3,7,7,.42) 100%);
}

.hero-inner{
    max-width:1280px;
    margin:0 auto;
    padding:84px 22px 96px;
}

.hero-text{
    max-width:760px;
}

.eyebrow{
    margin:0 0 18px;
    color:var(--green);
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.22em;
    text-transform:uppercase;
}

.hero h1{
    margin:0;
    font-size:clamp(2.15rem, 5vw, 4.2rem);
    line-height:.95;
    font-weight:800;
    letter-spacing:-.05em;
    text-transform:uppercase;
}

.hero-description{
    max-width:660px;
    margin-top:20px;
    color:var(--text-soft);
    font-size:1.04rem;
    line-height:1.7;
}

.app-authenticated .hero-inner{
    padding:30px 22px 68px;
}

.app-authenticated{
    padding-right:270px;
}

.app-authenticated .topbar-user,
.app-authenticated .hero{
    display:none;
}

.app-authenticated .topbar-inner{
    max-width:1450px;
}

.app-authenticated .main-container{
    max-width:1450px;
    margin:0 auto;
    padding-top:32px;
}

.app-navigation{
    position:fixed;
    z-index:100;
    top:0;
    right:0;
    bottom:0;
    width:270px;
    display:flex;
    flex-direction:column;
    padding:22px 16px 16px;
    background:
        radial-gradient(circle at 70% 0, rgba(34,228,122,.10), transparent 28%),
        rgba(3,9,8,.985);
    border-left:1px solid var(--line);
    box-shadow:-18px 0 45px rgba(0,0,0,.22);
}

.nav-profile{
    display:flex;
    align-items:center;
    gap:12px;
    padding:4px 6px 20px;
    margin-bottom:12px;
    border-bottom:1px solid var(--line);
}

.nav-avatar{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:14px;
    color:#031108;
    background:linear-gradient(135deg,var(--green),#0e9f54);
    font-weight:900;
}

.nav-profile-copy{min-width:0}
.nav-profile-copy strong,.nav-profile-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-profile-copy strong{font-size:.94rem}
.nav-profile-copy span{margin-top:3px;color:var(--muted);font-size:.78rem;text-transform:capitalize}

.desktop-nav{
    flex:1;
    min-height:0;
    overflow-y:auto;
    padding:4px 2px;
    scrollbar-width:thin;
    scrollbar-color:rgba(34,228,122,.25) transparent;
}

.app-nav-link{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:44px;
    margin:3px 0;
    padding:10px 12px;
    border-radius:13px;
    color:var(--text-soft);
    font-size:.89rem;
    font-weight:650;
    transition:.18s ease;
}

.app-nav-link svg,.mobile-nav-link svg,.mobile-more-grid svg{
    width:20px;
    height:20px;
    flex:0 0 20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.app-nav-link:hover{color:var(--text);background:rgba(255,255,255,.04)}
.app-nav-link.active{color:var(--green-3);background:rgba(34,228,122,.11);box-shadow:inset 0 0 0 1px rgba(34,228,122,.14)}
.nav-footer{padding-top:10px;border-top:1px solid var(--line)}
.danger-link:hover{color:var(--danger)}
.mobile-nav,.mobile-more-panel,.mobile-more-backdrop{display:none}

.app-authenticated .hero h1{
    font-size:clamp(1.45rem, 3vw, 2.35rem);
    line-height:1.05;
    max-width:760px;
}

.app-authenticated .hero-description{
    display:none;
}

.app-authenticated .hero .eyebrow{
    margin-bottom:10px;
}

.app-authenticated .main-container{
    margin-top:-38px;
}

@media (max-width:700px){
    .app-authenticated .hero-inner{padding:22px 16px 58px}
    .topbar-inner{padding:12px 16px}
    .brand-subtitle{display:none}
    .topbar-user{gap:6px}
    .topbar-user .btn,.user-pill{padding:8px 10px;font-size:.78rem}
}

@media (max-width:900px){
    .app-authenticated{
        padding-right:0;
        padding-bottom:82px;
    }
    .app-authenticated .topbar{
        position:sticky;
    }
    .app-authenticated .main-container{
        padding:22px 14px 38px;
    }
    .app-navigation{
        top:auto;
        left:0;
        right:0;
        bottom:0;
        width:auto;
        height:72px;
        padding:0 max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left));
        border-left:0;
        border-top:1px solid var(--line-strong);
        box-shadow:0 -16px 38px rgba(0,0,0,.38);
    }
    .nav-profile,.desktop-nav,.nav-footer{display:none}
    .mobile-nav{
        display:grid;
        grid-template-columns:repeat(5,1fr);
        width:100%;
        height:100%;
    }
    .mobile-nav-link{
        appearance:none;
        border:0;
        background:transparent;
        color:var(--muted);
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:4px;
        min-width:0;
        padding:7px 3px 5px;
        font:inherit;
        cursor:pointer;
    }
    .mobile-nav-link svg{width:21px;height:21px}
    .mobile-nav-link span{max-width:100%;font-size:.65rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .mobile-nav-link.active{color:var(--green)}
    .mobile-more-backdrop{
        position:fixed;
        z-index:101;
        inset:0;
        background:rgba(0,0,0,.58);
        backdrop-filter:blur(3px);
    }
    .mobile-more-backdrop.open{display:block}
    .mobile-more-panel{
        position:fixed;
        display:block;
        z-index:102;
        left:10px;
        right:10px;
        bottom:82px;
        max-height:min(70vh,520px);
        overflow:auto;
        padding:18px;
        border:1px solid var(--line-strong);
        border-radius:22px;
        background:#07100e;
        box-shadow:0 24px 70px rgba(0,0,0,.6);
        opacity:0;
        visibility:hidden;
        transform:translateY(18px);
        transition:.2s ease;
    }
    .mobile-more-panel.open{opacity:1;visibility:visible;transform:none}
    .mobile-more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
    .mobile-more-head button{width:34px;height:34px;padding:0;margin:0;border-radius:50%;font-size:1.35rem}
    .mobile-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .mobile-more-grid a{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 6px;text-align:center;color:var(--text-soft);background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:15px}
    .mobile-more-grid span{font-size:.72rem;font-weight:700}
}

.main-container{
    max-width:1280px;
    margin:-42px auto 0;
    padding:0 22px 46px;
    position:relative;
    z-index:2;
}

.panel-box,
.form-box,
.table-box,
.card,
.stat-card{
    background:linear-gradient(180deg, rgba(11,19,19,.96), rgba(8,14,14,.96));
    border:1px solid var(--line);
    box-shadow:var(--shadow-lg);
    border-radius:24px;
}

.panel-box,
.form-box,
.card,
.stat-card{
    padding:24px;
    margin-bottom:24px;
}

.table-box{
    overflow:hidden;
}

.page-head{
    margin-bottom:24px;
}

.page-title{
    margin:0 0 10px;
    font-size:clamp(1.9rem, 4vw, 3rem);
    line-height:1;
    font-weight:800;
    letter-spacing:-.04em;
}

.section-title{
    margin:0 0 18px;
    font-size:1.28rem;
    font-weight:700;
}

.small{
    color:var(--muted);
    font-size:.92rem;
    line-height:1.6;
}

.back-link{
    display:inline-flex;
    margin-bottom:18px;
    color:var(--text-soft);
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
    gap:16px;
    margin-bottom:24px;
}

.role-summary-grid>div{
    padding:18px 20px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(14,25,22,.96),rgba(7,13,12,.96));
}

.role-summary-grid span,
.role-summary-grid small{
    display:block;
    color:var(--muted);
}

.role-summary-grid span{
    font-size:.75rem;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.role-summary-grid strong{
    display:block;
    margin:8px 0 6px;
    font-size:2rem;
}

.role-summary-grid small{
    font-size:.78rem;
    line-height:1.45;
}

.users-role-table td strong,
.users-role-table td .small{
    display:block;
}

.users-role-table td .small{
    margin-top:4px;
    font-size:.78rem;
}

.users-role-phone-form{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:330px;
}

.phone-editor{
    display:flex;
    align-items:center;
    min-width:260px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(255,255,255,.045);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}

.phone-editor .select-wrap{
    width:102px;
    min-width:102px;
    margin:0;
}

.phone-editor .select-wrap:after{
    right:8px;
    opacity:.75;
}

.phone-editor select,
.phone-editor input{
    height:42px;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
}

.phone-editor select{
    padding:0 22px 0 11px;
    color:var(--text);
    font-size:.82rem;
    font-weight:850;
}

.phone-editor input{
    min-width:145px;
    border-left:1px solid var(--line);
    color:var(--text);
}

.phone-editor input::placeholder{
    color:rgba(196,213,207,.62);
}

.users-role-phone-form>button{
    width:auto;
    min-width:42px;
    height:42px;
    margin:0;
    padding:0 13px;
    border-radius:14px;
    font-size:1rem;
    line-height:1;
}

.role-chip{
    text-transform:none;
    letter-spacing:0;
    font-weight:850;
}

.role-admin{color:#ffd98a;background:rgba(255,203,92,.12)}
.role-operator{color:#9fd4ff;background:rgba(106,168,255,.12)}
.role-manager{color:#c6a7ff;background:rgba(155,112,255,.13)}
.role-trader{color:var(--green-3);background:rgba(34,228,122,.12)}

.stat-card{
    position:relative;
    overflow:hidden;
}

.stat-label{
    color:var(--muted);
    font-size:.85rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:700;
    margin-bottom:12px;
}

.stat-value{
    font-size:2rem;
    font-weight:800;
}

.nav-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
    gap:18px;
}

.nav-card{
    display:block;
    min-height:150px;
    padding:24px;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
    border:1px solid var(--line);
    transition:.25s ease;
}

.nav-card:hover{
    transform:translateY(-4px);
    border-color:var(--line-strong);
}

.nav-card-title{
    font-size:1.08rem;
    font-weight:700;
    color:var(--text);
    margin-bottom:10px;
}

.nav-card-text{
    color:var(--muted);
    line-height:1.6;
    font-size:.95rem;
}

.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px,1fr));
    gap:20px;
}

label{
    display:block;
    margin-bottom:8px;
    margin-top:14px;
    color:#e3ece8;
    font-size:.96rem;
    font-weight:600;
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=date],
select,
textarea{
    width:100%;
    border:1px solid rgba(255,255,255,.08);
    background:#101818;
    color:#f5fbf8;
    border-radius:16px;
    padding:14px 16px;
    outline:none;
    font-size:.96rem;
    transition:.2s ease;
}

input::placeholder,
textarea::placeholder{
    color:#8da39d;
}

input:focus,
select:focus,
textarea:focus{
    border-color:rgba(34,228,122,.42);
    box-shadow:0 0 0 4px rgba(34,228,122,.08);
}

textarea{
    resize:vertical;
    min-height:96px;
}

.select-wrap{
    position:relative;
}

.select-wrap select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    padding-right:48px;
    background:#101818;
    color:#f5fbf8;
}

.select-wrap::after{
    content:"▾";
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    color:#a6dcbf;
    pointer-events:none;
    font-size:14px;
    font-weight:700;
}

select option{
    background:#101818;
    color:#ffffff;
}

button,
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 18px;
    border-radius:15px;
    border:none;
    font-size:.95rem;
    font-weight:700;
    cursor:pointer;
    transition:.22s ease;
}

button,
.btn-primary{
    background:linear-gradient(135deg, var(--green), var(--green-2));
    color:#04110a;
}

.btn-outline{
    background:transparent;
    color:var(--text);
    border:1px solid var(--line-strong);
}

.msg{
    margin:18px 0;
    padding:16px 18px;
    border-radius:18px;
    border:1px solid rgba(34,228,122,.22);
    background:rgba(34,228,122,.08);
    color:#dbf8e8;
}

.msg.error{
    border-color:rgba(255,97,120,.22);
    background:rgba(255,97,120,.08);
    color:#ffdce3;
}

.table-scroll{
    overflow-x:auto;
}

.table{
    width:100%;
    min-width:1120px;
    border-collapse:collapse;
}

.table th{
    background:rgba(255,255,255,.03);
    color:#ecf5f1;
    text-align:left;
    font-size:.9rem;
    padding:16px 14px;
    border-bottom:1px solid var(--line);
}

.table td{
    padding:14px;
    border-bottom:1px solid rgba(255,255,255,.06);
    color:#d5e0dc;
    vertical-align:top;
}

.status-active{ color:#56f193; font-weight:700; }
.status-finished{ color:#74bfff; font-weight:700; }
.status-failed{ color:#ff7487; font-weight:700; }
.status-paused{ color:var(--warning); font-weight:700; }

.progress-bar{
    width:100%;
    height:11px;
    background:rgba(255,255,255,.08);
    border-radius:999px;
    overflow:hidden;
    margin:10px 0 8px;
}

.progress-bar-inner{
    height:100%;
    background:linear-gradient(90deg, var(--green), #7cffb1);
    border-radius:999px;
}

.card h3{
    margin-top:0;
    margin-bottom:12px;
    font-size:1.18rem;
}

.card p{
    margin:9px 0;
    color:var(--text-soft);
    line-height:1.65;
}

.footer{
    margin-top:48px;
    border-top:1px solid var(--line);
    background:rgba(3,7,7,.72);
}

.footer-inner{
    max-width:1280px;
    margin:0 auto;
    padding:26px 22px;
    color:var(--muted);
    display:flex;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.login-wrap{
    max-width:560px;
    margin:0 auto;
}

@media (max-width: 820px){
    .topbar-inner,
    .footer-inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .hero-inner{
        padding:62px 22px 72px;
    }

    .main-container{
        margin-top:-24px;
    }
}
.table-box {
    max-height: 70vh;
    overflow: auto;
    position: relative;
}

.table-scroll {
    overflow: visible;
}

.table thead th {
    position: sticky;
    top: 0;
    z-index: 5;
}

.table th:last-child,
.table td:last-child {
    position: sticky;
    right: 0;
    z-index: 4;
    background: #101818;
    min-width: 120px;
    box-shadow: -8px 0 18px rgba(0,0,0,.35);
}

.table thead th:last-child {
    z-index: 8;
    background: #132020;
}

.btn-edit {
    white-space: nowrap;
}
.inventory-table-box {
    max-height: calc(100vh - 220px);
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 22px;
}

.inventory-table {
    min-width: 1700px;
}

.inventory-table th,
.inventory-table td {
    white-space: nowrap;
}

.inventory-table td textarea,
.inventory-table td input,
.inventory-table td select {
    min-width: 150px;
}
.mini-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
    margin: 16px 0;
}

.mini-stats div {
    padding: 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.08);
}

.mini-stats strong {
    display: block;
    font-size: 1.25rem;
}

.mini-stats span {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: .82rem;
}

.trade-item {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 14px;
    margin: 10px 0;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.025);
}

.trade-profit {
    border-left: 4px solid #22e47a;
}

.trade-loss {
    border-left: 4px solid #ff6178;
}

.trade-amount {
    font-weight: 800;
    white-space: nowrap;
}

.profit-text {
    color: #22e47a;
}

.loss-text {
    color: #ff6178;
}
.live-sync{
    font-size:.72rem;
    opacity:.7;
    white-space:nowrap;
}
.equity-highlight{
    font-size:1.05rem;
    font-weight:900;
    color:#7cf5ff;
    letter-spacing:.3px;

    background:rgba(124,245,255,.08);
    border:1px solid rgba(124,245,255,.18);

    padding:8px 12px;
    border-radius:12px;

    display:inline-block;
    min-width:110px;
    text-align:center;

    box-shadow:
        0 0 18px rgba(124,245,255,.08),
        inset 0 0 12px rgba(124,245,255,.04);
}
.equity-danger{
    color:#ff6178 !important;
    background:rgba(255,97,120,.12) !important;
    border-color:rgba(255,97,120,.35) !important;
    box-shadow:
        0 0 18px rgba(255,97,120,.12),
        inset 0 0 12px rgba(255,97,120,.06) !important;
}

.balance-success{
    font-size:1.05rem;
    font-weight:900;
    color:#22e47a;
    background:rgba(34,228,122,.10);
    border:1px solid rgba(34,228,122,.25);
    padding:8px 12px;
    border-radius:12px;
    display:inline-block;
    min-width:110px;
    text-align:center;
}

/* Editor compacto de WhatsApp en Usuarios */
.users-role-table{
    min-width:1160px;
}

.users-role-phone-form{
    display:block !important;
    width:100%;
    min-width:260px;
    max-width:320px;
}

.users-role-phone-form .phone-editor{
    display:grid !important;
    grid-template-columns:76px minmax(125px, 1fr) 38px;
    align-items:center;
    gap:6px;
    width:100%;
    padding:5px;
    border:1px solid rgba(74,255,154,.18);
    border-radius:18px;
    background:
        radial-gradient(circle at 0 0, rgba(34,228,122,.10), transparent 42%),
        linear-gradient(180deg, rgba(16,28,26,.98), rgba(8,16,15,.98));
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.02),
        0 12px 28px rgba(0,0,0,.18);
}

.users-role-phone-form .country-code-wrap{
    width:76px !important;
    min-width:76px !important;
    margin:0 !important;
}

.users-role-phone-form .country-code-wrap::after{
    right:8px;
    color:#7bffb2;
    font-size:10px;
}

.users-role-phone-form select,
.users-role-phone-form input[type=tel]{
    height:36px !important;
    width:100% !important;
    margin:0 !important;
    border:0 !important;
    background:rgba(255,255,255,.045) !important;
    color:#f5fbf8 !important;
    border-radius:12px !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.035),
        inset 0 -10px 22px rgba(0,0,0,.10);
    font-size:.84rem !important;
    line-height:1 !important;
    outline:none !important;
}

.users-role-phone-form select{
    padding:0 21px 0 10px !important;
    font-weight:900;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
}

.users-role-phone-form input[type=tel]{
    min-width:0 !important;
    padding:0 11px !important;
}

.users-role-phone-form input[type=tel]::placeholder{
    color:#87a39b !important;
}

.users-role-phone-form input[type=tel]:focus,
.users-role-phone-form select:focus{
    background:rgba(255,255,255,.07) !important;
    box-shadow:
        inset 0 0 0 1px rgba(34,228,122,.34),
        0 0 0 3px rgba(34,228,122,.08) !important;
}

.users-role-phone-form .phone-editor>button{
    width:38px !important;
    min-width:38px !important;
    height:36px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:12px !important;
    font-size:.95rem !important;
    font-weight:950 !important;
    background:linear-gradient(135deg,#22e47a,#10c965) !important;
    color:#031108 !important;
    box-shadow:0 10px 20px rgba(34,228,122,.16);
}

.users-role-table .role-chip.role-admin{
    color:#ffd86b !important;
    background:rgba(255,203,92,.14) !important;
    border-color:rgba(255,203,92,.28) !important;
}

.users-role-table .role-chip.role-operator{
    color:#9fd4ff !important;
    background:rgba(106,168,255,.13) !important;
    border-color:rgba(106,168,255,.28) !important;
}

.users-role-table .role-chip.role-manager{
    color:#d2b9ff !important;
    background:rgba(155,112,255,.14) !important;
    border-color:rgba(155,112,255,.28) !important;
}

.users-role-table .role-chip.role-trader{
    color:#7bffb2 !important;
    background:rgba(34,228,122,.12) !important;
    border-color:rgba(34,228,122,.25) !important;
}

/* Mesa de control de avance */
.advance-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
    gap:18px;
}

.advance-filter-box{
    margin-bottom:20px;
}

.filter-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

.filter-actions .btn{
    min-height:45px;
}

.advance-card{
    padding:22px;
    border:1px solid var(--line);
    border-radius:24px;
    background:
        radial-gradient(circle at 100% 0, rgba(34,228,122,.09), transparent 32%),
        linear-gradient(180deg,rgba(11,19,19,.98),rgba(7,13,12,.98));
    box-shadow:var(--shadow-lg);
}

.advance-card header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.advance-card h3,
.advance-card p{
    margin:0;
}

.advance-card h3{
    margin-top:10px;
    font-size:1.15rem;
}

.advance-card p{
    margin-top:5px;
    color:var(--muted);
    font-size:.8rem;
}

.advance-card header>strong{
    color:var(--green-3);
    font-size:1.65rem;
    white-space:nowrap;
}

.advance-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:16px;
}

.advance-facts>div{
    padding:12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,.024);
}

.advance-facts span,
.advance-facts strong{
    display:block;
}

.advance-facts span{
    color:var(--muted);
    font-size:.68rem;
}

.advance-facts strong{
    margin-top:5px;
    font-size:.82rem;
}

.advance-rules{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:18px;
}

.advance-rules span{
    padding:7px 9px;
    border-radius:999px;
    font-size:.72rem;
    font-weight:850;
}

.advance-rules .done{
    color:var(--green-3);
    background:rgba(34,228,122,.11);
}

.advance-rules .pending{
    color:var(--warning);
    background:rgba(255,203,92,.11);
}

.advance-rules .failed{
    color:#ff9cab;
    background:rgba(255,97,120,.12);
}

.advance-card footer{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    padding-top:16px;
    border-top:1px solid var(--line);
}

.advance-card footer form{
    margin:0;
}

.advance-card footer button[disabled]{
    opacity:.45;
    cursor:not-allowed;
}

.advance-request-form{
    display:grid;
    grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) auto;
    align-items:end;
    gap:10px;
    width:100%;
}

.advance-request-form label{
    margin:0;
}

.advance-request-form .select-wrap select{
    margin:0;
}

@media(max-width:700px){
    .advance-grid{grid-template-columns:1fr}
    .advance-facts{grid-template-columns:1fr}
    .advance-request-form{grid-template-columns:1fr}
}
/* Equipo VDT */
.team-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin:12px 0 28px;padding:28px 30px;border:1px solid rgba(31,225,132,.2);border-radius:26px;background:radial-gradient(circle at 90% 10%,rgba(31,225,132,.13),transparent 35%),linear-gradient(135deg,rgba(10,24,20,.96),rgba(4,13,11,.98))}.team-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:.95;margin:8px 0 12px}.team-hero p{max-width:720px}.team-hero-metrics{display:flex;gap:10px}.team-hero-metrics span,.team-position{padding:14px 18px;border:1px solid rgba(31,225,132,.22);border-radius:16px;background:rgba(31,225,132,.07);white-space:nowrap}.team-hero-metrics strong{font-size:1.45rem;color:#22e488;margin-right:5px}.team-admin-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:18px;margin-bottom:20px}.team-form-card{padding:24px}.team-form-card h2{margin:6px 0 8px}.team-form-card form{margin-top:20px}.access-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:8px 0 18px}.access-checks label{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid rgba(146,183,168,.15);border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer}.access-checks input{width:auto;margin:3px 0 0}.access-checks span{display:grid;gap:3px}.access-checks small{color:#7fa295}.team-roster{margin-bottom:20px}.team-roster td small{display:block;color:#77998c;margin-top:4px}.access-pills{display:flex;flex-wrap:wrap;gap:5px}.access-pills span,.integration-badge{padding:5px 9px;border-radius:999px;background:rgba(31,225,132,.09);border:1px solid rgba(31,225,132,.18);color:#55e99b;font-size:.73rem;text-transform:uppercase}.xp-value{color:#f3c969}.vp-value{color:#65c9ff}.team-activity-list{display:grid;gap:10px}.team-activity-list article{display:flex;gap:16px;align-items:center;padding:14px 16px;border:1px solid rgba(146,183,168,.11);border-radius:15px;background:rgba(255,255,255,.02)}.team-activity-list p,.team-activity-list small{margin:3px 0 0;color:#7fa295}.activity-points{min-width:82px;text-align:center;padding:9px 10px;border-radius:12px;font-weight:800}.activity-points.positive{background:rgba(31,225,132,.11);color:#42e891}.activity-points.negative{background:rgba(255,91,91,.11);color:#ff7e7e}.team-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.team-score-grid article{display:grid;gap:5px;padding:22px;border:1px solid rgba(31,225,132,.16);border-radius:20px;background:linear-gradient(145deg,rgba(10,25,21,.9),rgba(5,14,12,.95))}.team-score-grid span,.team-score-grid small{color:#7fa295}.team-score-grid strong{font-size:2.1rem}.team-member-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-bottom:20px}.xp-breakdown{display:grid;gap:10px;margin-top:18px}.xp-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(146,183,168,.1)}.xp-breakdown span{display:grid;gap:4px}.xp-breakdown small{color:#7fa295}.xp-breakdown b{color:#f3c969;white-space:nowrap}.vp-card{text-align:center}.vp-orbit{width:145px;height:145px;margin:20px auto;display:grid;place-content:center;border-radius:50%;border:8px solid rgba(101,201,255,.12);box-shadow:0 0 0 1px rgba(101,201,255,.25),inset 0 0 35px rgba(101,201,255,.08)}.vp-orbit strong{font-size:2rem;color:#65c9ff}.vp-orbit span{color:#7fa295}
@media(max-width:1050px){.team-admin-grid{grid-template-columns:1fr 1fr}.team-admin-grid>:first-child{grid-column:1/-1}.team-member-grid{grid-template-columns:1fr}}
@media(max-width:700px){.team-hero{align-items:flex-start;flex-direction:column;padding:22px}.team-hero-metrics{width:100%;flex-wrap:wrap}.team-admin-grid,.team-score-grid{grid-template-columns:1fr}.team-admin-grid>:first-child{grid-column:auto}.access-checks{grid-template-columns:1fr}.team-form-card{padding:19px}.team-activity-list article{align-items:flex-start}.team-score-grid article{padding:18px}}
.team-evaluation-admin-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-bottom:20px}.evaluation-field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evaluation-field-list article{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:15px;border:1px solid rgba(146,183,168,.12);border-radius:14px;background:rgba(255,255,255,.025)}.evaluation-field-list article span{font-weight:700}.evaluation-field-list article strong,.self-score{color:#65c9ff}.evaluation-field-list article p{grid-column:1/-1;margin:0;color:#7fa295}.team-self-review-admin{margin-top:20px}.xp-balance-card{display:grid;grid-template-columns:1fr minmax(260px,.7fr);align-items:center;gap:25px;padding:24px;margin-bottom:20px;border:1px solid rgba(243,201,105,.2);border-radius:20px;background:linear-gradient(135deg,rgba(243,201,105,.07),rgba(8,20,17,.9))}.xp-balance-card h2{margin:6px 0}.xp-meter{height:16px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.xp-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff725f,#f3c969,#22e488);box-shadow:0 0 18px rgba(31,225,132,.25)}.self-evaluation-card{margin-top:20px}.self-evaluation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.self-evaluation-item{padding:20px;border:1px solid rgba(101,201,255,.14);border-radius:18px;background:rgba(255,255,255,.025)}.self-evaluation-item h3{margin:0 0 6px}.self-evaluation-item p{min-height:42px;color:#7fa295}.self-evaluation-item input[type=range]{padding:0;accent-color:#22e488}.self-evaluation-item textarea{min-height:88px}.range-value{color:#65c9ff;font-size:1.2rem}
@media(max-width:850px){.team-evaluation-admin-grid,.self-evaluation-grid,.xp-balance-card{grid-template-columns:1fr}.evaluation-field-list{grid-template-columns:1fr}}
.evaluation-field-list article{display:block}.evaluation-field-head{display:flex;justify-content:space-between;gap:12px}.evaluation-field-actions{display:flex;align-items:flex-start;gap:8px;margin-top:14px}.evaluation-field-actions details{flex:1}.evaluation-field-actions summary{display:inline-flex;padding:9px 14px;border:1px solid rgba(101,201,255,.22);border-radius:11px;color:#65c9ff;font-weight:700;cursor:pointer}.evaluation-field-actions details[open] summary{margin-bottom:12px}.evaluation-field-actions form{margin:0}.evaluation-field-actions details form{padding:15px;border-radius:14px;background:rgba(0,0,0,.2)}.evaluation-field-actions .btn{margin:0}.evaluation-field-list article.is-archived{opacity:.58;border-style:dashed}.archived-label{display:block;margin-top:10px;color:#f3c969}.danger-soft{color:#ff8c83!important;border-color:rgba(255,114,95,.3)!important}
.team-overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px}.team-overview-grid article{padding:18px;border:1px solid rgba(146,183,168,.14);border-radius:18px;background:rgba(255,255,255,.025)}.team-overview-grid span,.team-overview-grid small{display:block;color:#7fa295}.team-overview-grid strong{display:block;font-size:2rem;margin:7px 0}.team-overview-grid .overview-good strong{color:#43e790}.team-overview-grid .overview-warning strong{color:#f3c969}.team-overview-grid .overview-danger strong{color:#ff7e7e}.team-member-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-summary-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;border:1px solid rgba(146,183,168,.14);border-radius:18px;background:rgba(255,255,255,.025)}.member-summary-card>div:first-child{display:grid;gap:4px}.member-summary-card small{color:#7fa295}.member-xp-score{display:flex;align-items:baseline;gap:4px}.member-xp-score b{font-size:1.7rem}.member-xp-score span{font-size:.72rem;color:#7fa295}.member-xp-bar{grid-column:1/-1;height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.member-xp-bar span{display:block;height:100%;border-radius:inherit;background:#43e790}.member-summary-card.attention .member-xp-bar span{background:#f3c969}.member-summary-card.critical .member-xp-bar span{background:#ff7e7e}.member-summary-card>.status{position:absolute;right:16px;bottom:14px}.member-summary-card>.access-pills{padding-right:90px}
@media(max-width:1100px){.team-overview-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:750px){.team-overview-grid,.team-member-summary-grid{grid-template-columns:1fr}.member-summary-card>.status{position:static;justify-self:start}.member-summary-card>.access-pills{padding-right:0}}
.evaluation-sync-card{display:flex;flex-direction:column;justify-content:center}.sync-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin:20px 0}.sync-flow>div{display:grid;gap:5px;padding:14px;border:1px solid rgba(101,201,255,.15);border-radius:15px;background:rgba(101,201,255,.04)}.sync-flow>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(31,225,132,.13);color:#43e790;font-weight:800}.sync-flow>div small{color:#7fa295}.sync-flow>b{color:#65c9ff}.readonly-field{padding:12px 14px;margin-bottom:14px;border:1px dashed rgba(146,183,168,.22);border-radius:12px;color:#a8c7bb;background:rgba(255,255,255,.02)}
@media(max-width:700px){.sync-flow{grid-template-columns:1fr}.sync-flow>b{transform:rotate(90deg);justify-self:center}}

/* Dashboard profesional del miembro de Equipo */
.team-dashboard{
    --team-panel:#0d151a;
    --team-panel-2:#111b21;
    --team-border:rgba(174,199,211,.12);
    --team-green:#45e15f;
    --team-lime:#a8ec2f;
    --team-yellow:#ffc21c;
    --team-purple:#a970ff;
    --team-blue:#48baff;
    display:grid;
    gap:18px;
    padding:4px 0 12px;
}

.team-dashboard-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:16px 4px 4px;
}

.team-dashboard-head h1{
    margin:5px 0 2px;
    font-size:clamp(2rem,3.4vw,3.25rem);
    line-height:1;
    letter-spacing:-.045em;
}

.team-dashboard-head h1 span{
    display:inline-block;
    font-size:.72em;
    transform:rotate(-8deg);
}

.team-dashboard-head>div>p:last-child{
    margin:8px 0 0;
    color:#91a5ad;
}

.team-period{
    display:grid;
    grid-template-columns:auto auto;
    gap:2px 10px;
    min-width:210px;
    padding:12px 16px;
    border:1px solid var(--team-border);
    border-radius:15px;
    background:linear-gradient(145deg,rgba(18,29,35,.96),rgba(10,17,21,.98));
    box-shadow:0 14px 40px rgba(0,0,0,.18);
}

.team-period-icon{
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:10px;
    color:var(--team-blue);
    background:rgba(72,186,255,.1);
}

.team-period small{color:#789099}
.team-period strong{font-size:.9rem}

.team-section-nav{
    display:flex;
    gap:8px;
    padding:6px;
    overflow-x:auto;
    border:1px solid var(--team-border);
    border-radius:17px;
    background:rgba(9,15,18,.78);
    scrollbar-width:none;
}

.team-section-nav::-webkit-scrollbar{display:none}

.team-section-nav a,
.team-section-nav button{
    flex:0 0 auto;
    padding:10px 15px;
    border:0;
    border-radius:11px;
    color:#9aabb1;
    background:transparent;
    font-size:.78rem;
    font-weight:750;
    text-decoration:none;
    cursor:pointer;
    transition:.2s ease;
}

.team-section-nav a:hover,
.team-section-nav a.active,
.team-section-nav button:hover,
.team-section-nav button.active{
    color:#fff;
    background:linear-gradient(135deg,rgba(221,169,20,.78),rgba(112,83,10,.74));
    box-shadow:inset 0 0 0 1px rgba(255,209,67,.22);
}

.team-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.team-kpi-card,
.team-pro-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid var(--team-border);
    border-radius:17px;
    background:
        linear-gradient(145deg,rgba(18,28,34,.97),rgba(9,15,19,.98));
    box-shadow:
        0 18px 45px rgba(0,0,0,.16),
        inset 0 1px rgba(255,255,255,.025);
}

.team-kpi-card{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    padding:20px;
}

.team-kpi-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 90% 5%,var(--kpi-glow),transparent 35%);
    opacity:.58;
}

.team-kpi-card>div,
.team-kpi-card>small{position:relative}
.team-kpi-card>div:first-child{display:grid;align-content:start;gap:7px}
.team-kpi-card span{color:#d7e0e3;font-size:.75rem;font-weight:800;text-transform:uppercase}
.team-kpi-card strong{font-size:clamp(1.65rem,2.2vw,2.25rem);line-height:1}
.team-kpi-card strong small{font-size:.52em;color:#aab8bd}
.team-kpi-card p{margin:0;color:#8ca0a7;font-size:.76rem}
.team-kpi-card>small{grid-column:1/-1;color:#82969d;font-size:.68rem}

.team-kpi-card.kpi-vp{--kpi-glow:rgba(69,225,95,.22)}
.team-kpi-card.kpi-confidence{--kpi-glow:rgba(255,194,28,.2)}
.team-kpi-card.kpi-xp{--kpi-glow:rgba(169,112,255,.22)}
.team-kpi-card.kpi-pin{--kpi-glow:rgba(114,229,60,.2)}
.kpi-vp strong{color:var(--team-green)}
.kpi-confidence strong{color:var(--team-yellow)}
.kpi-xp strong{color:var(--team-purple)}
.kpi-pin strong{color:var(--team-lime);font-size:1.3rem;margin-top:7px}

.kpi-icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border:1px solid currentColor;
    border-radius:50%;
    font-size:1.75rem;
    font-weight:900;
    opacity:.92;
}

.kpi-vp .kpi-icon{color:var(--team-green);background:rgba(69,225,95,.08)}
.kpi-confidence .kpi-icon{color:var(--team-yellow);background:rgba(255,194,28,.08)}
.kpi-xp .kpi-icon{color:var(--team-purple);background:rgba(169,112,255,.08)}

.kpi-progress{
    grid-column:1/-1;
    height:10px;
    margin-top:4px;
    overflow:hidden;
    border-radius:99px;
    background:rgba(255,255,255,.08);
}

.kpi-progress span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--team-green),var(--team-lime));
    box-shadow:0 0 16px rgba(69,225,95,.35);
}

.kpi-confidence .kpi-progress span{
    background:linear-gradient(90deg,#ff9e1b,var(--team-yellow));
    box-shadow:0 0 16px rgba(255,194,28,.3);
}

.kpi-mini-stats{
    grid-column:1/-1;
    display:flex;
    gap:9px;
    margin-top:4px;
}

.kpi-mini-stats span{
    flex:1;
    padding:8px;
    border-radius:10px;
    background:rgba(255,255,255,.035);
    color:#8ca0a7;
    font-size:.64rem;
}

.kpi-mini-stats b{display:block;color:#fff;font-size:.88rem}

.team-pin-badge{
    display:grid;
    place-items:center;
    width:62px;
    height:62px;
    clip-path:polygon(50% 0,91% 22%,86% 72%,50% 100%,14% 72%,9% 22%);
    background:linear-gradient(145deg,#8ff12f,#2c881e);
    filter:drop-shadow(0 8px 12px rgba(83,206,41,.2));
}

.team-pin-badge span{
    display:grid;
    place-items:center;
    width:35px;
    height:35px;
    border-radius:50%;
    color:white;
    background:#475258;
}

.pin-yellow .team-pin-badge{background:linear-gradient(145deg,#ffe45d,#ad7211)}
.pin-red .team-pin-badge{background:linear-gradient(145deg,#ff796d,#8f201d)}
.pin-yellow strong{color:#ffd64a}
.pin-red strong{color:#ff827a}
.pin-white .team-pin-badge{background:linear-gradient(145deg,#f4f7fa,#82909c)}
.pin-white strong{color:#e7edf2}
.pin-blue .team-pin-badge{background:linear-gradient(145deg,#52c8ff,#1758b8)}
.pin-blue strong{color:#62cbff}
.pin-gold .team-pin-badge{background:linear-gradient(145deg,#ffe278,#a86608)}
.pin-gold strong{color:#ffd45f}
.pin-black .team-pin-badge{background:linear-gradient(145deg,#626b73,#111619);box-shadow:0 0 24px rgba(203,218,226,.12)}
.pin-black strong{color:#cbd6dc}

.team-analytics-grid{
    display:grid;
    grid-template-columns:1.05fr 1.05fr .95fr;
    gap:12px;
}

.team-pro-card{padding:20px}

.team-pro-card>header,
.team-pro-card .section-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.team-pro-card h2{margin:4px 0 0;font-size:1.1rem}
.team-pro-card .eyebrow{font-size:.64rem}
.info-pill{
    padding:6px 9px;
    border:1px solid var(--team-border);
    border-radius:99px;
    color:#91a5ad;
    font-size:.64rem;
    white-space:nowrap;
}

.team-progress-layout{
    display:grid;
    grid-template-columns:150px 1fr;
    align-items:center;
    gap:20px;
    min-height:180px;
}

.team-ring{
    position:relative;
    width:145px;
    aspect-ratio:1;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:conic-gradient(
        var(--team-green) calc(var(--progress) * 3.6deg),
        rgba(255,255,255,.075) 0
    );
    filter:drop-shadow(0 12px 22px rgba(69,225,95,.12));
}

.team-ring::after{
    content:"";
    position:absolute;
    inset:15px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:50%;
    background:#0c1418;
}

.team-ring>div{position:relative;z-index:1;text-align:center}
.team-ring strong{display:block;font-size:1.85rem}
.team-ring span{color:#879ba2;font-size:.68rem}

.team-progress-copy{display:grid;gap:7px}
.team-progress-copy>span:first-child{color:#8ba0a7;font-size:.72rem}
.team-progress-copy>strong{color:var(--team-green);font-size:1.4rem}
.team-progress-copy p{margin:0;color:#90a2a9;font-size:.76rem;line-height:1.55}
.team-progress-copy .integration-badge{justify-self:start;margin-top:4px}

.confidence-gauge{
    position:relative;
    width:min(260px,90%);
    height:130px;
    margin:28px auto 8px;
    overflow:hidden;
}

.confidence-gauge::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:260px 260px 0 0;
    background:conic-gradient(
        from 270deg at 50% 100%,
        #ff5438 0deg,
        #ffb219 55deg,
        #b9ec25 115deg,
        #45df5d calc(var(--confidence) * 1.8deg),
        rgba(255,255,255,.075) 0deg
    );
}

.confidence-gauge::after{
    content:"";
    position:absolute;
    inset:24px 24px 0;
    border-radius:220px 220px 0 0;
    background:#0c1418;
}

.confidence-gauge>div{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:8px;
    text-align:center;
}

.confidence-gauge strong{font-size:2.4rem}
.confidence-gauge span{display:block;color:#8da0a7}

.confidence-summary{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid var(--team-border);
}

.confidence-summary>div{padding:13px 8px 0;text-align:center}
.confidence-summary span{display:block;color:#879aa1;font-size:.65rem}
.confidence-summary strong{display:block;margin-top:5px}
.positive{color:#58e77a!important}
.negative{color:#ff6e6e!important}

.xp-current{color:var(--team-purple);font-size:1.2rem}
.xp-month-chart{
    height:180px;
    display:flex;
    align-items:flex-end;
    justify-content:space-around;
    gap:8px;
    padding:18px 8px 0;
    border-left:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    background:
        repeating-linear-gradient(
            to top,
            transparent 0,
            transparent 44px,
            rgba(255,255,255,.04) 45px
        );
}

.xp-month-chart>div{
    position:relative;
    flex:1;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
}

.xp-month-chart span{
    width:min(28px,65%);
    min-height:9px;
    border-radius:7px 7px 2px 2px;
    background:linear-gradient(to top,#6539aa,var(--team-purple));
    box-shadow:0 0 16px rgba(169,112,255,.18);
}

.xp-month-chart .negative span{
    background:linear-gradient(to top,#822f38,#ff6e6e);
}

.xp-month-chart b{font-size:.64rem;color:#b6c2c6}
.xp-month-chart small{font-size:.6rem;color:#70868e}
.chart-note{margin:13px 0 0;color:#71878e;font-size:.68rem;line-height:1.5}

.team-detail-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.pro-breakdown{margin-top:0}
.pro-breakdown>div{background:rgba(255,255,255,.018)}
.pro-activity-list{max-height:350px;overflow:auto;padding-right:4px}
.pro-activity-list article{background:rgba(255,255,255,.018)}

.evaluation-status{
    display:grid;
    min-width:150px;
    padding:10px 14px;
    border:1px solid rgba(169,112,255,.2);
    border-radius:13px;
    text-align:right;
    background:rgba(169,112,255,.055);
}

.evaluation-status strong{color:var(--team-purple)}
.evaluation-status span{color:#82969d;font-size:.66rem}

.team-dashboard .self-evaluation-item{
    background:linear-gradient(145deg,rgba(17,27,33,.94),rgba(9,15,19,.96));
    border-color:var(--team-border);
}

.team-dashboard .self-evaluation-item button{
    background:linear-gradient(135deg,#45df68,#18bd61);
    color:#041009;
}

.team-motivation{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:15px 20px;
    border:1px solid var(--team-border);
    border-radius:15px;
    background:linear-gradient(145deg,rgba(18,28,34,.94),rgba(10,16,20,.98));
    text-align:center;
}

.team-motivation span{color:#f3c142;font-size:1.35rem}
.team-motivation p{margin:0;color:#e2e9eb}
.team-motivation small{color:#cda84c}

@media(max-width:1180px){
    .team-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .team-analytics-grid{grid-template-columns:1fr 1fr}
    .xp-history-card{grid-column:1/-1}
}

@media(max-width:760px){
    .team-dashboard{gap:12px}
    .team-dashboard-head{align-items:flex-start;flex-direction:column}
    .team-period{width:100%}
    .team-kpi-grid,
    .team-analytics-grid,
    .team-detail-grid{grid-template-columns:1fr}
    .xp-history-card{grid-column:auto}
    .team-progress-layout{grid-template-columns:1fr;justify-items:center;text-align:center}
    .team-progress-copy .integration-badge{justify-self:center}
    .confidence-summary{grid-template-columns:1fr 1fr 1fr}
    .team-pro-card .section-heading{align-items:flex-start;flex-direction:column}
    .evaluation-status{text-align:left}
    .team-motivation{align-items:flex-start;flex-wrap:wrap}
}

@media(max-width:440px){
    .team-kpi-grid{grid-template-columns:1fr}
    .team-kpi-card{padding:17px}
    .team-pro-card{padding:17px}
    .confidence-summary{grid-template-columns:1fr}
    .confidence-summary>div{padding:10px;border-top:1px solid var(--team-border)}
}

/* Cuentas MT5 exclusivas del modulo Equipo */
.team-accounts-section{scroll-margin-top:24px}
.team-account-slot-grid,
.team-account-admin-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
}
.team-account-slot,
.team-account-admin-card{
    overflow:hidden;
    border:1px solid rgba(174,199,211,.13);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(16,27,32,.96),rgba(8,17,21,.98));
    box-shadow:0 14px 34px rgba(0,0,0,.14);
}
.team-account-slot{padding:18px}
.team-account-slot>header,
.team-account-admin-card>header{
    display:flex;
    align-items:center;
    gap:12px;
}
.team-account-slot>header>div:nth-child(2),
.team-account-admin-card>header>div:first-child{
    display:grid;
    gap:3px;
    min-width:0;
    flex:1;
}
.team-account-slot header span:not(.account-state),
.team-account-admin-card header div>span{
    color:#74e5a5;
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.14em;
}
.team-account-slot h3,
.team-account-admin-card h3{margin:0;font-size:1.05rem}
.team-account-admin-card header small{color:#7f969d}
.account-slot-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid rgba(69,225,95,.2);
    border-radius:13px;
    color:#55e774;
    background:rgba(69,225,95,.07);
    font-size:1.2rem;
}
.account-state{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:5px 9px;
    border:1px solid rgba(174,199,211,.15);
    border-radius:999px;
    color:#a7b7bc;
    background:rgba(255,255,255,.03);
    font-size:.65rem;
    font-weight:800;
    white-space:nowrap;
}
.state-pending{color:#ffd05c;border-color:rgba(255,193,29,.25);background:rgba(255,193,29,.08)}
.state-approved{color:#61e987;border-color:rgba(69,225,95,.25);background:rgba(69,225,95,.08)}
.state-rejected{color:#ff8d83;border-color:rgba(255,100,89,.25);background:rgba(255,100,89,.08)}
.state-inactive{color:#a0adb1}
.team-account-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
    margin-top:18px;
}
.team-account-form>div{display:grid;gap:6px}
.team-account-form>div:first-of-type{grid-column:1/-1}
.team-account-form label{font-size:.72rem;color:#a8b7bc}
.team-account-form input,
.account-admin-actions input{
    width:100%;
    border:1px solid rgba(174,199,211,.14);
    border-radius:11px;
    background:#0b1519;
    color:#eef5f2;
}
.team-account-form button{grid-column:1/-1}
.account-slot-data,
.account-admin-data{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:17px;
}
.account-slot-data>div,
.account-admin-data>div{
    display:grid;
    gap:4px;
    min-width:0;
    padding:11px;
    border:1px solid rgba(174,199,211,.09);
    border-radius:11px;
    background:rgba(255,255,255,.02);
}
.account-slot-data small,
.account-admin-data small{color:#758b92;font-size:.65rem}
.account-slot-data strong,
.account-admin-data strong{overflow-wrap:anywhere;font-size:.82rem}
.account-sync-line{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:13px;
    color:#84999f;
    font-size:.7rem;
}
.account-sync-line span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#6b7c81;
    box-shadow:0 0 0 4px rgba(107,124,129,.08);
}
.account-sync-line.sync-connected{color:#60e88a}
.account-sync-line.sync-connected span{background:#45e15f;box-shadow:0 0 0 4px rgba(69,225,95,.1)}
.account-feedback{
    margin-top:16px;
    padding:12px;
    border-radius:12px;
    background:rgba(255,255,255,.025);
}
.account-feedback p{margin:4px 0 0;color:#86999f;font-size:.74rem}
.account-security-note{
    margin:14px 0 0;
    color:#7e949b;
    font-size:.7rem;
    text-align:center;
}
.team-account-admin{margin-bottom:20px}
.account-admin-counters{display:flex;gap:8px;flex-wrap:wrap}
.account-admin-counters span{
    padding:8px 11px;
    border:1px solid rgba(174,199,211,.12);
    border-radius:10px;
    color:#8da0a6;
    background:rgba(255,255,255,.02);
    font-size:.7rem;
}
.account-admin-counters b{color:#eef5f2;font-size:.9rem}
.team-account-admin-card{padding:16px}
.account-admin-note,
.account-readonly-note{
    margin:12px 0 0;
    padding:10px 11px;
    border-radius:10px;
    background:rgba(255,255,255,.025);
    color:#8da0a6;
    font-size:.72rem;
}
.account-admin-actions{
    display:grid;
    grid-template-columns:1fr auto auto;
    gap:8px;
    margin-top:13px;
}
.account-admin-actions button{min-width:90px}

@media(max-width:800px){
    .team-account-slot-grid,
    .team-account-admin-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
    .team-account-slot>header,
    .team-account-admin-card>header{align-items:flex-start;flex-wrap:wrap}
    .account-state{margin-left:54px}
    .team-account-form,
    .account-slot-data,
    .account-admin-data{grid-template-columns:1fr}
    .team-account-form>div:first-of-type{grid-column:auto}
    .team-account-form button{grid-column:auto}
    .account-admin-actions{grid-template-columns:1fr 1fr}
    .account-admin-actions input{grid-column:1/-1}
}
.admin-team-shortcuts{position:sticky;top:12px;z-index:12;display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px;padding:7px;border:1px solid rgba(45,220,130,.18);border-radius:16px;background:rgba(4,14,11,.94);backdrop-filter:blur(16px)}.admin-team-shortcuts button{padding:11px 15px;border:0;border-radius:11px;background:transparent;color:#91aaa0;font:inherit;font-size:.84rem;font-weight:750;cursor:pointer}.admin-team-shortcuts button:hover,.admin-team-shortcuts button.active{color:#effff7;background:rgba(31,218,126,.14);box-shadow:inset 0 0 0 1px rgba(31,218,126,.22)}.workspace-tabs button:focus-visible{outline:2px solid #25df84;outline-offset:2px}.pin-xp-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;border:1px solid rgba(45,220,130,.22);border-radius:16px;background:rgba(18,48,37,.48)}.pin-settings-card{grid-column:1/-1}.pin-settings-list{display:grid;gap:10px}.pin-setting-row{display:grid;grid-template-columns:42px minmax(150px,.8fr) minmax(130px,.55fr) minmax(220px,1.4fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.pin-setting-dot{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#26362f;color:#fff}.pin-green{color:#54e46f}.pin-gold,.pin-yellow{color:#ffd15b}.pin-blue{color:#65b8ff}.pin-red{color:#ff7676}.pin-black{color:#c8a8ff}.team-account-reminder{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;margin:18px 0;border:1px solid rgba(45,220,130,.28);border-radius:18px;background:linear-gradient(120deg,rgba(10,37,27,.95),rgba(8,20,17,.95))}.team-account-reminder h2,.team-account-reminder p{margin:3px 0}.team-account-reminder-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.team-account-reminder-status>span{display:grid;gap:2px;min-width:105px;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.8rem}.team-account-reminder-status>span b{font-size:.92rem}
@media(max-width:800px){.pin-xp-picker{grid-template-columns:1fr}.pin-setting-row{grid-template-columns:34px 1fr}.pin-setting-row .pin-description,.pin-setting-row button{grid-column:2}.team-account-reminder{align-items:flex-start;flex-direction:column}.team-account-reminder-status{width:100%}.team-account-reminder-status .btn{width:100%;text-align:center}}

/* Equipo: superficie clara y composición por tareas. La zona VP conserva sus estilos propios. */
.team-admin-page{margin:-8px -10px 0;padding:24px;min-height:80vh;border-radius:24px 24px 0 0;background:#edf4f0;color:#193129}
.team-admin-page .back-link{color:#35715c}
.team-admin-page .team-hero{align-items:center;margin-top:14px;border-color:#cce0d6;background:linear-gradient(135deg,#fff,#e4f3eb);box-shadow:0 18px 45px rgba(25,74,55,.08)}
.team-admin-page .team-hero h1,.team-admin-page h2,.team-admin-page h3,.team-admin-page strong,.team-admin-page label{color:#152d25}
.team-admin-page .team-hero p,.team-admin-page .small,.team-admin-page small,.team-admin-page .section-heading p{color:#60786e}
.team-admin-page .team-hero-metrics span{border-color:#bedbcd;background:#f4fbf7;color:#315f4e}
.team-admin-page .admin-team-shortcuts{top:10px;border-color:#c7ddd2;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(30,75,58,.1)}
.team-admin-page .admin-team-shortcuts button{color:#587067}
.team-admin-page .admin-team-shortcuts button:hover,.team-admin-page .admin-team-shortcuts button.active{color:#0e6c45;background:#daf3e6;box-shadow:inset 0 0 0 1px #b8dfcc}
.team-admin-page .card,.team-admin-page .team-overview-grid article,.team-admin-page .member-summary-card{border-color:#d5e4dc;background:#fff;box-shadow:0 10px 28px rgba(28,70,54,.055)}
.team-admin-page .team-overview-grid article{padding:16px}.team-admin-page .team-overview-grid strong{font-size:1.75rem}
.team-admin-page input,.team-admin-page select,.team-admin-page textarea,.team-admin-page .readonly-field{border-color:#cdded5;background:#f7faf8;color:#183128;box-shadow:none}
.team-admin-page input:focus,.team-admin-page select:focus,.team-admin-page textarea:focus{border-color:#36b77b;box-shadow:0 0 0 3px rgba(54,183,123,.12)}
.team-admin-page .access-checks label,.team-admin-page .pin-setting-row,.team-admin-page .evaluation-field-list article,.team-admin-page .team-activity-list article{border-color:#dce9e2;background:#f8fbf9}
.team-admin-page .access-checks small,.team-admin-page .team-activity-list p,.team-admin-page .team-activity-list small,.team-admin-page .member-summary-card small,.team-admin-page .member-xp-score span{color:#6b8278}
.team-admin-page .pin-xp-picker{border-color:#c7e1d4;background:#eff8f3}
.team-admin-page .team-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.team-admin-page .member-config-card,.team-admin-page .pin-settings-card{grid-column:1/-1}
.team-admin-page .member-config-card form{max-width:980px;margin-inline:auto}
.team-admin-page .pin-settings-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.team-admin-page .pin-setting-row{grid-template-columns:34px 1fr 150px;align-items:end}.team-admin-page .pin-setting-row .pin-description{grid-column:2/-1}.team-admin-page .pin-setting-row button{grid-column:3;grid-row:1}
.team-admin-page .team-account-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.team-admin-page .team-member-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.team-admin-page .team-roster~section .team-activity-list,.team-admin-page .team-self-review-admin .table-scroll{max-height:520px;overflow:auto;padding-right:5px}

.team-dashboard{margin:-8px -10px 0;padding:22px;border-radius:24px 24px 0 0;background:#edf4f0;color:#193129}
.team-dashboard .team-dashboard-head h1,.team-dashboard .team-dashboard-head p{color:#193129}
.team-dashboard .team-dashboard-head>div:first-child>p:last-child{color:#60786e}
.team-dashboard .team-section-nav{position:sticky;top:10px;z-index:11;border-color:#c7ddd2;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(30,75,58,.1);backdrop-filter:blur(15px)}
.team-dashboard .team-section-nav button{color:#5d736a}.team-dashboard .team-section-nav button:hover,.team-dashboard .team-section-nav button.active{color:#704f00;background:linear-gradient(135deg,#ffe392,#efc759);box-shadow:inset 0 0 0 1px #e0b844}
.team-dashboard .team-account-reminder,.team-dashboard .team-accounts-section,.team-dashboard .kpi-confidence,.team-dashboard .kpi-xp,.team-dashboard .kpi-pin,.team-dashboard #confianza,.team-dashboard #experiencia,.team-dashboard .team-detail-grid .team-pro-card,.team-dashboard .self-evaluation-card{border-color:#d2e2da;background:#fff;color:#193129;box-shadow:0 10px 28px rgba(28,70,54,.06)}
.team-dashboard .team-account-reminder{background:linear-gradient(125deg,#fff,#e0f2e9)}
.team-dashboard .team-account-reminder h2,.team-dashboard .team-accounts-section h2,.team-dashboard #confianza h2,.team-dashboard #experiencia h2,.team-dashboard .team-detail-grid h2,.team-dashboard .self-evaluation-card h2{color:#173027}
.team-dashboard .team-account-reminder p,.team-dashboard .team-accounts-section p,.team-dashboard #confianza p,.team-dashboard #experiencia p,.team-dashboard .team-detail-grid p,.team-dashboard .self-evaluation-card p{color:#627a70}
.team-dashboard .team-account-slot,.team-dashboard .self-evaluation-item,.team-dashboard .xp-breakdown>div,.team-dashboard #confianza .team-activity-list article{border-color:#dbe7e1;background:#f7faf8;color:#193129}
.team-dashboard .team-account-form input,.team-dashboard .self-evaluation-item textarea{border-color:#ccdcd4;background:#fff;color:#193129}
.team-dashboard .team-detail-grid,.team-dashboard .team-analytics-grid{gap:16px}

@media(max-width:1100px){.team-admin-page .team-member-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-admin-page .team-account-admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){.team-admin-page,.team-dashboard{margin:-8px -14px 0;padding:16px;border-radius:18px 18px 0 0}.team-admin-page .team-admin-grid,.team-admin-page .pin-settings-list,.team-admin-page .team-member-summary-grid{grid-template-columns:1fr}.team-admin-page .pin-setting-row{grid-template-columns:30px 1fr}.team-admin-page .pin-setting-row .pin-description,.team-admin-page .pin-setting-row button{grid-column:2;grid-row:auto}.admin-team-shortcuts,.team-section-nav{flex-wrap:nowrap;overflow-x:auto}.admin-team-shortcuts button,.team-section-nav button{white-space:nowrap}.team-dashboard .team-dashboard-head{align-items:flex-start}.team-dashboard .team-period{display:none}}

/* Tema claro global de la plataforma autenticada.
   VP conserva sus tarjetas, colores y estados propios. */
body.app-authenticated{
    color:#193129;
    background:
        radial-gradient(circle at 8% 0,rgba(40,190,123,.10),transparent 28%),
        linear-gradient(145deg,#f5f9f7 0%,#eaf3ef 55%,#f8faf9 100%);
}
.app-authenticated .site-wrapper{min-height:100vh;background:transparent}
.app-authenticated .topbar{
    background:rgba(255,255,255,.93);
    border-bottom-color:#d5e4dc;
    box-shadow:0 8px 28px rgba(28,70,54,.07);
}
.app-authenticated .topbar-inner{padding:14px 24px}
.app-authenticated .brand-mark{box-shadow:0 8px 22px rgba(24,169,93,.20)}
.app-authenticated .brand-title{color:#173027}
.app-authenticated .brand-subtitle{color:#6b8278}
.app-authenticated .main-container{margin-top:0;padding-top:28px}

.app-authenticated .app-navigation{
    background:
        radial-gradient(circle at 80% 0,rgba(34,228,122,.10),transparent 32%),
        rgba(250,253,251,.98);
    border-left-color:#d4e4dc;
    box-shadow:-14px 0 36px rgba(28,70,54,.09);
}
.app-authenticated .nav-profile{border-bottom-color:#dbe7e1}
.app-authenticated .nav-profile-copy strong{color:#173027}
.app-authenticated .nav-profile-copy span{color:#70867d}
.app-authenticated .desktop-nav{scrollbar-color:#a9d8c2 transparent}
.app-authenticated .app-nav-link{color:#526960}
.app-authenticated .app-nav-link:hover{color:#173b2d;background:#edf7f2}
.app-authenticated .app-nav-link.active{
    color:#087345;
    background:#ddf4e8;
    box-shadow:inset 0 0 0 1px #bee3d0;
}
.app-authenticated .nav-footer{border-top-color:#dbe7e1}
.app-authenticated .danger-link:hover{color:#d63f58;background:#fff0f2}

.app-authenticated .page-title,
.app-authenticated .section-title,
.app-authenticated .page-head h1,
.app-authenticated .page-head h2{color:#173027}
.app-authenticated .small,
.app-authenticated .page-head p{color:#667e74}
.app-authenticated .eyebrow{color:#0b9b5b}
.app-authenticated .back-link{color:#39715d}

.app-authenticated .panel-box,
.app-authenticated .form-box,
.app-authenticated .table-box,
.app-authenticated .card,
.app-authenticated .stat-card,
.app-authenticated .nav-card{
    background:rgba(255,255,255,.94);
    border-color:#d5e4dc;
    box-shadow:0 12px 34px rgba(28,70,54,.065);
}
.app-authenticated .stat-label,
.app-authenticated .nav-card-text{color:#6b8278}
.app-authenticated .stat-value,
.app-authenticated .nav-card-title,
.app-authenticated .card h3{color:#173027}
.app-authenticated .card p{color:#60786e}
.app-authenticated .nav-card:hover{border-color:#9fd4ba;box-shadow:0 16px 34px rgba(28,104,73,.11)}

.app-authenticated label{color:#29483c}
.app-authenticated input[type=text],
.app-authenticated input[type=email],
.app-authenticated input[type=password],
.app-authenticated input[type=number],
.app-authenticated input[type=date],
.app-authenticated select,
.app-authenticated textarea,
.app-authenticated .select-wrap select{
    border-color:#cadcd3;
    background:#f9fcfa;
    color:#193129;
    box-shadow:inset 0 1px 1px rgba(22,62,46,.025);
}
.app-authenticated input::placeholder,
.app-authenticated textarea::placeholder{color:#8da198}
.app-authenticated input:focus,
.app-authenticated select:focus,
.app-authenticated textarea:focus{
    border-color:#32b776;
    background:#fff;
    box-shadow:0 0 0 4px rgba(50,183,118,.12);
}
.app-authenticated select option{background:#fff;color:#193129}
.app-authenticated .select-wrap::after{color:#2b8c61}
.app-authenticated .btn-outline{color:#23523f;border-color:#bdd7ca;background:#fff}
.app-authenticated .btn-outline:hover{color:#086b40;border-color:#73bd99;background:#edf8f2}

.app-authenticated .table-box{background:#fff}
.app-authenticated .table th{background:#edf5f1;color:#29483c;border-bottom-color:#ccded5}
.app-authenticated .table td{color:#3f5b50;border-bottom-color:#e3ece7}
.app-authenticated .table tbody tr:hover{background:#f7fbf9}
.app-authenticated .msg{color:#17623f;background:#e8f7ef;border-color:#b9e0cb}
.app-authenticated .msg.error{color:#9e3044;background:#fff0f2;border-color:#f1bdc6}
.app-authenticated .footer{background:rgba(248,252,250,.92);border-top-color:#d4e4dc}
.app-authenticated .footer-inner{color:#698077}

/* Evita el efecto de un bloque blanco aislado dentro del nuevo fondo global. */
.app-authenticated .team-admin-page,
.app-authenticated .team-dashboard{
    margin:0;
    padding:0;
    min-height:auto;
    border-radius:0;
    background:transparent;
}

@media(max-width:900px){
    .app-authenticated .app-navigation{
        background:rgba(252,254,253,.98);
        border-top-color:#c9ddd3;
        box-shadow:0 -10px 30px rgba(28,70,54,.13);
    }
    .app-authenticated .mobile-nav-link{color:#6a8077}
    .app-authenticated .mobile-nav-link.active{color:#07834d;background:#e5f6ed}
    .app-authenticated .mobile-more-backdrop{background:rgba(25,49,41,.34)}
    .app-authenticated .mobile-more-panel{border-color:#c9ddd3;background:#fff;box-shadow:0 24px 60px rgba(28,70,54,.20)}
    .app-authenticated .mobile-more-grid a{color:#3f5d51;background:#f4f9f6;border-color:#d7e6de}
    .app-authenticated .main-container{padding-top:20px}
}

/* Integración visual de VP con el tema claro.
   Los colores dinámicos, mensajes, barras y condiciones permanecen intactos. */
.team-dashboard .team-kpi-card.kpi-vp,
.team-dashboard .team-pro-card#vp{
    border-color:#d2e2da;
    background:#fff;
    color:#193129;
    box-shadow:0 10px 28px rgba(28,70,54,.06);
}
.team-dashboard .kpi-vp span,
.team-dashboard .kpi-vp p,
.team-dashboard .kpi-vp>small,
.team-dashboard #vp p,
.team-dashboard #vp .team-ring span{color:#627a70}
.team-dashboard .kpi-vp .kpi-progress{background:#e3ece7}
.team-dashboard #vp .info-pill{border-color:#cbded5;background:#f4f9f6;color:#526d62}
.team-dashboard #vp .team-ring::after{border-color:#d9e6df;background:#f8fbf9}

/* Componentes heredados que aún conservaban superficies oscuras. */
.app-authenticated .table th:last-child,
.app-authenticated .table td:last-child{
    color:#274b3d;
    background:#e4f3ec;
    border-bottom-color:#c9ddd3;
    box-shadow:-7px 0 16px rgba(35,82,63,.10);
}
.app-authenticated .table thead th:last-child{
    color:#173f30;
    background:#d5ece1;
}
.app-authenticated .table tbody tr:hover td:last-child{background:#daeee4}

/* Avance: bloque destacado y claro para facilitar la revisión operativa. */
.app-authenticated .advance-card{
    border-color:#aedbc6;
    background:
        radial-gradient(circle at 100% 0,rgba(255,208,92,.28),transparent 36%),
        linear-gradient(145deg,#f0fbf6 0%,#e0f4ea 58%,#fff8df 100%);
    box-shadow:0 14px 34px rgba(32,103,73,.10);
}
.app-authenticated .advance-card h3{color:#123b2c}
.app-authenticated .advance-card p{color:#557267}
.app-authenticated .advance-card header>strong{color:#078a50}
.app-authenticated .advance-facts>div{border-color:#c5e1d4;background:rgba(255,255,255,.72)}
.app-authenticated .advance-facts span{color:#647d73}
.app-authenticated .advance-facts strong{color:#25483a}
.app-authenticated .advance-card footer{border-top-color:#bfdccf}
.app-authenticated .advance-rules .done{color:#087344;background:#ccefdc}
.app-authenticated .advance-rules .pending{color:#8a6100;background:#fff0bd}
.app-authenticated .advance-rules .failed{color:#a93249;background:#ffe0e5}

/* Encabezado de período de Equipo integrado con la interfaz clara. */
.team-dashboard .team-period{
    border-color:#bfdae4;
    background:linear-gradient(145deg,#edf8fc,#dceff6);
    color:#1f4d5d;
    box-shadow:0 12px 30px rgba(49,111,134,.12);
}
.team-dashboard .team-period small{color:#63818c}
.team-dashboard .team-period strong{color:#17495b}
.team-dashboard .team-period-icon{color:#1785ad;background:#d2edf7}

/* Registro publico de Equipo */
.team-register-callout{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.team-register-callout span{color:var(--muted);font-size:.86rem}
.team-registration-page{max-width:1050px;margin:0 auto;padding:10px 0 40px}
.registration-intro{padding:28px 30px;margin-bottom:18px;border:1px solid rgba(34,228,122,.22);border-radius:26px;background:radial-gradient(circle at 90% 10%,rgba(34,228,122,.13),transparent 34%),linear-gradient(145deg,rgba(11,25,20,.98),rgba(4,12,10,.98))}
.registration-intro h1{margin:5px 0 10px;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.registration-intro>p:last-of-type{color:var(--text-soft)}
.registration-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.registration-steps span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text-soft);font-size:.78rem}.registration-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#04110a;background:var(--green)}
.registration-form{display:grid;gap:18px}.registration-card{padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(11,19,19,.97),rgba(7,13,12,.97));box-shadow:var(--shadow-lg)}.registration-card h2{margin:4px 0 16px}.registration-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.registration-account-grid article{position:relative;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.registration-account-grid article>span{position:absolute;right:18px;top:14px;color:rgba(34,228,122,.28);font-size:1.5rem;font-weight:900}.registration-account-grid h3{margin:0 0 15px}
.registration-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid rgba(34,228,122,.22);border-radius:18px;background:rgba(34,228,122,.07)}.registration-submit p{margin:0;color:var(--text-soft);font-size:.84rem}.verification-result{text-align:center}.verification-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;color:#fff;background:var(--danger);font-size:2rem;font-weight:900}.verification-result.verified .verification-icon{color:#04110a;background:var(--green)}.verification-result .btn{margin:8px 4px}
.status-awaiting_email{color:#8a6100;background:#fff0bd}.registration-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.registration-admin-card{padding:18px;border:1px solid #d5e4dc;border-radius:18px;background:#fff}.registration-admin-card header{display:flex;justify-content:space-between;gap:14px}.registration-admin-card h3,.registration-admin-card p{margin:0}.registration-admin-card p{margin-top:5px;color:#6b8278;font-size:.78rem}.registration-admin-accounts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.registration-admin-accounts>div{display:grid;gap:4px;padding:12px;border-radius:13px;background:#f2f8f5}.registration-admin-accounts small,.registration-admin-accounts span{color:#6b8278;font-size:.7rem}.registration-admin-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.registration-admin-actions input{margin:0}
@media(max-width:720px){.registration-account-grid,.registration-admin-grid{grid-template-columns:1fr}.registration-submit{align-items:stretch;flex-direction:column}.registration-admin-actions{grid-template-columns:1fr 1fr}.registration-admin-actions input{grid-column:1/-1}.team-register-callout{align-items:stretch;flex-direction:column}}
.forgot-password-link{display:inline-flex;margin-top:14px;color:var(--accent,#12c875);font-weight:700;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.password-recovery-card{max-width:560px}.password-recovery-card form{display:grid;gap:12px;margin-top:20px}.password-recovery-card .back-link{display:inline-flex;margin-top:20px}.registration-approval-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;margin-top:16px}.registration-approval-form>div{display:grid;gap:6px}.registration-approval-form label{font-size:.78rem;font-weight:800}.registration-approval-form .approval-wide,.registration-approval-form .approval-buttons{grid-column:1/-1}.registration-approval-form .approval-buttons{display:flex;flex-direction:row;flex-wrap:wrap}@media(max-width:700px){.registration-approval-form{grid-template-columns:1fr}.registration-approval-form .approval-wide,.registration-approval-form .approval-buttons{grid-column:auto}}

/* Experiencia publica clara y unificada */
.app-public{color:#17372d;background:#eef7f2}.app-public .site-wrapper{min-height:100vh;background:radial-gradient(circle at 12% 8%,#fff 0,#f6fbf8 34%,transparent 56%),linear-gradient(145deg,#edf7f2,#e5f2eb)}.app-public .topbar{border-bottom:1px solid #d7e6de;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(29,70,53,.05)}.app-public .brand-title{color:#16372c}.app-public .brand-subtitle{color:#6a8177}.app-public .hero{display:none}.app-public .main-container{width:min(1180px,calc(100% - 32px));padding:34px 0 50px}.app-public .panel-box{color:#17372d;border:1px solid #d5e5dc;background:#fff;box-shadow:0 22px 55px rgba(27,75,55,.11)}.app-public label{color:#29483e}.app-public input,.app-public select,.app-public textarea{width:100%;min-height:48px;padding:12px 14px;color:#17372d;border:1px solid #cadcd3;border-radius:13px;background:#f9fcfa;box-shadow:none;font:inherit}.app-public input:focus,.app-public select:focus,.app-public textarea:focus{outline:3px solid rgba(20,196,111,.13);border-color:#20bb73;background:#fff}.app-public button,.app-public .btn{border-radius:12px}.app-public .small{color:#6a8177}.app-public .eyebrow{color:#14985d}.app-public .msg{border-radius:14px}
.public-login-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.72fr);gap:34px;align-items:center;min-height:calc(100vh - 220px)}.public-login-intro{padding:34px}.public-login-intro h1{max-width:600px;margin:16px 0;font-size:clamp(2.7rem,6vw,5rem);line-height:.96;letter-spacing:-.06em;color:#15382d}.public-login-intro>p{max-width:560px;color:#617b70;font-size:1.08rem;line-height:1.65}.public-access-badge{display:inline-flex;padding:8px 12px;border-radius:999px;color:#0c8750;background:#dff6e9;font-size:.72rem;font-weight:900;letter-spacing:.14em}.login-benefits{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.login-benefits span{padding:9px 12px;border:1px solid #d3e5dc;border-radius:999px;color:#517064;background:rgba(255,255,255,.7);font-size:.76rem;font-weight:700}.public-login-card{padding:30px!important}.public-login-card h2{margin:7px 0 6px;color:#17372d}.public-login-card form{display:grid;gap:8px;margin-top:22px}.public-login-card form button{margin-top:8px}.public-registration-options{display:grid;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid #dfebe5}.public-registration-options>p{margin:0 0 3px;color:#617b70;font-size:.78rem;font-weight:700}.registration-option{display:grid;gap:2px;padding:12px 14px;border:1px solid #d5e6de;border-radius:13px;color:#17372d;background:#f7fbf9;text-decoration:none;transition:.2s}.registration-option:hover{border-color:#7bd3a4;transform:translateY(-1px);box-shadow:0 8px 20px rgba(28,99,68,.08)}.registration-option b{font-size:.86rem}.registration-option span{color:#6a8177;font-size:.7rem}.team-option{border-left:4px solid #18c673}.trader-option{border-left:4px solid #e5af32}
.public-access-page{display:grid;gap:18px;max-width:1080px;margin:0 auto}.public-access-hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px;padding:26px 30px;border:1px solid #d5e5dc;border-radius:24px;background:linear-gradient(135deg,#fff,#edf9f2);box-shadow:0 14px 34px rgba(26,79,56,.07)}.public-access-hero .public-access-badge{grid-column:1/-1;justify-self:start}.public-access-hero h1{margin:0;color:#15382d;font-size:clamp(2rem,4.5vw,3.5rem);letter-spacing:-.045em}.public-access-hero>p{max-width:620px;margin:0;color:#607a6f;line-height:1.55}.public-step-row{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}.public-step-row span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #d5e6de;border-radius:999px;color:#59766a;background:#fff;font-size:.7rem;font-weight:800}.public-step-row b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:#17b86b}.public-access-form{padding:26px 28px;border:1px solid #d3e4db;border-radius:24px;background:#fff;box-shadow:0 20px 48px rgba(27,75,55,.09)}.public-form-heading,.public-section-divider{display:flex;align-items:end;justify-content:space-between;gap:18px}.public-form-heading span,.public-section-divider span{color:#15955b;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.public-form-heading h2,.public-section-divider h2{margin:4px 0 0;color:#17372d;font-size:1.35rem}.public-form-heading p,.public-section-divider p{margin:0;color:#71877e;font-size:.76rem}.public-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;margin-top:18px}.public-access-form label{display:grid;gap:6px}.public-access-form label>span{font-size:.75rem;font-weight:800}.public-section-divider{margin-top:24px;padding-top:20px;border-top:1px solid #e0ebe5}.public-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.public-account-grid article{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid #d7e7df;border-radius:17px;background:#f7fbf9}.public-account-title{grid-column:1/-1;display:flex;align-items:center;gap:10px}.public-account-title>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#0d8d54;background:#def6e9}.public-account-title span{color:#168c57;font-size:.65rem;font-weight:900}.public-account-title h3{margin:2px 0 0;color:#17372d;font-size:.94rem}.public-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:22px}.public-form-actions a{color:#547267;font-size:.8rem;font-weight:800;text-decoration:none}.public-form-actions button{min-width:220px}.password-recovery-card{margin:auto;padding:30px!important}.password-recovery-card h2{color:#17372d}.forgot-password-link{color:#11965a}
.app-authenticated .team-dashboard .team-accounts-section,.app-authenticated .team-dashboard .team-account-slot{color:#193129!important;border-color:#d3e4dc!important;background:#fff!important}.app-authenticated .team-dashboard .team-account-form{padding:14px;border:1px solid #dce9e3;border-radius:14px;background:#f5faf7}.app-authenticated .team-dashboard .team-account-form label{color:#49675c}.app-authenticated .team-dashboard .team-account-form input{color:#17372d!important;border-color:#cbded4!important;background:#fff!important}.app-authenticated .team-dashboard .account-slot-data>div{border-color:#dce9e3;background:#f5faf7}.app-authenticated .team-dashboard .account-slot-data small{color:#6a8177}.app-authenticated .team-dashboard .account-slot-data strong{color:#17372d}.applicant-type-badge{display:inline-flex;margin-bottom:7px;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.1em}.type-team{color:#0c8750;background:#dcf6e8}.type-trader{color:#8b6407;background:#fff0c8}.trader-assignment-note{margin:16px 0;padding:12px;border-radius:12px;color:#567267;background:#f2f8f5;font-size:.76rem}
@media(max-width:850px){.public-login-page{grid-template-columns:1fr;gap:10px}.public-login-intro{padding:10px 5px}.public-login-intro h1{font-size:2.8rem}.public-access-hero{grid-template-columns:1fr}.public-form-heading,.public-section-divider{align-items:flex-start;flex-direction:column}.public-account-grid{grid-template-columns:1fr}.public-account-grid article{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.app-public .main-container{width:min(100% - 20px,1180px);padding:18px 0 92px}.public-login-intro h1{font-size:2.35rem}.public-login-card,.public-access-form{padding:20px!important}.public-access-hero{padding:21px}.public-form-grid,.public-account-grid article{grid-template-columns:1fr}.public-form-actions{align-items:stretch;flex-direction:column-reverse}.public-form-actions button{width:100%;min-width:0}.public-form-actions a{text-align:center}}

/* Tema claro coherente. No modifica reglas, estados ni mensajes de VP. */
.app-public .topbar-inner{background:transparent!important}
.app-public .public-login-page,.app-public .public-access-page{color:#17372d!important}
.app-public .public-login-card,.app-public .public-access-form,.app-public .public-access-hero{color:#17372d!important;border-color:#d4e5dc!important;background:#fff!important}
.app-public .public-login-card input,.app-public .public-access-form input,.app-public .public-access-form select{color:#17372d!important;border-color:#c9ddd3!important;background:#f7fbf9!important}
.app-public .public-login-card h1,.app-public .public-login-card h2,.app-public .public-access-form h1,.app-public .public-access-form h2{color:#17372d!important}
.app-authenticated .role-summary-grid>div,.app-authenticated .phone-editor,.app-authenticated .empty-state-card,.app-authenticated .payment-config-card,.app-authenticated .payment-config-actions,.app-authenticated .reflection-card,.app-authenticated .announcement-section,.app-authenticated .focus-card,.app-authenticated .level-roadmap-card,.app-authenticated .attempt-history-card,.app-authenticated .recent-trades-card,.app-authenticated .account-detail-card{color:#17372d!important;border-color:#cfe2d8!important;background:#fff!important;box-shadow:0 14px 36px rgba(29,82,61,.09)!important}
.app-authenticated .role-summary-grid span,.app-authenticated .role-summary-grid strong,.app-authenticated .empty-state-card h2,.app-authenticated .reflection-card h2,.app-authenticated .announcement-section h2,.app-authenticated .payment-config-card h3{color:#17372d!important}
.app-authenticated .role-summary-grid small,.app-authenticated .empty-state-card p,.app-authenticated .reflection-card p,.app-authenticated .payment-config-card p{color:#637d72!important}
.app-authenticated .phone-editor select,.app-authenticated .phone-editor input{color:#17372d!important;border-color:#c9ded3!important;background:#f6faf8!important}
.app-authenticated .phone-editor button{box-shadow:none!important}
.app-authenticated .payment-config-card{background:linear-gradient(145deg,#fff,#f1faf5)!important}
.app-authenticated .payment-config-actions{background:rgba(255,255,255,.96)!important}
.app-authenticated .sticky-form-action{border-color:#cfe2d8!important;background:rgba(255,255,255,.94)!important;box-shadow:0 14px 34px rgba(29,82,61,.10)!important}
.app-authenticated .announcement{color:#17372d!important;border-color:#d8e7e0!important;background:#f6faf8!important}
.app-authenticated .journal-list article,.app-authenticated .attempt-item{border-color:#d8e7e0!important;background:#f5faf7!important}
.app-authenticated .soft-empty{color:#617a70!important;border-color:#cbded4!important;background:#f7fbf9!important}
.permission-toggle{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid #cfe1d8;border-radius:14px;background:#f6faf8;color:#29483c;font-weight:750}
.permission-toggle input{width:18px!important;min-height:18px!important;margin:0}
.cash-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px}.cash-toolbar form{display:flex;align-items:end;gap:12px}.cash-toolbar input{margin:0}
.cash-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.cash-summary-grid article{display:grid;gap:7px;padding:20px;border:1px solid #cfe2d8;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(29,82,61,.07)}.cash-summary-grid span{color:#5e786d;font-weight:850;letter-spacing:.1em}.cash-summary-grid strong{color:#17372d;font-size:1.8rem}.cash-summary-grid small{color:#6c8379}.cash-entry-card{margin-bottom:18px}.cash-income{color:#087a49!important;background:#dff5e9!important}.cash-expense{color:#ad3048!important;background:#ffe8ec!important}.table td small{display:block;margin-top:5px;color:#71877e}
@media(max-width:760px){.cash-summary-grid{grid-template-columns:1fr}.cash-toolbar,.cash-toolbar form{align-items:stretch;flex-direction:column}.cash-toolbar form button{width:100%}}

/* Tema claro publico: login, recuperacion, verificacion y registros. */
body.app-public{
    color:#19372d;
    background:
        radial-gradient(circle at 12% 4%,rgba(36,196,122,.14),transparent 29%),
        radial-gradient(circle at 92% 82%,rgba(72,168,215,.10),transparent 25%),
        linear-gradient(145deg,#f7fbf9 0%,#eaf5f0 55%,#f9fbfa 100%);
}
.app-public .site-wrapper{min-height:100vh;background:transparent}
.app-public .topbar{background:rgba(255,255,255,.92);border-bottom-color:#d4e5dc;box-shadow:0 8px 28px rgba(28,70,54,.07);backdrop-filter:blur(14px)}
.app-public .brand-title{color:#17372d}.app-public .brand-subtitle{color:#6b8278}
.app-public .hero{display:none}
.app-public .main-container{max-width:1260px;padding-top:34px;padding-bottom:44px}
.app-public .panel-box,.app-public .public-access-form,.app-public .password-recovery-card{color:#19372d!important;border-color:#d3e5dc!important;background:rgba(255,255,255,.96)!important;box-shadow:0 20px 50px rgba(28,78,57,.10)!important}
.app-public .page-title,.app-public h1,.app-public h2,.app-public h3,.app-public label{color:#17372d!important}
.app-public .small,.app-public p{color:#627b70}
.app-public input,.app-public select,.app-public textarea{color:#19372d!important;border-color:#c9ddd3!important;background:#f8fcfa!important;box-shadow:none!important}
.app-public input:focus,.app-public select:focus,.app-public textarea:focus{border-color:#36b878!important;background:#fff!important;box-shadow:0 0 0 4px rgba(54,184,120,.12)!important}
.app-public input::placeholder,.app-public textarea::placeholder{color:#8ba096}
.app-public .public-access-hero{border-color:#d2e4da;background:linear-gradient(135deg,#fff,#e8f7ef);box-shadow:0 14px 36px rgba(27,78,56,.08)}
.app-public .public-account-grid article,.app-public .registration-option{border-color:#d6e7de;background:#f5faf7}
.app-public .registration-submit{border-color:#bee2d0;background:#edf9f3}
.app-public .registration-intro,
.app-public .registration-card{
    color:#19372d!important;
    border-color:#d3e5dc!important;
    background:#fff!important;
    box-shadow:0 18px 44px rgba(28,78,57,.09)!important;
}
.app-public .registration-intro{
    background:linear-gradient(135deg,#fff,#e9f8f0)!important;
}
.app-public .registration-intro h1,
.app-public .registration-card h1,
.app-public .registration-card h2,
.app-public .registration-card h3,
.app-public .registration-card label{
    color:#17372d!important;
}
.app-public .registration-intro p,
.app-public .registration-card p,
.app-public .registration-card small{
    color:#637d72!important;
}
.app-public .registration-steps span{
    color:#547267!important;
    border-color:#d4e6dd!important;
    background:#f7fbf9!important;
}
.app-public .registration-account-grid article{
    border-color:#d6e7de!important;
    background:#f5faf7!important;
}
.app-public .footer{background:transparent;border-top-color:#d7e5de}.app-public .footer-inner{color:#6a8177}

/* Superficies heredadas: nunca deben reaparecer como bloques negros. */
.app-authenticated .role-summary-grid>div,
.app-authenticated .users-role-phone-form .phone-editor,
.app-authenticated .empty-state-card,
.app-authenticated .payment-config-card,
.app-authenticated .payment-config-actions,
.app-authenticated .reflection-card,
.app-authenticated .announcement-section,
.app-authenticated .focus-card,
.app-authenticated .account-journey-card .journey-content,
.app-authenticated .journey-marker,
.app-authenticated .request-list .card,
.app-authenticated .offer-row,
.app-authenticated .whatsapp-routing,
.app-authenticated .rule-checks>div{
    color:#19372d!important;
    border-color:#d2e3da!important;
    background:#fff!important;
    box-shadow:0 12px 32px rgba(28,76,56,.07)!important;
}
.app-authenticated .role-summary-grid>div{background:linear-gradient(145deg,#fff,#edf8f2)!important}
.app-authenticated .role-summary-grid span,.app-authenticated .role-summary-grid strong,
.app-authenticated .empty-state-card h2,.app-authenticated .empty-state-card h3,
.app-authenticated .payment-config-card h3,.app-authenticated .reflection-card h2,
.app-authenticated .announcement-section h2,.app-authenticated .focus-card h2,
.app-authenticated .journey-content h2,.app-authenticated .journey-content h3{color:#17372d!important}
.app-authenticated .role-summary-grid small,.app-authenticated .empty-state-card p,
.app-authenticated .payment-config-card p,.app-authenticated .reflection-card p,
.app-authenticated .announcement-section p,.app-authenticated .focus-card p,
.app-authenticated .journey-content p{color:#637d72!important}
.app-authenticated .payment-config-card{background:linear-gradient(145deg,#fff,#eef9f3)!important}
.app-authenticated .payment-config-actions{background:rgba(255,255,255,.96)!important}
.app-authenticated .users-role-phone-form select,
.app-authenticated .users-role-phone-form input[type=tel]{color:#19372d!important;border-color:#c9ddd3!important;background:#f8fcfa!important}
.app-authenticated .journey-marker{box-shadow:none!important}

@media(max-width:760px){
    .app-public .main-container{padding:18px 14px 100px}
    .public-login-page{grid-template-columns:1fr;gap:18px;min-height:auto}
    .public-login-intro{padding:18px 4px}.public-login-intro h1{font-size:2.4rem}
    .public-access-hero{grid-template-columns:1fr;padding:21px}
    .public-access-form{padding:20px}.public-form-grid,.public-account-grid{grid-template-columns:1fr}
    .public-account-grid article{grid-template-columns:1fr}
    .public-account-title{grid-column:auto}.public-form-actions{align-items:stretch;flex-direction:column}.public-form-actions button{width:100%}
}