.organization-bar { max-width:1280px; margin:0 auto; padding:12px 28px; display:flex; gap:18px; align-items:center; flex-wrap:wrap; border-bottom:1px solid #dbe4e9; }
.organization-bar>div { display:flex; align-items:center; gap:10px; margin-right:auto; }
.organization-label { color:#637582; font-size:12px; }
.organization-bar strong { color:#17324d; font-size:14px; }
.organization-bar form { display:flex; align-items:center; gap:8px; margin:0; }
.organization-bar select { max-width:260px; padding:8px; border:1px solid #ccd8df; border-radius:8px; background:white; color:#17324d; font:inherit; }
.organization-bar a { color:#157b70; font-size:13px; text-decoration:none; }
.organization-bar .button { min-height:34px; font-size:13px; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
body:has(.organization-bar) .overview-screen { height:calc(100vh - 226px); }
.organization-layout { display:grid; gap:20px; }
.organization-layout .panel { padding:22px; }
.organization-layout .panel h2 { margin-top:0; font-size:20px; }
.organization-layout .form-card { max-width:none; }
.organization-layout input[type=checkbox] { width:auto; }
.organization-layout .helptext { display:block; color:#627482; font-size:12px; margin-top:5px; }
.organization-layout .errorlist { color:#a03535; }
.organization-layout .inline-action { display:inline; margin:0; }
.organization-layout .inline-action button { margin-left:10px; }
.personal-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }
.personal-contract { display:block; padding:22px; color:#17324d; text-decoration:none; }
.personal-contract h2 { margin:0 0 10px; font-size:20px; }
.personal-contract p { color:#526675; }
.personal-note { color:#61727d; line-height:1.5; }
.personal-events { margin:0; padding:0; list-style:none; }
.personal-events li { padding:12px 0; border-bottom:1px solid #e4ebef; }
.personal-events time { color:#637582; font-size:12px; display:block; margin-bottom:4px; }
.danger-zone { border-color:#e4baba; background:#fffafa; }
.button.danger { background:#a83b3b; border-color:#a83b3b; color:#fff; }
.archive-actions { display:flex; gap:20px; align-items:flex-end; flex-wrap:wrap; }
.archive-actions form { margin:0; }
.archive-actions label { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
@media(max-width:760px) { .organization-bar { padding:12px 16px; gap:10px; } .organization-bar form { width:100%; } .organization-bar select { min-width:0; flex:1; } body:has(.organization-bar) .overview-screen { height:auto; } .organization-layout .panel { padding:16px; } }