body{background:#f4f6f4}
.cal{table-layout:fixed;background:#fff}
.cal th{text-align:center;background:#e9f3e9}
.cal td{height:105px;vertical-align:top;padding:2px;font-size:.8rem}
.cal td.other{background:#f5f5f5;color:#aaa}
.cal td.today{background:#fffbe0}
.cal .ev{display:block;color:#fff;border-radius:3px;padding:1px 4px;margin-bottom:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}
.room-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:4px;vertical-align:middle}

/* ---- Navbar (เมนู) ---- */
.navbar.bg-success{position:sticky;top:0;z-index:1030;padding:.55rem 0;
  background:linear-gradient(120deg,#0f9d6b 0%,#12b5a6 50%,#3b82f6 100%)!important;box-shadow:0 6px 22px rgba(18,140,130,.35)}
.navbar.bg-success .navbar-brand{font-weight:800;letter-spacing:.3px;display:flex;align-items:center;gap:.55rem;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.navbar.bg-success .navbar-brand::before{content:"📅";display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:12px;font-size:1.1rem;background:rgba(255,255,255,.95);box-shadow:0 3px 10px rgba(0,0,0,.2)}
.navbar.bg-success .navbar-nav{gap:.25rem}
.navbar.bg-success .nav-link{color:rgba(255,255,255,.92);font-weight:600;padding:.45rem 1rem;border-radius:30px;transition:.18s}
.navbar.bg-success .nav-link:hover,.navbar.bg-success .nav-link:focus{background:rgba(255,255,255,.22);color:#fff;transform:translateY(-1px)}
.navbar.bg-success .nav-link.active{background:#fff;color:#0f9d6b;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.navbar.bg-success .navbar-toggler{border:1px solid rgba(255,255,255,.5);border-radius:12px}
.navbar.bg-success .navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.35)}
@media (max-width:991.98px){
  .navbar.bg-success .navbar-collapse{margin-top:.6rem;padding:.6rem;border-radius:16px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
  .navbar.bg-success .navbar-nav+.navbar-nav{margin-top:.4rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.3)}
}

/* ---- Dropdown ตั้งค่าการจองห้อง ---- */
.navbar.bg-success .dropdown-menu{border:0;border-radius:16px;padding:.5rem;margin-top:.6rem;box-shadow:0 14px 34px rgba(0,0,0,.22);min-width:200px}
.navbar.bg-success .dropdown-item{border-radius:10px;font-weight:600;padding:.5rem .9rem;color:#2b3a36}
.navbar.bg-success .dropdown-item:hover{background:#e6f7f1;color:#0f9d6b}
.navbar.bg-success .dropdown-item.active{background:linear-gradient(120deg,#0f9d6b,#12b5a6);color:#fff}
@media (max-width:991.98px){.navbar.bg-success .dropdown-menu{background:rgba(255,255,255,.95);margin-top:.3rem}}
