:root{
 --ref-navy:#03233F;--ref-navy-2:#052C4D;--ref-teal:#008A90;--ref-teal-dark:#00737C;--ref-teal-soft:#EAF8F7;
 --ref-gold:#D7A84F;--ref-bg:#F7FAFC;--ref-white:#FFFFFF;--ref-line:#DFE8EE;--ref-text:#17324D;--ref-muted:#708399;
 --ref-green:#2C9B68;--ref-red:#E45863;--ref-orange:#F39A34;--ref-blue:#357EEB;--ref-purple:#7C55D9;
 --ref-radius:10px;--ref-shadow:0 2px 8px rgba(15,52,75,.055);--sidebar-w:220px;--topbar-h:64px;
}
*{box-sizing:border-box}html,body{font-family:"Segoe UI",Arial,sans-serif!important;font-size:14px!important;color:var(--ref-text)!important;background:var(--ref-bg)!important;-webkit-font-smoothing:antialiased}body{margin:0}a{text-decoration:none}
/* Global typography - readable and consistent */
h1,h2,h3,h4,h5,h6,strong,button,input,textarea,select,label,small,span,p,td,th{font-family:"Segoe UI",Arial,sans-serif!important}h1{font-size:20px!important;font-weight:700!important}h2{font-size:17px!important;font-weight:700!important}h3{font-size:15px!important;font-weight:700!important}p{font-size:13px!important;line-height:1.5!important}.panel-card label,.form-grid label,label{font-size:12px!important;font-weight:600!important}.panel-card small,small{font-size:11px!important;line-height:1.35!important}.panel-card strong{font-size:13px!important}
/* Shell */
.app-shell,.emiras-shell,.v7-shell{min-height:100vh!important;background:var(--ref-bg)!important}.sidebar,.emiras-sidebar,.v7-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--sidebar-w)!important;background:linear-gradient(180deg,#03233F 0%,#032B4A 55%,#02223D 100%)!important;color:#fff!important;border:0!important;box-shadow:2px 0 12px rgba(3,35,63,.08)!important;padding:0 12px 14px!important;z-index:1030!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.brand,.emiras-brand{height:76px!important;display:flex!important;align-items:center!important;gap:11px!important;color:#fff!important;padding:0 9px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.tourism-monogram{font-family:Georgia,serif!important;font-size:32px!important;line-height:1!important;color:var(--ref-gold)!important;min-width:29px!important}.tourism-brand-copy strong{display:block!important;font-size:12px!important;letter-spacing:.9px!important;color:#fff!important}.tourism-brand-copy small{display:block!important;margin-top:3px!important;font-size:9px!important;letter-spacing:.7px!important;color:#d2e0e8!important;font-weight:600!important}
.emiras-nav,.v7-nav{padding:11px 0!important;overflow:auto!important;scrollbar-width:none!important;flex:1!important}.emiras-nav::-webkit-scrollbar,.v7-nav::-webkit-scrollbar{display:none!important}.nav-item-link,.v7-nav details summary{min-height:40px!important;border-radius:7px!important;color:#E8F1F5!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 11px!important;font-size:12.5px!important;font-weight:500!important;margin:2px 0!important;background:transparent!important;border:0!important}.nav-item-link i,.v7-nav details summary span>i{font-size:14px!important;color:#D6E7EE!important;width:17px!important;text-align:center!important}.v7-nav details summary{justify-content:space-between!important;cursor:pointer!important}.v7-nav details summary span{display:flex!important;gap:10px!important;align-items:center!important}.v7-nav details summary>i{font-size:10px!important;color:#A8C0CD!important}.nav-item-link:hover,.v7-nav details summary:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}.nav-item-link.active,.dashboard-link.active{background:linear-gradient(90deg,#008A90,#047995)!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,138,144,.2)!important}.nav-item-link.active i{color:#fff!important}.nav-submenu{padding:2px 0 5px 35px!important}.nav-submenu a{display:block!important;color:#BBD0DB!important;font-size:11.5px!important;padding:7px 8px!important;border-radius:6px!important;margin:1px 0!important}.nav-submenu a:hover,.nav-submenu a.active{color:#fff!important;background:rgba(0,138,144,.22)!important}.nav-section-title{font-size:9px!important;letter-spacing:.8px!important;color:#7896A6!important;margin:13px 10px 5px!important}.tourism-sidebar-footer{padding:8px 0 0!important}.tourism-user-card{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9px!important;padding:9px!important;display:grid!important;grid-template-columns:34px 1fr 26px!important;align-items:center!important;gap:8px!important}.tourism-user-avatar,.tourism-mini-avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:linear-gradient(145deg,#D6A34B,#F0C877)!important;color:#183447!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:700!important}.tourism-user-copy strong{display:block!important;color:#fff!important;font-size:11px!important}.tourism-user-copy small{display:block!important;color:#9FB7C4!important;font-size:9px!important;margin-top:2px!important}.tourism-user-action{width:26px!important;height:26px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#A9C1CD!important}.tourism-sidebar-copyright{display:none!important}
.main-area,.emiras-main,.v7-main{margin-left:var(--sidebar-w)!important;width:calc(100% - var(--sidebar-w))!important;min-height:100vh!important;background:var(--ref-bg)!important}.topbar,.emiras-topbar,.v7-topbar{height:var(--topbar-h)!important;background:#fff!important;border-bottom:1px solid var(--ref-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 22px!important;position:sticky!important;top:0!important;z-index:1020!important}.topbar-left,.tourism-topbar-left{display:flex!important;align-items:center!important;gap:12px!important}.menu-btn{width:34px!important;height:34px!important;border:1px solid #E3EBF0!important;border-radius:7px!important;background:#F8FAFC!important;color:#567083!important}.tourism-welcome{display:flex!important;align-items:center!important;gap:10px!important}.tourism-welcome-icon{width:32px!important;height:32px!important;border-radius:8px!important;background:#E9F8F7!important;color:var(--ref-teal)!important;display:grid!important;place-items:center!important}.tourism-welcome strong{display:block!important;font-size:13px!important;color:#17324D!important}.tourism-welcome small{display:block!important;font-size:10px!important;color:#8394A4!important;margin-top:2px!important}.tourism-topbar-actions{display:flex!important;align-items:center!important;gap:9px!important}.tourism-date-chip,.tourism-hotel-chip,.top-icon{height:36px!important;border:1px solid #E2EAF0!important;border-radius:7px!important;background:#fff!important;color:#425C70!important;display:flex!important;align-items:center!important}.tourism-date-chip{padding:0 10px!important;gap:7px!important;font-size:11px!important}.tourism-date-chip i{color:var(--ref-teal)!important}.top-icon{width:36px!important;justify-content:center!important;font-size:14px!important}.top-icon:hover{background:#F0FAF9!important;color:var(--ref-teal)!important}.tourism-hotel-chip{padding:0 9px!important;gap:8px!important;min-width:180px!important}.tourism-hotel-chip strong{display:block!important;font-size:11px!important;color:#18354D!important}.tourism-hotel-chip small{display:block!important;font-size:9px!important;color:#8394A4!important}.tourism-hotel-chip>i{margin-left:auto!important;font-size:10px!important}.tourism-hotel-chip .tourism-mini-avatar{width:27px!important;height:27px!important;font-size:9px!important}
.content,.emiras-content,.v7-content{padding:20px 22px 34px!important;min-height:calc(100vh - var(--topbar-h))!important;background:var(--ref-bg)!important;max-width:1600px!important;margin:0 auto!important}
/* Page header */
.ref-page-header,.v7-page-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;min-height:52px!important;margin:0 0 14px!important}.ref-page-heading,.v7-page-heading{display:flex!important;align-items:center!important;gap:9px!important}.ref-page-icon,.v7-title-icon{width:30px!important;height:30px!important;border-radius:7px!important;background:#E8F8F7!important;border:1px solid #D4EFED!important;color:var(--ref-teal)!important;display:grid!important;place-items:center!important;box-shadow:none!important}.ref-page-icon i,.v7-title-icon i{font-size:14px!important;color:var(--ref-teal)!important}.ref-page-title-copy h1,.v7-page-heading h1{font-size:18px!important;line-height:1.2!important;margin:0!important;font-weight:700!important;color:#18354D!important}.ref-page-title-copy p,.v7-page-heading p{font-size:11px!important;line-height:1.35!important;color:#8495A5!important;margin:3px 0 0!important}.ref-page-actions,.v7-page-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
/* Buttons */
.btn,.btn-primary,.btn-secondary,.login-btn{min-height:34px!important;border-radius:6px!important;padding:7px 12px!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important;box-shadow:none!important}.btn.primary,.btn-primary,.tourism-primary{background:#008A90!important;border:1px solid #008A90!important;color:#fff!important}.btn.primary:hover,.btn-primary:hover{background:#007B82!important;border-color:#007B82!important}.btn.secondary,.btn-secondary{background:#fff!important;border:1px solid #C9D9E1!important;color:#476475!important}.btn.secondary:hover{background:#F4FAFA!important;border-color:#9FC9C8!important;color:#007D84!important}.btn.danger{background:#FFF4F4!important;color:#C34F59!important;border:1px solid #F0D2D5!important}.icon-btn,.em-icon-btn{width:32px!important;height:32px!important;border-radius:6px!important;border:1px solid #D6E3E9!important;background:#fff!important;color:#397184!important;display:inline-grid!important;place-items:center!important}.icon-btn:hover{background:#ECF8F7!important;color:#008A90!important;border-color:#B9DFDD!important}.link-btn{font-size:12px!important;color:#008A90!important}
/* Standard panels, inputs, tables */
.panel-card,.v7-card,.stat,.setting-row,.venue-card,.module-editor,.content-studio-nav,.studio-page-head,.ref-card{background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:var(--ref-radius)!important;box-shadow:var(--ref-shadow)!important}.panel-card{padding:14px!important}.panel-section-head,.ref-card-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding-bottom:10px!important;margin-bottom:10px!important;border-bottom:1px solid #ECF1F4!important}.panel-section-head strong,.ref-card-head strong{font-size:13px!important;color:#19364D!important}.panel-section-head small{font-size:10.5px!important;color:#8A99A7!important}.panel-section-head a,.ref-card-head a{font-size:11px!important;color:#008A90!important}input,textarea,select{font-family:"Segoe UI",Arial,sans-serif!important;font-size:12.5px!important;color:#29465A!important;background:#fff!important;border:1px solid #D7E2E8!important;border-radius:6px!important;min-height:36px!important;padding:7px 10px!important}textarea{line-height:1.45!important}input:focus,textarea:focus,select:focus{outline:0!important;border-color:#5BB7B7!important;box-shadow:0 0 0 3px rgba(0,138,144,.08)!important}.form-grid{gap:12px!important}.form-grid label{display:block!important;margin-bottom:5px!important}.modern-table,.personnel-table,.reference-table{font-size:12px!important}.mtr,.ptr,.ltr,.v7-gtr,.tr{font-size:12px!important;min-height:46px!important}.mtr.head,.ptr.head,.ltr.head,.v7-gtr.head,.tr.th{background:#F7F9FB!important;color:#657A8A!important;font-weight:600!important}.status,.ref-status,.dashboard-status{font-size:10.5px!important;font-weight:600!important;padding:4px 8px!important;border-radius:999px!important}.status.ok,.ref-status.ok{background:#E8F6EE!important;color:#25845E!important}.status.warn{background:#FFF5E7!important;color:#A97225!important}.status.bad,.status.off{background:#FFF0F1!important;color:#C4565F!important}.module-tabs{border-bottom:1px solid #E5ECF0!important}.module-tabs button{font-size:12px!important;padding:10px 12px!important;color:#6B7D8C!important}.module-tabs button.active{color:#008A90!important;border-bottom:2px solid #008A90!important;font-weight:600!important}
/* Dashboard */
.reference-dashboard-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important}.reference-dashboard-head h1{margin:0!important;font-size:20px!important;color:#17324D!important}.reference-dashboard-head p{margin:4px 0 0!important;font-size:11px!important;color:#7E90A1!important}.ref-kpi-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important}.ref-kpi{min-height:88px!important;border:1px solid var(--ref-line)!important;border-radius:9px!important;padding:12px!important;display:grid!important;grid-template-columns:36px 1fr 18px!important;gap:9px!important;align-items:center!important;color:inherit!important;background:#fff!important;box-shadow:var(--ref-shadow)!important}.ref-kpi.aqua{background:#F0FBFA!important;border-color:#D8EFED!important}.ref-kpi.blue{background:#F3F7FF!important;border-color:#E0E8F8!important}.ref-kpi.orange{background:#FFF8EF!important;border-color:#F4E8D6!important}.ref-kpi.purple{background:#F8F4FD!important;border-color:#EDE4F8!important}.ref-kpi.red{background:#FFF4F5!important;border-color:#F5DFE2!important}.ref-kpi-icon{width:34px!important;height:34px!important;border-radius:8px!important;background:#fff!important;display:grid!important;place-items:center!important;font-size:15px!important}.ref-kpi.aqua .ref-kpi-icon{color:#008A90!important}.ref-kpi.blue .ref-kpi-icon{color:#357EEB!important}.ref-kpi.orange .ref-kpi-icon{color:#F08B25!important}.ref-kpi.purple .ref-kpi-icon{color:#7C55D9!important}.ref-kpi.red .ref-kpi-icon{color:#E45863!important}.ref-kpi small,.ref-kpi strong,.ref-kpi em{display:block!important}.ref-kpi small{font-size:10px!important;color:#718496!important}.ref-kpi strong{font-size:23px!important;line-height:1.1!important;color:#153652!important;margin:3px 0!important}.ref-kpi em{font-size:9px!important;color:#8B9AA7!important;font-style:normal!important}.ref-trend{font-size:12px!important;color:#8CA0AE!important}.ref-trend.up{color:#27A36C!important}.ref-dashboard-main-grid{display:grid!important;grid-template-columns:1.25fr .85fr!important;gap:12px!important;margin-bottom:12px!important}.ref-dashboard-bottom-grid{display:grid!important;grid-template-columns:1.25fr .85fr!important;gap:12px!important}.ref-card{padding:14px!important}.revenue-summary-row{display:grid!important;grid-template-columns:190px 1fr!important;gap:18px!important;align-items:center!important;min-height:180px!important}.revenue-summary-row>div:first-child small,.revenue-summary-row>div:first-child strong,.revenue-summary-row>div:first-child em{display:block!important}.revenue-summary-row>div:first-child small{font-size:10px!important;color:#7D8E9E!important}.revenue-summary-row>div:first-child strong{font-size:25px!important;color:#173B57!important;margin:6px 0!important}.revenue-summary-row .positive{font-size:10px!important;color:#2B9C68!important;font-style:normal!important}.revenue-chart-wrap{min-width:0!important}.revenue-chart{width:100%!important;height:145px!important}.chart-grid-line{stroke:#E8EEF2!important;stroke-width:1!important}.chart-axis{display:flex!important;justify-content:space-between!important;font-size:9.5px!important;color:#8A9AA8!important;margin-top:-5px!important}.ref-select-chip{height:28px!important;padding:0 9px!important;border:1px solid #DDE7EC!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:7px!important;font-size:10px!important;color:#577085!important}.reference-quick-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding-top:4px!important}.reference-quick-grid a{min-height:72px!important;border:1px solid #E2EAF0!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:10px!important;color:#38546A!important}.reference-quick-grid a:hover{background:#F8FBFC!important;border-color:#C8DEE3!important}.reference-quick-grid strong{font-size:11px!important;line-height:1.25!important}.qa-icon{width:33px!important;height:33px!important;border-radius:7px!important;display:grid!important;place-items:center!important}.qa-icon.aqua,.qa-icon.green{background:#E9F8F5!important;color:#008A90!important}.qa-icon.blue{background:#EEF4FF!important;color:#3977DC!important}.qa-icon.orange{background:#FFF4E6!important;color:#E58B2C!important}.qa-icon.purple{background:#F4EEFC!important;color:#7C55D9!important}.reference-table{overflow:auto!important}.reference-tr{min-width:700px!important;display:grid!important;grid-template-columns:1.5fr .9fr .9fr .65fr 1.1fr .8fr!important;gap:8px!important;align-items:center!important;min-height:43px!important;padding:8px 9px!important;border-bottom:1px solid #EDF1F4!important;font-size:11px!important}.reference-tr.head{background:#F8FAFB!important;color:#728596!important;font-weight:600!important;border-radius:6px!important}.reference-tr strong{font-size:11px!important}.reference-notification-list{display:flex!important;flex-direction:column!important}.ref-notification-row{display:grid!important;grid-template-columns:32px 1fr 60px!important;gap:9px!important;align-items:center!important;padding:9px 0!important;border-bottom:1px solid #EDF1F4!important;color:inherit!important}.notice-icon{width:30px!important;height:30px!important;border-radius:7px!important;display:grid!important;place-items:center!important}.notice-icon.blue{background:#EEF4FF!important;color:#3977DC!important}.notice-icon.orange{background:#FFF4E7!important;color:#E58B2C!important}.notice-icon.red{background:#FFF0F1!important;color:#DC5964!important}.ref-notification-row strong{display:block!important;font-size:11px!important}.ref-notification-row small{display:block!important;font-size:9.5px!important;color:#8293A2!important;margin-top:2px!important}.ref-notification-row time{font-size:9.5px!important;color:#8D9BA8!important;text-align:right!important}.reference-empty{min-height:120px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#8797A4!important}
/* Reports/settings */
.report-filter-bar{display:flex!important;justify-content:space-between!important;align-items:end!important;background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:9px!important;padding:11px!important;margin-bottom:11px!important}.report-filter-bar>div{display:flex!important;align-items:center!important;gap:7px!important}.report-filter-bar label{margin:0 5px 0 0!important}.report-kpi-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-bottom:11px!important}.report-kpi-grid>div{background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:9px!important;padding:13px!important}.report-kpi-grid small,.report-kpi-grid strong,.report-kpi-grid em{display:block!important}.report-kpi-grid small{font-size:10px!important;color:#788A99!important}.report-kpi-grid strong{font-size:22px!important;margin:4px 0!important}.report-kpi-grid em{font-size:9.5px!important;color:#27A36C!important;font-style:normal!important}.report-placeholder-chart{height:260px!important;display:flex!important;align-items:end!important;gap:16px!important;padding:30px 25px 10px!important;border-bottom:1px solid #E4ECEF!important}.report-placeholder-chart span{flex:1!important;max-width:55px!important;background:linear-gradient(180deg,#0AA6A5,#59C1BC)!important;border-radius:6px 6px 0 0!important}.settings-layout{display:grid!important;grid-template-columns:220px 1fr!important;gap:12px!important}.settings-nav{background:#fff!important;border:1px solid var(--ref-line)!important;border-radius:9px!important;padding:8px!important;height:max-content!important}.settings-nav button{width:100%!important;border:0!important;background:transparent!important;min-height:38px!important;border-radius:6px!important;text-align:left!important;padding:0 10px!important;color:#5E7282!important;font-size:12px!important}.settings-nav button.active{background:#EAF8F7!important;color:#008A90!important;font-weight:600!important}.settings-nav i{width:20px!important}.settings-form-card{padding:16px!important}.settings-save{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-top:15px!important}
/* Login: exact reference collage */
.reference-login-page{position:fixed!important;inset:0!important;z-index:99999!important;background:#fff!important;display:grid!important;grid-template-columns:minmax(0,3.1fr) minmax(280px,.9fr)!important;font-family:"Segoe UI",Arial,sans-serif!important}.reference-login-scene{position:relative!important;background-image:url('/app-defaults/hotel_pool.jpg')!important;background-size:cover!important;background-position:center!important;display:grid!important;place-items:center!important;overflow:hidden!important}.reference-login-overlay{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(2,35,63,.15),rgba(2,35,63,.08))!important}.reference-login-card{position:relative!important;z-index:2!important;width:min(340px,calc(100% - 40px))!important;background:rgba(3,35,63,.93)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;padding:24px 24px 17px!important;box-shadow:0 22px 60px rgba(0,24,44,.34)!important;color:#fff!important}.reference-login-brand{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;margin-bottom:10px!important}.reference-login-brand>span{font-family:Georgia,serif!important;font-size:40px!important;color:var(--ref-gold)!important;line-height:1!important}.reference-login-brand strong{font-size:14px!important;letter-spacing:2px!important;color:#fff!important;margin-top:5px!important}.reference-login-brand small{font-size:8px!important;letter-spacing:1.5px!important;color:#B8CDD7!important;margin-top:2px!important}.reference-login-card h1{text-align:center!important;font-size:16px!important;color:#fff!important;margin:12px 0 2px!important}.reference-login-card>p{text-align:center!important;color:#C2D0D7!important;font-size:10px!important;margin:0 0 14px!important}.reference-login-card>label{display:block!important;color:#D7E4E9!important;font-size:10px!important;margin:8px 0 4px!important}.reference-login-input{height:40px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:6px!important;display:grid!important;grid-template-columns:20px 1fr 20px!important;align-items:center!important;padding:0 9px!important}.reference-login-input i{font-size:12px!important;color:#D5E3E8!important}.reference-login-input input{height:38px!important;min-height:0!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:12px!important;padding:0 5px!important}.reference-login-input input::placeholder{color:#98ADB8!important}.reference-login-options{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:9px 0 13px!important;font-size:9px!important;color:#C6D6DD!important}.reference-login-options label{font-size:9px!important;color:#C6D6DD!important}.reference-login-options input{min-height:0!important;width:12px!important;height:12px!important;accent-color:#00A9AA!important}.reference-login-card>button{width:100%!important;height:38px!important;border:0!important;border-radius:5px!important;background:#009A9B!important;color:#fff!important;font-size:12px!important;font-weight:600!important}.reference-login-card>button:hover{background:#00888C!important}.reference-login-copy{text-align:center!important;color:#91A7B2!important;font-size:8px!important;margin-top:12px!important}.reference-login-error{background:rgba(217,82,91,.16)!important;color:#FFCFD2!important;border:1px solid rgba(255,176,181,.15)!important;padding:7px 8px!important;border-radius:5px!important;font-size:10px!important}.reference-login-info{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;padding:36px!important;text-align:center!important;background:#fff!important;border-left:1px solid #E1E9EE!important}.reference-enter-icon{width:52px!important;height:52px!important;border-radius:50%!important;background:#008A90!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:21px!important;margin-bottom:12px!important}.reference-login-info h2{font-size:18px!important;color:#173650!important;margin:0 0 7px!important}.reference-login-info>p{max-width:230px!important;font-size:12px!important;color:#6F8292!important;margin:0 0 18px!important}.reference-login-benefits{width:100%!important;max-width:240px!important;background:#F7FAFC!important;border:1px solid #E3EBEF!important;border-radius:8px!important;padding:13px!important;text-align:left!important}.reference-login-benefits strong,.reference-login-benefits span{display:block!important}.reference-login-benefits strong{font-size:11px!important;color:#087C82!important;margin-bottom:8px!important}.reference-login-benefits span{font-size:10px!important;color:#657A8B!important;margin:5px 0!important}.reference-login-info>a{font-size:10px!important;color:#008A90!important;margin-top:14px!important}
/* Harmonize older page-specific classes */
.content-help-banner{font-size:11px!important;border-color:#D8E7EB!important;background:#F3FAFA!important}.content-help-banner strong{font-size:12px!important}.content-help-banner span{font-size:10px!important}.studio-nav-copy strong{font-size:11px!important}.studio-nav-copy small{font-size:9px!important}.studio-page-head h2{font-size:15px!important}.studio-page-head p{font-size:10px!important}.studio-content-row strong{font-size:12px!important}.studio-content-row small,.studio-content-row p{font-size:10px!important}.activity-week-strip small{font-size:10px!important}.activity-week-strip strong{font-size:16px!important}.activity-week-strip span{font-size:9px!important}.timeline-copy strong{font-size:12px!important}.timeline-copy span,.timeline-copy p{font-size:10px!important}.guest-import-info strong{font-size:11px!important}.guest-import-info small{font-size:9px!important}.import-tr,.personnel-import-row{font-size:11px!important}.import-tr small{font-size:9px!important}.personnel-kpi-grid small{font-size:10px!important}.personnel-kpi-grid strong{font-size:22px!important}.personnel-kpi-grid em{font-size:9px!important}.personnel-quick-grid strong{font-size:11px!important}.personnel-quick-grid small{font-size:9px!important}.ptr,.ltr,.shift-row{font-size:11px!important}.ptr small,.ltr small,.shift-row small{font-size:9px!important}.task-col-head strong{font-size:12px!important}.task-web-card strong{font-size:11px!important}.task-web-card small,.task-web-card p{font-size:9.5px!important}.chat-group-copy strong{font-size:11px!important}.chat-group-copy small{font-size:9px!important}.chat-bubble strong{font-size:9px!important}.chat-bubble p{font-size:11px!important}.chat-bubble small{font-size:8px!important}
/* Admin/login older wrappers inherit same palette */
.tourism-login-page,.tourism-admin-login{font-family:"Segoe UI",Arial,sans-serif!important}.tourism-login-card{font-size:12px!important}.tourism-login-card h1{font-size:18px!important}.tourism-login-card>p{font-size:11px!important}.tourism-login-card>label{font-size:10px!important}.tourism-login-input input{font-size:12px!important}.tourism-login-button{font-size:12px!important}
@media(max-width:1180px){:root{--sidebar-w:205px}.ref-kpi-grid{grid-template-columns:repeat(3,1fr)!important}.ref-dashboard-main-grid,.ref-dashboard-bottom-grid{grid-template-columns:1fr!important}.tourism-hotel-chip{min-width:150px!important}.reference-login-page{grid-template-columns:1fr!important}.reference-login-info{display:none!important}.settings-layout{grid-template-columns:190px 1fr!important}}
@media(max-width:820px){:root{--sidebar-w:240px}.sidebar,.emiras-sidebar,.v7-sidebar{transform:translateX(-100%)!important}.sidebar.mobile-open,.emiras-sidebar.mobile-open,.v7-sidebar.mobile-open{transform:translateX(0)!important}.main-area,.emiras-main,.v7-main{margin-left:0!important;width:100%!important}.tourism-welcome,.tourism-date-chip{display:none!important}.tourism-hotel-chip{min-width:0!important}.tourism-hotel-chip div,.tourism-hotel-chip>i{display:none!important}.content,.emiras-content,.v7-content{padding:15px!important}.ref-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.revenue-summary-row{grid-template-columns:1fr!important}.reference-quick-grid{grid-template-columns:repeat(2,1fr)!important}.report-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.settings-layout{grid-template-columns:1fr!important}.settings-nav{display:flex!important;overflow:auto!important}.settings-nav button{width:auto!important;white-space:nowrap!important}.ref-page-header{align-items:flex-start!important;flex-direction:column!important}.ref-page-actions{width:100%!important}}
@media(max-width:520px){.ref-kpi-grid{grid-template-columns:1fr!important}.reference-quick-grid,.report-kpi-grid{grid-template-columns:1fr!important}.topbar{padding:0 12px!important}.tourism-hotel-chip{display:none!important}.reference-login-card{padding:22px 18px!important}.reference-login-page{display:block!important}.reference-login-scene{height:100vh!important}.reference-tr{min-width:620px!important}}
.admin-login-scene{background-image:url('/app-defaults/hotel_beach.jpg')!important}


/* ===== V16.1 USABILITY / SIDEBAR / LOGIN FIX ===== */
/* Sidebar readability */
.nav-item-link,
.v7-nav details summary{
    min-height:42px!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.25!important;
}
.nav-item-link i,
.v7-nav details summary span>i{
    font-size:15px!important;
}
.nav-submenu{
    padding-left:36px!important;
}
.nav-submenu a{
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    font-size:12.5px!important;
    line-height:1.3!important;
    font-weight:500!important;
    padding:7px 9px!important;
}
.nav-section-title{
    font-size:10px!important;
}

/* Top welcome block alignment */
.topbar-left,.tourism-topbar-left{
    min-width:0!important;
    height:100%!important;
    align-items:center!important;
}
.tourism-welcome{
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
}
.tourism-welcome-icon{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    align-self:center!important;
    margin:0!important;
}
.tourism-welcome>div{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:34px!important;
    line-height:1.2!important;
}
.tourism-welcome strong{
    font-size:13.5px!important;
    line-height:1.2!important;
    margin:0!important;
}
.tourism-welcome small{
    font-size:10.5px!important;
    line-height:1.2!important;
    margin:3px 0 0!important;
}
.menu-btn{
    flex:0 0 34px!important;
    margin:0!important;
}

/* Full-width clickable logout card */
.tourism-logout-card{
    width:100%!important;
    min-height:58px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 22px!important;
    align-items:center!important;
    gap:9px!important;
    text-align:left!important;
    cursor:pointer!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.tourism-logout-card:hover{
    background:rgba(0,138,144,.20)!important;
    border-color:rgba(64,205,207,.26)!important;
    transform:translateY(-1px)!important;
}
.tourism-logout-avatar{
    width:32px!important;
    height:32px!important;
    border-radius:8px!important;
    background:rgba(0,138,144,.18)!important;
    color:#68D0D2!important;
    display:grid!important;
    place-items:center!important;
    font-size:15px!important;
}
.tourism-logout-copy{
    min-width:0!important;
}
.tourism-logout-copy strong{
    display:block!important;
    color:#fff!important;
    font-size:12.5px!important;
    line-height:1.2!important;
}
.tourism-logout-copy small{
    display:block!important;
    color:#9FB7C4!important;
    font-size:9.5px!important;
    margin-top:3px!important;
    line-height:1.2!important;
}
.tourism-logout-chevron{
    color:#AFC4CE!important;
    text-align:center!important;
    font-size:11px!important;
}

/* Login: image occupies the full viewport; no white right panel */
.reference-login-page{
    display:block!important;
    background:#03233F!important;
}
.reference-login-scene{
    width:100%!important;
    height:100vh!important;
    min-height:100vh!important;
    background-size:cover!important;
    background-position:center!important;
}
.reference-login-overlay{
    background:linear-gradient(90deg,rgba(2,30,52,.20),rgba(2,30,52,.08),rgba(2,30,52,.16))!important;
}
.reference-login-info{
    display:none!important;
}
.reference-login-card{
    width:min(370px,calc(100% - 36px))!important;
}
.reference-login-input{
    grid-template-columns:20px minmax(0,1fr) 32px!important;
}
.reference-password-toggle{
    width:30px!important;
    height:30px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:5px!important;
    background:transparent!important;
    color:#D5E3E8!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
}
.reference-password-toggle:hover{
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
}
.reference-password-toggle i{
    font-size:13px!important;
    pointer-events:none!important;
}

@media(max-width:1180px){
    .nav-item-link,.v7-nav details summary{font-size:13.5px!important}
    .nav-submenu a{font-size:12px!important}
}

/* ===== V16.2 SIDEBAR TYPOGRAPHY + UPLOAD ALIGNMENT ===== */
/* Dashboard is the visual anchor of the navigation. */
.nav-item-link.dashboard-link,
.nav-item-link.dashboard-link > span{
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
    letter-spacing:0!important;
}

/* Primary expandable modules: slightly calmer than Dashboard. */
.v7-nav details > summary,
.emiras-nav details > summary{
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.3!important;
    min-height:40px!important;
}

.v7-nav details > summary > span,
.emiras-nav details > summary > span{
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:inherit!important;
}

/* Stand-alone main items such as Reports / Settings. */
.nav-item-link:not(.dashboard-link){
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.3!important;
    min-height:40px!important;
}

/* Submenus: readable, consistent and not visually cramped. */
.nav-submenu{
    padding:4px 8px 7px 39px!important;
}
.nav-submenu a,
.v7-nav .nav-submenu a,
.emiras-nav .nav-submenu a{
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-size:12.5px!important;
    font-weight:600!important;
    line-height:1.35!important;
    min-height:34px!important;
    padding:8px 9px!important;
    display:flex!important;
    align-items:center!important;
    white-space:normal!important;
}

/* HotelUploadBox: form-grid's generic label rule must not destroy the drop-zone flex layout. */
.form-grid label.upload-drop,
.panel-card label.upload-drop,
label.upload-drop{
    width:100%!important;
    min-height:112px!important;
    margin:0!important;
    padding:16px 18px!important;
    border:1px dashed #8FC9C8!important;
    border-radius:9px!important;
    background:#F7FCFC!important;
    color:#496B73!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
}
.form-grid label.upload-drop:hover,
.panel-card label.upload-drop:hover,
label.upload-drop:hover{
    background:#EFFAFA!important;
    border-color:#35A9AA!important;
}
.form-grid label.upload-drop > i,
.panel-card label.upload-drop > i,
label.upload-drop > i{
    display:block!important;
    margin:0 0 2px!important;
    color:#008A90!important;
    font-size:25px!important;
    line-height:1!important;
}
.form-grid label.upload-drop > strong,
.panel-card label.upload-drop > strong,
label.upload-drop > strong{
    display:block!important;
    margin:0!important;
    color:#31546A!important;
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.3!important;
}
.form-grid label.upload-drop > span,
.panel-card label.upload-drop > span,
label.upload-drop > span{
    display:block!important;
    margin:0!important;
    color:#8296A4!important;
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-size:10.5px!important;
    font-weight:400!important;
    line-height:1.35!important;
}
.form-grid label.upload-drop input,
.panel-card label.upload-drop input,
label.upload-drop input{
    display:none!important;
}
.upload-box{
    width:100%!important;
    min-width:0!important;
}
.upload-message{
    display:block!important;
    margin-top:2px!important;
    text-align:center!important;
    font-size:10.5px!important;
}


/* ===== V16.3 EXACT MENU FONT SIZES + WELCOME ALIGNMENT ===== */
/* Requested exact desktop typography */
.nav-item-link.dashboard-link,
.nav-item-link.dashboard-link > span{
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.25!important;
}

.v7-nav details > summary,
.emiras-nav details > summary,
.nav-item-link:not(.dashboard-link){
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.3!important;
}

.v7-nav details > summary > span,
.emiras-nav details > summary > span{
    font-size:12px!important;
}

.nav-submenu a,
.v7-nav .nav-submenu a,
.emiras-nav .nav-submenu a{
    font-size:11.5px!important;
    font-weight:600!important;
    line-height:1.3!important;
}

/* Keep the exact requested sizes at medium desktop widths too. */
@media (min-width:821px) and (max-width:1180px){
    .nav-item-link.dashboard-link,
    .nav-item-link.dashboard-link > span{font-size:13px!important}

    .v7-nav details > summary,
    .emiras-nav details > summary,
    .v7-nav details > summary > span,
    .emiras-nav details > summary > span,
    .nav-item-link:not(.dashboard-link){font-size:12px!important}

    .nav-submenu a,
    .v7-nav .nav-submenu a,
    .emiras-nav .nav-submenu a{font-size:11.5px!important}
}

/* Topbar welcome: icon and both text rows share one centered 36px visual axis. */
.topbar-left.tourism-topbar-left{
    height:var(--topbar-h)!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
}

.tourism-welcome{
    height:36px!important;
    min-height:36px!important;
    display:grid!important;
    grid-template-columns:36px auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    column-gap:10px!important;
    padding:0!important;
    margin:0!important;
}

.tourism-welcome-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
}

.tourism-welcome-icon i{
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    font-size:14px!important;
}

.tourism-welcome > div{
    height:36px!important;
    min-height:36px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:2px!important;
    margin:0!important;
    padding:0!important;
}

.tourism-welcome strong,
.tourism-welcome small{
    display:block!important;
    margin:0!important;
    padding:0!important;
}

.tourism-welcome strong{
    font-size:13px!important;
    font-weight:700!important;
    line-height:16px!important;
}

.tourism-welcome small{
    font-size:10px!important;
    font-weight:400!important;
    line-height:13px!important;
}


/* ===== V16.4 NO WELCOME + LOGOUT TYPOGRAPHY ===== */

/* Welcome block removed from markup; keep hidden as safety. */
.tourism-welcome,
.tourism-welcome-icon{
    display:none!important;
}

/* Topbar no longer reserves space for welcome block. */
.topbar-left.tourism-topbar-left{
    display:flex!important;
    align-items:center!important;
    height:var(--topbar-h)!important;
    gap:0!important;
    min-width:0!important;
}

/* Logout card typography aligned with sidebar menu scale. */
.sidebar-logout,
.sidebar-logout .logout-card,
.sidebar-logout button,
.sidebar-logout a{
    font-family:"Segoe UI",Arial,sans-serif!important;
}

.sidebar-logout .logout-title,
.sidebar-logout strong,
.sidebar-logout button strong,
.sidebar-logout a strong{
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.25!important;
    margin:0!important;
    padding:0!important;
}

/* Remove any subtitle/helper line under logout title. */
.sidebar-logout small,
.sidebar-logout .logout-subtitle,
.sidebar-logout .logout-copy small{
    display:none!important;
}

/* Keep whole card clickable and visually centered. */
.sidebar-logout button,
.sidebar-logout a,
.sidebar-logout .logout-card{
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    cursor:pointer!important;
}

.sidebar-logout .logout-copy{
    display:flex!important;
    align-items:center!important;
    min-height:30px!important;
}


/* ===== V17 GEO MAP + MERCHANT PANEL ===== */
.geo-picker{border:1px solid #dfe8ed;border-radius:12px;background:#fff;overflow:hidden}
.geo-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;background:#f8fbfb;border-bottom:1px solid #e5ecef}
.geo-toolbar form{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;border:1px solid #dbe5e8;border-radius:8px;background:#fff;overflow:hidden}
.geo-toolbar form>i{display:grid;place-items:center;color:#008a90}
.geo-toolbar input{border:0!important;box-shadow:none!important;min-height:40px!important}
.geo-toolbar form button,.geo-current-btn{border:0;border-radius:7px;padding:0 14px;font-size:12px;font-weight:700;white-space:nowrap}
.geo-toolbar form button{height:40px;background:#008a90;color:#fff;border-radius:0}
.geo-current-btn{background:#e9f7f6;color:#00777d}
.geo-map{height:420px;width:100%;background:#eaf0f1}
.geo-picker-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;background:#fff}
.geo-picker-footer span{font-size:12px;font-weight:600;color:#324b5f}.geo-picker-footer span i{color:#008a90}.geo-picker-footer small{font-size:11px;color:#81909b}
.form-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.form-section-heading strong,.form-section-heading small{display:block}.form-section-heading strong{font-size:14px;color:#163449}.form-section-heading small{font-size:11.5px;color:#7f8f9b;margin-top:2px}
.location-ready-badge{background:#eaf8f3;color:#27815b;border-radius:20px;padding:6px 9px;font-size:11px;font-weight:700}
.merchant-shell .emiras-sidebar{background:linear-gradient(180deg,#062f49 0%,#00354d 52%,#022e45 100%)}
.merchant-register-link{display:block;text-align:center;color:#008a90;font-size:12px;font-weight:700;margin-top:12px;text-decoration:none}
.merchant-register-card{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:rgba(255,255,255,.96);border-radius:18px;padding:28px;box-shadow:0 24px 60px rgba(2,35,53,.24);position:relative;z-index:2}
.merchant-register-card h1{font-size:24px;margin:12px 0 4px;color:#08354a}.merchant-register-card>p{font-size:13px;color:#788996}
.merchant-register-form{margin-top:16px}
.merchant-stats{margin-bottom:12px}
.merchant-checklist{display:flex;flex-direction:column}.merchant-checklist a{display:grid;grid-template-columns:36px 1fr;gap:9px;padding:10px;border-bottom:1px solid #edf1f3;color:#29485c;text-decoration:none}.merchant-checklist a>i{width:32px;height:32px;border-radius:8px;background:#e9f7f6;color:#008a90;display:grid;place-items:center}.merchant-checklist strong,.merchant-checklist small{display:block}.merchant-checklist strong{font-size:12px}.merchant-checklist small{font-size:11px;color:#86949e}.merchant-checklist a.done>i{background:#e8f7ee;color:#268258}
.merchant-distance-explain>div{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f3}.merchant-distance-explain span{width:26px;height:26px;border-radius:50%;background:#008a90;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.merchant-distance-explain p{font-size:12px;margin:0;color:#526a7a}
.merchant-radius-editor{background:#f8fbfb;border:1px solid #dce9e9;border-radius:10px;padding:12px}.radius-label{display:flex;justify-content:space-between;align-items:center}.radius-label strong{font-size:18px;color:#008a90}.merchant-radius-editor input[type=range]{width:100%;accent-color:#008a90;margin:10px 0 3px}.radius-scale{display:flex;justify-content:space-between;color:#8b979f;font-size:10px}.merchant-radius-editor>small{display:block;margin-top:8px;color:#617784}
.merchant-campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}.merchant-campaign-card{background:#fff;border:1px solid #dfe7eb;border-radius:12px;overflow:hidden}.merchant-campaign-media{height:155px;background:#eef3f4;position:relative}.merchant-campaign-media img{width:100%;height:100%;object-fit:cover}.merchant-campaign-placeholder{height:100%;display:grid;place-items:center;font-size:30px;color:#9aa8b0}.campaign-distance{position:absolute;right:8px;bottom:8px;background:rgba(3,46,67,.9);color:#fff;border-radius:16px;padding:5px 8px;font-size:10.5px;font-weight:700}.merchant-campaign-body{padding:11px}.merchant-campaign-body>strong{display:block;font-size:13px;margin:7px 0 2px}.merchant-campaign-body>p{font-size:11.5px;color:#758794;min-height:32px}.campaign-status-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#88949c}
.merchant-admin-table .mtr{grid-template-columns:1.4fr .8fr .8fr 1.2fr .8fr 1fr!important}.merchant-campaign-admin-table .mtr{grid-template-columns:1.5fr 1.1fr 1fr .8fr .8fr 1fr!important}
.merchant-radius-help{margin-bottom:10px}
@media(max-width:800px){.geo-toolbar{grid-template-columns:1fr}.geo-map{height:340px}.geo-picker-footer{align-items:flex-start;flex-direction:column}.merchant-admin-table .mtr,.merchant-campaign-admin-table .mtr{min-width:900px}}


/* ===== V17.1 LEAFLET RENDER FIX ===== */
.geo-map.leaflet-container{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate;
}

.geo-map .leaflet-map-pane,
.geo-map .leaflet-tile-pane,
.geo-map .leaflet-tile-container{
    position:absolute!important;
    left:0!important;
    top:0!important;
}

.geo-map .leaflet-tile{
    position:absolute!important;
    width:256px!important;
    height:256px!important;
    max-width:none!important;
    max-height:none!important;
}


/* ===== V17.2 ADMIN-MANAGED MERCHANTS ===== */
.merchant-admin-table-v172 .mtr{
    grid-template-columns:1.35fr .85fr 1.15fr .8fr .7fr .65fr 110px!important;
}
.campaign-publish-toggle{
    background:#f5fbfa;
    border:1px solid #d7ebe8;
    border-radius:10px;
    padding:12px!important;
}
.campaign-publish-toggle>small{
    display:block;
    margin-top:5px;
    color:#71848f;
    font-size:11px;
}
@media(max-width:1000px){
    .merchant-admin-table-v172{overflow:auto}
    .merchant-admin-table-v172 .mtr{min-width:1050px}
}


/* ===== V18 OPERATIONS DASHBOARD + HOTEL ABOUT ===== */
.dashboard-request-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:10px}
.request-summary-card{background:#fff;border:1px solid #dfe8ed;border-radius:10px;padding:11px;display:flex;gap:9px;align-items:center}
.request-summary-card>span{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:15px}.request-summary-card small,.request-summary-card strong{display:block}.request-summary-card small{font-size:10.5px;color:#7c8c98}.request-summary-card strong{font-size:20px;color:#12354b}
.request-summary-card.new>span{background:#e8f6f5;color:#008a90}.request-summary-card.progress>span{background:#eef3ff;color:#3477e8}.request-summary-card.completed>span{background:#eaf8ef;color:#26925e}.request-summary-card.maintenance>span{background:#fff0f0;color:#db5353}.request-summary-card.food>span{background:#fff5e9;color:#e48a2d}.request-summary-card.reservation>span{background:#f5edff;color:#8a57cf}
.dashboard-requests-card{padding:0!important;overflow:hidden}.dashboard-requests-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #e8eef2}.dashboard-requests-head strong,.dashboard-requests-head small{display:block}.dashboard-requests-head strong{font-size:14px;color:#13384e}.dashboard-requests-head small{font-size:10.5px;color:#7d8d98;margin-top:2px}.dashboard-requests-head>a{font-size:11px;color:#008a90;text-decoration:none;font-weight:700}
.dashboard-request-filters{padding:10px 13px;background:#f8fafb;border-bottom:1px solid #e8eef2;display:grid;grid-template-columns:1fr 180px 230px;gap:9px;align-items:center}.request-filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.request-filter-tabs button{border:1px solid #dce6eb;background:#fff;color:#546b79;border-radius:7px;padding:6px 9px;font-size:10.5px;font-weight:700}.request-filter-tabs button.active{background:#008a90;color:#fff;border-color:#008a90}.request-filter-tabs em{font-style:normal;opacity:.8;margin-left:3px}
.dashboard-request-filters select,.dashboard-request-filters input{height:34px!important;min-height:34px!important;font-size:10.5px!important}
.dreq-row{display:grid;grid-template-columns:90px 145px 170px minmax(240px,1fr) 120px 70px;gap:8px;align-items:center;padding:9px 13px;border-bottom:1px solid #edf1f3;font-size:10.5px}.dreq-row.head{background:#fbfcfd;color:#7a8b96;font-weight:700}.dreq-row>span strong,.dreq-row>span small{display:block}.dreq-row>span small{font-size:9.5px;color:#84939e;margin-top:2px}.dreq-row>span:nth-child(2){display:flex;align-items:center;gap:7px}.request-type-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center}.request-type-icon.blue{background:#edf3ff;color:#3478e8}.request-type-icon.orange{background:#fff3e6;color:#e28a2d}.request-type-icon.purple{background:#f4ecff;color:#8a57cf}.request-type-icon.aqua{background:#e8f8f6;color:#008a90}.request-type-icon.red{background:#fff0f0;color:#dc5555}
.request-status{font-style:normal;border-radius:16px;padding:4px 7px;font-size:9.5px;font-weight:700}.request-status.pending{background:#fff4dd;color:#b67517}.request-status.progress{background:#eaf2ff;color:#3478e8}.request-status.completed{background:#e9f7ef;color:#25865a}.dashboard-requests-empty{min-height:120px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:#8a98a2}.dashboard-requests-empty i{font-size:24px;color:#41a873}
.amenity-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:9px}.amenity-admin-card{border:1px solid #e0e8ec;border-radius:10px;padding:11px;display:grid;grid-template-columns:38px 1fr auto auto;gap:9px;align-items:center}.amenity-admin-icon{width:36px;height:36px;background:#e8f7f5;color:#008a90;border-radius:9px;display:grid;place-items:center}.amenity-admin-card small,.amenity-admin-card strong{display:block}.amenity-admin-card small{font-size:9.5px;color:#89969e}.amenity-admin-card strong{font-size:12px;color:#183b50;margin:2px 0}.amenity-admin-card p{font-size:10.5px;color:#71838e;margin:0}
.room-admin-grid-v18{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px}.room-admin-card-v18{background:#fff;border:1px solid #dfe8ed;border-radius:11px;overflow:hidden}.room-admin-cover{height:165px;background:#edf2f4;position:relative}.room-admin-cover img{width:100%;height:100%;object-fit:cover}.room-cover-empty{height:100%;display:grid;place-items:center;font-size:30px;color:#9caab2}.room-number-badge{position:absolute;left:9px;bottom:9px;background:rgba(2,48,68,.88);color:#fff;border-radius:15px;padding:4px 8px;font-size:10px;font-weight:700}.room-admin-body{padding:11px}.room-admin-title{display:flex;justify-content:space-between;gap:8px}.room-admin-title strong,.room-admin-title small{display:block}.room-admin-title strong{font-size:12.5px}.room-admin-title small{font-size:10px;color:#84939d;margin-top:2px}.room-mini-facts{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0;color:#657b89;font-size:10px}.room-admin-body p{font-size:10.5px;color:#738590;min-height:30px}
.room-gallery-editor{margin-top:15px;border-top:1px solid #e6edef;padding-top:14px}.room-image-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px;margin-top:10px}.room-image-admin-item{border:1px solid #e1e8ec;border-radius:9px;overflow:hidden;background:#fff}.room-image-admin-item>img{width:100%;height:125px;object-fit:cover}.room-image-admin-item>div{padding:8px}.room-image-admin-item input{height:32px!important;font-size:10px!important}.room-image-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:5px}
.social-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.social-admin-row{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;border:1px solid #e1e8ec;border-radius:9px;padding:9px}.social-platform-icon{width:34px;height:34px;border-radius:8px;background:#e8f7f5;color:#008a90;display:grid;place-items:center;font-size:15px}.social-admin-row label{font-size:10px}.social-admin-row input{height:34px!important;font-size:10.5px!important}.hotel-about-shortcuts{display:flex;gap:8px;margin-top:11px}
@media(max-width:1100px){.dashboard-request-summary{grid-template-columns:repeat(3,1fr)}.dashboard-request-filters{grid-template-columns:1fr}.dashboard-request-table{overflow:auto}.dreq-row{min-width:900px}}@media(max-width:700px){.dashboard-request-summary{grid-template-columns:repeat(2,1fr)}.social-admin-grid{grid-template-columns:1fr}}


/* ===== V18.2 DASHBOARD CLEAN OPERATION UI ===== */
.ref-kpi-grid-v182{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.ref-kpi.green{background:#f0fbf4;border-color:#d8efe0}.ref-kpi.green .ref-kpi-icon{background:#e5f7eb;color:#28905c}
.dashboard-request-summary-v182{grid-template-columns:repeat(6,minmax(0,1fr))!important;margin:12px 0!important}
.dashboard-request-summary-v182 .request-summary-card{
    appearance:none;-webkit-appearance:none;text-align:left;cursor:pointer;width:100%;min-height:66px;
    border:1px solid #dfe8ed!important;background:#fff;font-family:"Segoe UI",Arial,sans-serif;
    box-shadow:0 1px 3px rgba(21,55,74,.03);transition:.15s ease
}
.dashboard-request-summary-v182 .request-summary-card:hover{transform:translateY(-1px);border-color:#b9d7d8!important;box-shadow:0 5px 14px rgba(14,66,82,.07)}
.dashboard-request-summary-v182 .request-summary-card.selected{border-color:#008a90!important;box-shadow:0 0 0 2px rgba(0,138,144,.08)}
.request-summary-card.general>span{background:#edf3ff;color:#4278d6}
.dashboard-requests-card{margin-top:0!important}
.dashboard-request-table{min-height:190px}
.dashboard-requests-empty span{font-size:10.5px;color:#9aa7af}

/* ===== V18.2 ROOMS CLEAN UI ===== */
.room-help-v182{margin-bottom:12px!important}
.room-editor-v182{padding:0!important;overflow:hidden;margin-bottom:14px!important}
.room-editor-v182>.editor-title{padding:14px 16px;border-bottom:1px solid #e9eef1;background:#fbfcfd}
.room-form-sections{display:grid;grid-template-columns:1fr;gap:12px;padding:14px 16px 0}
.room-form-section{border:1px solid #dfe8ed;border-radius:12px;background:#fff;padding:14px}
.room-form-section-head{display:flex;gap:10px;align-items:center;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #edf1f3}
.room-form-section-head>span{width:34px;height:34px;border-radius:9px;background:#e8f7f6;color:#008a90;display:grid;place-items:center;font-size:15px}
.room-form-section-head strong,.room-form-section-head small{display:block}.room-form-section-head strong{font-size:13px;color:#183b4f}.room-form-section-head small{font-size:10px;color:#85939d;margin-top:2px}
.room-gallery-section-v182{margin:12px 16px 0}
.room-editor-actions-v182{padding:12px 16px 15px!important;border-top:1px solid #e8eef1;margin-top:14px!important;background:#fbfcfd}
.room-gallery-empty{min-height:110px;margin-top:10px;border:1px dashed #d5e1e5;border-radius:9px;background:#fafcfc;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a98a2}
.room-gallery-empty i{font-size:25px;color:#85a9ad}.room-gallery-empty strong{font-size:11.5px;color:#56707e;margin-top:5px}.room-gallery-empty span{font-size:10px;margin-top:2px}
.room-admin-grid-v182{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important;gap:12px!important;align-items:start!important}
.room-card-v182{display:block!important;background:#fff!important;border:1px solid #dfe8ed!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 2px 7px rgba(22,61,78,.04)!important}
.room-card-image-v182{height:185px!important;position:relative!important;background:#eef3f4!important;overflow:hidden!important}
.room-card-image-v182>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.room-card-noimage-v182{width:100%;height:100%;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:#99a7af;background:linear-gradient(135deg,#f4f7f8,#eaf0f2)}
.room-card-noimage-v182 i{font-size:27px}.room-card-noimage-v182 span{font-size:10.5px}
.room-card-topbadges-v182{position:absolute;left:9px;right:9px;top:9px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.room-no-v182,.room-mobile-v182{border-radius:16px;padding:5px 8px;font-size:10px;font-weight:700;backdrop-filter:blur(5px)}
.room-no-v182{background:rgba(3,45,66,.88);color:#fff}.room-mobile-v182.published{background:rgba(233,249,242,.94);color:#25845a}.room-mobile-v182.hidden{background:rgba(245,246,247,.94);color:#6f7d85}
.room-card-body-v182{padding:13px!important}
.room-card-title-v182{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.room-card-title-v182 strong,.room-card-title-v182 small{display:block}.room-card-title-v182 strong{font-size:13px;color:#15394f;line-height:1.3}.room-card-title-v182 small{font-size:10px;color:#84939d;margin-top:3px}
.room-facts-v182{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.room-facts-v182 span{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#546d7b;background:#f7f9fa;border-radius:7px;padding:7px}.room-facts-v182 i{color:#008a90}
.room-card-body-v182>p{font-size:10.5px;color:#6e818d;line-height:1.45;margin:4px 0 12px;min-height:30px}.room-card-body-v182>p.muted{color:#9aa6ad;font-style:italic}
.room-card-footer-v182{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #edf1f3;padding-top:10px}.room-card-footer-v182>div{display:flex;gap:5px;align-items:center}
.room-active-v182{font-size:10px;font-weight:700}.room-active-v182 i{font-size:6px;vertical-align:middle;margin-right:3px}.room-active-v182.active{color:#26865b}.room-active-v182.passive{color:#8b969d}
.room-list-empty-v182{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8d9aa2}.room-list-empty-v182 i{font-size:34px;color:#8eb9ba}.room-list-empty-v182 strong{font-size:13px;color:#466172;margin-top:8px}.room-list-empty-v182 span{font-size:10.5px;margin-top:3px}
.room-image-admin-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}
.room-image-admin-item>img{display:block!important;width:100%!important;height:135px!important;object-fit:cover!important}

@media(max-width:1180px){
    .dashboard-request-summary-v182{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:850px){
    .ref-kpi-grid-v182{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .room-admin-grid-v182{grid-template-columns:1fr!important}
}


/* ===== V18.8 MULTI LANGUAGE ===== */
.em-language-selector{height:34px;display:flex;align-items:center;gap:6px;padding:0 7px;border:1px solid #dbe5e8;border-radius:8px;background:#fff;color:#52707e}
.em-language-selector>i{color:#008a90;font-size:13px}.em-language-selector select{height:30px;border:0!important;background:transparent!important;color:#365365!important;font-family:"Segoe UI",Arial,sans-serif!important;font-size:10.5px!important;font-weight:700!important;outline:none!important;padding:0 2px!important;min-width:112px}
.login-language-selector{position:absolute;z-index:8;right:22px;top:20px;background:rgba(255,255,255,.95);box-shadow:0 5px 18px rgba(4,39,57,.12)}
.language-settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.language-settings-card{padding:16px!important}.language-settings-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.language-settings-head>span{width:38px;height:38px;border-radius:10px;background:#e9f7f6;color:#008a90;display:grid;place-items:center;font-size:16px}.language-settings-head strong,.language-settings-head small{display:block}.language-settings-head strong{font-size:13px;color:#193b50}.language-settings-head small{font-size:10.5px;color:#7e8f99;margin-top:2px}.language-settings-card .em-language-selector{width:max-content;height:40px}.language-settings-card .em-language-selector select{height:36px;font-size:12px!important;min-width:180px}.supported-language-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.supported-language-list>div{border:1px solid #e1e8eb;border-radius:8px;padding:9px;background:#fafcfc}.supported-language-list strong,.supported-language-list span{display:block}.supported-language-list strong{font-size:10px;color:#008a90}.supported-language-list span{font-size:11px;color:#425e6d;margin-top:2px}
@media(max-width:850px){.language-settings-grid{grid-template-columns:1fr}.login-language-selector{right:12px;top:12px}.em-language-selector select{min-width:88px}}

/* v18.12 topbar unread badges */
.top-alert-icon{position:relative!important;padding:0!important;cursor:pointer!important}
.top-alert-badge{position:absolute!important;top:-6px!important;right:-7px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:10px!important;background:#e23f49!important;color:#fff!important;border:2px solid #fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:8px!important;font-weight:800!important;line-height:1!important;box-shadow:0 2px 6px rgba(201,45,55,.25)!important}

/* SORBEES brand standard */
.sorbees-brand-mark{background:transparent!important;border:0!important;padding:0!important;overflow:hidden}.sorbees-brand-mark img{width:38px;height:38px;display:block}.sorbees-login-brand img{width:58px;height:58px;border-radius:14px;box-shadow:0 10px 28px rgba(8,25,40,.18)}
.sorbees-monogram{overflow:hidden!important;background:#0a1928!important;border:0!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important}.sorbees-monogram img{width:36px!important;height:36px!important;object-fit:contain!important}

/* ===== V20.1 TOPBAR FIX AFTER HAMBURGER REMOVAL =====
   MainLayout no longer contains the old left hamburger wrapper.
   site.css has a legacy .topbar > div:first-child rule that makes the first div a column.
   The actions block is now first, so force it back to the intended horizontal/right layout. */
.tourism-topbar > .tourism-topbar-actions,
.topbar > .topbar-actions.tourism-topbar-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:9px!important;
    margin-left:auto!important;
    width:auto!important;
    min-width:0!important;
    height:var(--topbar-h)!important;
}

.tourism-topbar > .tourism-topbar-actions > *,
.topbar > .topbar-actions.tourism-topbar-actions > *{
    flex-shrink:0!important;
}

/* Keep the top bar actions on the right even without a left-side placeholder. */
.tourism-topbar{
    justify-content:flex-end!important;
}

/* ===== SORBEES V20.3 TOPBAR FINAL LAYOUT =====
   This block intentionally sits at the end of the stylesheet.
   It neutralizes legacy site.css first-child rules and older compact topbar rules. */
:root{
    --sorbees-topbar-height:64px;
}

.app-shell .sorbees-topbar,
.emiras-shell .sorbees-topbar,
.v7-shell .sorbees-topbar{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
    width:100%!important;
    height:var(--sorbees-topbar-height)!important;
    min-height:var(--sorbees-topbar-height)!important;
    padding:0 24px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:#fff!important;
    border-bottom:1px solid #E2EAF0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}

.sorbees-topbar > .sorbees-topbar-spacer{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:1px!important;
    margin:0!important;
    padding:0!important;
}

.sorbees-topbar > .sorbees-topbar-actions{
    position:static!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    gap:9px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
}

.sorbees-topbar > .sorbees-topbar-actions > *{
    position:relative!important;
    flex:0 0 auto!important;
    float:none!important;
    margin-top:0!important;
    margin-bottom:0!important;
}

.sorbees-topbar-language{
    display:flex!important;
    align-items:center!important;
    height:36px!important;
    visibility:visible!important;
    opacity:1!important;
}

.sorbees-topbar-language .em-language-selector{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    height:36px!important;
    min-width:142px!important;
    padding:0 9px!important;
    margin:0!important;
    border:1px solid #DCE6EC!important;
    border-radius:8px!important;
    background:#fff!important;
}

.sorbees-topbar-language .em-language-selector select{
    display:block!important;
    min-width:108px!important;
    max-width:150px!important;
    height:32px!important;
}

.sorbees-topbar .tourism-date-chip,
.sorbees-topbar .top-icon,
.sorbees-topbar .tourism-hotel-chip{
    display:flex!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0!important;
}

.sorbees-topbar .tourism-date-chip{
    height:36px!important;
}

.sorbees-topbar .top-icon{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
}

.sorbees-topbar .tourism-hotel-chip{
    height:36px!important;
    min-width:180px!important;
    padding:0 9px!important;
    gap:8px!important;
}

.sorbees-topbar .tourism-hotel-chip div{
    display:block!important;
}

.sorbees-topbar .tourism-hotel-chip > i{
    display:inline-block!important;
    margin-left:auto!important;
}

.main-area.emiras-main.v7-main{
    padding-top:0!important;
}

.main-area.emiras-main.v7-main > .content.emiras-content.v7-content{
    margin-top:0!important;
    padding-top:20px!important;
}

/* Keep the topbar usable on narrower screens without stacking controls. */
@media (max-width:1180px){
    .sorbees-topbar{
        padding:0 14px!important;
    }
    .sorbees-topbar > .sorbees-topbar-actions{
        gap:6px!important;
    }
    .sorbees-topbar-language .em-language-selector{
        min-width:118px!important;
    }
    .sorbees-topbar .tourism-hotel-chip{
        min-width:145px!important;
    }
}

@media (max-width:900px){
    .sorbees-topbar .tourism-date-chip{
        display:none!important;
    }
    .sorbees-topbar .tourism-hotel-chip{
        min-width:118px!important;
    }
}

@media (max-width:760px){
    .sorbees-topbar{
        padding:0 10px!important;
    }
    .sorbees-topbar > .sorbees-topbar-actions{
        width:100%!important;
        justify-content:flex-end!important;
    }
    .sorbees-topbar .tourism-hotel-chip{
        display:none!important;
    }
}