/* yourZone design system · 09.10.2026. Existing original branding is retained. */
#yz-portal{--yz-radius-control:10px;--yz-radius-card:14px;--yz-radius-dialog:16px;--yz-space-1:8px;--yz-space-2:16px;--yz-space-3:24px;--yz-space-4:32px}
#yz-portal h1{font-weight:700}
#yz-portal .yz-panel{border-radius:var(--yz-radius-card);padding:var(--yz-space-3);margin-bottom:var(--yz-space-2)}
#yz-portal .yz-modal,#yz-portal .cz-dialog{border-radius:var(--yz-radius-dialog);padding:var(--yz-space-3)}
#yz-portal .yz-action{border-radius:var(--yz-radius-control);min-height:44px}
#yz-portal .yz-action.yz-primary{background:var(--yz-soft);border-color:var(--yz-soft);color:#fff!important;font-weight:600}
@media(hover:hover){#yz-portal .yz-action.yz-primary:not(:disabled):hover{background:#106b6e;border-color:#106b6e}}
#yz-portal .yz-action.yz-primary:not(:disabled):active{background:#106b6e;border-color:#106b6e}
#yz-portal .yz-form label,#yz-portal .cz-dialog label{font-size:14px;color:var(--yz-ink);line-height:1.5}
#yz-portal .yz-form input,#yz-portal .yz-form select,#yz-portal .yz-form textarea,#yz-portal .cz-dialog input:not([type=checkbox]):not([type=range]),#yz-portal .cz-dialog textarea{border-radius:var(--yz-radius-control);padding:12px;font-family:Manrope,Arial,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;line-height:1.5}
#yz-portal .yz-emoji-text{font-family:Manrope,Arial,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important}
#yz-portal .yz-hero p,#yz-portal .yz-hints-intro,#yz-portal .cz-sharing,#yz-portal .yz-profile-dialog small,#yz-portal .yz-notice,#yz-portal .yz-diary-copy>small,#yz-portal .yz-profile-details small,#yz-portal .yz-listfile small{font-size:13px;line-height:1.6}
#yz-portal .yz-steps-today span{color:var(--yz-soft)}
#yz-portal .yz-kind-training,#yz-portal .yz-kind-meal,#yz-portal .yz-kind-balance,#yz-portal .yz-kind-steps,#yz-portal .yz-kind-note{--entry-color:var(--yz-soft);--entry-bg:#f1f8f7}
#yz-portal .yz-diary-entry{background:#fff;border:1px solid var(--yz-line);border-left:3px solid var(--yz-soft);border-radius:12px;padding:16px;gap:16px}
#yz-portal .yz-diary-copy .yz-action{min-height:44px;padding:10px 12px;font-size:13px}
#yz-portal .yz-diary-metrics>span{background:var(--entry-bg);color:var(--yz-soft);font-size:13px;padding:8px;border-radius:8px}
#yz-portal .yz-diary-legend{display:none}
#yz-portal .yz-diary-date{font-size:14px;margin:24px 0 16px}
#yz-portal .yz-action.yz-diary-delete{background:#fff7f7;border-color:#d7aaaa;color:#a33333}
#yz-portal .yz-coach-hints{background:var(--yz-aqua)}
#yz-portal .yz-hint-status label{min-height:44px;font-size:13px}
#yz-portal .yz-form-status,#yz-portal .cz-dialog-status[role=alert]:not(:empty){margin:16px 0;padding:12px 16px;line-height:1.6;font-size:14px;border:1px solid #dfbeb8;border-radius:10px;background:#fff2ee;color:#92392b;overflow-wrap:anywhere}
#yz-portal .yz-form-status:empty{display:none}
#yz-portal .yz-form-status p{margin:0}
#yz-portal .yz-form-status p+p{margin-top:8px}
#yz-portal .yz-switch button{min-height:44px}
@media(max-width:600px){#yz-portal .yz-panel,#yz-portal .yz-modal,#yz-portal .cz-dialog{padding:16px}#yz-portal .yz-form{gap:16px}#yz-portal .yz-diary-copy .yz-row{justify-content:flex-start}#yz-portal .yz-diary-copy .yz-row>strong{flex-basis:100%;line-height:1.5}}
@media(prefers-reduced-transparency:reduce){#yz-portal .yz-action.yz-primary{background:var(--yz-soft)}}

/* V21: one shared navigation component at every viewport width. */
#yz-portal .yz-layout{grid-template-columns:minmax(0,1fr)}
#yz-portal .yz-nav,#yz-portal.yz-coach-workspace .yz-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;width:100%;box-sizing:border-box;gap:5px;padding:10px 14px;align-content:start}
#yz-portal .yz-nav .yz-training-nav-group{display:contents}
#yz-portal .yz-nav button:is([data-page],[data-hrv-tests],[data-live-pulse-nav]),#yz-portal.yz-coach-workspace .yz-nav button:is([data-page],[data-hrv-tests],[data-live-pulse-nav]){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:66px;padding:10px 5px;gap:6px;font-size:12px;line-height:1.4;border-radius:10px}
#yz-portal .yz-nav .yz-nav-label{display:block;min-width:0;overflow-wrap:normal;text-align:center}
#yz-portal .yz-nav button:is([data-page],[data-hrv-tests],[data-live-pulse-nav])>svg,#yz-portal .yz-nav button:is([data-page],[data-hrv-tests],[data-live-pulse-nav])>i,#yz-portal .yz-nav .yz-community-nav-icon{display:block;width:20px;height:20px;margin:0;flex-shrink:0}
#yz-portal .yz-nav button:is([data-page],[data-hrv-tests],[data-live-pulse-nav]):focus-visible{outline:2px solid var(--yz-aqua);outline-offset:2px}
#yz-portal .yz-nav .yz-training-nav-group>button{color:#fff!important}
#yz-portal .yz-nav .yz-training-nav-group>button>svg,#yz-portal .yz-nav .yz-training-nav-group>button>i{color:#59bfc1!important}
#yz-portal .yz-nav .yz-training-nav-group>button>span{color:#fff!important}
#yz-portal .yz-nav .yz-training-nav-group>button[aria-current="page"]{background:#234547!important}
#yz-portal .yz-nav .yz-nav-logos,#yz-portal .yz-nav .yz-slogan{display:none}

/* Desktop: all sidebar entries form one continuous vertical list. */
@media(min-width:851px){
 #yz-portal .yz-layout{grid-template-columns:300px minmax(0,1fr)}
 #yz-portal .yz-nav,#yz-portal.yz-coach-workspace .yz-nav{grid-template-columns:minmax(0,1fr);padding:12px 10px;gap:6px}
 #yz-portal .yz-nav .yz-training-nav-group{grid-template-columns:minmax(0,1fr);gap:6px}
}

/* V23: hidden optional tools never reserve a navigation cell. */
#yz-portal .yz-nav [hidden]{display:none!important}
#yz-portal .yz-nav{grid-auto-flow:row;grid-auto-rows:1fr;align-items:stretch}
@media(min-width:851px){
 #yz-portal .yz-nav{grid-auto-rows:minmax(48px,auto)}
 #yz-portal .yz-nav button:is([data-page],[data-hrv-tests],[data-live-pulse-nav]),#yz-portal.yz-coach-workspace .yz-nav button:is([data-page],[data-hrv-tests],[data-live-pulse-nav]){flex-direction:row;justify-content:flex-start;text-align:left;min-height:48px;padding:12px;gap:12px}
 #yz-portal .yz-nav .yz-nav-label{text-align:left}
}