/* Cancel window, new look (owner 2026-10-31): dark head with the PNR, passenger chips, one line per flight, one notice,
   the money from Mahan. Both panels (BookingUi::agencyCancelAction, staff Cancel Reservation: .fz-cx on the modal window). */
.fz-cx { --cx-navy:#0d1330; --cx-gold:#c9a24a; --cx-line:#e6e9f0; --cx-mut:#667085; --cx-soft:#f5f7fb;
  --cx-red:#b42318; --cx-redbg:#fdecea; --cx-green:#067647; --cx-greenbg:#e7f6ee; --cx-amber:#b54708; --cx-amberbg:#fff6e5;
  --cx-blue:#1d4ed8; --cx-bluebg:#eef3fc; overflow:hidden; }
html body .fz-cx.fi-modal-window { border-radius:1.4rem !important; }
.fz-cx .fi-modal-header { background:var(--cx-navy); padding:1.35rem 1.6rem 1.2rem !important; }
.fz-cx .fi-modal-heading { color:#fff; display:flex; flex-direction:column; gap:.1rem; }
.fz-cx .fi-modal-heading .cx-k { color:var(--cx-gold); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.fz-cx .fi-modal-heading .cx-pnr { color:#fff !important; font-size:1.6rem; font-weight:800; letter-spacing:.02em; line-height:1.2; }
.fz-cx .fi-modal-description { color:#c5cbe0 !important; font-size:.95rem; margin-top:.15rem; }
.fz-cx .fi-modal-close-btn { color:#c5cbe0 !important; }
.fz-cx .fi-modal-content { padding:1.2rem 1.5rem .4rem !important; gap:.9rem !important; }
.fz-cx .fi-modal-footer { padding:.6rem 1.5rem 1.5rem !important; }
.fz-cx .fi-modal-footer-actions { display:grid !important; grid-template-columns:1.6fr 1fr; gap:.7rem; width:100%; }
.fz-cx .fi-modal-footer-actions > * { width:100%; }
html body .fi-modal-window.fz-cx .fi-modal-footer-actions .fi-btn { width:100%; justify-content:center; min-height:3rem; border-radius:.8rem; font-size:1rem; font-weight:700; }
html body .fi-modal-window.fz-cx .fi-modal-footer-actions .fi-btn { background:var(--cx-soft) !important; box-shadow:none !important; color:var(--cx-navy) !important; border:0 !important; }
html body .fi-modal-window.fz-cx .fi-modal-footer-actions .fi-btn[type="submit"] { background:var(--cx-navy) !important; color:#fff !important; }
html body .fi-modal-window.fz-cx .fi-modal-footer-actions .fi-btn[type="submit"].fi-color-danger { background:var(--cx-red) !important; border-color:var(--cx-red) !important; }

/* the form texts take the whole width */
.fz-cx .fi-sc-text { display:block; }

/* section labels */
.fz-cx .fi-fo-field-label-content, .fz-cx .cx-lbl { font-size:.74rem !important; font-weight:700 !important; letter-spacing:.1em; text-transform:uppercase; color:var(--cx-mut) !important; }
.fz-cx .cx-lbl { margin:0 0 .45rem; }

/* passengers as chips */
.fz-cx .cx-chips.fi-fo-checkbox-list-options { display:flex !important; flex-wrap:wrap; gap:.5rem; }
.fz-cx .cx-chips .fi-fo-checkbox-list-option-ctn { break-inside:avoid; }
.fz-cx .cx-chips .fi-fo-checkbox-list-option { display:inline-flex; align-items:center; gap:.55rem; border:1.5px solid var(--cx-navy); border-radius:.7rem; padding:.45rem .8rem; font-weight:600; color:var(--cx-navy); cursor:pointer; }
.fz-cx .cx-chips .fi-fo-checkbox-list-option-label { font-weight:600; color:var(--cx-navy); }
.fz-cx .cx-chips .fi-checkbox-input:checked { background-color:var(--cx-navy); }
.fz-cx .cx-chips .fi-fo-checkbox-list-option:has(.fi-checkbox-input:not(:checked)) { border-color:var(--cx-line); color:var(--cx-mut); }

/* staff: Online / Done in Mahan, and what was done */
.fz-cx .cx-seg .fi-btn-group { display:grid; grid-template-columns:1fr 1fr; background:var(--cx-soft); border-radius:.8rem; padding:.3rem; box-shadow:none; }
html body .fi-modal-window.fz-cx .cx-seg .fi-btn { justify-content:center; background:transparent; box-shadow:none; color:var(--cx-mut); border-radius:.6rem; font-weight:600; min-height:2.4rem; }
html body .fi-modal-window.fz-cx .cx-seg input:checked + .fi-btn { background:#fff; color:var(--cx-navy); box-shadow:0 1px 3px rgba(13,19,48,.12); }
.fz-cx .cx-kinds .fi-fo-toggle-buttons, .fz-cx .cx-kinds { gap:.45rem; }
html body .fi-modal-window.fz-cx .cx-kinds .fi-btn { background:#fff; box-shadow:none; border:1px solid var(--cx-line); color:var(--cx-navy); border-radius:.6rem; font-weight:500; }
html body .fi-modal-window.fz-cx .cx-kinds input:checked + .fi-btn { background:var(--cx-amberbg); border-color:var(--cx-gold); color:var(--cx-navy); font-weight:600; }

/* flights: one line each */
.cx-fls { border:1px solid var(--cx-line); border-radius:.9rem; overflow:hidden; background:#fff; }
.cx-fl { display:flex; align-items:center; gap:.8rem; padding:.75rem .9rem; }
.cx-fl + .cx-fl { border-top:1px solid var(--cx-line); }
.cx-fl-t { flex:1; min-width:0; display:flex; flex-direction:column; }
.cx-fl-t b { color:var(--cx-navy); font-size:1rem; }
.cx-fl-t small { color:var(--cx-mut); font-size:.85rem; line-height:1.35; }
.cx-fl-t s { opacity:.8; }
.cx-mk { flex:none; width:2rem; height:2rem; border-radius:.55rem; display:grid; place-items:center; font-weight:700; font-size:.9rem; }
.cx-pill { flex:none; border-radius:999px; padding:.22rem .7rem; font-size:.82rem; font-weight:700; white-space:nowrap; }
.cx-mk.x, .cx-pill.x { background:var(--cx-redbg); color:var(--cx-red); }
.cx-mk.ok, .cx-pill.ok { background:var(--cx-greenbg); color:var(--cx-green); }
.cx-mk.warn, .cx-pill.warn { background:var(--cx-amberbg); color:var(--cx-amber); }
.cx-mk.info, .cx-pill.info { background:var(--cx-bluebg); color:var(--cx-blue); }
.cx-mk.mute, .cx-pill.mute { background:#f2f4f7; color:#475467; }

/* one notice */
.cx-note { display:flex; gap:.6rem; border-radius:.9rem; padding:.8rem 1rem; margin-top:.8rem; font-size:.92rem; line-height:1.45; }
.cx-note > span { flex:none; font-weight:700; }
.cx-note b { display:block; }
.cx-note.warn { background:var(--cx-amberbg); color:#7a4a05; } .cx-note.warn b { color:#7a4a05; }
.cx-note.info { background:var(--cx-bluebg); color:#1e3a6e; } .cx-note.info b { color:#1e3a6e; }

/* money */
.cx-money { background:var(--cx-soft); border-radius:.9rem; padding:.9rem 1.1rem; margin-top:.8rem; }
.cx-r { display:flex; justify-content:space-between; gap:1rem; color:#344054; font-size:.95rem; padding:.12rem 0; }
.cx-r b { color:var(--cx-navy); font-weight:700; white-space:nowrap; }
.cx-sub { font-size:.82rem; color:#667085; padding-left:.9rem; }
.cx-sub b { font-weight:500; color:#667085; }
.cx-tp span, .cx-tp b { font-size:1.08rem; font-weight:600; color:var(--cx-navy); }
.cx-info span, .cx-info b { color:#667085; font-weight:500; }
.cx-mid { border-top:1px solid #eaecf0; margin-top:.3rem; padding-top:.35rem; }
.cx-mid span, .cx-mid b { font-weight:700; color:var(--cx-navy); }
.cx-big { border-top:1px dashed #d0d5dd; margin-top:.5rem; padding-top:.6rem; align-items:baseline; }
.cx-big span { font-weight:600; color:var(--cx-navy); }
.cx-big b { color:var(--cx-green); font-size:1.75rem; font-weight:800; }
.cx-ft { color:var(--cx-mut); font-size:.8rem; margin-top:.15rem; }
.cx-per summary { color:var(--cx-mut); font-size:.8rem; cursor:pointer; list-style:none; margin-top:.15rem; }
.cx-per summary::-webkit-details-marker { display:none; }
.cx-per table { width:100%; border-collapse:collapse; margin-top:.4rem; font-size:.84rem; }
.cx-per th, .cx-per td { padding:.3rem 0; text-align:right; border-top:1px solid var(--cx-line); }
.cx-per th:first-child, .cx-per td:first-child { text-align:left; }
.cx-per th { font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; color:var(--cx-mut); }
.cx-per .neg { color:var(--cx-red); } .cx-per .pos { color:var(--cx-green); font-weight:700; }

@media (max-width:480px) {
  .fz-cx .fi-modal-content { padding:1rem 1rem .3rem !important; }
  .fz-cx .fi-modal-footer { padding:.5rem 1rem 1.1rem !important; }
  .cx-big b { font-size:1.45rem; }
}

/* the staff panel's own button and chip looks (ayan-admin-v5 / style D) stay outside this window */
html body .fi-modal-window.fz-cx .fi-modal-footer-actions .fi-btn { box-shadow:none !important; font-size:1rem !important; border-radius:.8rem !important; }
html body .fi-modal-window.fz-cx .cx-seg .fi-btn, html body .fi-modal-window.fz-cx .cx-kinds .fi-btn { font-size:.95rem !important; padding:.45rem .9rem !important; border-radius:.6rem !important; }
html body .fi-modal-window.fz-cx .cx-seg input:checked + .fi-btn { background:#fff !important; color:var(--cx-navy) !important; box-shadow:0 1px 3px rgba(13,19,48,.12) !important; }
html body .fi-modal-window.fz-cx .cx-seg .fi-btn { background:transparent !important; color:var(--cx-mut) !important; box-shadow:none !important; border:0 !important; }
html body .fi-modal-window.fz-cx .cx-kinds .fi-btn { background:#fff !important; color:var(--cx-navy) !important; box-shadow:none !important; border:1px solid var(--cx-line) !important; }
html body .fi-modal-window.fz-cx .cx-kinds input:checked + .fi-btn { background:var(--cx-amberbg) !important; border-color:var(--cx-gold) !important; font-weight:600 !important; }
html body .fi-modal-window.fz-cx .cx-chips .fi-fo-checkbox-list-option-label { font-size:.95rem !important; }
html body .fi-modal-window.fz-cx .fi-fo-field-label-content { font-size:.74rem !important; }
html body .fi-modal-window.fz-cx .fi-input { font-size:1rem !important; }
html body .fi-modal-window.fz-cx .cx-kinds .fi-btn, html body .fi-modal-window.fz-cx .cx-seg .fi-btn { height:auto !important; min-height:2.3rem !important; line-height:1.2 !important; }
html body .fi-modal-window.fz-cx .cx-kinds .fi-fo-toggle-buttons-btn-ctn, html body .fi-modal-window.fz-cx .cx-kinds { row-gap:.45rem !important; column-gap:.45rem !important; }
html body .fi-modal-window.fz-cx .cx-kinds input:checked + .fi-btn, html body .fi-modal-window.fz-cx .cx-kinds input:checked + .fi-btn * { color:var(--cx-navy) !important; }
html body .fi-modal-window.fz-cx .cx-seg .fi-btn-group { background:var(--cx-soft) !important; border:0 !important; box-shadow:none !important; width:100%; }
html body .fi-modal-window.fz-cx .fi-fo-field-label-content { text-transform:uppercase; letter-spacing:.1em; font-weight:700 !important; color:var(--cx-mut) !important; }