.reservation-detail-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.55)}.reservation-detail-modal{position:relative;z-index:1010;display:flex;flex-direction:column;width:calc(100vw - 32px);max-width:760px;max-height:calc(100vh - 40px);border-radius:8px;overflow:hidden;background:#fff}.reservation-detail-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid #e8edf4;background:#fff;flex-shrink:0}.reservation-detail-eyebrow{margin:0 0 4px;font-size:12px;font-weight:700;color:#64748b}.reservation-detail-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reservation-detail-title-row h2{margin:0;font-size:20px;font-weight:800;color:#0f172a}.reservation-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.reservation-detail-guest-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;background:#fef3c7;color:#b45309;font-size:11px;font-weight:800}.reservation-detail-modal-body{flex:1;overflow:auto;padding:16px 22px;display:flex;flex-direction:column;gap:16px}.reservation-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.reservation-detail-card h3{margin:0 0 12px;font-size:14px;font-weight:800;color:#0f172a}.reservation-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0}.reservation-detail-grid div{min-width:0}.reservation-detail-grid dt{margin:0 0 4px;font-size:11px;font-weight:700;color:#64748b}.reservation-detail-grid dd{margin:0;font-size:14px;font-weight:600;color:#0f172a;word-break:break-word}.reservation-detail-grid-full{grid-column:1/-1}.reservation-detail-time-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:grid;gap:14px}.reservation-detail-time-card h3{margin:0}.reservation-detail-time-info-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px}.reservation-detail-time-info-label{font-size:11px;color:#64748b;font-weight:700;flex-shrink:0}.reservation-detail-time-info-value{font-size:14px;color:#0f172a;font-weight:800;text-align:right}.reservation-detail-time-info-value.is-changed{color:#2563eb}.reservation-detail-time-section-label{font-size:11px;color:#64748b;font-weight:700}.reservation-detail-time-current{margin:0 0 12px;font-size:13px;color:#475569}.reservation-detail-time-current strong{color:#0f172a}.reservation-detail-time-options{display:flex;flex-wrap:wrap;gap:8px}.reservation-detail-time-option{height:42px;min-width:76px;padding:0 14px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:13px;font-weight:800;cursor:pointer}.reservation-detail-time-option.is-selected{border-color:#2563eb;background:#2563eb;color:#fff}.reservation-detail-time-option.is-disabled,.reservation-detail-time-option:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.reservation-detail-time-custom input{width:100%;height:42px;padding:0 12px;border-radius:10px;border:1px solid #dbe3ee;font-size:14px}.reservation-detail-time-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:12px 0}.reservation-detail-time-meta dt{margin:0 0 2px;font-size:11px;font-weight:700;color:#64748b}.reservation-detail-time-meta dd{margin:0;font-size:14px;font-weight:700;color:#0f172a}.reservation-detail-time-meta dd.is-changed{color:#2563eb}.reservation-detail-time-alert{margin-bottom:12px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45}.reservation-detail-time-alert.is-warning{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.reservation-detail-time-alert.is-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;white-space:pre-line}.reservation-detail-time-apply{width:100%;height:48px;border:none;border-radius:10px;background:#059669;color:#fff;font-size:14px;font-weight:800;cursor:pointer}.reservation-detail-time-apply:disabled{background:#94a3b8;cursor:not-allowed}.reservation-detail-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;padding:16px 22px;border-top:1px solid #e2e8f0;background:#ffffff;flex-shrink:0;position:sticky;bottom:0;z-index:5}.reservation-detail-btn{height:44px;min-width:120px;padding:0 18px;border-radius:10px;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;border:1px solid transparent}.reservation-detail-btn:disabled{opacity:.6;cursor:not-allowed}.reservation-detail-btn.is-cancel{background:#fff;border-color:#ef4444;color:#dc2626}.reservation-detail-btn.is-noshow{background:#f97316;border-color:#f97316;color:#ffffff}.reservation-detail-btn.is-close{background:#fff;border-color:#cbd5e1;color:#475569}.reservation-detail-entry-auth-actions{margin-top:12px}.reservation-detail-secondary-btn{height:40px;padding:0 14px;border-radius:8px;border:1px solid #0b6e4f;background:#e6f5ef;color:#0b6e4f;font-size:13px;font-weight:750;cursor:pointer}.reservation-detail-secondary-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width:560px){.reservation-detail-grid,.reservation-detail-time-meta{grid-template-columns:1fr}.reservation-detail-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reservation-detail-btn{width:100%;min-width:0}}