/* modal.css — geteiltes Modal-Chrome (Overlay, Formulare, Aktionsleiste),
   von Event-, Promoter-, Board- und sonstigen Detail-Dialogen genutzt.
   .modal-wide ist der breitere Modifier fürs Ticket-Modal (board.css). */

.overlay{position:fixed;inset:0;background:rgba(5,4,9,.68);display:none;
         align-items:flex-start;justify-content:center;padding:5vh 14px;z-index:150;overflow:auto;}
.overlay.open{display:flex;}
.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;
       width:min(560px,100%);box-shadow:0 20px 60px rgba(0,0,0,.55);padding:20px 20px 22px;}
.modal-wide{width:min(680px,100%);}
.modal .mhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;}
.modal h3{margin:0;font-size:1.1rem;font-weight:700;}
.modal .x{background:none;border:none;box-shadow:none;font-size:20px;color:var(--muted);padding:2px 6px;}
#msg{font-size:12.5px;border-radius:9px;padding:0;margin:0;}
#msg.show{padding:9px 11px;margin:10px 0;}
#msg.err{background:var(--crit-bg);color:var(--crit);}
#msg.warn{background:var(--warn-bg);color:var(--warn);}
#msg.ok{background:var(--accent-weak);color:var(--accent);}
#dayList{display:flex;flex-direction:column;gap:6px;margin:12px 0;}
#dayList .row{display:flex;align-items:center;gap:9px;border:1px solid var(--line);
              border-radius:9px;padding:8px 10px;cursor:pointer;}
#dayList .row:hover{border-color:var(--accent);}
#dayList .sdot{width:10px;height:10px;border-radius:3px;flex:none;}
#dayList .row .t{font-weight:600;font-size:13px;}
#dayList .row .s{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--muted);}
form label{display:block;font-size:11px;font-family:var(--mono);letter-spacing:.05em;
           text-transform:uppercase;color:var(--faint);margin:11px 0 4px;}
input,select,textarea{width:100%;font-family:var(--sans);font-size:13px;color:var(--text);
  background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 9px;}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent);}
textarea{min-height:60px;resize:vertical;}
.fields2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
.floors{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.floors label{display:inline-flex;align-items:center;gap:6px;margin:0;text-transform:none;
              font-family:var(--sans);font-size:12.5px;letter-spacing:0;color:var(--text);
              border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer;}
.floors input{width:auto;}
.floors label .fcdot{width:9px;height:9px;border-radius:50%;flex:none;}
.floors label.on{border-color:var(--fc);
                 background:color-mix(in srgb, var(--fc) 16%, transparent);}
.opt-check{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;}
.opt-check input{width:auto;}
.opt-check label{margin:0;text-transform:none;font-family:var(--sans);letter-spacing:0;color:var(--text);font-size:13px;}
#optionFields.hide,#statusBox.hide,#dayView.hide,#formView.hide{display:none;}
#statusBox{margin-top:16px;border-top:1px solid var(--line2);padding-top:14px;}
#statusBox .btns{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;}
#dealBox{margin-top:16px;border-top:1px solid var(--line2);padding-top:14px;}
#dealBox #d_save{margin-top:10px;width:100%;}
#dealBox input:disabled{opacity:.6;}
@media (max-width:480px){
  .overlay{padding:0;align-items:stretch;}
  .modal,.modal-wide{width:100%;max-width:none;min-height:100%;border-radius:0;
                     border-left:none;border-right:none;}
  .fields2{grid-template-columns:1fr;}
}

.actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap;}
.actions .grow{flex:1;}
button.danger{border-color:var(--crit);color:var(--crit);}
button.danger:hover{background:var(--crit-bg);border-color:var(--crit);}
button.danger.hide{display:none;}
.hint{font-size:11.5px;color:var(--faint);margin-top:5px;}
.hist{margin-top:14px;font-size:11.5px;color:var(--muted);}
.hist details summary{cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--faint);}
.hist li{margin-top:3px;}