/* GTGF 19.33.3 — Related member pages and non-shadow plan library.
 * Unlike dashboard-experience.css this stylesheet acts only in the host DOM.
 * No overrides of training algorithms, account/security actions or consent states.
 */
.gtgf19333-context{position:relative;z-index:2;background:#0e1722;color:#f4f7fc;border-bottom:1px solid #263749;}
.gtgf19333-context__inner{width:min(1320px,calc(100% - 40px));margin-inline:auto;display:flex;align-items:center;gap:18px;min-height:66px;}
.gtgf19333-context__brand{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:14px;font-weight:900;color:#ff9c6b;letter-spacing:.08em;white-space:nowrap;}
.gtgf19333-context__brand strong{color:#f6f8fb;font-size:13px;font-weight:750;letter-spacing:0;}
.gtgf19333-context__links{display:flex;align-items:center;gap:5px;margin-left:auto;}
.gtgf19333-context__links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:12px;color:#cdd7e3;text-decoration:none;font-size:13px;font-weight:700;transition:background .16s,border-color .16s;white-space:nowrap;}
.gtgf19333-context__links a:hover,.gtgf19333-context__links a:focus-visible{color:#fff;background:#1b2a3b;border-color:#3a4d63;}
.gtgf19333-context__back{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:42px;padding:0 15px;border:1px solid #ff6a2a;border-radius:12px;background:#ff6a2a;color:#1c1009;text-decoration:none;font-size:13px;font-weight:850;white-space:nowrap;}
.gtgf19333-context__back:hover{background:#ff8750;border-color:#ff8750;color:#1c1009;}
.gtgf19333-context a:focus-visible{outline:3px solid #ffb080;outline-offset:3px}
@media(max-width:900px){
  .gtgf19333-context__inner{width:min(100% - 24px,1320px);gap:8px;min-height:60px;}
  .gtgf19333-context__links{display:none}
  .gtgf19333-context__back{margin-left:auto;padding:0 12px;font-size:12px;}
}
@media(max-width:370px){.gtgf19333-context__brand strong{display:none}}
/* Sign-in must clearly present both options and still allow a no-account preview. */
body.gtgf-v14 .login-section .gtgf19333-account-choice{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:25px;padding:20px 23px;border:1px solid #e3c9b2;
  border-radius:20px;background:linear-gradient(90deg,#fff7f0,#f9f5ef);box-shadow:0 12px 32px rgba(18,23,30,.06);color:#1d2631;
}
body.gtgf-v14 .login-section .gtgf19333-account-choice span{display:block;margin-bottom:7px;color:#b84c16;font-weight:900;font-size:11px;letter-spacing:.14em;}
body.gtgf-v14 .login-section .gtgf19333-account-choice strong{display:block;font-size:18px;color:#182333;line-height:1.3;}
body.gtgf-v14 .login-section .gtgf19333-account-choice p{margin:6px 0 0;color:#475569;font-size:14px;line-height:1.5;}
body.gtgf-v14 .login-section .gtgf19333-account-choice a{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #243246;border-radius:999px;background:#243246;color:#fff;font-weight:800;font-size:13px;text-decoration:none;white-space:nowrap;}
body.gtgf-v14 .login-section .gtgf19333-account-choice a:focus-visible{outline:3px solid #ff5a00;outline-offset:3px}
body.gtgf-v14 .login-section .planner-auth-card{border-radius:22px!important;box-shadow:0 18px 50px rgba(18,23,30,.08);}
body.gtgf-v14 .login-section .planner-auth-card input:not([type=checkbox]){min-height:48px;border-radius:12px!important;}
body.gtgf-v14 .login-section .planner-auth-card :is(button[type=submit],.button){min-height:48px;border-radius:999px!important;}
@media(max-width:760px){
  body.gtgf-v14 .login-section .gtgf19333-account-choice{display:grid;padding:18px;margin-bottom:18px;}
  body.gtgf-v14 .login-section .gtgf19333-account-choice a{justify-self:start;}
}
/* The legacy plan library is deliberately light-on-dark to preserve the D5 contrast contract. */
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-head{align-items:end;gap:20px;margin-bottom:24px;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-head h2{max-width:18ch;letter-spacing:-.035em;line-height:1.1;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-head p{max-width:62ch;line-height:1.6;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .gtgf19333-section-link{
  display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:0 17px;border-radius:12px;border:1px solid #455770;
  background:#1c2a39;color:#f5f8fc!important;font-size:13px;font-weight:800;text-decoration:none;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .gtgf19333-section-link:hover{border-color:#ff9c6b;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview article{
  min-width:0;border:1px solid #344356!important;border-radius:20px!important;padding:22px!important;
  background:#15202d!important;color:#f5f8fc!important;box-shadow:0 12px 32px rgba(1,7,15,.12);
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview article:is(:hover,:focus-within){border-color:#60748c!important;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview article strong{color:#fff!important;font-size:clamp(17px,1.45vw,21px)!important;line-height:1.3;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview article span,
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview article small{color:#c0ccdb!important;font-size:12px!important;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview article a{
  display:inline-flex;align-items:center;min-height:44px;color:#ffb084!important;font-size:13px!important;font-weight:800;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 26px;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-actions a{
  min-height:50px;border:1px solid #344356!important;border-radius:14px!important;background:#15202d!important;
  color:#f6f8fb!important;font-size:13px!important;padding:12px 16px!important;box-shadow:none!important;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-actions a:hover{border-color:#ff9c6b!important}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs{
  padding:6px;gap:8px;border-radius:17px;border:1px solid #334456;background:#14202e;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs button{
  min-height:62px;border-radius:12px;font-size:13px!important;border:1px solid transparent;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs button.is-active{
  background:#26384c!important;border-color:#52677e!important;color:#fff!important;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-grid{gap:16px;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card,
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-empty{
  padding:22px!important;border-radius:20px!important;border:1px solid #d8e0e7!important;
  background:#f8fafc!important;color:#1d2a38!important;box-shadow:0 14px 34px rgba(0,0,0,.08)!important;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card h3,
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-empty h3{color:#152334!important;font-size:clamp(20px,1.9vw,28px)!important;line-height:1.14!important;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card p,
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-empty p{color:#475569!important;font-size:14px!important;line-height:1.5!important;}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card__actions{
  display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card__actions a.button,
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card__actions button{
  min-height:44px!important;min-width:0;border-radius:12px!important;font-size:12px!important;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card__actions .button--dark{
  background:#182638!important;color:#fff!important;border-color:#182638!important;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card__actions .button--outline-dark{
  background:transparent!important;color:#253247!important;border-color:#738196!important;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .planner-delete-plan{
  min-height:44px!important;padding:0 15px!important;color:#6e2930!important;background:transparent!important;
  border:1px solid #cca4a8!important;border-radius:12px!important;font-size:12px!important;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card__actions form{display:flex;min-width:0;}
/* Profile and settings stay on their existing safe forms; only spacing/focus. */
html body.gtgf-v190500-dash main#main-content:not(#x) #profiel .member-profile-card,
html body.gtgf-v190500-dash main#main-content:not(#x) #profiel .v1554-profile-status{border-radius:20px!important;}
html body.gtgf-v190500-dash main#main-content:not(#x) #profiel :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:46px;border-radius:12px!important;}
html body.gtgf-v190500-dash main#main-content:not(#x) #profiel :is(input,select,textarea,button):focus-visible{outline:3px solid #ff9c6b!important;outline-offset:2px;}
@media(max-width:1050px){
  html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview{grid-template-columns:repeat(2,minmax(0,1fr));}
  html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview article.is-startline{grid-column:1/-1}
}
@media(max-width:680px){
  html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview,
  html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-actions{grid-template-columns:1fr;}
  html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-overview article.is-startline{grid-column:auto}
  html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs{gap:3px;padding:4px;}
  html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs button{min-height:50px;padding:8px;font-size:12px!important;}
  html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card,
  html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-empty{padding:18px!important;}
}
/* Fine-tuning after viewport review: tabs must never inherit pale native button fills. */
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs button{
  width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border:1px solid transparent!important;background:#1b2a3b!important;color:#d8e2ed!important;
  font-weight:800;font-size:12px!important;text-decoration:none;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs button span{
  color:#d3dfec!important;font-size:12px!important;letter-spacing:.055em;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs button strong{
  color:#fff!important;font-size:18px!important;line-height:1.05;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs button.is-active,
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v145-planning-tabs button[aria-selected="true"]{
  border-color:#ff7a3c!important;background:#2d3039!important;box-shadow:inset 0 3px 0 #ff7a3c;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .v1554-week-actions a{
  text-decoration:none!important;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card__actions{
  align-self:end;align-content:start;align-items:center;margin-top:auto;
}
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card__actions a.button,
html body.gtgf-v190500-dash main#main-content:not(#x) #planning .member-plan-card__actions button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:0 14px!important;line-height:1.25!important;text-decoration:none!important;white-space:normal;
}
/* Surrounding Mijn GTGF views: harmonize only containers, do not override legacy
   data-state colors or coach/readiness safety messages. */
html body.gtgf-v190500-dash main#main-content:not(#x) #coach :is(
  .v173400-dashboard-coach,.v173400-command-board,.v163500-coach-modebar,.v160500-coach-context,.v160500-checkin,.v160500-coach-decision,
  .v160500-coach-ask,.v160500-coach-proof,.v160500-coach-guardrail
){border-radius:20px!important;}
html body.gtgf-v190500-dash main#main-content:not(#x) #activities :is(
  .v170100-analysis,.v159943-progress-depth,.v1554-week-overview,.v1582-shell
){border-radius:20px;}
html body.gtgf-v190500-dash main#main-content:not(#x) :is(#startlijn,#race-execution,#coachdetails) :is(
  .v1567-card,.v1567-section,.v159985-grid article,.v159985-lower article,.gtgf-v3e__card
){border-radius:18px;}
html body.gtgf-v190500-dash main#main-content:not(#x) :is(#activities,#coach,#startlijn,#race-execution,#profiel) :is(button,a,input,select,textarea):focus-visible {
  outline:3px solid #ff9c6b!important;outline-offset:2px;
}