/* 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)}}

/* Navigation: shared icon and text columns, stable rows on every viewport. */
#yz-portal .yz-nav{box-sizing:border-box;gap:8px}
#yz-portal .yz-nav button[data-page]{box-sizing:border-box;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;justify-content:start;gap:10px;width:100%;min-width:0;min-height:56px;padding:12px 10px;text-align:left;font-size:13px;line-height:1.4;border-radius:10px}
#yz-portal .yz-nav .yz-nav-label{display:block;min-width:0;overflow-wrap:anywhere}
#yz-portal .yz-nav button[data-page]>svg,#yz-portal .yz-nav button[data-page]>i,#yz-portal .yz-nav .yz-community-nav-icon{display:block;width:20px;height:20px;margin:0;justify-self:center}
#yz-portal .yz-nav button[data-page]:focus-visible{outline:2px solid var(--yz-aqua);outline-offset:2px}
@media(max-width:760px){
 #yz-portal .yz-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;padding:16px 20px}
 #yz-portal .yz-nav button[data-page]{height:100%;min-height:64px;padding:10px 12px;font-size:14px;gap:10px}
 #yz-portal .yz-nav .yz-nav-logos,#yz-portal .yz-nav .yz-slogan{display:none}
}
@media(max-width:380px){
 #yz-portal .yz-nav{padding:12px 16px;gap:6px}
 #yz-portal .yz-nav button[data-page]{padding:10px 8px;font-size:13px;gap:8px}
}