/* V84.14 — hotel management and public room presentation. Scoped to hotel-only classes. */
.hotel-manager-v8414{display:grid;gap:16px}
.hotel-command-v8414 .project-command-identity>img{object-fit:cover}
.hotel-metric-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:rgba(99,102,241,.1);font-size:23px}
.hotel-lowest-price{font-size:clamp(17px,2.2vw,25px)!important;white-space:nowrap}
.hotel-rooms-manager-v8414 .section-head p{margin:5px 0 0;color:var(--muted,#64748b)}
.hotel-owner-rooms-v8414{display:grid;gap:12px}
.hotel-owner-room-v8414{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:15px;align-items:center;padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:#fff}
.hotel-owner-room-v8414__image{position:relative;height:118px;border-radius:16px;overflow:hidden;background:#eef2f7}
.hotel-owner-room-v8414__image img{width:100%;height:100%;object-fit:cover;display:block}
.hotel-owner-room-v8414__image span{position:absolute;inset:auto 8px 8px auto;padding:5px 9px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:11px;font-weight:800}
.hotel-owner-room-v8414__content{min-width:0;display:grid;gap:8px}
.hotel-owner-room-v8414__top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hotel-owner-room-v8414__content h3{margin:0;font-size:18px}
.hotel-owner-room-v8414__facts{display:flex;gap:7px;flex-wrap:wrap;color:#475569;font-size:12px;font-weight:700}
.hotel-owner-room-v8414__facts span{padding:5px 8px;border-radius:9px;background:#f8fafc}
.hotel-owner-room-v8414__price{font-size:20px;color:#0f172a}
.hotel-owner-room-v8414__price small{font-size:12px;color:#64748b}
.hotel-owner-room-v8414__actions{justify-content:flex-end}
.hotel-empty-v8414{display:grid;justify-items:center;gap:8px;padding:36px 18px;text-align:center}
.hotel-empty-v8414 strong{font-size:20px}.hotel-empty-v8414 p{margin:0;color:#64748b}
.hotel-amenities-fieldset-v8414{border:0;padding:0;margin:0}.hotel-amenities-fieldset-v8414 legend{font-weight:900;margin-bottom:10px}
.hotel-amenities-grid-v8414{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hotel-amenities-grid-v8414 label{display:flex!important;align-items:center;gap:8px!important;padding:10px 12px!important;border:1px solid rgba(148,163,184,.25)!important;border-radius:12px!important;background:#fff!important;cursor:pointer}
.hotel-amenities-grid-v8414 input{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important}
.hotel-existing-images-v8414{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.hotel-store-card-v8414__price{display:grid;gap:2px;margin-top:8px;padding:9px 11px;border-radius:13px;background:linear-gradient(135deg,#eef2ff,#f8fafc)}
.hotel-store-card-v8414__price small{color:#64748b;font-weight:700}.hotel-store-card-v8414__price strong{font-size:18px;color:#111827}
.hotel-public-price-v8414{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#fff7ed)}
.hotel-public-price-v8414 span{font-size:12px;color:#64748b;font-weight:800}.hotel-public-price-v8414 strong{font-size:20px;color:#0f172a}
.hotel-room-grid-v8414,.commerce-profile-v74__products:has(.hotel-room-card-v8414){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hotel-room-card-v8414{overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:#fff;box-shadow:0 9px 30px rgba(15,23,42,.06)}
.hotel-room-card-v8414__image{position:relative;display:block;height:210px;background:#eef2f7}
.hotel-room-card-v8414__image img{width:100%;height:100%;object-fit:cover;display:block}
.hotel-room-card-v8414__image span{position:absolute;right:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:11px;font-weight:800}
.hotel-room-card-v8414__body{display:grid;gap:10px;padding:14px}
.hotel-room-card-v8414__top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.hotel-room-card-v8414 h3{margin:0;font-size:18px}.hotel-room-card-v8414 h3 a{color:inherit;text-decoration:none}
.hotel-room-card-v8414__facts{display:flex;flex-wrap:wrap;gap:6px}.hotel-room-card-v8414__facts span{padding:5px 8px;border-radius:9px;background:#f8fafc;color:#475569;font-size:12px;font-weight:800}
.hotel-room-card-v8414__amenities{display:flex;flex-wrap:wrap;gap:5px}.hotel-room-card-v8414__amenities span{font-size:11px;padding:5px 7px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:800}
.hotel-room-card-v8414__footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:4px;border-top:1px solid #eef2f7}
.hotel-room-card-v8414__footer strong{font-size:19px}.hotel-room-card-v8414__footer strong small{font-size:11px;color:#64748b}
.hotel-room-detail-v8414__top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hotel-room-detail-v8414__price small{font-size:13px;color:#64748b}
.hotel-room-detail-v8414__meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}.hotel-room-detail-v8414__meta>div{padding:10px 12px;border-radius:12px;background:#f8fafc}
.hotel-room-detail-v8414__amenities{margin-top:14px}.hotel-room-detail-v8414__amenities h2{font-size:17px}.hotel-room-detail-v8414__amenities>div{display:flex;flex-wrap:wrap;gap:7px}.hotel-room-detail-v8414__amenities span{padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800}
@media(max-width:760px){
  .hotel-owner-room-v8414{grid-template-columns:105px minmax(0,1fr);gap:10px}.hotel-owner-room-v8414__image{height:105px}.hotel-owner-room-v8414__actions{grid-column:1/-1;justify-content:stretch}.hotel-owner-room-v8414__actions>*{flex:1}.hotel-owner-room-v8414__actions .btn{width:100%}
  .hotel-amenities-grid-v8414{grid-template-columns:1fr 1fr}
  .hotel-room-grid-v8414,.commerce-profile-v74__products:has(.hotel-room-card-v8414){grid-template-columns:1fr}.hotel-room-card-v8414__image{height:220px}
  .hotel-room-detail-v8414__meta{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .hotel-owner-room-v8414{grid-template-columns:88px minmax(0,1fr);padding:9px}.hotel-owner-room-v8414__image{height:94px}.hotel-owner-room-v8414__content h3{font-size:15px}.hotel-owner-room-v8414__facts span:nth-child(n+3){display:none}.hotel-owner-room-v8414__price{font-size:17px}
  .hotel-amenities-grid-v8414{grid-template-columns:1fr}.hotel-public-price-v8414{align-items:flex-start;flex-direction:column}.hotel-room-card-v8414__image{height:190px}
}

/* V84.55 — Hotel suite daily pricing, optional images and public slider. */
.hotel-owner-room-v8414__image.is-placeholder img{object-fit:contain;padding:14px;background:#f8fafc}
.hotel-owner-room-v8455__quick{display:grid;grid-template-columns:minmax(120px,1fr) minmax(110px,.8fr) minmax(110px,.8fr) auto;gap:7px;align-items:end;padding:10px;border:1px solid #dce7f3;border-radius:14px;background:#f8fbff}
.hotel-owner-room-v8455__quick label{display:grid;gap:4px;min-width:0}.hotel-owner-room-v8455__quick label>span{font-size:9px;font-weight:900;color:#64748b}.hotel-owner-room-v8455__quick input,.hotel-owner-room-v8455__quick select{width:100%;min-height:39px;padding:7px 9px;border-radius:10px!important;background:#fff!important;font-size:12px!important}.hotel-owner-room-v8455__quick .btn{min-height:39px;white-space:nowrap}
.hotel-images-optional-v8455{margin:0 0 14px;padding:11px 13px;border:1px dashed #cbd8e8;border-radius:12px;background:#f8fbff;color:#64748b;font-size:12px;font-weight:800}
.hotel-suite-availability-v8455{display:inline-flex;align-items:center;width:max-content;margin-top:5px;padding:4px 8px;border-radius:999px;font-size:10px;font-style:normal;font-weight:950}.hotel-suite-availability-v8455.is-available{background:#e8f8ef;color:#087a50}.hotel-suite-availability-v8455.is-unavailable{background:#fff0f0;color:#b42318}
.hotel-suite-gallery-v8455{position:relative}.hotel-suite-gallery-v8455__main{position:relative;overflow:hidden;border-radius:16px;background:#eef2f7}.hotel-suite-gallery-v8455__main .commerce-product-main-image{display:block;width:100%;height:100%;object-fit:cover}.hotel-suite-gallery-v8455__counter{position:absolute;left:12px;bottom:12px;z-index:3;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.76);color:#fff;font-size:11px;font-weight:900;direction:ltr}.hotel-suite-gallery-v8455__nav{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#102140;font-size:29px;font-weight:900;transform:translateY(-50%);box-shadow:0 8px 20px rgba(15,23,42,.18)}.hotel-suite-gallery-v8455__nav.is-prev{right:12px}.hotel-suite-gallery-v8455__nav.is-next{left:12px}.hotel-suite-gallery-v8455 .commerce-product-thumbs button.active{border-color:#1264f3!important;box-shadow:0 0 0 2px rgba(18,100,243,.12)}.hotel-suite-gallery-v8455__empty{margin:8px 0 0;color:#7b8798;font-size:12px;text-align:center;font-weight:800}
@media(max-width:760px){.hotel-owner-room-v8455__quick{grid-column:1/-1;grid-template-columns:1fr 1fr}.hotel-owner-room-v8455__quick .btn{grid-column:1/-1}.hotel-suite-gallery-v8455__nav{width:38px;height:38px;font-size:25px}}
@media(max-width:430px){.hotel-owner-room-v8455__quick{grid-template-columns:1fr}.hotel-owner-room-v8455__quick .btn{grid-column:auto}}

/* ========================================================================== 
   V84.56 — Hotel manager visual foundation
   Only affects the hotel owner's dashboard. Public hotel cards stay untouched.
   ========================================================================== */
body.hotel-manager-v8414-body{
  background:linear-gradient(180deg,#f6f9ff 0%,#edf3fb 100%)!important;
}
body.hotel-manager-v8414-body .project-control-center{
  max-width:1180px!important;
}
.hotel-manager-v8414{
  --hotel-blue:#1264f3;
  --hotel-blue-dark:#0b4fc5;
  --hotel-ink:#13213d;
  --hotel-muted:#6c7a94;
  --hotel-line:#dbe5f1;
  display:grid!important;
  gap:18px!important;
}
.hotel-console-hero-v8456{
  position:relative;
  overflow:hidden;
  padding:24px!important;
  border:1px solid var(--hotel-line)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(18,100,243,.10),transparent 35%),
    linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;
  box-shadow:0 18px 48px rgba(36,72,125,.09)!important;
}
.hotel-console-hero-v8456 .project-command-identity{
  align-items:center!important;
}
.hotel-console-hero-v8456 .project-command-identity>img{
  width:86px!important;height:86px!important;flex-basis:86px!important;
  border-radius:25px!important;
  border:1px solid #dbe7f5!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
}
.hotel-console-hero-v8456 h1{
  color:var(--hotel-ink)!important;
  font-size:clamp(27px,3vw,38px)!important;
  letter-spacing:-.5px;
}
.hotel-console-hero-v8456 p{color:var(--hotel-muted)!important;font-weight:800!important}
.hotel-console-hero-v8456 .project-command-actions-v763{
  min-width:min(100%,470px);
  gap:9px!important;
}
.hotel-console-hero-v8456 .project-command-actions-v763 .btn{
  min-height:50px!important;
  border-radius:16px!important;
  font-weight:950!important;
}
.hotel-console-hero-v8456 .project-command-primary{
  background:linear-gradient(135deg,var(--hotel-blue),#2579ff)!important;
  box-shadow:0 12px 25px rgba(18,100,243,.24)!important;
}
.hotel-console-metrics-v8456{
  margin:0!important;
  gap:12px!important;
}
.hotel-console-metrics-v8456 .project-metric-v763{
  min-height:116px!important;
  align-items:center!important;
  padding:17px!important;
  border:1px solid var(--hotel-line)!important;
  border-radius:21px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(38,72,122,.055)!important;
}
.hotel-console-metrics-v8456 .hotel-metric-icon{
  width:48px;height:48px;flex:0 0 48px;
  border-radius:16px;
  background:linear-gradient(135deg,#eef5ff,#e7efff);
  font-size:24px;
}
.hotel-console-metrics-v8456 .project-metric-v763>div{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.hotel-console-metrics-v8456 small{
  color:#75839a!important;
  font-size:11px!important;
  font-weight:900!important;
}
.hotel-console-metrics-v8456 strong{
  color:var(--hotel-ink)!important;
  font-size:25px!important;
  line-height:1.15!important;
}
.hotel-console-metrics-v8456 em{
  color:#93a0b3!important;
  font-size:9.5px!important;
  font-style:normal!important;
  font-weight:750!important;
}
.hotel-console-rooms-v8456{
  padding:20px!important;
  border:1px solid var(--hotel-line)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 16px 40px rgba(38,72,122,.07)!important;
}
.hotel-console-rooms-v8456>.section-head{
  margin-bottom:16px!important;
  padding-bottom:15px!important;
  border-bottom:1px solid #edf1f6!important;
}
.hotel-console-rooms-v8456>.section-head h2{
  margin:2px 0 0!important;
  color:var(--hotel-ink)!important;
  font-size:25px!important;
}
.hotel-console-rooms-v8456>.section-head p{
  max-width:690px;
  color:var(--hotel-muted)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.7!important;
}
.hotel-owner-rooms-v8414{gap:13px!important}
.hotel-owner-room-v8414{
  grid-template-columns:155px minmax(0,1fr) auto!important;
  gap:16px!important;
  padding:14px!important;
  border:1px solid #e0e8f2!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 8px 22px rgba(32,64,108,.045)!important;
}
.hotel-owner-room-v8414__image{height:132px!important;border-radius:18px!important}
.hotel-owner-room-v8414__content h3{color:var(--hotel-ink)!important;font-size:20px!important}
.hotel-owner-room-v8414__facts span{
  border:1px solid #e7edf5;
  background:#f8fbff!important;
  color:#56657b!important;
}
.hotel-owner-room-v8414__price{color:var(--hotel-blue)!important;font-size:23px!important}
.hotel-owner-room-v8455__quick{
  margin-top:3px;
  padding:11px!important;
  border:1px solid #dce8f7!important;
  border-radius:15px!important;
  background:#f5f9ff!important;
}
.hotel-owner-room-v8455__quick button{
  background:var(--hotel-blue)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.hotel-owner-room-v8414__actions .btn{border-radius:12px!important}
.hotel-empty-v8414{
  min-height:190px;
  border:1px dashed #c8d8ec;
  border-radius:20px;
  background:#f8fbff;
}

/* Hotel modal polish. project-dashboard-v763.css provides the functional layout. */
body.hotel-manager-v8414-body .project-modal-v763__dialog{
  border-radius:28px!important;
  box-shadow:0 34px 90px rgba(8,25,54,.32)!important;
}
body.hotel-manager-v8414-body .project-modal-v763__head{
  padding:19px 22px!important;
  background:linear-gradient(180deg,#fff,#f7faff)!important;
}
body.hotel-manager-v8414-body .project-modal-v763__head h2{color:var(--hotel-ink)!important}
body.hotel-manager-v8414-body .project-settings-tabs-v763 button.is-active,
body.hotel-manager-v8414-body .project-wizard-v763__progress button.is-active b{
  background:var(--hotel-blue)!important;
  color:#fff!important;
}

@media(max-width:760px){
  .hotel-manager-v8414{gap:13px!important}
  .hotel-console-hero-v8456{padding:16px!important;border-radius:22px!important}
  .hotel-console-hero-v8456 .project-command-identity>img{width:66px!important;height:66px!important;flex-basis:66px!important;border-radius:20px!important}
  .hotel-console-hero-v8456 h1{font-size:24px!important}
  .hotel-console-hero-v8456 .project-command-actions-v763{min-width:0;width:100%!important}
  .hotel-console-metrics-v8456{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hotel-console-metrics-v8456 .project-metric-v763{min-height:100px!important;padding:13px!important;border-radius:17px!important}
  .hotel-console-metrics-v8456 .hotel-metric-icon{width:39px;height:39px;flex-basis:39px;border-radius:13px;font-size:20px}
  .hotel-console-metrics-v8456 strong{font-size:20px!important}
  .hotel-console-rooms-v8456{padding:14px!important;border-radius:21px!important}
  .hotel-console-rooms-v8456>.section-head{align-items:flex-start!important;gap:11px!important}
  .hotel-console-rooms-v8456>.section-head h2{font-size:21px!important}
  .hotel-owner-room-v8414{grid-template-columns:104px minmax(0,1fr)!important;padding:10px!important;gap:10px!important;border-radius:18px!important}
  .hotel-owner-room-v8414__image{height:110px!important}
  .hotel-owner-room-v8414__content h3{font-size:16px!important}
  .hotel-owner-room-v8414__price{font-size:18px!important}
  .hotel-owner-room-v8414__actions{grid-column:1/-1!important}
}
@media(max-width:430px){
  .hotel-console-metrics-v8456{grid-template-columns:1fr 1fr!important}
  .hotel-console-metrics-v8456 .project-metric-v763{min-height:92px!important;gap:7px!important}
  .hotel-console-metrics-v8456 .project-metric-v763 em{display:none!important}
  .hotel-console-metrics-v8456 strong{font-size:17px!important}
  .hotel-console-hero-v8456 .project-command-actions-v763{grid-template-columns:1fr 1fr!important}
  .hotel-console-hero-v8456 .project-command-primary{grid-column:1/-1!important}
  .hotel-owner-room-v8414{grid-template-columns:82px minmax(0,1fr)!important}
  .hotel-owner-room-v8414__image{height:92px!important}
}

/* ========================================================================== 
   V84.57 — Hotel modal usability and field clarity
   Fixes Arabic field labels, scroll/keyboard control, camera upload and settings clarity.
   ========================================================================== */
body.hotel-manager-v8414-body .hotel-room-wizard-v8414,
body.hotel-manager-v8414-body .project-settings-modal-v763{
  width:min(820px,calc(100vw - 28px))!important;
  max-height:min(880px,calc(var(--sayyarati-visual-height,100dvh) - 28px))!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.hotel-manager-v8414-body .hotel-room-wizard-v8414 .project-wizard-v763,
body.hotel-manager-v8414-body .project-settings-modal-v763 .project-settings-form-v763{
  flex:1 1 auto!important;
  min-height:0!important;
}
body.hotel-manager-v8414-body .hotel-room-wizard-v8414 .project-wizard-v763__step{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable;
}
body.hotel-manager-v8414-body .project-settings-modal-v763 .project-settings-form-v763{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
}
body.hotel-manager-v8414-body .project-wizard-v763__actions,
body.hotel-manager-v8414-body .project-settings-modal-v763__actions{
  flex:0 0 auto!important;
  z-index:3!important;
  box-shadow:0 -9px 24px rgba(15,35,70,.06)!important;
}
body.hotel-manager-v8414-body .project-wizard-v763__progress{
  flex:0 0 auto!important;
  overflow:hidden!important;
}

/* Field titles are real rows above controls, never floating on the border. */
body.hotel-manager-v8414-body .hotel-form-grid-v8457{
  gap:16px 13px!important;
  align-items:start!important;
}
body.hotel-manager-v8414-body .hotel-field-v8457{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#263650!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.45!important;
  overflow:visible!important;
}
body.hotel-manager-v8414-body .hotel-field-v8457__label{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0 3px!important;
  border:0!important;
  background:transparent!important;
  color:#34445e!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1.45!important;
  transform:none!important;
  translate:none!important;
  pointer-events:auto!important;
}
body.hotel-manager-v8414-body .hotel-field-v8457__label small{
  color:#8a97a9!important;
  font-size:10px!important;
  font-weight:800!important;
}
body.hotel-manager-v8414-body .hotel-field-v8457 input,
body.hotel-manager-v8414-body .hotel-field-v8457 select,
body.hotel-manager-v8414-body .hotel-field-v8457 textarea{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  margin:0!important;
  border:1px solid #d5dfeb!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#17243b!important;
  box-shadow:none!important;
  outline:0!important;
}
body.hotel-manager-v8414-body .hotel-field-v8457 input,
body.hotel-manager-v8414-body .hotel-field-v8457 select{
  min-height:50px!important;
  padding:11px 13px!important;
}
body.hotel-manager-v8414-body .hotel-field-v8457 textarea{
  min-height:122px!important;
  padding:12px 13px!important;
  resize:vertical!important;
}
body.hotel-manager-v8414-body .hotel-field-v8457 input:focus,
body.hotel-manager-v8414-body .hotel-field-v8457 select:focus,
body.hotel-manager-v8414-body .hotel-field-v8457 textarea:focus{
  border-color:#2c74ee!important;
  box-shadow:0 0 0 3px rgba(18,100,243,.10)!important;
}

/* Photo selection is a camera button instead of the browser's native file UI. */
body.hotel-manager-v8414-body .hotel-camera-picker-v8457{
  min-height:132px!important;
  padding:18px!important;
  border:1.5px dashed #a9c5ef!important;
  background:linear-gradient(135deg,#f4f8ff,#fbfdff)!important;
}
body.hotel-manager-v8414-body .hotel-camera-picker-v8457__icon{
  width:52px!important;
  height:52px!important;
  border-radius:17px!important;
  background:#e7f0ff!important;
  color:#1264f3!important;
  font-size:27px!important;
  box-shadow:inset 0 0 0 1px #cbdfff!important;
}
body.hotel-manager-v8414-body .hotel-logo-picker-v8457{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:14px!important;
  border:1px solid #dce6f2!important;
  border-radius:18px!important;
  background:#f8fbff!important;
}
body.hotel-manager-v8414-body .hotel-logo-picker-v8457>img{
  width:88px!important;
  height:88px!important;
  object-fit:cover!important;
  border:1px solid #dce5f0!important;
  border-radius:20px!important;
  background:#fff!important;
}
body.hotel-manager-v8414-body .hotel-logo-picker-v8457__button{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  align-items:center!important;
  padding:12px!important;
  border:1px dashed #abc7ef!important;
  border-radius:16px!important;
  background:#fff!important;
  cursor:pointer!important;
}
body.hotel-manager-v8414-body .hotel-logo-picker-v8457__button input{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.hotel-manager-v8414-body .hotel-logo-picker-v8457__camera{
  grid-row:1/3!important;
  display:grid!important;
  place-items:center!important;
  width:52px!important;height:52px!important;
  border-radius:16px!important;
  background:#1264f3!important;
  color:#fff!important;
  font-size:26px!important;
}
body.hotel-manager-v8414-body .hotel-logo-picker-v8457__button strong{
  color:#20314b!important;
  font-size:13px!important;
  font-weight:950!important;
}
body.hotel-manager-v8414-body .hotel-logo-picker-v8457__button small{
  min-width:0!important;
  overflow:hidden!important;
  color:#7b889a!important;
  font-size:10px!important;
  font-weight:750!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.hotel-manager-v8414-body .hotel-settings-help-v8457{
  display:grid!important;
  gap:3px!important;
  margin-bottom:15px!important;
  padding:12px 14px!important;
  border:1px solid #dce8f6!important;
  border-radius:15px!important;
  background:#f4f8ff!important;
}
body.hotel-manager-v8414-body .hotel-settings-help-v8457 strong{color:#1d365c!important;font-size:13px!important}
body.hotel-manager-v8414-body .hotel-settings-help-v8457 span{color:#718099!important;font-size:10.5px!important;font-weight:700!important}
body.hotel-manager-v8414-body .hotel-settings-tabs-v8457{gap:8px!important;padding:10px 14px!important}
body.hotel-manager-v8414-body .hotel-settings-tabs-v8457 button{
  min-height:42px!important;
  border:1px solid #dbe5f2!important;
  border-radius:12px!important;
  background:#f7f9fc!important;
  color:#62718a!important;
  font-weight:900!important;
}
body.hotel-manager-v8414-body .hotel-settings-tabs-v8457 button.is-active{
  border-color:#b9d2fa!important;
  background:#eaf2ff!important;
  color:#0c5bd7!important;
}

/* Bigger, reliable close button for both hotel dialogs. */
body.hotel-manager-v8414-body .project-modal-v763__head>[data-project-modal-close],
body.hotel-manager-v8414-body .project-modal-v763__head>[data-hotel-modal-close]{
  position:relative!important;
  z-index:5!important;
  flex:0 0 44px!important;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  border:1px solid #dbe3ee!important;
  border-radius:14px!important;
  background:#f7f9fc!important;
  color:#35445a!important;
  font-size:28px!important;
  line-height:1!important;
  touch-action:manipulation!important;
  pointer-events:auto!important;
}

@media(max-width:760px){
  body.hotel-manager-v8414-body .project-modal-v763{
    align-items:stretch!important;
    padding:max(8px,env(safe-area-inset-top,0px)) 8px max(8px,env(safe-area-inset-bottom,0px))!important;
  }
  body.hotel-manager-v8414-body .hotel-room-wizard-v8414,
  body.hotel-manager-v8414-body .project-settings-modal-v763{
    align-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    border-radius:22px!important;
  }
  body.hotel-manager-v8414-body .project-modal-v763__head{padding:12px 14px!important}
  body.hotel-manager-v8414-body .project-modal-v763__head h2{font-size:19px!important}
  body.hotel-manager-v8414-body .project-wizard-v763__progress{padding:8px 5px!important}
  body.hotel-manager-v8414-body .project-wizard-v763__progress button{min-width:0!important;padding-inline:1px!important}
  body.hotel-manager-v8414-body .project-wizard-v763__progress button span{font-size:7.5px!important;white-space:nowrap!important}
  body.hotel-manager-v8414-body .hotel-room-wizard-v8414 .project-wizard-v763__step{padding:14px 12px 18px!important}
  body.hotel-manager-v8414-body .project-settings-modal-v763 .project-settings-form-v763{padding:13px 12px 0!important}
  body.hotel-manager-v8414-body .hotel-form-grid-v8457{grid-template-columns:1fr!important;gap:13px!important}
  body.hotel-manager-v8414-body .hotel-form-grid-v8457>.full{grid-column:auto!important}
  body.hotel-manager-v8414-body .hotel-field-v8457__label{font-size:11.5px!important}
  body.hotel-manager-v8414-body .hotel-logo-picker-v8457{grid-template-columns:70px minmax(0,1fr)!important;padding:11px!important}
  body.hotel-manager-v8414-body .hotel-logo-picker-v8457>img{width:70px!important;height:70px!important;border-radius:17px!important}
  body.hotel-manager-v8414-body .hotel-logo-picker-v8457__button{grid-template-columns:44px minmax(0,1fr)!important;padding:9px!important}
  body.hotel-manager-v8414-body .hotel-logo-picker-v8457__camera{width:44px!important;height:44px!important;font-size:22px!important}
  body.hotel-manager-v8414-body .project-wizard-v763__actions{padding:10px 11px max(10px,env(safe-area-inset-bottom,0px))!important}
  body.hotel-manager-v8414-body .project-wizard-v763__actions .btn{min-width:88px!important;min-height:44px!important}
}
@media(max-width:390px){
  body.hotel-manager-v8414-body .project-wizard-v763__progress button span{font-size:6.7px!important}
  body.hotel-manager-v8414-body .hotel-camera-picker-v8457{min-height:116px!important;padding:14px!important}
}

/* ========================================================================== 
   V84.58 — Hotel dialogs are isolated native <dialog> surfaces.
   السبب: منع أي نقرة داخل نموذج السويت من المرور إلى البحث/الصفحة الخلفية.
   These dialogs intentionally do NOT use the shared project modal portal.
   ========================================================================== */
body.hotel-manager-v8414-body.hotel-native-modal-open-v8458{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.hotel-manager-v8414-body dialog.hotel-native-modal-v8458{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  height:var(--sayyarati-visual-height,100dvh)!important;
  max-height:none!important;
  margin:0!important;
  padding:14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  z-index:2147483600!important;
}
body.hotel-manager-v8414-body dialog.hotel-native-modal-v8458:not([open]){
  display:none!important;
}
body.hotel-manager-v8414-body dialog.hotel-native-modal-v8458[open]{
  display:grid!important;
  place-items:center!important;
  pointer-events:auto!important;
}
body.hotel-manager-v8414-body dialog.hotel-native-modal-v8458::backdrop{
  background:rgba(8,17,35,.64)!important;
  backdrop-filter:blur(5px)!important;
}
body.hotel-manager-v8414-body .hotel-native-modal-v8458__panel{
  position:relative!important;
  z-index:1!important;
  width:min(820px,100%)!important;
  max-width:100%!important;
  max-height:calc(var(--sayyarati-visual-height,100dvh) - 28px)!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
/* The complete panel owns pointer interaction; nothing beneath the dialog can receive it. */
body.hotel-manager-v8414-body .hotel-native-modal-v8458__panel,
body.hotel-manager-v8414-body .hotel-native-modal-v8458__panel *{
  pointer-events:auto;
}
/* Hotel-specific close control after removing the generic modal root. */
body.hotel-manager-v8414-body .project-modal-v763__head>[data-hotel-modal-close]{
  position:relative!important;
  z-index:6!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:1px solid #dbe3ee!important;
  border-radius:14px!important;
  background:#f7f9fc!important;
  color:#35445a!important;
  font-size:28px!important;
  line-height:1!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}

@media(max-width:760px){
  body.hotel-manager-v8414-body dialog.hotel-native-modal-v8458{
    padding:max(7px,env(safe-area-inset-top,0px)) 7px max(7px,env(safe-area-inset-bottom,0px))!important;
    align-items:stretch!important;
  }
  body.hotel-manager-v8414-body .hotel-native-modal-v8458__panel{
    align-self:stretch!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    border-radius:22px!important;
  }
  body.hotel-manager-v8414-body .hotel-native-modal-v8458__panel .project-wizard-v763,
  body.hotel-manager-v8414-body .hotel-native-modal-v8458__panel .project-settings-form-v763{
    flex:1 1 auto!important;
    min-height:0!important;
  }
  body.hotel-manager-v8414-body .hotel-native-modal-v8458__panel .project-wizard-v763__step,
  body.hotel-manager-v8414-body .hotel-native-modal-v8458__panel .project-settings-form-v763{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
}

/* ========================================================================== 
   V84.59 — Simplified hotel suite management
   Only the essentials are editable: suite name, optional photos, bed count,
   nightly price and booking state. The toggle wording is hotel-specific.
   ========================================================================== */
body.hotel-manager-v8414-body .hotel-simple-suite-modal-v8459{
  width:min(650px,100%)!important;
}
body.hotel-manager-v8414-body .hotel-simple-suite-form-v8459{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.hotel-manager-v8414-body .hotel-simple-suite-form-v8459__body{
  display:grid!important;
  gap:16px!important;
  padding:18px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.hotel-manager-v8414-body .hotel-suite-camera-v8459{
  min-height:122px!important;
  margin:0!important;
  cursor:pointer!important;
}
body.hotel-manager-v8414-body .hotel-suite-camera-v8459 input[type=file]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.hotel-manager-v8414-body .hotel-suite-image-preview-v8459{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
body.hotel-manager-v8414-body .hotel-suite-image-preview-v8459[hidden]{display:none!important}
body.hotel-manager-v8414-body .hotel-suite-image-preview-v8459 img{
  width:100%!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  border:1px solid #dce5ef!important;
  border-radius:13px!important;
  background:#f4f7fb!important;
}
body.hotel-manager-v8414-body .hotel-simple-suite-grid-v8459{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  align-items:start!important;
}
body.hotel-manager-v8414-body .hotel-simple-suite-grid-v8459>.full{grid-column:1/-1!important}
body.hotel-manager-v8414-body .hotel-booking-state-card-v8459{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:15px 16px!important;
  border:1px solid #cfe0f7!important;
  border-radius:18px!important;
  background:#f7faff!important;
}
body.hotel-manager-v8414-body .hotel-booking-state-card-v8459>div{display:grid!important;gap:2px!important}
body.hotel-manager-v8414-body .hotel-booking-state-card-v8459 small{color:#718097!important;font-size:10px!important;font-weight:900!important}
body.hotel-manager-v8414-body .hotel-booking-state-card-v8459 strong{color:#087647!important;font-size:15px!important;font-weight:1000!important}
body.hotel-manager-v8414-body .hotel-booking-state-card-v8459 p{margin:0!important;color:#77859a!important;font-size:10px!important;font-weight:700!important;line-height:1.5!important}
body.hotel-manager-v8414-body .hotel-booking-state-card-v8459.is-unavailable strong{color:#b42318!important}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  cursor:pointer!important;
  user-select:none!important;
}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459>input[type=checkbox]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459__switch{
  position:relative!important;
  display:block!important;
  width:50px!important;
  height:28px!important;
  flex:0 0 50px!important;
  border-radius:999px!important;
  background:#c8d1dd!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)!important;
  transition:background .18s ease!important;
}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459__switch::after{
  content:""!important;
  position:absolute!important;
  top:4px!important;
  right:4px!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(15,23,42,.22)!important;
  transition:transform .18s ease!important;
}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459>input:checked + .hotel-booking-toggle-v8459__switch{
  background:#12a56a!important;
}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459>input:checked + .hotel-booking-toggle-v8459__switch::after{
  transform:translateX(-22px)!important;
}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459__copy{display:grid!important;gap:1px!important}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459__copy strong{font-size:11px!important;color:#263650!important;font-weight:1000!important}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459__copy small{font-size:9px!important;color:#8390a2!important;font-weight:750!important}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459--large .hotel-booking-toggle-v8459__switch{width:58px!important;height:32px!important;flex-basis:58px!important}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459--large .hotel-booking-toggle-v8459__switch::after{width:24px!important;height:24px!important}
body.hotel-manager-v8414-body .hotel-booking-toggle-v8459--large>input:checked + .hotel-booking-toggle-v8459__switch::after{transform:translateX(-26px)!important}
body.hotel-manager-v8414-body .hotel-simple-suite-form-v8459__actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:12px 18px!important;
  border-top:1px solid #e8edf4!important;
  background:#fff!important;
}
body.hotel-manager-v8414-body .hotel-simple-suite-form-v8459__actions .btn{min-width:120px!important}
body.hotel-manager-v8414-body .hotel-booking-state-v8459{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:1000!important;
}
body.hotel-manager-v8414-body .hotel-booking-state-v8459.is-available{background:#eaf9f1!important;color:#087647!important}
body.hotel-manager-v8414-body .hotel-booking-state-v8459.is-unavailable{background:#fff0ef!important;color:#b42318!important}
body.hotel-manager-v8414-body .hotel-owner-room-v8459__facts{margin:2px 0!important}
body.hotel-manager-v8414-body .hotel-owner-room-v8459__quick{
  grid-template-columns:minmax(130px,1fr) minmax(180px,1.15fr) auto!important;
  align-items:end!important;
  gap:10px!important;
}
body.hotel-manager-v8414-body .hotel-quick-price-v8459{display:grid!important;gap:5px!important}
body.hotel-manager-v8414-body .hotel-quick-price-v8459>span{font-size:10px!important;font-weight:900!important;color:#66758b!important}
body.hotel-manager-v8414-body .hotel-owner-room-v8459__quick .hotel-booking-toggle-v8459{
  min-height:48px!important;
  padding:8px 10px!important;
  border:1px solid #dce6f2!important;
  border-radius:13px!important;
  background:#fff!important;
}

/* Simplified edit page uses the same clear controls. */
body.hotel-manager-v8414-body .hotel-room-edit-simple-v8459{max-width:820px!important;margin-inline:auto!important}
body.hotel-manager-v8414-body .hotel-room-edit-simple-v8459 .hotel-edit-simple-grid-v8459{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
body.hotel-manager-v8414-body .hotel-room-edit-simple-v8459 .hotel-edit-simple-grid-v8459>.full{grid-column:1/-1!important}
body.hotel-manager-v8414-body .hotel-room-edit-simple-v8459 .hotel-booking-state-card-v8459{grid-column:1/-1!important}

@media(max-width:760px){
  body.hotel-manager-v8414-body .hotel-simple-suite-form-v8459__body{padding:14px 12px!important;gap:13px!important}
  body.hotel-manager-v8414-body .hotel-simple-suite-grid-v8459{grid-template-columns:1fr!important;gap:12px!important}
  body.hotel-manager-v8414-body .hotel-simple-suite-grid-v8459>.full{grid-column:auto!important}
  body.hotel-manager-v8414-body .hotel-suite-image-preview-v8459{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.hotel-manager-v8414-body .hotel-booking-state-card-v8459{padding:13px!important}
  body.hotel-manager-v8414-body .hotel-simple-suite-form-v8459__actions{position:sticky!important;bottom:0!important;padding:10px 12px max(10px,env(safe-area-inset-bottom,0px))!important}
  body.hotel-manager-v8414-body .hotel-simple-suite-form-v8459__actions .btn{flex:1 1 0!important;min-width:0!important;min-height:46px!important}
  body.hotel-manager-v8414-body .hotel-owner-room-v8459__quick{grid-template-columns:1fr!important;align-items:stretch!important}
  body.hotel-manager-v8414-body .hotel-owner-room-v8459__quick>button{width:100%!important}
  body.hotel-manager-v8414-body .hotel-room-edit-simple-v8459 .hotel-edit-simple-grid-v8459{grid-template-columns:1fr!important}
  body.hotel-manager-v8414-body .hotel-room-edit-simple-v8459 .hotel-edit-simple-grid-v8459>.full,
  body.hotel-manager-v8414-body .hotel-room-edit-simple-v8459 .hotel-booking-state-card-v8459{grid-column:auto!important}
}
body.hotel-simple-v8418-body .hotel-simple-room-v8459__beds{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#66758b!important;
  font-size:11px!important;
  font-weight:850!important;
}
body.hotel-public-v8414-body .hotel-room-detail-v8459__meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:520px){body.hotel-public-v8414-body .hotel-room-detail-v8459__meta{grid-template-columns:1fr 1fr!important}}

/* V84.60 — Hotel bed arrangement and room price currency. */
body.hotel-manager-v8414-body .hotel-owner-room-v8459__facts{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px 12px!important;
}
body.hotel-manager-v8414-body .hotel-owner-room-v8459__facts>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border-radius:10px!important;
  background:#f5f8fc!important;
  color:#52627a!important;
  font-size:10px!important;
  font-weight:850!important;
}
body.hotel-manager-v8414-body .hotel-owner-room-v8459__quick{
  grid-template-columns:minmax(120px,1fr) minmax(125px,.85fr) minmax(180px,1.15fr) auto!important;
}
body.hotel-manager-v8414-body .hotel-quick-price-v8459 select{
  min-height:48px!important;
  border:1px solid #dce6f2!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.hotel-public-v8414-body .hotel-room-detail-v8459__meta{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
@media(max-width:900px){
  body.hotel-manager-v8414-body .hotel-owner-room-v8459__quick{grid-template-columns:1fr 1fr!important}
  body.hotel-manager-v8414-body .hotel-owner-room-v8459__quick .hotel-booking-toggle-v8459{grid-column:1/-1!important}
}
@media(max-width:760px){
  body.hotel-manager-v8414-body .hotel-owner-room-v8459__quick{grid-template-columns:1fr!important}
  body.hotel-manager-v8414-body .hotel-owner-room-v8459__quick .hotel-booking-toggle-v8459{grid-column:auto!important}
}
@media(max-width:620px){body.hotel-public-v8414-body .hotel-room-detail-v8459__meta{grid-template-columns:1fr!important}}