#preplanningView .preplanning-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:7px}
#preplanningView h1{font-size:22px;margin:0 0 2px}#preplanningView h2{font-size:14px;margin:0 0 4px}#preplanningView p{margin:2px 0;line-height:1.25}
#preplanningView .preplanning-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px}#preplanningView input[type=date]{width:140px;padding:5px}
#preplanningView button{min-height:27px;padding:4px 8px;font-size:11px}#preplanningView .preplanning-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:7px}#preplanningView .preplanning-tabs>span{margin-left:auto;font-size:11px;color:#486353}
#preplanningView .preplanning-table-wrap{overflow-x:auto;border:1px solid #ded9d1;border-radius:10px;background:#fff}#preplanningView table{border-collapse:collapse;width:100%;min-width:800px}#preplanningView th,#preplanningView td{padding:3px 8px;border-bottom:1px solid #e6e1da;text-align:center}#preplanningView th:first-child{text-align:left;max-width:340px}#preplanningView thead{background:#262a2b;color:#fff}#preplanningView thead button.secondary{background:transparent;border:0;color:inherit}
#preplanningView .preplanning-capacity{font-weight:650}#preplanningView .preplanning-capacity button{min-width:34px;min-height:22px;padding:2px 6px;border:0;font-size:13px;font-weight:700}#preplanningView .capacity-none{background:#fae7e4;color:#a52d27}#preplanningView .capacity-one{background:#fff0c9;color:#865510}#preplanningView .capacity-many{background:#def0e4;color:#25633e}#preplanningView .preplanning-cell{background:transparent;color:#263b49;border:0}#preplanningView .preplanning-cell:hover{background:#fff0c9}#preplanningView tbody tr:has(th[colspan]){background:#ede9e2;font-size:11px;color:#665d50}
#preplanningView .preplanning-explanation{font-size:10px;color:#716c64;margin:6px 0}#preplanningView .preplanning-warning{color:#985e0d;font-size:12px}#preplanningView .preplanning-day,#preplanningView .preplanning-waiting{background:#fff;border:1px solid #e2ddd4;padding:8px 10px;border-radius:8px;margin-top:7px}#preplanningView .preplanning-day .preplanning-controls h2{margin-right:auto}#preplanningView .preplanning-promised{display:grid;gap:2px;margin-top:5px}#preplanningView .preplanning-promised>div{display:flex;gap:4px 14px;flex-wrap:wrap;border-bottom:1px solid #eee;padding:3px 0;font-size:11px}#preplanningView .preplanning-promised small{color:#687480}
#preplanningView .preplanning-waiting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;background:#fff7e7;border-left:3px solid #d18717;margin:4px 0}#preplanningView .preplanning-waiting-row p{font-size:11px}#preplanningView .preplanning-waiting-row small{color:#655d51}#preplanningView .preplanning-waiting-row>.preplanning-controls{flex-shrink:0}#preplanningConfirm{width:min(850px,95vw);max-height:92vh;overflow-y:auto}#preplanningConfirm>p,#preplanningConfirm>label{display:block;margin:14px 24px}#preplanningConfirm>label input{margin-top:6px}#preplanningConfirm .preplanning-confirm-message{padding:10px;border-left:3px solid #d18717;background:#fff7e7}
@media(max-width:760px){#preplanningView .preplanning-waiting-row{align-items:stretch;flex-direction:column}#preplanningView .preplanning-tabs>span{margin-left:0}#preplanningView .preplanning-controls{gap:5px}}

/* Compact desktop layout, without hiding planning information. */
#preplanningView table{font-size:11px;line-height:1.2}
#preplanningView table button{min-height:22px;padding:2px 6px;line-height:1.2}
#preplanningView .preplanning-toolbar>div:first-child p{font-size:11px}
#preplanningView .preplanning-promised>div{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(130px,.6fr) minmax(180px,1fr);align-items:baseline}
#preplanningView .preplanning-waiting-row>div:first-child{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,1.5fr);gap:2px 14px;flex:1;min-width:0;font-size:11px;line-height:1.2;overflow-wrap:anywhere}
#preplanningView .preplanning-waiting-row>div:first-child>p:last-child{grid-column:1/-1}
#preplanningView .preplanning-waiting-row small{font-size:10px}
@media(max-width:760px){#preplanningView button{min-height:36px}#preplanningView table button{min-height:28px}#preplanningView .preplanning-promised>div{display:flex}#preplanningView .preplanning-waiting-row>div:first-child{display:block}#preplanningView .preplanning-waiting-row p{margin:3px 0}}
#preplanningOrder{width:min(840px,95vw);max-height:92vh;overflow:auto}#preplanningOrder .fields{gap:10px 16px}#preplanningOrder .fields p{margin:0;font-size:13px}#preplanningOrder input,#preplanningOrder select{min-height:38px}#preplanningOrder .preplanning-order-message{padding:10px;background:#fff7e7;border-left:3px solid #d18717}#preplanningView .preplanning-cell:focus-visible{outline:2px solid #d18717;outline-offset:1px}
#preplanningOrder .fields>.full{grid-column:1/-1}#preplanningOrder .fields{padding:14px 20px;font-size:13px}#preplanningOrder .fields label{gap:3px}#preplanningOrder .fields input,#preplanningOrder .fields select{padding:7px 10px}#preplanningOrder .fields textarea{min-height:52px;padding:7px 10px}#preplanningOrder .modal-head{padding:12px 20px}#preplanningOrder .modal-head h2{font-size:20px}#preplanningOrder .modal-actions{padding:12px 20px;flex-wrap:wrap}#preplanningOrder [aria-label="Schließen"]{background:transparent;color:#666;padding:0 6px;font-size:23px}
#preplanningView .preplanning-customer-add{background:transparent;color:#263b49;text-align:left;width:100%;padding-left:0;font-weight:700}#preplanningView .preplanning-customer-add:hover,#preplanningView .preplanning-order-cell:hover{background:#fff0c9}#preplanningView .preplanning-order-cell{cursor:pointer;padding:0}#preplanningView .preplanning-order-cell>.preplanning-cell{width:100%;min-height:29px}#preplanningView .preplanning-order-cell:has(button:disabled){cursor:default}

#preplanningView .preplanning-promised>div{grid-template-columns:minmax(180px,1.2fr) minmax(130px,.6fr) minmax(180px,1fr) auto}#preplanningView .preplanning-cancel-order{color:#a52d27;white-space:nowrap;justify-self:end}
@media(max-width:760px){#preplanningView .preplanning-cancel-order{margin-left:auto}}
#preplanningView .preplanning-waiting-count{background:#fff0c9;color:#865510;border:1px solid #ead29b;margin:2px 3px;white-space:nowrap}
#preplanningView .preplanning-waiting-count:hover{background:#ffe0a0}
#preplanningView .preplanning-order-cell:has(.preplanning-waiting-count)>.preplanning-cell{width:auto;min-width:26px}
#preplanningWaitingChoice{width:min(680px,94vw);max-height:90vh;overflow:auto}
#preplanningWaitingChoice>p,#preplanningWaitingChoice .preplanning-choice-row{margin:12px 20px}
#preplanningWaitingChoice .preplanning-choice-row{padding:10px;border:1px solid #e2ddd4;border-radius:6px;background:#fff7e7}
#preplanningWaitingChoice .preplanning-choice-row p{white-space:pre-wrap;overflow-wrap:anywhere}