
.flyup-fa-wrap{max-width:980px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a}
.flyup-fa-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 18px;border-radius:16px;background:linear-gradient(135deg,#0b79d0, #1e40af);color:#fff;box-shadow:0 18px 40px rgba(2,20,46,.18)}
.flyup-fa-doctor{display:flex;align-items:center;gap:12px;min-width:0}
.flyup-fa-doc-meta{min-width:0}
.flyup-fa-doc-name{word-break:break-word}
.flyup-fa-doc-img{width:54px;height:54px;border-radius:14px;object-fit:cover;border:2px solid rgba(255,255,255,.35)}
.flyup-fa-doc-name{font-weight:700;font-size:16px;line-height:1.1}
.flyup-fa-doc-line{font-size:13px;opacity:.9}
.flyup-fa-badge{background:rgba(255,255,255,.15);padding:10px 14px;border-radius:999px;font-weight:700}

.flyup-fa-form{margin-top:14px;background:#fff;border:1px solid #e6edf5;border-radius:16px;padding:18px;box-shadow:0 18px 40px rgba(2,20,46,.08)}
.flyup-fa-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px}
.flyup-fa-field label{display:block;font-size:13px;color:#334155;margin-bottom:6px}
.flyup-fa-field input,.flyup-fa-field textarea,.flyup-fa-field select{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:12px 12px;font-size:14px;background:#f8fafc;outline:none}
.flyup-fa-field input:focus,.flyup-fa-field textarea:focus,.flyup-fa-field select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.25);background:#fff}
.flyup-fa-col2{grid-column:1 / span 2}
.flyup-fa-help{font-size:12px;color:#64748b;margin-top:6px}

.flyup-fa-btn{margin-top:14px;width:100%;border:0;border-radius:14px;padding:14px 16px;font-weight:800;font-size:15px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0ea5e9,#1e40af);display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 16px 32px rgba(14,165,233,.25);transition:transform .15s ease, box-shadow .15s ease}
.flyup-fa-btn:hover{transform:translateY(-1px);box-shadow:0 22px 40px rgba(30,64,175,.25)}
.flyup-fa-btn:active{transform:translateY(0)}
.flyup-fa-btn-ic{display:inline-block;background:rgba(255,255,255,.18);padding:6px 10px;border-radius:999px}

.flyup-fa-modal{position:fixed;inset:0;z-index:99999}
.flyup-fa-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.58)}
.flyup-fa-modal-card{position:relative;max-width:520px;margin:6vh auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.flyup-fa-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#0b79d0;color:#fff}
.flyup-fa-confirm{display:flex;align-items:center;gap:12px}
.flyup-fa-modal-sub{font-size:12px;opacity:.9;margin-top:2px}
.flyup-fa-check{width:40px;height:40px;border-radius:999px;border:3px solid rgba(255,255,255,.55);position:relative;flex:0 0 auto}
.flyup-fa-check:after{content:"";position:absolute;left:11px;top:18px;width:9px;height:16px;border-right:4px solid #22c55e;border-bottom:4px solid #22c55e;transform:rotate(45deg);opacity:0}
.flyup-fa-check.is-anim{border-color:rgba(255,255,255,.85)}
.flyup-fa-check.is-anim:after{opacity:1;animation:flyupFaPop .45s ease-out}
@keyframes flyupFaPop{0%{transform:rotate(45deg) scale(.3)}60%{transform:rotate(45deg) scale(1.1)}100%{transform:rotate(45deg) scale(1)}}
.flyup-fa-modal-title{font-weight:800}
.flyup-fa-modal-close{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.flyup-fa-modal-body{padding:16px}
.flyup-fa-ticket{border:1px dashed #cbd5e1;border-radius:14px;padding:14px;background:#f8fafc}
.flyup-fa-ticket-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.flyup-fa-ticket-brand{font-weight:900}
.flyup-fa-ticket-code{font-weight:800;color:#1e40af}
.flyup-fa-ticket-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #e2e8f0;font-size:13px}
.flyup-fa-ticket-row:first-of-type{border-top:0}
.flyup-fa-actions{display:flex;gap:10px;margin-top:12px}
.flyup-fa-action{flex:1;border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:12px;font-weight:800;cursor:pointer}
.flyup-fa-action:hover{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}
@media(max-width:720px){
  .flyup-fa-header{flex-direction:column;align-items:stretch}
  .flyup-fa-badge{align-self:flex-start}
  .flyup-fa-grid{grid-template-columns:1fr}
  .flyup-fa-col2{grid-column:auto}
}
