.leave-planner133{min-width:0;margin-bottom:24px}.leave-planner133>.row{flex-wrap:wrap}.leave-planner133 label{min-width:0;flex:1 1 180px}.leave-planner133 input{width:100%;box-sizing:border-box}.leave-plan-year133{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.leave-plan-month133{border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}.leave-plan-month133 h3{color:#88deff;margin:0 0 12px}.leave-plan-days133{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.leave-plan-days133>b{font-size:12px;text-align:center}.leave-plan-days133>button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:4px 0;font-size:13px;gap:2px;background:transparent}.leave-plan-days133 button small{font-size:10px}.leave-plan-days133 .has-plans133{background:#143d53;border:1px solid #69dcf6;color:#a8eaff}.leave-plan-days133 .capacity134{border:2px solid #ffae57;background:#553414;color:#ffe4ba}.leave-plan-days133 .overlap133{border:2px solid #ff9e9e;background:#4f2532;color:#ffe1e1}.leave-plan-person133{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.leave-plan-person133>div{min-width:0}.leave-plan-person133 strong{color:#88deff;font-size:18px}.leave-plan-person133 small{display:block;margin-top:6px;overflow-wrap:break-word}.leave-planner133 [hidden]{display:none!important}
@media(max-width:1100px){.leave-plan-year133{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.leave-plan-year133{grid-template-columns:1fr}.leave-plan-person133{align-items:stretch;flex-direction:column}.leave-planner133>.row>button{width:100%}}
html[data-safe-design=clear-command] .leave-plan-month133 h3,html[data-safe-design=clear-command] .leave-plan-person133 strong{color:#006b8f}
@media print{.leave-plan-year133{grid-template-columns:repeat(3,minmax(0,1fr))}.leave-plan-month133{break-inside:avoid}.leave-plan-days133>button{min-height:25px}.leave-plan-days133 .has-plans133{background:#e6f5fb!important;color:black!important}.leave-plan-person133 button{display:none}}
/* 137: Belegungsfarben haben in jedem App-Design Vorrang. */
@media screen{
html .leave-planner133 .leave-plan-days133>button.has-plans133{background:#b4f1ff;color:#073547;border:1px solid #59c5e4}
html .leave-planner133 .leave-plan-days133>button.capacity134{background:#ffb14a;color:#301803;border:2px solid #e87a00;box-shadow:inset 0 0 0 1px #ffd496;font-weight:800}
html .leave-planner133 .leave-plan-days133>button.overlap133{background:#ff9999;color:#4c1010;border:2px solid #dc4747;font-weight:800}
html .leave-planner133 .leave-plan-days133>button.has-plans133:hover,html .leave-planner133 .leave-plan-days133>button.has-plans133:focus-visible{outline:2px solid currentColor;outline-offset:1px}
}