/* BCKNINE Design v3 — Profile page aligned with Planner palette and typography. */
.bck-profile{
  --profile-bg:#f3f2ef;--profile-surface:#fff;--profile-ink:#0d0f10;--profile-muted:#69706f;
  --profile-green:#173C32;--profile-green-soft:#E9EFEA;--profile-gold:#B79A62;--profile-sand:#F2E8D8;
  width:min(1280px,calc(100% - 48px))!important;padding:0 0 62px!important;font-family:var(--bck-font,"Helvetica Neue",Helvetica,Arial,sans-serif);color:var(--profile-ink)
}
.bck-profile *{box-sizing:border-box;font-family:var(--bck-font,"Helvetica Neue",Helvetica,Arial,sans-serif)}
.bck-profile-head{
  position:relative;isolation:isolate;overflow:hidden;min-height:232px;margin:0 0 22px;padding:42px 42px 36px;border-radius:0 0 22px 22px;
  display:flex;align-items:flex-end;background:#efe9de
}
.bck-profile-head::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/bcknine-hero-golfpaar.png') center 52%/cover no-repeat;filter:saturate(.84) brightness(1.03)}
.bck-profile-head::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f3f2ef 0%,rgba(243,242,239,.98) 41%,rgba(243,242,239,.83) 58%,rgba(243,242,239,.18) 82%,rgba(243,242,239,.04) 100%)}
.bck-profile-head>div:first-child{max-width:730px}
.bck-profile-head .eyebrow{color:var(--profile-gold)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.16em!important;margin-bottom:10px;text-transform:uppercase}
.bck-profile-head h1{margin:0 0 10px;font-size:clamp(42px,5vw,66px);line-height:1.00;color:#111;font-weight:800;letter-spacing:-.055em;max-width:760px}
.bck-profile-head>div>p{max-width:690px;color:#555d5a;line-height:1.55;font-size:15px;margin:0}
.bck-profile-head-note{display:none}

.bck-profile-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.bck-profile-card{position:relative;border-radius:20px!important;padding:24px!important;color:#111;box-shadow:0 14px 34px rgba(35,45,36,.045)!important;overflow:hidden}
.bck-profile-card::before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(183,154,98,.55),transparent)}
.bck-profile-card h2{margin:5px 0 0;color:#141716;font-size:25px;line-height:1.15;font-weight:800;letter-spacing:-.025em}
.bck-profile-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.bck-profile-card .eyebrow{color:var(--profile-gold)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.15em!important;text-transform:uppercase}
.bck-profile-number{color:#9b7a38;font-size:12px;letter-spacing:.08em;padding-top:4px;font-weight:750}
.bck-profile-intro,.bck-profile-note{color:#66706c;font-size:13px;line-height:1.6;margin:14px 0 18px}

.bck-profile-base{grid-column:span 6;background:linear-gradient(180deg,#F8F2E9 0%,var(--profile-sand) 100%)!important;border:1px solid rgba(183,154,98,.26)!important}
.bck-profile-learned{grid-column:span 6;background:linear-gradient(145deg,#173C32 0%,#214B3F 100%)!important;border:1px solid rgba(183,154,98,.32)!important;color:#fff}
.bck-profile-learned h2{color:#fff}.bck-profile-learned .eyebrow,.bck-profile-learned .bck-profile-number{color:#d8bb80!important}.bck-profile-learned .bck-profile-note{color:#d3ddd6}
.bck-profile-hydration{grid-column:1/-1;background:linear-gradient(135deg,#FBFAF7 0%,#F3EEE5 60%,#EDF2ED 100%)!important;border:1px solid rgba(183,154,98,.24)!important}

.bck-profile-form{margin-bottom:17px}.bck-profile-card label{color:#424846;font-size:12px;font-weight:700;line-height:1.35}.bck-profile-card label>span{color:#7a807d;font-weight:500}.bck-profile-card input,.bck-profile-card select{background:#fff!important;border:1px solid rgba(23,60,50,.18)!important;color:#151817!important;border-radius:10px!important;box-shadow:none!important;font-size:15px!important;line-height:1.4;padding:12px 13px!important}.bck-profile-card input:focus,.bck-profile-card select:focus{border-color:var(--profile-green)!important;box-shadow:0 0 0 3px rgba(23,60,50,.10)!important}.bck-profile-base .primary-btn,.bck-profile-hydration .primary-btn{background:var(--profile-green)!important;color:#fff!important;border:1px solid var(--profile-green)!important;border-radius:11px!important;box-shadow:0 7px 18px rgba(23,60,50,.10)!important}.bck-profile-base .primary-btn:hover,.bck-profile-hydration .primary-btn:hover{background:#204B3F!important;border-color:var(--profile-gold)!important}

.bck-learned-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.bck-learned-metric{padding:17px;border-radius:13px;background:rgba(7,28,23,.45);border:1px solid rgba(210,191,152,.28);display:grid;gap:4px}.bck-learned-metric span{color:#d8c7a4;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:750}.bck-learned-metric strong{font-size:28px;color:#f0d28f;font-weight:750;letter-spacing:-.035em}.bck-learned-metric small{color:#cbd6ce;font-size:10px}.bck-profile-learned .secondary-btn{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(210,191,152,.28)!important}

.bck-hydration-round-row{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:16px;align-items:end;margin:4px 0 15px}.bck-hydration-round-info{min-height:48px;padding:13px 15px;border-radius:10px;background:#fff;border:1px solid rgba(23,60,50,.14);color:#65706b;font-size:12px;line-height:1.55}.bck-hydration-input-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bck-hydration-input-grid>label{display:flex;flex-direction:column;gap:7px;background:rgba(255,255,255,.74);border:1px solid rgba(23,60,50,.12);border-radius:12px;padding:14px}.bck-hydration-label{display:block;min-height:32px;color:#3f4744!important;font-size:11px;line-height:1.4}.bck-hydration-label em{font-style:normal;color:#7c8480;font-size:9px}.bck-hydration-input{display:flex;align-items:center;gap:8px}.bck-hydration-input input{width:100%;font-size:20px!important;font-variant-numeric:tabular-nums}.bck-hydration-input b{color:#8e7137;font-size:11px;font-weight:700}.bck-hydration-input-grid small{color:#7c8480;font-size:9px}
.bck-hydration-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:transparent;border:0;border-radius:0;overflow:visible;margin-top:14px}.bck-hydration-result>div{background:#fff;padding:16px;border:1px solid rgba(23,60,50,.12);border-radius:12px;display:grid;gap:4px}.bck-hydration-result span{color:#757c78;font-size:9.5px;text-transform:uppercase;letter-spacing:.10em;font-weight:700}.bck-hydration-result strong{color:#17201c;font-size:22px;font-weight:750;font-variant-numeric:tabular-nums}.bck-hydration-result>p{grid-column:1/-1;background:rgba(233,239,234,.72);color:#59645e;margin:0;padding:10px 13px;border-radius:10px;border-left:2px solid rgba(77,112,91,.55);font-size:10.5px;line-height:1.5}.bck-hydration-result.is-calibrated #pCalculatedSweat{color:var(--profile-green)}
.bck-profile-actions{display:flex;gap:18px;align-items:center;margin-top:14px}.bck-profile-actions>p{margin:0;color:#69726e;font-size:10px;line-height:1.5;max-width:680px}.bck-profile-actions .primary-btn{flex:0 0 auto}

/* Bottom row: lighter, calmer and less dominant than before. */
.bck-profile .membership{grid-column:span 4;background:linear-gradient(145deg,#F8F1E7 0%,#EFE3CF 100%)!important;border:1px solid rgba(183,154,98,.28)!important;color:#1d211f!important}.bck-profile .membership h2{color:#171a19}.bck-profile .membership p{color:#626965!important}.bck-profile .membership .discount{color:#9b7832!important;font-size:64px;line-height:.95}.bck-profile .membership .discount span{font-size:28px}
.bck-profile .integrations{grid-column:span 4;background:linear-gradient(145deg,#F4F8F5 0%,#E7EEE8 100%)!important;border:1px solid rgba(23,60,50,.18)!important}.bck-profile .integrations h2{color:#173C32}.bck-profile .integration{border-color:rgba(23,60,50,.12);padding:11px 0}.bck-profile .integration p{font-size:11px;line-height:1.45}.bck-profile .integrations .chip{background:#dfe9e1!important;color:#173C32!important;border:1px solid rgba(23,60,50,.14)}
.bck-account-card{grid-column:span 4;background:#fff!important;border:1px solid rgba(120,110,95,.15)!important;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:16px}.bck-account-card>div:first-child p{color:#69706f;font-size:11px;margin-top:6px}.bck-account-card .account-actions{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.bck-account-card .account-actions .danger-btn{grid-column:1/-1}.bck-account-card .secondary-btn{background:#f1eee8!important;color:#202523!important;border:1px solid rgba(120,110,95,.12)!important}.bck-account-card .danger-btn{background:#fff!important;color:#a3211a!important;border:1px solid rgba(163,33,26,.30)!important}.bck-account-card .danger-btn:hover{background:#fff4f2!important}

.bck-profile .gate{background:#fff;border:1px solid rgba(183,154,98,.24);color:#68706d}

@media(max-width:1000px){.bck-profile{width:min(100% - 32px,1180px)!important}.bck-profile-layout{grid-template-columns:1fr}.bck-profile-base,.bck-profile-learned,.bck-profile-hydration,.bck-profile .membership,.bck-profile .integrations,.bck-account-card{grid-column:1}.bck-hydration-input-grid{grid-template-columns:1fr 1fr}.bck-profile-head{min-height:215px;padding:35px 30px}.bck-profile-head::after{background:linear-gradient(90deg,#f3f2ef 0%,rgba(243,242,239,.97) 55%,rgba(243,242,239,.42) 100%)}}
@media(max-width:650px){.bck-profile{width:calc(100% - 20px)!important}.bck-profile-head{min-height:240px;padding:30px 20px;margin-bottom:14px}.bck-profile-head h1{font-size:42px}.bck-profile-head>div>p{font-size:14px}.bck-profile-card{padding:19px!important}.bck-profile-card h2{font-size:23px}.bck-learned-grid,.bck-hydration-round-row,.bck-hydration-input-grid,.bck-hydration-result{grid-template-columns:1fr}.bck-hydration-result>p{grid-column:1}.bck-profile-actions{flex-direction:column;align-items:stretch}.bck-profile-actions .primary-btn{width:100%}.bck-account-card .account-actions{grid-template-columns:1fr}.bck-account-card .account-actions .danger-btn{grid-column:1}.bck-profile-head::before{background-position:67% 52%}.bck-profile-head::after{background:linear-gradient(180deg,rgba(243,242,239,.98) 0%,rgba(243,242,239,.92) 72%,rgba(243,242,239,.72) 100%)}}


/* =========================================================
   BCKNINE PROFILE BUGFIX v3.1 – 2026-09-11
   Nur Fehlerkorrekturen, keine Designänderung.
   ========================================================= */

.bck-profile-actions{
  display:block !important;
}

.bck-profile-actions .primary-btn{
  width:100% !important;
  min-width:0 !important;
}

.bck-profile-actions>p{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:9px 0 0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.bck-profile .primary-btn:disabled{
  opacity:.46 !important;
  cursor:not-allowed !important;
  pointer-events:none !important;
}

.bck-profile-card,
.bck-hydration-round-row>*,
.bck-hydration-input-grid>*{
  min-width:0;
}