/* Copyright (c) 2026 by spl · software programming laue */
.preview-preferences{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:nowrap;margin:20px 0 0}
.preview-preferences .lb-login-lang{display:inline-flex;gap:2px;margin:0}.preview-preferences .lb-login-lang button{padding:0 6px;min-height:36px;min-width:32px;font-size:calc(12px * var(--lb-fs))}
.preview-preferences .lb-view{display:inline-flex;margin:0;gap:6px}.preview-preferences .lb-view-panel{gap:6px}.preview-preferences .lb-view-set{padding:2px;gap:0}.preview-preferences .lb-view-btn{min-width:28px;min-height:30px;padding:0 4px}
.preview-preferences .lb-view-trigger{display:none}.lb-password-dialog .lb-admin-pwfield input{min-width:0}.lb-password-dialog .lb-admin-icon{flex:none}.lb-password-dialog .lb-admin-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.lb-password-dialog .lb-admin-icon[aria-pressed=true]{border-color:var(--lb-cyan);color:var(--lb-cyan);background:rgb(var(--lb-accent-50-rgb) / .12)}
.preview-hint{margin:12px 0;color:var(--lb-muted);font-size:calc(13px * var(--lb-fs));line-height:1.5}.preview-account{display:block;overflow-wrap:anywhere}.lb-password-dialog .lb-admin-userinfo strong{display:block}.preview-generate{margin-top:4px}.lb-password-dialog .lb-dialog-body p{line-height:1.6}.lb-password-dialog .lb-dialog-foot button:disabled{opacity:.6;cursor:wait}.lb-dialog .lb-note{font-size:calc(14px * var(--lb-fs))}
.lb-login .lb-dialog-x{position:absolute;right:14px;top:14px;z-index:2}.lb-login .preview-preferences{gap:6px;justify-content:center}.lb-login-body .preview-preferences .lb-view{margin:0;display:inline-flex}.lb-login .preview-account{margin-bottom:16px;font-size:calc(13px * var(--lb-fs));color:var(--lb-text-27)}.lb-login .preview-account strong{display:block}.lb-login-pw button{min-height:36px;min-width:32px;justify-content:center}.lb-login-card{max-height:94vh;overflow:auto}.lb-login .lb-login-body .preview-generate{font-size:calc(12px * var(--lb-fs))}.lb-login .lb-login-body .preview-hint{font-size:calc(12px * var(--lb-fs))}
@media(max-width:460px){.lb-dialog-head{padding:18px 16px 8px}.lb-dialog-body{padding:8px 16px 12px}.lb-dialog-foot{padding:12px 16px 18px}.lb-login-head{padding:26px 16px 18px}.lb-login-body{padding:0 16px 20px}.lb-login-logo{width:56px;height:56px;margin-bottom:14px}.lb-login .preview-preferences{gap:4px}.lb-login-foot{padding:14px}.preview-preferences{gap:6px}.preview-preferences .lb-view-panel{gap:4px}}

/* Einheitliche ruhige Aktionssymbole; Beschriftungen bleiben zugänglich. */
.preview-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.preview-icon-button svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.preview-temporary{margin-top:20px;padding-top:16px;border-top:1px solid var(--lb-line-03)}
.preview-temporary .preview-hint{margin-bottom:0}
/* Persönliche Kacheln und Detailpflege nach FIN, ausschließlich L&B-Tokens. */
.personal-main{width:min(1080px,100%);margin:0 auto;padding:40px 34px 64px;box-sizing:border-box}.personal-heading{padding-bottom:20px;border-bottom:1px solid var(--lb-line-03);margin-bottom:26px}.personal-heading h1{font:700 calc(28px * var(--lb-fs)) var(--lb-font-label);margin:0}.personal-kicker{font-size:calc(12px * var(--lb-fs));color:var(--lb-muted);margin-bottom:12px}.personal-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}.personal-overview[hidden],#personal-preferences[hidden]{display:none}.detail-row{display:flex;align-items:flex-start;gap:14px;text-align:left;background:var(--lb-panel);border:1px solid var(--lb-panel-line);border-radius:12px;padding:16px 18px;cursor:pointer;color:var(--lb-fg);min-height:120px;font:inherit}.detail-row:hover{border-color:var(--lb-cyan)}.detail-row .ico-box{width:38px;height:38px;flex:0 0 38px;border-radius:8px;background:var(--lb-bg-17);border:1px solid var(--lb-line-19);display:grid;place-items:center;color:var(--lb-cyan)}[data-icon] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.detail-row strong{display:block;font:700 calc(14.5px * var(--lb-fs)) var(--lb-font-label);margin:0 0 6px}.tile-description{display:block;font-size:calc(12.5px * var(--lb-fs));color:var(--lb-muted);line-height:1.5}.detail-row .chev{margin-left:auto;align-self:center;color:var(--lb-muted)}.personal-back{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px;font-size:calc(13px * var(--lb-fs));color:var(--lb-muted)}.personal-detail-title{font:700 calc(24px * var(--lb-fs)) var(--lb-font-label);margin:0}.personal-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;margin-top:22px}.detail-card{border:1px solid var(--lb-panel-line);border-radius:12px;background:var(--lb-panel);padding:20px}.detail-card h3{font:700 calc(16px * var(--lb-fs)) var(--lb-font-label);margin:0 0 10px}.detail-card p{font-size:calc(13px * var(--lb-fs));color:var(--lb-muted);line-height:1.6}.nav-variant-options{display:flex;flex-direction:column;gap:10px;margin-top:10px}.nav-variant-option{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:6px 10px;border:1px solid var(--lb-line-19);border-radius:8px;padding:11px 14px;cursor:pointer;background:var(--lb-bg-17)}.nav-variant-option.on{border-color:var(--lb-cyan);background:rgb(var(--lb-accent-50-rgb) / .08)}.nav-variant-option input{accent-color:var(--lb-cyan)}.nv-name{font-size:calc(13px * var(--lb-fs));color:var(--lb-fg)}.nv-groups{grid-column:2/-1;font-size:calc(11.5px * var(--lb-fs));color:var(--lb-muted);line-height:1.5}.personal-save-row{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding-top:20px;margin-top:20px;border-top:1px solid var(--lb-line-03)}#preference-size .lb-view{margin:0}#preference-size .lb-view-panel{display:flex}.personal-save-row .preview-icon-button svg{width:16px;height:16px}.personal-save-row .preview-hint{margin:0}@media(max-width:600px){.personal-main{padding:28px 18px 48px}.personal-heading h1{font-size:calc(24px * var(--lb-fs))}.personal-save-row>button{margin-left:auto}}

.personal-back-action{width:max-content;min-height:28px;padding:3px 2px;font:inherit;font-size:calc(12.5px * var(--lb-fs));font-weight:500;background:transparent;border:0;color:var(--lb-text-05);cursor:pointer}.personal-back-action:hover{color:var(--lb-cyan)}
.preview-password-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-password-actions .preview-generate{margin:0}.preview-tooltip-wrap{display:inline-flex;position:relative}.preview-tooltip{position:absolute;z-index:8;bottom:calc(100% + 8px);left:0;width:330px;max-width:calc(100vw - 64px);padding:10px 12px;border:1px solid var(--lb-line-03);border-radius:8px;background:rgb(var(--lb-bg-17-rgb) / .97);color:var(--lb-text-48);font-size:calc(12px * var(--lb-fs));line-height:1.5;white-space:normal;box-shadow:0 8px 24px rgb(var(--lb-black-rgb) / .3)}.lb-dialog-foot .preview-tooltip{left:auto;right:0}.preview-tooltip[hidden]{display:none}

