/* Hotel Kimininga Cloud v37.2 - Approved premium New Reservation reference */
.hk-reservation-work-window{
  position:fixed!important; inset:0!important; z-index:99999!important; display:none!important;
  background:linear-gradient(rgba(4,22,32,.80),rgba(2,15,24,.90)),url('assets/login-hotel-bg.png') center/cover no-repeat!important;
  overflow:auto!important; padding:18px 30px!important;
}
.hk-reservation-work-window.open{display:block!important;}
.hk-reservation-work-window .reservation-window-backdrop{display:none!important;}
.hk-reservation-window-shell{position:static!important;width:100%!important;max-width:1450px!important;height:auto!important;max-height:none!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.hk-reservation-window-shell .reservation-window-body{padding:0!important;overflow:visible!important;max-height:none!important;background:transparent!important;}
.hk-reservation-screen{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#132336;min-height:calc(100vh - 36px);display:flex;flex-direction:column;gap:12px;}
.hk-reservation-brandbar{display:grid;grid-template-columns:1fr auto 52px;align-items:center;gap:18px;min-height:64px;}
.hk-back-operations{justify-self:start;height:54px;padding:0 24px;border:1px solid rgba(214,164,54,.38);border-radius:14px;background:rgba(5,32,42,.78);color:#f4f7f7;font-weight:800;font-size:15px;box-shadow:0 8px 22px rgba(0,0,0,.15);cursor:pointer;transition:.2s ease;}
.hk-back-operations:hover{transform:translateY(-1px);border-color:#d4a43d;background:rgba(7,47,54,.90);}
.hk-reservation-brand{display:flex;align-items:center;gap:12px;color:#fff;}
.hk-reservation-brand img{width:58px;height:72px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35));}
.hk-reservation-brand strong{display:block;font-family:Georgia,serif;font-size:24px;letter-spacing:.03em;white-space:nowrap;}
.hk-reservation-brand span{display:block;text-align:center;color:#e8b039;font-family:Georgia,serif;font-weight:800;font-size:18px;}
.hk-reservation-close{width:50px;height:50px;border:1px solid rgba(255,255,255,.20);border-radius:12px;background:rgba(7,27,37,.80);color:#fff;font-size:32px;line-height:1;cursor:pointer;transition:.2s ease;}
.hk-reservation-close:hover{background:#a52a2a;border-color:#d46f6f;}
.hk-reservation-shell{border:1px solid rgba(203,157,55,.48);border-radius:22px;background:linear-gradient(145deg,rgba(4,49,54,.97),rgba(3,30,40,.98));box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden;}
.hk-reservation-hero{min-height:104px;padding:22px 26px;display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 78% 0%,rgba(23,158,135,.18),transparent 25%),linear-gradient(100deg,#063f42,#052f39 58%,#07313b);color:#fff;}
.hk-reservation-title-icon{width:58px;height:58px;border:1px solid rgba(62,229,195,.45);border-radius:12px;display:grid;place-items:center;background:rgba(12,139,118,.20);font-size:29px;color:#d8fff7;box-shadow:inset 0 0 20px rgba(26,214,174,.10);}
.hk-reservation-title-copy h1{margin:0 0 6px;font-size:33px;line-height:1.05;color:#fff;font-weight:850;letter-spacing:-.02em;}
.hk-reservation-title-copy p{margin:0;color:#d8e9e8;font-size:16px;}
.hk-ready-badge{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;border:1px solid rgba(49,213,138,.45);background:rgba(13,112,73,.24);color:#cffff0;font-weight:800;font-size:14px;}
.hk-ready-badge i{width:10px;height:10px;border-radius:50%;background:#33d58b;box-shadow:0 0 0 5px rgba(51,213,139,.14),0 0 14px #33d58b;}
.hk-reservation-stats{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:16px;padding:18px 28px 20px;background:linear-gradient(180deg,rgba(5,42,51,.97),rgba(4,35,44,.97));}
.hk-stat-card{min-height:74px;display:flex;align-items:center;gap:16px;padding:13px 18px;border:1px solid rgba(149,187,195,.28);border-radius:14px;background:rgba(9,42,53,.62);color:#fff;}
.hk-stat-card .hk-stat-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(35,216,181,.45);background:rgba(9,137,115,.20);color:#dffff8;font-size:20px;}
.hk-stat-card strong{display:block;font-size:24px;line-height:1.1;color:#fff;}.hk-stat-card small{display:block;margin-top:4px;color:#cfdddd;font-size:12px;}
.hk-stat-room{border-color:rgba(226,170,50,.55);}.hk-stat-room small{color:#f1b83d;text-transform:uppercase;font-weight:850;letter-spacing:.04em;}
.hk-reservation-layout{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(285px,.88fr);gap:18px;padding:0 28px 18px;align-items:stretch;background:linear-gradient(180deg,rgba(4,35,44,.98),rgba(4,31,39,.98));}
.hk-reservation-form-column{display:grid;gap:0;align-content:start;}
.hk-white-section{margin:0 0 3px!important;border:1px solid #d6dde2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 13px rgba(0,0,0,.08)!important;padding:17px 20px 15px!important;min-width:0!important;}
.hk-white-section legend{float:none!important;width:auto!important;margin:0 0 10px!important;padding:0!important;color:#147f7a!important;text-transform:uppercase;font-size:14px!important;font-weight:900!important;letter-spacing:.02em!important;}
.hk-section-icon{display:inline-grid;place-items:center;margin-right:8px;color:#388f8b;}
.hk-white-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px;clear:both;}
.hk-white-grid label{display:block;color:#172433;font-size:13px;font-weight:800;min-width:0;}
.hk-white-grid label>span:first-child{display:block;margin:0 0 8px;}.hk-white-grid em{color:#df3636;font-style:normal;}
.hk-white-grid .full{grid-column:1/-1;}.hk-control{position:relative;display:flex;align-items:center;}
.hk-control .hk-input-icon{position:absolute;left:13px;z-index:2;color:#7b8a95;font-size:14px;pointer-events:none;}
.hk-control:has(.hk-input-icon) input,.hk-control:has(.hk-input-icon) select{padding-left:38px!important;}
.hk-white-section input,.hk-white-section select,.hk-white-section textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #c9d1d8!important;border-radius:9px!important;background:#fff!important;color:#1f2b38!important;font:500 14px/1.2 Inter,"Segoe UI",Arial,sans-serif!important;outline:none!important;box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease!important;}
.hk-white-section input,.hk-white-section select{height:42px!important;padding:0 13px!important;}.hk-white-section textarea{min-height:58px!important;padding:12px 13px!important;resize:vertical!important;}
.hk-white-section input:focus,.hk-white-section select:focus,.hk-white-section textarea:focus{border-color:#159f91!important;box-shadow:0 0 0 3px rgba(21,159,145,.12)!important;}
.hk-white-section input::placeholder,.hk-white-section textarea::placeholder{color:#7e8994!important;opacity:1!important;}
.hk-form-banner{grid-column:1/-1!important;min-height:34px!important;padding:8px 12px!important;border-radius:8px!important;border:1px solid #edc46d!important;background:#fff8e7!important;color:#765a20!important;font-size:12px!important;display:flex!important;align-items:center!important;}
.hk-form-banner.ok{border-color:#90d8c0!important;background:#effbf6!important;color:#1f755d!important;}.hk-form-banner.danger{border-color:#e4a3a3!important;background:#fff3f3!important;color:#993b3b!important;}
.hk-reservation-summary{border:1px solid #d6dde2;border-radius:16px;background:#fff;color:#142232;padding:22px 25px 20px;box-shadow:0 5px 13px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;min-height:100%;}
.hk-reservation-summary h2{margin:0 0 17px;color:#147f7a;text-transform:uppercase;font-size:14px;letter-spacing:.03em;}
.hk-summary-room-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#159986,#0b796d);color:#fff;font-size:34px;box-shadow:0 9px 20px rgba(12,128,112,.22);}
.hk-reservation-summary>strong{margin-top:15px;font-size:17px;}.hk-summary-room-type{margin-top:7px;color:#df9918;text-transform:uppercase;font-size:11px;font-weight:900;}
.hk-summary-divider{width:100%;margin:17px 0 11px;border-top:1px dashed #d5d5d5;}.hk-reservation-summary dl{width:100%;margin:0;}.hk-reservation-summary dl>div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 0;color:#40505d;font-size:13px;}.hk-reservation-summary dt{color:#5b6a75;}.hk-reservation-summary dd{margin:0;color:#1d2935;font-weight:700;}
.hk-summary-total{width:100%;box-sizing:border-box;margin-top:13px;padding:16px 17px;border:1px solid #d6c5a5;border-radius:10px;display:flex;justify-content:space-between;align-items:center;background:#fffdfa;font-weight:850;}.hk-summary-total strong{color:#128b63;font-size:18px;}
.hk-summary-note{width:100%;box-sizing:border-box;margin-top:14px;padding:13px 15px;border:1px solid #efc56d;border-radius:10px;background:#fff9ec;color:#4d4a43;font-size:12px;line-height:1.45;}
.hk-reservation-actions{display:flex;justify-content:flex-end;gap:12px;padding:4px 28px 10px;background:rgba(4,31,39,.98);}
.hk-btn{min-width:170px;height:48px;border-radius:9px;font-weight:850;font-size:14px;cursor:pointer;transition:.2s ease;border:1px solid transparent;}.hk-btn-light{background:#fff;color:#26333f;border-color:#d4d9dd;box-shadow:0 3px 9px rgba(0,0,0,.10);}.hk-btn-light:hover{transform:translateY(-1px);background:#f7fafb;}.hk-btn-primary{min-width:240px;color:#fff;background:linear-gradient(90deg,#119881,#0d856f);border-color:#21b69d;box-shadow:0 7px 15px rgba(9,133,111,.25);}.hk-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);}
.hk-reservation-footer{min-height:68px;display:grid;grid-template-columns:1.35fr .8fr .8fr .9fr 1fr .8fr;align-items:center;gap:0;border:1px solid rgba(196,151,55,.55);border-radius:18px;background:rgba(4,27,37,.95);color:#fff;box-shadow:0 16px 35px rgba(0,0,0,.28);overflow:hidden;}
.hk-user-foot,.hk-foot-item{min-height:48px;display:flex;align-items:center;gap:12px;padding:8px 22px;border-right:1px solid rgba(255,255,255,.14);}.hk-user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#47c2aa,#118a79);color:#fff;font-size:20px;}.hk-user-foot small,.hk-foot-item small{display:block;color:#b9c7ce;font-size:10px;}.hk-user-foot strong,.hk-foot-item strong{display:block;color:#fff;font-size:14px;}.hk-user-foot span:last-child{color:#28d790;font-size:11px;}.hk-foot-item b{font-size:22px;color:#f3d06e;}.hk-online-dot{display:inline-block;width:8px;height:8px;margin-left:4px;border-radius:50%;background:#35ce74;box-shadow:0 0 8px #35ce74;}
.hk-footer-btn{height:44px;margin:0 10px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(10,38,51,.75);color:#fff;font-weight:800;cursor:pointer;}.hk-footer-btn:hover{background:rgba(14,65,78,.86);}.hk-footer-logout{border-color:rgba(221,64,64,.40);color:#ff5b5b;}
/* Keep the task window clean: no old modal topbar/side chrome. */
.hk-reservation-work-window .reservation-window-topbar{display:none!important;}
body:has(.hk-reservation-work-window.open){overflow:hidden!important;}
@media(max-width:980px){.hk-reservation-layout{grid-template-columns:1fr}.hk-reservation-summary{min-height:auto}.hk-reservation-footer{grid-template-columns:repeat(3,1fr)}.hk-user-foot,.hk-foot-item{border-bottom:1px solid rgba(255,255,255,.1)}.hk-reservation-brand strong{font-size:18px}.hk-reservation-brand img{width:46px;height:58px}}
@media(max-width:680px){.hk-reservation-work-window{padding:10px!important}.hk-reservation-brandbar{grid-template-columns:1fr 48px}.hk-reservation-brand{display:none}.hk-back-operations{height:46px;padding:0 14px}.hk-reservation-hero{grid-template-columns:48px 1fr;padding:16px}.hk-ready-badge{grid-column:1/-1;justify-self:start}.hk-reservation-stats{grid-template-columns:1fr;padding:12px 15px}.hk-reservation-layout{padding:0 15px 12px}.hk-white-grid{grid-template-columns:1fr}.hk-reservation-actions{padding:4px 15px 10px;display:grid;grid-template-columns:1fr 1fr}.hk-btn{min-width:0}.hk-btn-primary{grid-column:1/-1;min-width:0}.hk-reservation-footer{grid-template-columns:1fr 1fr}.hk-user-foot{grid-column:1/-1}.hk-footer-btn{margin:6px}.hk-reservation-title-copy h1{font-size:27px}}
.hk-white-section .reservation-availability-note{grid-column:1/-1!important;min-height:34px!important;padding:8px 12px!important;border-radius:8px!important;border:1px solid #edc46d!important;background:#fff8e7!important;color:#765a20!important;font-size:12px!important;display:flex!important;align-items:center!important;}
.hk-white-section .reservation-availability-note.ok{border-color:#90d8c0!important;background:#effbf6!important;color:#1f755d!important;}.hk-white-section .reservation-availability-note.danger{border-color:#e4a3a3!important;background:#fff3f3!important;color:#993b3b!important;}