.ahmci-overlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:20px}
.ahmci-modal{width:100%;max-width:820px;max-height:90vh;overflow:auto;background:#fff;color:#0f172a;border-radius:16px;box-shadow:0 20px 60px rgba(2,6,23,.25)}
.ahmci-modal__header{padding:16px 20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-radius:16px 16px 0 0}
.ahmci-title{margin:0;font-size:1.2rem}
.ahmci-modal__body{padding:18px 20px;background:#f8fafc}
.ahmci-modal__footer{display:flex;gap:10px;justify-content:center;align-items:center;padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px}

.ahmci-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-weight:600}
.ahmci-btn--primary{background:#2563eb;color:#fff;border-color:#2563eb}
.ahmci-btn--ghost{background:#fff;color:#0f172a;border-color:#cbd5e1}

.ahmci-section__title{margin:0 0 10px;font-size:1rem}
.ahmci-grid-2x3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.ahmci-grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ahmci-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}
.ahmci-label{display:block;font-size:.86rem;color:#64748b;margin-bottom:6px}
.ahmci-value{font-weight:700;color:#0f172a}
.ahmci-text--muted{color:#94a3b8}
#ahmci-ci1-list .ahmci-booking{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:10px;background:#fff;margin-bottom:10px}
#ahmci-ci1-list .ahmci-booking__info{display:flex;flex-direction:column;gap:4px}
@media (max-width:768px){.ahmci-grid-2x3,.ahmci-grid-3x3{grid-template-columns:1fr}}

/* Chống lớp phủ theme đè click nút trong card */
.room-card a.box-link,.room-card .ux-overlay,.room-card .badge-overlay,.room-card .box-image:after,.room-card .box:after{pointer-events:none!important}
.room-card .room-actions{position:relative;z-index:3}
.room-card .room-actions *{pointer-events:auto!important}











#ahmci-ci1-empty{
  margin:10px 0 6px; padding:16px; text-align:center;
  background:#fff; border:1px dashed #cbd5e1; border-radius:10px; color:#475569;
}












/* ====== AHMCI – Popup #2 form polish ====== */
#ahmci-overlay-2 .ahmci-modal__body { background:#f8fafc; }

#ahmci-ci2-form { --fld-h: 44px; }

#ahmci-overlay-2 .ahmci-grid-3x3{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:16px; margin-top:6px;
}

/* Card/field container */
#ahmci-overlay-2 .ahmci-card{
  background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:10px 12px;
  display:flex; flex-direction:column; gap:8px; min-height:86px;
  transition:border-color .15s ease, box-shadow .15s ease;
}

/* Label */
#ahmci-overlay-2 .ahmci-card .ahmci-label{
  font-size:.875rem; font-weight:600; color:#475569; letter-spacing:.2px;
}

/* Inputs + selects – đồng bộ chiều cao, padding, font */
#ahmci-overlay-2 .ahmci-card input,
#ahmci-overlay-2 .ahmci-card select{
  height:var(--fld-h); width:100%;
  border:1px solid #cbd5e1; border-radius:10px;
  background:#fff; padding:0 12px;
  font-size:0.95rem; color:#0f172a;
  outline:none; transition:border-color .15s, box-shadow .15s, background .15s;
  -webkit-appearance:none; appearance:none;
}

/* placeholder nhất quán */
#ahmci-overlay-2 .ahmci-card input::placeholder{ color:#94a3b8; }

/* Focus state */
#ahmci-overlay-2 .ahmci-card input:focus,
#ahmci-overlay-2 .ahmci-card select:focus{
  border-color:#60a5fa;
  box-shadow:0 0 0 4px rgba(96,165,250,.25);
}

/* Invalid state (HTML required) */
#ahmci-overlay-2 .ahmci-card input:invalid,
#ahmci-overlay-2 .ahmci-card select:invalid{
  border-color:#fda4af;
  background:linear-gradient(#fff,#fff) padding-box, 
             repeating-linear-gradient(45deg,#fff,#fff 6px,#fff0 6px,#fff0 12px) border-box;
}

/* Select custom chevron */
#ahmci-overlay-2 .ahmci-card select{
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:18px 18px;
  padding-right:36px;
}

/* Date/time inputs – tránh icon lạc dòng */
#ahmci-overlay-2 input[type="date"],
#ahmci-overlay-2 input[type="time"]{
  line-height:var(--fld-h);
}

/* Icon clock của input[type=time] (Chrome) sát phải */
#ahmci-overlay-2 input[type="time"]::-webkit-calendar-picker-indicator{
  opacity:.8; cursor:pointer; margin-right:2px;
}

/* Disable spinner cho number nếu có */
#ahmci-overlay-2 input[type=number]::-webkit-outer-spin-button,
#ahmci-overlay-2 input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
#ahmci-overlay-2 input[type=number]{ -moz-appearance:textfield; }

/* Footer buttons spacing */
#ahmci-overlay-2 .ahmci-modal__footer{ gap:12px; }

/* Responsive */
@media (max-width: 1024px){
  #ahmci-overlay-2 .ahmci-grid-3x3{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px){
  #ahmci-overlay-2 .ahmci-grid-3x3{ grid-template-columns:1fr; }
}