.personal-link-panel{height:100%;display:flex;flex-direction:column;gap:14px}.personal-link-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.personal-link-head h2{margin:4px 0}.personal-link-list{display:grid;gap:8px}.personal-link-list article{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;gap:6px}.personal-link-list button{min-height:42px}.personal-link-open{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#245f83;border-color:#245f83;color:#fff;font-weight:700;box-shadow:0 2px 7px rgba(20,74,105,.2)}.personal-link-open:hover,.personal-link-open:focus-visible{background:#174c6c;border-color:#174c6c;color:#fff;box-shadow:0 4px 12px rgba(20,74,105,.28);transform:translateY(-1px)}.personal-link-open span{min-width:0;overflow-wrap:anywhere}.personal-link-open b{color:inherit;white-space:nowrap;margin-left:14px}.personal-settings-compact{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}.personal-settings-compact h2{margin:3px 0}.personal-settings-compact>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.personal-settings-actions{align-items:center}.personal-theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;margin:0;padding:5px 10px 5px 7px;border:1px solid #b7c9d5;border-radius:999px;background:#f7fafb;color:#24485f;cursor:pointer;font-size:12px;white-space:nowrap}.personal-theme-toggle input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.personal-theme-toggle span{position:relative;flex:0 0 auto;width:34px;height:19px;border-radius:999px;background:#aab9c2;box-shadow:inset 0 0 0 1px #7f929e}.personal-theme-toggle span::after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #17384a55;transition:transform .16s}.personal-theme-toggle input:checked+span{background:var(--theme-primary,#2b6287);box-shadow:inset 0 0 0 1px var(--theme-deep,#214f70)}.personal-theme-toggle input:checked+span::after{transform:translateX(15px)}.personal-theme-toggle:focus-within{outline:3px solid color-mix(in srgb,var(--theme-accent,#078995) 35%,transparent);outline-offset:2px}.personal-theme-toggle:hover{border-color:var(--theme-primary,#2b6287);background:var(--theme-soft-2,#f4f8fa);color:var(--theme-deep,#214f70)}.personal-theme-toggle b{color:inherit;font-size:inherit}.personal-link-mode::after{content:"";position:fixed;inset:0;background:rgba(23,88,111,.13);pointer-events:none;z-index:900}.personal-link-guide{position:fixed;top:22%;left:50%;transform:translateX(-50%);z-index:902;padding:18px 26px;border-radius:12px;background:rgba(255,255,255,.93);box-shadow:0 10px 35px rgba(0,37,56,.22);font-size:1.15rem;font-weight:700;pointer-events:none}.personal-link-float{position:fixed;right:24px;bottom:24px;z-index:903;display:flex;gap:8px;padding:10px;border-radius:12px;background:#fff;box-shadow:0 10px 35px rgba(0,37,56,.25)}@media(max-width:720px){.personal-link-head,.personal-settings-compact{align-items:stretch;flex-direction:column}.personal-theme-toggle{align-self:flex-start}.personal-link-float{left:10px;right:10px;bottom:10px}.personal-link-guide{top:16%;width:calc(100% - 40px)}}

.personal-dashboard-area{display:grid;gap:12px;margin-top:18px}.personal-dashboard-area>header{padding:4px 2px 9px;border-bottom:2px solid #bfd0db}.personal-dashboard-area>header h2{margin:3px 0 0;color:#234e70;font-size:21px}.personal-dashboard-area-content{display:grid;gap:12px}.personal-dashboard-area .trainer-request-panel,.personal-dashboard-area .turn-plan-panel,.personal-dashboard-area .group-change-panel,.personal-dashboard-area .delegation-panel,.personal-dashboard-area .personal-settings-compact{width:100%;max-width:none;margin:0}.function-dashboard-area .personal-dashboard-area-content{grid-template-columns:1fr}.personal-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.personal-tools-grid>.panel{height:100%}.personal-tools-grid .personal-settings-compact{align-items:flex-start;flex-direction:column;justify-content:flex-start}.personal-tools-grid .personal-settings-compact>div:last-child{margin-top:auto}.personal-tools-grid .delegation-panel>div:first-child{align-items:flex-start;flex-direction:column}.personal-tools-grid .delegation-panel>div:first-child>button{align-self:flex-start}.general-dashboard-area .group-change-grid{grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr)}@media(max-width:900px){.personal-tools-grid{grid-template-columns:1fr}.general-dashboard-area .group-change-grid{grid-template-columns:1fr}.general-dashboard-area .group-change-requirements{border-left:0;border-top:1px solid #c5d4de}}@media(max-width:720px){.personal-dashboard-area>header h2{font-size:19px}}

/* Klare visuelle Hierarchie in „Mein Bereich“: Zonen statt weiterer Fensterrahmen. */
.personal-dashboard-area{gap:0;margin-top:24px;overflow:hidden;border-radius:12px;background:#e7eef3;box-shadow:0 6px 20px rgba(27,65,88,.10)}
.personal-dashboard-area>header{padding:15px 20px;border:0;background:#285f83;color:#fff}
.personal-dashboard-area>header .eyebrow{color:#a8edf0}
.personal-dashboard-area>header h2{margin:4px 0 0;color:#fff;font-size:22px}
.personal-dashboard-area-content{gap:16px;padding:18px;background:#edf3f6}
.personal-dashboard-area-content>.panel,.personal-dashboard-area-content>.trainer-request-panel,.personal-dashboard-area-content>.turn-plan-panel,.personal-tools-grid>.panel{border:1px solid #b7cbd7;border-radius:10px;background:#fff;box-shadow:0 3px 11px rgba(24,63,87,.09)}
.function-dashboard-area>header{background:#245f83}
.general-dashboard-area>header{background:#39728c}
.function-dashboard-area .trainer-request-panel,.function-dashboard-area .turn-plan-panel{margin:0}
.personal-tools-grid{gap:16px}
@media(max-width:720px){.personal-dashboard-area{margin-top:18px}.personal-dashboard-area>header{padding:13px 15px}.personal-dashboard-area-content{padding:12px;gap:12px}.personal-dashboard-area>header h2{font-size:19px}}

/* Der Aufnahmemodus verwendet bewusst Violett und Signalgelb, damit er sich klar von der normalen blauen Oberfläche abhebt. */
.personal-link-mode{outline:6px solid #7c3aed;outline-offset:-6px}
.personal-link-mode::after{background:rgba(76,29,149,.16);box-shadow:inset 0 0 0 6px rgba(124,58,237,.9)}
.personal-link-guide{display:grid;gap:6px;min-width:min(560px,calc(100% - 36px));padding:18px 24px;border:4px solid #7c3aed;background:#fff;color:#3b176d;box-shadow:0 14px 42px rgba(60,20,110,.38),0 0 0 5px rgba(250,204,21,.72);text-align:center}
.personal-link-guide span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#7c3aed}
.personal-link-guide b{font-size:1.15rem}
.personal-link-float{align-items:center;gap:14px;padding:12px 14px;border:3px solid #7c3aed;background:#4c1d95;color:#fff;box-shadow:0 14px 40px rgba(60,20,110,.42),0 0 0 4px rgba(250,204,21,.58)}
.personal-link-float>strong{font-size:12px;white-space:nowrap}
.personal-link-float>div{display:flex;gap:8px}
.personal-link-float .personal-link-cancel{border:2px solid #ddd6fe;background:#f5f3ff;color:#4c1d95;font-weight:800}
.personal-link-float .personal-link-cancel:hover,.personal-link-float .personal-link-cancel:focus-visible{border-color:#fff;background:#fff;color:#3b0764;transform:translateY(-1px)}
.personal-link-float .personal-link-save{border:2px solid #facc15;background:#facc15;color:#2e1065;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.22)}
.personal-link-float .personal-link-save:hover,.personal-link-float .personal-link-save:focus-visible{border-color:#fde047;background:#fde047;color:#210844;transform:translateY(-1px)}
@media(max-width:720px){.personal-link-float{align-items:stretch;flex-direction:column}.personal-link-float>strong{text-align:center}.personal-link-float>div{display:grid;grid-template-columns:auto 1fr}.personal-link-guide{top:13%;padding:14px 16px}.personal-link-guide b{font-size:1rem}}