/* 4.5.41: Dialoge mittig im Viewport – keine Browser-confirm() Fenster. */
html.cfh360-dialog-open{overflow:hidden!important}
.cfh360-dialog-overlay,.cfh360-dialog-overlay *{box-sizing:border-box}
.cfh360-dialog-overlay{position:fixed!important;inset:0!important;z-index:2147483646!important;padding:20px;display:flex;align-items:center;justify-content:center;background:rgba(5,30,49,.65);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-family:inherit}
.cfh360-dialog-card{width:min(440px,100%);padding:26px;background:#fff;border-radius:24px;border:1px solid #dbeaf0;box-shadow:0 26px 76px rgba(0,25,42,.28);color:#113f57}
.cfh360-dialog-head{display:flex;align-items:center;gap:13px}
.cfh360-dialog-symbol{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#0089a9;color:#fff;font-size:23px;font-weight:800}
.cfh360-dialog-head h2{margin:0!important;color:#0b3553!important;font-size:clamp(20px,4vw,23px)!important;font-weight:800!important;line-height:1.3!important}
.cfh360-dialog-card p{font-size:15px!important;line-height:1.6!important;margin:18px 0 24px!important;color:#47697b!important;white-space:pre-wrap}
.cfh360-dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.cfh360-dialog-actions button{font:inherit;font-size:14px!important;font-weight:750!important;min-height:44px!important;border-radius:12px!important;padding:11px 19px!important;cursor:pointer}
.cfh360-dialog-cancel{border:1px solid #ccdee6!important;background:#f3f9fb!important;color:#204c65!important}
.cfh360-dialog-accept{border:1px solid #0089a9!important;background:#0089a9!important;color:#fff!important}
.cfh360-dialog-accept.is-danger{background:#ba3d47!important;border-color:#ba3d47!important}
.cfh360-dialog-actions button:focus-visible{outline:3px solid #6fd5ef;outline-offset:2px}
@media(max-width:520px){.cfh360-dialog-overlay{padding:14px}.cfh360-dialog-card{padding:22px 18px}.cfh360-dialog-actions button{flex:1 1 130px}}
/* 4.5.42 – Integrierte Uhrzeit-Auswahl bei verschobenen Tageskarten. */
.cfh360-dialog-card.cfh360-time-dialog .cfh360-time-field{display:flex;flex-direction:column;gap:7px;color:#0c3570;font-size:13px;font-weight:800;margin:14px 0 9px}
.cfh360-dialog-card.cfh360-time-dialog input[type="time"]{box-sizing:border-box;width:100%;max-width:100%;min-height:45px;padding:9px 13px;border:1px solid #b5dce7;border-radius:11px;background:#fff;color:#0c3570;font:inherit;font-size:16px}
.cfh360-dialog-card.cfh360-time-dialog .cfh360-time-error{min-height:18px;margin:0;color:#a33325;font-size:12px}

/* 4.5.51 – Planning detail form shown only when editing. */
.cfh360-dialog-card.cfh360-plan-edit-dialog{width:min(455px,100%)}
.cfh360-dialog-card.cfh360-plan-edit-dialog>p{margin:8px 0 14px!important;font-size:13px!important}
.cfh360-plan-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cfh360-plan-edit-form>label:not(.cfh360-plan-edit-booked){display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:#235872}
.cfh360-plan-edit-form input[type="time"],.cfh360-plan-edit-form input[type="number"]{
  width:100%;max-width:100%;box-sizing:border-box;min-height:43px;padding:9px;
  border:1px solid #bddce7;border-radius:10px;background:#fff;color:#103950;font-size:15px;
}
.cfh360-plan-edit-booked{grid-column:1/-1;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;color:#22536c}
.cfh360-plan-edit-booked input{width:17px;height:17px;accent-color:#0089a9}
.cfh360-plan-edit-error{grid-column:1/-1;font-size:12px;color:#a33325;min-height:0}
.cfh360-plan-edit-form .cfh360-dialog-actions{grid-column:1/-1;margin-top:3px}
@media(max-width:380px){.cfh360-plan-edit-form{grid-template-columns:minmax(0,1fr)}}


/* 4.5.59 – In "Planung bearbeiten" genau EIN sichtbares Uhrsymbol.
   Native Chrome/Safari-Zeitsymbole werden durch eine deckende Ebene
   zuverlässig verdeckt; der Eingabewert und der lokale Zeitpicker bleiben
   weiterhin vollständig bedienbar. */
.cfh360-dialog-overlay .cfh360-plan-edit-time-control{
  position:relative;display:block;width:100%;min-width:0;
}
.cfh360-dialog-overlay .cfh360-plan-edit-time-control>input[type="time"]{
  display:block;width:100%;min-width:0;padding-right:74px!important;
  background-image:none!important;
}
.cfh360-dialog-overlay .cfh360-plan-edit-time-control::after{
  content:"";position:absolute;z-index:2;top:1px;bottom:1px;right:1px;width:66px;
  background-color:#fff;
  background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%230089a9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="9"/%3E%3Cpath d="M12 7v5l3 2"/%3E%3C/svg%3E');
  background-position:right 12px center;background-size:18px 18px;background-repeat:no-repeat;
  border-radius:0 9px 9px 0;pointer-events:none;
}

/* 4.5.75: keep native clock visible on touch hardware. */
@media(pointer:coarse){
 .cfh360-dialog-overlay .cfh360-plan-edit-time-control::after{content:none!important;display:none!important}
 .cfh360-dialog-overlay .cfh360-plan-edit-time-control>input[type="time"]{padding-right:12px!important}
 .cfh360-plan-edit-form input:is([type="time"],[type="number"]){font-size:16px!important}
}