/* HotelInventory.in V96.14 — Unified Design + Mobile Coverage Layer
   Scope: public, Travel Partner, Auth Admin, Hotel, Cab, Activity and supplier workspaces.
   Business logic is intentionally untouched. */
:root{
  --hi-navy:#0B2744;--hi-navy-2:#103A61;--hi-blue:#1767B6;--hi-blue-2:#2B82D6;
  --hi-teal:#0E9189;--hi-teal-2:#19B6AA;--hi-gold:#F2B544;--hi-ink:#152B42;
  --hi-muted:#6F8294;--hi-bg:#F4F7FA;--hi-card:#FFFFFF;--hi-line:#DCE5ED;
  --hi-soft:#EEF4F8;--hi-good:#147554;--hi-warn:#A66A0A;--hi-bad:#B93A49;
  --hi-radius:16px;--hi-radius-sm:11px;--hi-shadow:0 8px 26px rgba(11,39,68,.075);
  --hi-shadow-strong:0 18px 50px rgba(11,39,68,.14);
  /* Legacy variable bridge so older pages inherit the same palette. */
  --navy:#0B2744;--navy2:#103A61;--blue:#1767B6;--blue2:#2B82D6;--teal:#0E9189;--cyan:#19B6AA;--gold:#F2B544;--paper:#F4F7FA;--ink:#152B42;--muted:#6F8294;--line:#DCE5ED;
}
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden;background:var(--hi-bg);color:var(--hi-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
img,svg,video,canvas{max-width:100%;height:auto}
a,button,input,select,textarea{font-family:inherit}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(23,103,182,.22);outline-offset:2px}

/* One visual language across portals. */
.ta-sidebar,.hi-v19-sidebar,.sidebar,.side,.reg42-topbar{background:linear-gradient(180deg,var(--hi-navy) 0%,var(--hi-navy-2) 100%)!important}
.ta-topbar,.hi-v19-header,.topbar,.top,.header{border-color:var(--hi-line)!important;box-shadow:0 3px 18px rgba(11,39,68,.045)}
.ta-logo,.brand-mark,.hi-v19-brand-mark{background:linear-gradient(145deg,var(--hi-blue),var(--hi-teal))!important}
.ta-sidebar nav a.active,.nav a.active,.hi-v19-main-link.active{box-shadow:inset 3px 0 0 var(--hi-teal-2)!important}
.ta-sidebar nav a:hover,.nav a:hover{background:rgba(255,255,255,.09)!important}

