main{padding-top:12px}.pagehead{margin-bottom:10px}
body.calendar-compact main,body.message-compact main{max-width:none;padding:4px 8px 16px}
body.calendar-compact #app>.pagehead,body.message-compact #app>.pagehead{margin:0;padding:7px 10px;background:#fff;border:1px solid #bdccd7;border-bottom:0}
body.calendar-compact #app>.pagehead .eyebrow,body.calendar-compact #app>.pagehead p,body.message-compact #app>.pagehead .eyebrow,body.message-compact #app>.pagehead p{display:none}
body.calendar-compact #app>.pagehead h1,body.message-compact #app>.pagehead h1{font-size:16px}
body.calendar-compact .calendar-app{height:calc(100vh - 190px);min-height:610px;border-radius:0}
.calendar-head-actions,.holiday-head-actions{display:flex;gap:7px}.calendar-head-actions button{padding:6px 10px}
.calendar-type-only{margin-left:auto}.calendar-type-only label{display:inline;margin:0 4px 0 0;font-size:10px;color:#536b7c}.calendar-type-only select{min-width:145px}
.calendar-day-canvas{min-width:520px}.day-view-head{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;padding:10px 18px;background:#fff;border-bottom:1px solid #bdccd6}.day-view-body{display:grid;grid-template-columns:60px minmax(0,1fr)}.day-view-body .hours,.day-view-body .daycol{height:672px}
.calendar-month{flex:1;overflow:auto;background:#fff}.calendar-month>header,.calendar-month>div{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));min-width:900px}.calendar-month>header{position:sticky;top:0;z-index:3;background:#dfe7ec}.calendar-month>header b{padding:9px;text-align:center;font-size:10px}.calendar-month section{min-height:112px;padding:7px;border-right:1px solid #d3dee5;border-bottom:1px solid #d3dee5}.calendar-month section.outside{background:#edf2f5}.calendar-month time{display:block;margin-bottom:5px;font-weight:750;color:#4e6778}.calendar-month section button{display:block;width:100%;margin:3px 0;padding:4px 5px;border:0;border-left:3px solid #6394c3;border-radius:3px;background:#e6effa;text-align:left;font-size:9px}.calendar-month section button.orange{border-color:#d89950;background:#fff0df}.calendar-month section button.purple{border-color:#9980c4;background:#f0eafa}
body.message-compact .mail-shell{height:calc(100vh - 187px);min-height:610px;border-radius:0;box-shadow:none}body.message-compact .mail-list-title{height:59px;padding:9px 13px}body.message-compact .mail-scroll{height:calc(100vh - 251px)}body.message-compact .mail-sidebar{padding:11px 9px}body.message-compact .mailbox-label{padding:3px 8px 10px}body.message-compact .mail-nav,body.message-compact .mail-compose-nav{padding:8px 9px;margin-bottom:3px}body.message-compact .mail-compose-nav{margin-top:8px}body.message-compact .mail-item{padding:11px 13px}body.message-compact .mail-item>strong{margin:3px 0}body.message-compact .mail-reading{padding:0 25px}body.message-compact .message-detail{padding:19px 0}body.message-compact .message-detail>h2{font-size:23px;margin:15px 0}body.message-compact .message-sender{padding-bottom:14px}body.message-compact .message-body{padding:20px 0;min-height:150px}
.group-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;align-content:start}.group-times h3,.group-times button,.group-times>p{grid-column:1/-1}.group-times strong{min-height:42px;padding:7px 4px;font-size:12px}.group-times button{justify-self:start;margin-top:8px}.group-hero{grid-template-columns:minmax(0,1.55fr) minmax(360px,.95fr)}
.group-head-actions{display:flex;align-items:end;gap:9px;margin-left:auto}.group-head-actions label{margin:0;color:#536575;font-size:11px}.group-head-actions label span{display:block;margin-bottom:3px}.group-head-actions select{display:block;min-width:220px;margin:0;padding:8px 32px 8px 10px}.group-head-actions button{white-space:nowrap}
@media(max-width:650px){body.calendar-compact main,body.message-compact main{padding:3px}.calendar-month>header,.calendar-month>div{min-width:780px}body.message-compact .mail-shell{height:auto}.calendar-head-actions,.group-head-actions{flex-wrap:wrap}.group-head-actions{width:100%;margin-left:0}.group-head-actions label{flex:1}.group-head-actions select{width:100%;min-width:150px}}

/* Einheitliche, ruhige Informationsdichte in allen Arbeitsbereichen. */
body:not(.calendar-compact):not(.message-compact) main{padding-top:10px}
body:not(.calendar-compact):not(.message-compact) #app>.pagehead{align-items:center;margin-bottom:8px;padding:0}
body:not(.calendar-compact):not(.message-compact) #app>.pagehead>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 12px}
body:not(.calendar-compact):not(.message-compact) #app>.pagehead .eyebrow{display:none}
body:not(.calendar-compact):not(.message-compact) #app>.pagehead h1{font-size:21px;letter-spacing:-.35px}
body:not(.calendar-compact):not(.message-compact) #app>.pagehead p{margin:0;font-size:12px}
.panel,.stat{padding:14px}.toolbar{margin-bottom:10px}.rolebar{padding:9px 12px;margin-bottom:10px}.stats{gap:9px;margin-bottom:12px}.stat strong{font-size:23px;margin:2px 0}.cards{gap:10px}.split{gap:12px}.stack>*+*{margin-top:10px}.listitem{padding:9px 0}td,th{padding:10px}.hint{padding:9px 11px;margin:8px 0}.member-tools{padding:11px 14px;margin-bottom:10px}.member-tools .member-filters{margin-top:8px}.member-profile>.between{margin-bottom:6px}.group-profile{padding:10px}.group-hero{padding:16px;gap:14px}.group-columns{gap:10px}.group-main{gap:10px}.group-side{gap:10px}.group-switch{margin-bottom:8px}.home-hero{padding:22px}.home-layout{gap:12px}.home-announcements,.home-side{gap:10px}.dash-welcome{padding:15px 17px}.dash-grid{gap:12px}.dash-primary,.dash-aside>section{padding:14px}.dash-cards{gap:8px}.dash-task{padding:10px}.team-hero{padding:18px}.team-content{padding:12px}.team-tabs{margin-top:8px}.team-columns{gap:12px}.finance-content{padding:12px}.finance-metrics{gap:9px}.trainer-directory{gap:10px}
@media(max-width:650px){body:not(.calendar-compact):not(.message-compact) #app>.pagehead>div:first-child{display:block}body:not(.calendar-compact):not(.message-compact) #app>.pagehead p{margin-top:2px}.panel,.stat{padding:12px}.group-profile{padding:7px}.home-hero,.team-hero{padding:15px}.dash-primary,.dash-aside>section{padding:12px}}

/* More room for working content, without reducing touch targets. */
body>header{padding:7px 20px;min-height:57px}
body>header .logo{padding:7px 6px;font-size:16px}
body>nav a{padding-top:10px;padding-bottom:9px}
.calendar-scroll .weekhead .dayhead{padding:4px 7px}
.calendar-scroll .weekhead .dayhead strong{font-size:16px;line-height:1.2}
.calendar-scroll .hours span:first-child{transform:translateY(1px)}
.calendar-day-canvas .day-view-head{padding:5px 12px}
body.calendar-compact #app>.pagehead:has(.calendar-head-actions:empty){padding:3px 10px}
@media(max-width:650px){body>header{padding:7px 10px}}
/* Annual fee drafts stay legible on narrow screens. */
.tariff-edit-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(160px,2fr) minmax(110px,1fr) minmax(110px,1fr) auto;gap:.5rem;align-items:end;padding:.55rem 0;border-bottom:1px solid #d5e3ed}
.tariff-edit-row label{min-width:0}
.tariff-edit-row input,.tariff-edit-row select{width:100%;min-width:0}
.tariff-year-rows{max-height:55vh;overflow:auto}
@media(max-width:900px){.tariff-edit-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tariff-edit-row label:nth-child(2){grid-column:1/-1}}
@media(max-width:520px){.tariff-edit-row{grid-template-columns:1fr 1fr}.tariff-edit-row label:nth-child(2){grid-column:1/-1}}

/* Ruhige Arbeitsflächen: Die App-Kopfzeilen bleiben stehen, gescrollt wird nur im Inhalt. */
@media(min-width:851px){
 body.finance-compact,body.workspace-compact{display:flex;height:100dvh;min-height:0;flex-direction:column;overflow:hidden}
 body.finance-compact>header,body.finance-compact>#nav,body.workspace-compact>header,body.workspace-compact>#nav{flex:0 0 auto}
 body.finance-compact>main{display:flex;width:100%;min-height:0;flex:1 1 auto;flex-direction:column;box-sizing:border-box;overflow:hidden}
 body.finance-compact>main>.pagehead{flex:0 0 auto}
 body.finance-compact .finance-shell{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}
 body.finance-compact .finance-tabs{flex:0 0 auto}
 body.finance-compact .finance-content{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 body.finance-compact .tariff-year-rows{max-height:none;overflow:visible}
 body.finance-compact .table-wrap{overflow-x:auto;overflow-y:visible}
 body.workspace-compact>main{width:100%;min-height:0;flex:1 1 auto;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
}
.perspective-toggle input{width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}
.tariff-year-actions{display:flex!important;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.tariff-year-actions button{width:auto!important;min-width:0}