/* Bdesh glass usability repair — 2026-11.
   Loaded after retro-ui.css. Focused corrections for actual visible components.
   Deliberately independent of the old light-theme token names. */
:root{--repair-bg:rgba(17,60,45,.88);--repair-card:rgba(22,67,50,.88);--repair-border:rgba(180,221,190,.30);--repair-text:#eff9ef;--repair-muted:#c0d9c7;--repair-focus:#d7eaa9}
body .journey-arrow::after,
body .journey-arrow:after{content:none!important;display:none!important;background:transparent!important;width:0!important;height:0!important}
body .journey-arrow{background:none!important;color:#bfdfc7!important;isolation:auto!important}
body .journey-arrow::before{border-left-color:rgba(189,221,199,.45)!important}
body .journey-rail{background:transparent!important}
body .journey-detail a.journey-link{display:inline-flex!important;align-items:center;align-self:flex-start;width:auto;min-height:42px;color:#e1f5e4!important;border-bottom:1px solid #afd9b8!important;text-decoration:none;font-weight:700;line-height:1.4;margin-top:15px}
body .journey-detail a.journey-link:hover{color:#fff!important;border-bottom-color:#fff!important}
body .journey-detail .journey-foot{color:#c4daca!important}

/* Correct cards whose content was touching the frosted outline. */
body .main .intro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:26px clamp(22px,3vw,36px)!important;min-width:0;background:linear-gradient(120deg,var(--repair-card),rgba(13,47,36,.87))!important;border:1px solid var(--repair-border)!important;border-radius:19px!important;box-shadow:0 13px 35px rgba(0,10,7,.15)!important}
body .main .intro>div:first-child{flex:1 1 390px;min-width:0}
body .main .intro h2{margin:9px 0 12px!important;line-height:1.22!important;overflow-wrap:anywhere}
body .main .intro p{margin:0!important;line-height:1.65!important;color:var(--repair-muted)!important}
body .main .intro .workspace-account-tools{display:flex;align-items:center;flex-wrap:wrap;gap:13px;flex:0 1 auto;min-width:0;max-width:100%}
body .main .intro .sync{max-width:240px;min-height:48px;display:flex;align-items:center}
body #profile-app .profile-panel{padding:clamp(24px,3.5vw,44px)!important;border:1px solid var(--repair-border)!important;border-radius:21px!important;background:linear-gradient(128deg,rgba(23,69,52,.79),rgba(9,42,33,.84))!important;min-width:0}
body #profile-app .profile-panel>.section-intro{padding:0!important;margin:0 0 30px!important;min-width:0}
body #profile-app .profile-panel .section-intro h2{margin:12px 0 18px!important;line-height:1.13!important;max-width:100%;overflow-wrap:anywhere}
body #profile-app .profile-panel .section-intro p{color:var(--repair-muted)!important;line-height:1.8!important}
body #profile-app .profile-panel>.primary-button.next{margin-top:26px!important}
body #profile-app .sidebar-head{padding:20px 21px!important;border:1px solid rgba(179,219,189,.2);border-radius:17px!important;background:rgba(15,53,40,.53)!important}
body #profile-app .sidebar-head :is(h1,p,.eyebrow){margin-left:0!important}
body #profile-app .illustration-lines>div{border-bottom:1px solid rgba(182,223,194,.18)!important;gap:18px;min-width:0}
body #profile-app .illustration-lines>div>*{min-width:0}
body #profile-app .illustration-lines>div small{color:#c2d7c7!important;line-height:1.5}
body #profile-app .line-icon{background:rgba(45,104,75,.78)!important;color:#ecf8ed!important;border:1px solid rgba(173,218,186,.28)!important;border-radius:9px;min-width:40px;text-align:center;flex:none}
body #profile-app .illustration-top{background:rgba(31,79,59,.85)!important;color:#ecf7ec!important}
body #profile-app .illustration-top span{color:#e4f1e6!important}
body #profile-app .advice-strip,body #profile-app .section-hint,body .research-caution,body #matching-insight{
 background:linear-gradient(115deg,rgba(34,88,62,.88),rgba(15,56,43,.91))!important;
 border:1px solid var(--repair-border)!important;
 border-left:3px solid #9fd4ad!important;
 border-radius:13px!important;
 box-shadow:none!important;
 color:var(--repair-text)!important;
 padding:20px 24px!important;
}
body #profile-app .advice-strip :is(p,strong,span),
body #profile-app .section-hint :is(p,strong,span),
body .research-caution :is(strong,span,p),
body #matching-insight :is(strong,span,p){color:var(--repair-text)!important;opacity:1!important}
body #matching-insight{font-size:14px!important;line-height:1.65!important;margin:14px 0 24px!important}
body .research-caution{font-size:14px!important;line-height:1.7!important}
body .research-caution strong{font-weight:800!important}
body .research-count{color:#d6ebdc!important}

/* Button contrast: a dark button always gets light lettering. */
body button,
body [role="button"]{background-color:#235a44!important;color:#eff9ed!important;border:1px solid rgba(175,218,187,.38)!important;border-radius:10px!important;text-shadow:none!important;min-height:42px}
body button :is(span,b,strong,small,i,em),
body [role="button"] :is(span,b,strong,small,i,em){color:inherit!important;opacity:1!important}
body button:hover:not(:disabled){background-color:#367455!important;color:#fff!important}
body button:disabled{opacity:.76!important;cursor:not-allowed}
body :is(.darkbtn,.primary-button,.primary-cta,.button,.google-signin),
body button.primary-button,body button.darkbtn,body button.button,
body a.darkbtn,body a.button{background:#dcefdc!important;color:#163f2f!important;border:1px solid #d6ebd5!important;box-shadow:none!important;text-shadow:none!important}
body :is(.darkbtn,.primary-button,.primary-cta,.button,.google-signin) :is(span,b,strong,small,i,em),
body button.primary-button :is(span,b,strong,small,i,em){color:#163f2f!important}
body :is(.darkbtn,.primary-button,.primary-cta,.button,.google-signin):hover{background:#f3faf0!important;color:#123b2d!important}
body .cardactions button,body .entry-actions button,body .followup-controls button,
body .followup-item button,body .application-footer button,
body .export-workspace,body button.outline-button{background:#245c46!important;color:#f0f9ef!important;border-color:rgba(191,226,198,.36)!important}
body .cardactions button:hover,body .entry-actions button:hover,body .followup-controls button:hover,
body .followup-item button:hover,body .application-footer button:hover{background:#327855!important;color:#fff!important}
body .cardactions button{font-size:13px!important;font-weight:700!important;line-height:1.4!important;padding:12px 15px!important;min-height:46px;white-space:normal;max-width:100%}
body .cardactions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:17px}
body .cardactions a{color:#dcf3e1!important;font-size:13px!important;text-decoration:underline;text-underline-offset:4px}
body .research-card{display:flex;flex-direction:column;min-width:0;padding:27px!important}
body .research-card .research-verification{color:#f2c790!important}
body .research-card ul,body .research-card li{color:#c6decd!important;line-height:1.6!important}
body .research-card>h3{font-size:21px!important;line-height:1.3!important}
body .research-card>*{min-width:0}
body .text-button,body .application-footer .text-button{background:transparent!important;color:#dcf5e3!important;border:1px solid transparent!important;text-decoration:underline;text-underline-offset:4px}
body button:focus-visible,body a:focus-visible{outline:3px solid var(--repair-focus)!important;outline-offset:3px!important}

/* Prevent nested panels/buttons from creating accidental overflow. */
body .profile-panel,body .paper-form,body .entry-card,body .research-card,
body .application-card,body .intro,body .journey-detail{overflow-wrap:anywhere;max-width:100%;min-width:0}
body .application-card :is(button,input,textarea,select),body .profile-panel :is(button,input,textarea,select){max-width:100%}
@media(max-width:800px){
 body .main .intro{padding:22px!important}
 body .main .intro .workspace-account-tools{width:100%;flex:1 1 100%}
 body #profile-app .profile-panel{padding:22px!important}
 body .journey-detail a.journey-link{min-height:44px}
}
@media(max-width:520px){
 body .main .intro .workspace-account-tools>*{flex:1 1 100%}
 body .research-card{padding:20px!important}
 body #profile-app .profile-panel{padding:19px!important}
 body #profile-app .illustration-lines>div{flex-wrap:wrap}
 body #profile-app .illustration-lines small{margin-left:0!important;text-align:left!important}
}