/* Cards / panels / shells. */
.ta-card,.panel,.card,.box,.hna-card,.request-card,.selected-hotel,.hotel-focus,.ta-stat,.ta-module,.kpi,.quick-grid>a,
[class*="-card"]:not(.ta-global-modal-card):not(.hi-workspace-window){border-color:var(--hi-line);border-radius:var(--hi-radius);box-shadow:var(--hi-shadow)}
.ta-card-head,.panel-head,.cardhead,.box-header{border-color:#E7EDF3!important}

/* Button hierarchy. */
.btn,.ta-btn,.hna-btn,.signin,.search-button button,.ta-search-submit{border-radius:11px!important;font-weight:800}
.btn-primary,.btn.primary,.btn.blue,.ta-btn:not(.light):not(.soft):not(.warn):not(.good),.hna-btn.primary,.search-button button,.ta-search-submit{
  background:linear-gradient(135deg,var(--hi-blue),var(--hi-blue-2))!important;border-color:var(--hi-blue)!important;color:#fff!important
}
.btn-success,.ta-btn.good,.btn.green{background:linear-gradient(135deg,var(--hi-teal),var(--hi-teal-2))!important;border-color:var(--hi-teal)!important;color:#fff!important}
.btn-warning,.ta-btn.warn,.btn.gold{background:#FFF7E5!important;border-color:#F0D296!important;color:#7A5414!important}
.btn-danger,.btn.red{background:#FFF0F2!important;border-color:#F2C7CE!important;color:var(--hi-bad)!important}
.btn:hover,.ta-btn:hover,.hna-btn:hover{transform:translateY(-1px);box-shadow:0 7px 17px rgba(11,39,68,.10)}

/* Forms are identical across all portals. */
input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control{
  border-color:#D5E0E9!important;border-radius:10px!important;background:#fff;color:var(--hi-ink);box-shadow:none!important
}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus,.form-control:focus{
  border-color:#83B1DC!important;box-shadow:0 0 0 3px rgba(23,103,182,.09)!important;outline:0
}
label{color:#536C80}

/* Tabs: fixed-height, swipeable on narrow screens, no wrapping/overlap. */
.tabs,.scopebar,.ta-service-tabs,.nav-tabs,.hi-tabs,[role="tablist"]{scrollbar-width:none;-ms-overflow-style:none}
.tabs::-webkit-scrollbar,.scopebar::-webkit-scrollbar,.ta-service-tabs::-webkit-scrollbar,.nav-tabs::-webkit-scrollbar,[role="tablist"]::-webkit-scrollbar{display:none}
.tab,.scopebar a,.ta-service-tabs>a,.nav-tabs>li>a{transition:.16s ease}
.tab.active,.scopebar a.active,.ta-service-tabs>a.active,.nav-tabs>li.active>a{color:var(--hi-blue)!important}

/* Tables: calm desktop appearance. JS adds hi-auto-table-scroll / hi-mobile-card-table where safe. */
.hi-auto-table-scroll{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border-radius:12px}
.hi-auto-table-scroll>table{margin-bottom:0!important}
table{max-width:100%}
table thead th,.table>thead>tr>th{background:#F4F7FA;color:#61768A;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;border-color:#E2E9EF!important}
table tbody td,.table>tbody>tr>td{border-color:#EDF1F5!important;vertical-align:middle}
table tbody tr:hover{background:#FAFCFE}

/* Automatic paginator inserted only on long non-paginated tables. */
.hi-auto-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 2px 2px;color:var(--hi-muted);font-size:11px}
.hi-auto-pager__info{font-weight:700}
.hi-auto-pager__actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hi-auto-pager button,.hi-auto-pager select{min-height:34px!important;border:1px solid var(--hi-line)!important;background:#fff!important;color:var(--hi-ink)!important;border-radius:9px!important;padding:0 10px;font-size:11px;font-weight:800}
.hi-auto-pager button:disabled{opacity:.4;cursor:not-allowed}
.hi-auto-pager button.is-current{background:var(--hi-blue)!important;color:#fff!important;border-color:var(--hi-blue)!important}

/* Modals / popups must remain inside viewport. */
.modal-dialog,.ta-global-modal-card,.hi-workspace-window,[role="dialog"]{max-width:min(96vw,1200px)}
.modal-content,.ta-global-modal-card,.hi-workspace-window{border-radius:18px!important;box-shadow:var(--hi-shadow-strong)!important}
.ta-global-modal-body,.modal-body{overscroll-behavior:contain}

/* Floating support/chat buttons must not cover key mobile actions. */
[data-support-trigger],.ta-support-float,.need-help,.help-float,[class*="help-float"]{z-index:950}

/* Text safety. */
.card,.panel,.box,.ta-card,.content,.ta-content,.ta-v10-content,.main,.content-wrapper{min-width:0}
.card *, .panel *, .box *, .ta-card *, .list-row *, .request-card *{min-width:0}
td,th,.badge,.pill,.ta-badge,.result-count,.count-chip{overflow-wrap:anywhere}

/* Mobile-first corrections. */
@media(max-width:980px){
  .ta-stats,.stats.five,.stats.six,.kpis.six,.quick-grid,.ta-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .two-col,.dashboard-grid,.control-layout{grid-template-columns:1fr!important}
  .control-queue{position:static!important;max-height:none!important}
  .workspace-head,.panel-head,.cardhead,.box-header{gap:10px}
}
@media(max-width:760px){
  html,body{background:#F4F7FA!important}
  body{padding-bottom:max(0px,env(safe-area-inset-bottom))}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control{font-size:16px!important;min-height:44px}
  button,.btn,.ta-btn,.hna-btn,[role="button"]{min-height:44px}
  .content,.ta-content,.ta-v10-content,.content-wrapper>.content{padding-left:12px!important;padding-right:12px!important}
  .ta-topbar,.topbar,.top,.hi-v19-header-main{padding-left:10px!important;padding-right:10px!important}
  .workspace-head,.panel-head,.cardhead,.box-header{align-items:stretch!important;flex-direction:column!important}
  .workspace-actions,.ta-tools,.top-actions{width:100%;max-width:100%;flex-wrap:wrap!important}
  .workspace-actions>*,.ta-tools>*,.top-actions>*{max-width:100%}
  .tabs,.scopebar,.ta-service-tabs,.nav-tabs,[role="tablist"]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%!important;gap:6px;padding-bottom:3px;-webkit-overflow-scrolling:touch}
  .tabs>*,.scopebar>a,.ta-service-tabs>a,.nav-tabs>li,[role="tab"]{flex:0 0 auto!important;white-space:nowrap!important}
  .ta-service-tabs{grid-template-columns:none!important}
  .ta-service-tabs>a{min-width:128px}
  .modal,.ta-global-modal{padding:8px!important;align-items:flex-end!important}
  .modal-dialog,.ta-global-modal-card,.hi-workspace-window,[role="dialog"]{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:0 auto!important}
  .modal-body,.ta-global-modal-body{max-height:calc(100dvh - 110px)!important;overflow:auto!important}
  .hi-workspace-window{height:calc(100dvh - 16px)!important}
  .hi-workspace-window iframe{height:100%!important}
  .ta-hero{padding:16px!important;border-radius:16px!important;align-items:flex-start!important;flex-direction:column!important}
  .ta-hero h1,.workspace-head h1{font-size:22px!important;line-height:1.08!important}
  .ta-hero-actions{width:100%}.ta-hero-actions>*{flex:1 1 130px}
  .filterbar,.filters,.ta-form-grid,.grid{grid-template-columns:1fr!important}
  .filterbar>*,.filters>*,.ta-field,.ta-field.wide,.ta-field.action{grid-column:auto!important;width:100%!important;min-width:0!important}
  .filterbar .btn,.filters .btn,.ta-field.action .ta-btn{width:100%}
  .hi-auto-pager{align-items:stretch;flex-direction:column}.hi-auto-pager__actions{width:100%}.hi-auto-pager__actions button{flex:1}
  [data-support-trigger],.ta-support-float,.need-help,.help-float,[class*="help-float"]{right:10px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 20px)!important}
  .ta-discount-toast{left:10px!important;right:10px!important;top:72px!important;width:auto!important;max-width:none!important}
  .ta-rate-drawer-backdrop{inset:0!important}.ta-hotel-rate-panel{max-width:calc(100vw - 16px)!important}
}
@media(max-width:620px){
  .ta-stats,.stats.five,.stats.six,.kpis.six,.quick-grid,.ta-module-grid{grid-template-columns:1fr!important}
  .ta-grid{display:block!important}.ta-card,.ta-card.third,.ta-card.full{width:100%;margin-bottom:12px}
  .ta-footer,.main-footer{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .hi-mobile-dock{padding-bottom:env(safe-area-inset-bottom)}

  /* Convert safe operational tables to labelled cards. */
  .hi-mobile-card-table{display:block!important;width:100%!important;min-width:0!important}
  .hi-mobile-card-table thead{display:none!important}
  .hi-mobile-card-table tbody{display:block!important;width:100%!important}
  .hi-mobile-card-table tr{display:block!important;margin:0 0 10px!important;border:1px solid var(--hi-line)!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 3px 12px rgba(11,39,68,.04)}
  .hi-mobile-card-table td{display:grid!important;grid-template-columns:minmax(92px,34%) minmax(0,1fr)!important;gap:9px!important;width:100%!important;min-width:0!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid #EDF2F6!important;white-space:normal!important;text-align:left!important;overflow-wrap:anywhere!important}
  .hi-mobile-card-table td:last-child{border-bottom:0!important}
  .hi-mobile-card-table td::before{content:attr(data-hi-label);display:block;color:#718496;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;align-self:start}
  .hi-mobile-card-table td[data-hi-label=""]::before{display:none}
  .hi-mobile-card-table td>*{max-width:100%}
  .hi-mobile-card-table td .btn,.hi-mobile-card-table td .ta-btn{width:100%;margin-top:3px}
}
@media(max-width:390px){
  .content,.ta-content,.ta-v10-content,.content-wrapper>.content{padding-left:9px!important;padding-right:9px!important}
  .hi-mobile-card-table td{grid-template-columns:1fr!important}.hi-mobile-card-table td::before{margin-bottom:2px}
  .btn,.ta-btn,.hna-btn{padding-left:10px!important;padding-right:10px!important}
}


/* HotelInventory.in V96.15 — Bright 3D Travel Theme
   Visual-only layer: matches the new public page while preserving business logic. */
:root{
  --hi-navy:#08264A;--hi-navy-2:#0C3768;--hi-blue:#0D63D8;--hi-blue-2:#168DE2;
  --hi-teal:#10A6B6;--hi-teal-2:#35C8C0;--hi-gold:#F6B72D;--hi-ink:#0D2A50;
  --hi-muted:#627B96;--hi-bg:#F3F8FD;--hi-card:#FFFFFF;--hi-line:#D7E6F3;--hi-soft:#EDF6FD;
  --hi-radius:18px;--hi-radius-sm:12px;--hi-shadow:0 10px 30px rgba(8,38,74,.08);
  --hi-shadow-strong:0 22px 55px rgba(8,38,74,.16);
  --navy:#08264A;--navy2:#0C3768;--blue:#0D63D8;--blue2:#168DE2;--teal:#10A6B6;--cyan:#35C8C0;--gold:#F6B72D;--paper:#F3F8FD;--ink:#0D2A50;--muted:#627B96;--line:#D7E6F3;
}
html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
body{background:linear-gradient(180deg,#f8fbff 0,#f2f7fc 100%)!important;color:var(--hi-ink)!important}
.ta-sidebar,.hi-v19-sidebar,.sidebar,.side,.reg42-topbar{background:linear-gradient(180deg,#08264A 0%,#0B3564 62%,#0D5D92 145%)!important}
.ta-topbar,.hi-v19-header,.topbar,.top,.header{background:rgba(255,255,255,.97)!important;border-color:#dce8f2!important;box-shadow:0 6px 24px rgba(8,38,74,.06)!important;backdrop-filter:blur(16px)}
.ta-card,.panel,.card,.box,.hna-card,.request-card,.selected-hotel,.hotel-focus,.ta-stat,.ta-module,.kpi,.quick-grid>a,[class*="-card"]:not(.ta-global-modal-card):not(.hi-workspace-window){background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-color:#dce9f4!important;border-radius:18px!important;box-shadow:0 9px 28px rgba(10,54,100,.07)!important}
.ta-card:hover,.quick-grid>a:hover{box-shadow:0 15px 38px rgba(10,54,100,.11)!important}
.btn-primary,.btn.primary,.btn.blue,.ta-btn:not(.light):not(.soft):not(.warn):not(.good),.hna-btn.primary,.search-button button,.ta-search-submit{background:linear-gradient(135deg,#0d63d8 0%,#168de2 66%,#11a8c0 120%)!important;border-color:#0d63d8!important;box-shadow:0 8px 18px rgba(13,99,216,.17)!important}
.btn-success,.ta-btn.good,.btn.green{background:linear-gradient(135deg,#078F98,#22BBB3)!important}
.btn-warning,.ta-btn.warn,.btn.gold{background:linear-gradient(180deg,#FFF9E9,#FFF2C9)!important;border-color:#F3D57F!important;color:#76500C!important}
input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control{border-color:#d5e4ef!important;background:#fff!important;color:#173a60!important}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus,.form-control:focus{border-color:#78b8eb!important;box-shadow:0 0 0 4px rgba(13,99,216,.08)!important}
table thead th,.table>thead>tr>th{background:#eef6fc!important;color:#4f6e8a!important;border-color:#dce8f1!important}
table tbody tr:hover{background:#f5faff!important}
.tab.active,.scopebar a.active,.ta-service-tabs>a.active,.nav-tabs>li.active>a{color:#0d63d8!important;border-color:#0d63d8!important}
.badge,.pill,.ta-badge{border-radius:999px!important}
.modal-content,.ta-global-modal-card,.hi-workspace-window{border:1px solid #d9e7f2!important;box-shadow:0 28px 80px rgba(4,33,66,.20)!important}
/* Keep all ordinary text professional: no handwritten/script typography. */
h1,h2,h3,h4,h5,h6,p,span,label,a,button,input,select,textarea,td,th,small,strong,b{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
@media(max-width:760px){
  body{background:#f5f9fd!important}
  .ta-card,.panel,.card,.box,.hna-card,.request-card{border-radius:15px!important;box-shadow:0 5px 18px rgba(8,38,74,.055)!important}
  .ta-topbar,.topbar,.top,.hi-v19-header-main{min-height:58px!important}
  .btn,.ta-btn,.hna-btn{border-radius:12px!important}
  .hi-mobile-card-table tr{border-color:#dce9f4!important;box-shadow:0 5px 16px rgba(8,38,74,.05)!important}
}

/* V96.16 typography consistency: no handwritten/script/italic treatment in application UI. */
body,button,input,select,textarea{font-family:Inter,"Segoe UI",Arial,sans-serif}em{font-style:normal} [class*="handwritten"],[class*="script-font"],[class*="cursive"]{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-style:normal!important}


/* HotelInventory.in V96.17 — final overlap safety. */
@media(max-width:760px){
  .ta-card,.panel,.card,.box,.hna-card,.request-card{min-width:0!important;}
  .workspace-actions,.top-actions,.ta-tools{min-width:0!important;}
  img{object-fit:cover;}
}