/* HHC responsive entry layout. Screen-only rules preserve dedicated print templates. */
@media screen {
 html {scroll-padding-top:16px}
 body.hhc-entry-page {height:auto!important;min-height:100vh;font-size:14px;line-height:1.45}
 .hhc-entry-page *, .hhc-entry-page *::before, .hhc-entry-page *::after {box-sizing:border-box}
 .hhc-entry-page :is(.container,.app-wrapper,.main-content,.form-container,.mod-wrap,.master-wrap,.page,.fms-shell) {min-width:0!important;max-width:100%!important}
 .hhc-entry-page .app-wrapper {height:auto!important;min-height:100vh}
 .hhc-entry-page .main-content {overflow:visible!important;padding:16px!important}
 .hhc-entry-page :is(.form-container,.box,.form-section,.modal-body,.fms-modal-body) {padding:16px!important}
 .hhc-entry-page :is(.form-group,.field,.f,.fms-field,.info-value,.customer-info,.po-details,.section,.tab-content,.tab-pane,.fms-panel) {min-width:0!important;max-width:100%}
 .hhc-entry-page :is(.form-row,.form-grid,.order-grid,.fields-grid,.header-grid,.filter-grid,.filters,.filter-bar,.fms-step-grid) {grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:12px!important}
 .hhc-entry-page :is(.form-row,.form-grid,.order-grid,.fields-grid,.header-grid,.filter-grid,.filters,.filter-bar,.fms-step-grid)>* {min-width:0!important}
 .hhc-entry-page :is(.header,.mod-head,.master-head,.topbar,.top-nav-inner,.top-actions,.header-actions,.fms-topbar,.fms-header-actions,.fms-panel-head,.toolbar,.actions,.button-container,.nav-tabs,.erp-global-actions) {height:auto!important;flex-wrap:wrap;gap:10px}
 .hhc-entry-page :is(.header,.mod-head,.master-head) {padding:14px 18px!important;min-height:0!important}
 .hhc-entry-page :is(.company-name,.company-info h1,.mod-head h1,.master-head h1,.po-title) {font-size:22px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere;letter-spacing:normal!important}
 .hhc-entry-page :is(label,.info-label,.form-label) {font-size:12px!important;line-height:1.4;white-space:normal;letter-spacing:normal!important}
 .hhc-entry-page :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]),select,textarea) {max-width:100%!important;min-width:0;min-height:40px!important;font-size:14px!important;line-height:1.4!important;padding:8px 10px!important;border-radius:7px!important}
 .hhc-entry-page :is(.form-group,.field,.f,.fms-field)>:is(input,select,textarea) {width:100%!important;margin-bottom:0!important}
 .hhc-entry-page textarea {height:auto;min-height:76px!important;resize:vertical;white-space:pre-wrap}
 .hhc-entry-page :is(input[type=checkbox],input[type=radio]) {width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:0 6px 0 0!important;flex:none}
 .hhc-entry-page :is(button,.btn,.tab-button,.nav-btn) {min-height:38px;padding:8px 12px;font-size:13px!important;white-space:normal;line-height:1.35;box-shadow:none!important;border-radius:7px!important}
 .hhc-entry-page :is(.hhc-table-scroll,.table-container,.table-wrap,.tbl,.data-table-container,.item-table-container,.responsive-table,.fms-table-wrap) {min-width:0!important;max-width:100%!important;overflow:auto!important;overscroll-behavior-x:contain;scrollbar-gutter:stable;border-radius:8px!important}
 .hhc-entry-page .hhc-table-scroll {width:100%;border:1px solid #d7e0ec}
 .hhc-entry-page table {overflow:visible!important}
 .hhc-entry-page :is(th,td) {font-size:12px!important;line-height:1.4!important;padding:8px!important}
 .hhc-entry-page td :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {min-width:120px!important;font-size:14px!important}
 .hhc-entry-page td textarea {min-width:220px!important}
 .hhc-entry-page .hhc-table-hint {font-size:12px;color:#526782;margin:6px 0}
 .hhc-entry-page :is(.modal,.fms-overlay) {padding:12px!important;overflow-y:auto!important;align-items:flex-start!important}
 .hhc-entry-page :is(.modal-card,.modal-content,.fms-modal) {max-width:100%!important;max-height:calc(100dvh - 24px)!important;min-height:0!important;overflow:auto!important;margin:auto!important;border-radius:10px!important}
 .hhc-entry-page :is(.modal-head,.fms-modal-head) {flex-wrap:wrap;padding:12px 16px!important}
 .hhc-entry-page :is(.modal-footer,.fms-modal-footer,.modal-actions) {flex-wrap:wrap;position:static!important}
 .hhc-entry-page .fms-context b {white-space:normal;overflow:visible;overflow-wrap:anywhere}
 .hhc-entry-page .erp-premium-version {display:none!important}
 .hhc-entry-page #hhcUniversalPrintBtn {position:static!important;display:block;margin:16px 0 12px auto;max-width:100%;z-index:auto!important}
 .hhc-entry-page .hhc-print-actions {padding:0 16px}
 .hhc-entry-page.po-premium-page .header {grid-template-columns:minmax(0,1fr) auto!important}
 .hhc-entry-page.po-premium-page .info-section {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .hhc-entry-page .fms-topbar {position:relative}
 .hhc-entry-page .fms-search {min-width:0!important;max-width:100%}
 @media(max-width:900px) {
  .hhc-entry-page.po-premium-page .info-section {grid-template-columns:1fr!important}
  .hhc-entry-page :is(.top-nav,.topbar) {position:relative!important}
  .hhc-entry-page .fms-context {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 }
 @media(max-width:600px) {
  .hhc-entry-page :is(.form-row,.form-grid,.order-grid,.fields-grid,.header-grid,.filter-grid,.filters,.filter-bar,.fms-step-grid,.info-section,.fms-context) {grid-template-columns:minmax(0,1fr)!important}
  .hhc-entry-page :is(.form-row,.form-grid,.order-grid,.fields-grid,.header-grid,.filter-grid,.filters,.filter-bar,.fms-step-grid)>* {grid-column:auto!important}
  .hhc-entry-page :is(.main-content,.form-container,.mod-wrap,.master-wrap,.page,.modal-body,.fms-modal-body) {padding:10px!important}
  .hhc-entry-page :is(.info-row,.input-action,.field-row) {grid-template-columns:minmax(0,1fr)!important}
  .hhc-entry-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {font-size:16px!important}
  .hhc-entry-page :is(.topbar,.fms-topbar,.mod-head,.master-head) {align-items:flex-start!important;padding:12px!important}
  .hhc-entry-page.po-premium-page .header {grid-template-columns:minmax(0,1fr)!important}
  .hhc-entry-page .erp-global-actions {max-width:100%;justify-content:flex-start}
  .hhc-entry-page :is(.fms-brand,.fms-user,.fms-source-pill) {min-width:0!important}
 }
}

/* V5 compact desktop forms */
@media screen and (min-width:601px) {
 .hhc-entry-page {font-size:12px!important;line-height:1.35!important}
 .hhc-entry-page .main-content {padding:10px!important}
 .hhc-entry-page :is(.form-container,.box,.form-section,.modal-body,.fms-modal-body,.form-content,.items-section,.dropdown-section,.footer-section) {padding:11px 13px!important}
 .hhc-entry-page :is(.form-row,.form-grid,.order-grid,.fields-grid,.header-grid,.filter-grid,.filters,.filter-bar,.fms-step-grid,.dropdown-section,.grid6,.steps,.listToolbar,.doer-toolbar) {grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important;gap:8px 10px!important}
 .hhc-entry-page :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]),select,textarea) {min-height:34px!important;font-size:12px!important;padding:5px 8px!important}
 .hhc-entry-page textarea {min-height:56px!important}
 .hhc-entry-page :is(button,.btn,.tab-button,.nav-btn) {min-height:33px!important;padding:6px 10px!important;font-size:11.5px!important}
 .hhc-entry-page :is(.header,.mod-head,.master-head) {padding:10px 14px!important}
 .hhc-entry-page :is(.company-name,.company-info h1,.mod-head h1,.master-head h1,.po-title) {font-size:18px!important}
 .hhc-entry-page :is(th,td) {font-size:10.5px!important;padding:5px 6px!important}
 .hhc-entry-page td :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {font-size:11px!important;min-height:30px!important}
}
@media screen and (max-width:600px) {
 .hhc-entry-page .material-toolbar {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 .hhc-entry-page .material-toolbar-actions {display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
 .hhc-entry-page .material-toolbar-actions button:first-child {grid-column:1/-1}
}
@media screen {
 .hhc-entry-page .header :is(.company-name,.company-info h1,.company-address,.company-contact) {color:#f5f8ff!important}
 .hhc-entry-page .header :is(.company-address,.company-contact) {font-size:12px!important}
 .hhc-entry-page :is(.form-content,.items-section,.dropdown-section,.footer-section) {padding:16px!important;min-width:0}
 .hhc-entry-page :is(.dropdown-section,.grid6,.steps,.listToolbar,.doer-toolbar) {grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}
 .hhc-entry-page .dash-stage {min-width:0}
 .hhc-entry-page .hhc-print-actions {min-width:0;max-width:100%}
 @media(max-width:600px){
  .hhc-entry-page :is(.info-value,.fms-header-actions) {flex-wrap:wrap!important}
  .hhc-entry-page .info-value>select {width:100%!important;flex-basis:100%!important}
  .hhc-entry-page :is(.footer-section,.signature-section,.supplier-grid,.done-grid) {grid-template-columns:minmax(0,1fr)!important}
 }
}
@media screen {
 html:has(body.hhc-dashboard) {overflow-x:clip}
 .hhc-entry-page .workflow-row {max-width:100%;min-width:0;overflow-x:auto}
}

/* V9 uniform compact form polish */
@media screen {
 .hhc-entry-page {background:#f4f7fb!important;color:#172b3f}
 .hhc-entry-page :is(.container,.form-container,.panel,.section,.card,.box) {border-radius:10px!important}
 .hhc-entry-page :is(.section,.panel,.card,.box) {margin-block:8px!important}
 .hhc-entry-page :is(.section-title,.form-title,.panel-title) {font-size:14px!important;line-height:1.25!important;margin:0 0 8px!important}
 .hhc-entry-page :is(.form-row,.form-grid,.order-grid,.fields-grid,.header-grid,.filter-grid,.filters,.filter-bar) {align-items:end!important}
 .hhc-entry-page :is(.table-container,.table-wrap,.hhc-table-scroll) {background:#fff;border:1px solid #dce5ef!important;box-shadow:0 3px 10px rgba(23,63,102,.04)}
 .hhc-entry-page table thead th {position:sticky;top:0;z-index:2;background:#173f66!important;color:#fff!important;white-space:nowrap}
 .hhc-entry-page tbody tr:nth-child(even) {background:#f8fafc}
 .hhc-entry-page tbody tr:hover {background:#eef5fb}
 .hhc-entry-page :is(input,select,textarea):focus {outline:2px solid rgba(23,105,170,.2)!important;border-color:#1769aa!important}
}
@media screen and (min-width:901px){
 .hhc-entry-page :is(.form-row,.form-grid,.order-grid,.fields-grid,.header-grid,.filter-grid,.filters,.filter-bar) {grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important}
 .hhc-entry-page :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select) {min-height:32px!important;height:32px!important;padding:4px 7px!important}
 .hhc-entry-page :is(.form-container,.form-section,.section,.panel,.card,.box) {padding:10px 12px!important}
}

/* FINAL unified ERP form theme — aligned with Home Dashboard */
@media screen {
 :root{--hhc-green:#005544;--hhc-green-2:#00705a;--hhc-green-soft:#e8f4f0;--hhc-gold:#d6a328;--hhc-ink:#18324a;--hhc-muted:#687d90;--hhc-line:#d5e2df;--hhc-bg:#f3f7f5}
 body.hhc-entry-page{font-family:Inter,"Segoe UI",Arial,sans-serif!important;background:var(--hhc-bg)!important;color:var(--hhc-ink)!important}
 .hhc-entry-page :is(.header,.mod-head,.master-head,.topbar,.top-nav,.fms-topbar,.bar,.top){background:linear-gradient(120deg,#003f34,var(--hhc-green))!important;color:#fff!important;border-color:#0a6b59!important}
 .hhc-entry-page :is(.header,.mod-head,.master-head,.topbar,.fms-topbar,.bar,.top) :is(h1,h2,h3,b,strong,span,small,label){color:inherit}
 .hhc-entry-page :is(.panel,.card,.box,.section,.form-container,.form-section,.items-section,.dropdown-section,.footer-section,.fms-panel){background:#fff!important;border:1px solid var(--hhc-line)!important;box-shadow:0 6px 20px rgba(0,69,56,.06)!important}
 .hhc-entry-page :is(.section-title,.form-title,.panel-title,.fms-panel-title,h2.section-heading){color:var(--hhc-green)!important;border-color:var(--hhc-gold)!important;font-weight:800!important}
 .hhc-entry-page :is(label,.info-label,.form-label,.field-label){color:#365c56!important;font-weight:750!important}
 .hhc-entry-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fbfdfc!important;color:var(--hhc-ink)!important;border:1px solid #bdd1cc!important}
 .hhc-entry-page :is(input,select,textarea):focus{outline:3px solid rgba(214,163,40,.18)!important;border-color:var(--hhc-gold)!important;box-shadow:0 0 0 1px var(--hhc-gold)!important}
 .hhc-entry-page :is(input[readonly],input:disabled,select:disabled,textarea:disabled){background:#edf4f1!important;color:#35534e!important;opacity:1!important}
 .hhc-entry-page table thead th{background:linear-gradient(180deg,#075f4e,#004b3e)!important;color:#fff!important;border-color:#0d725e!important}
 .hhc-entry-page tbody tr:nth-child(even){background:#f7fbf9!important}.hhc-entry-page tbody tr:hover{background:#edf7f3!important}
 .hhc-entry-page :is(.btn-primary,.primary,.save-btn,.btn-save,button[type=submit]){background:linear-gradient(135deg,var(--hhc-green),var(--hhc-green-2))!important;color:#fff!important;border-color:var(--hhc-green)!important}
 .hhc-entry-page :is(.btn-success,.good){background:#10835d!important;color:#fff!important}.hhc-entry-page :is(.btn-warning,.warn){background:var(--hhc-gold)!important;color:#fff!important}
 .hhc-entry-page :is(.btn-secondary,.soft,.home,.nav-btn){background:#edf3f1!important;color:#214c44!important;border-color:#c8d8d4!important}
 .hhc-entry-page :is(.tabs,.nav-tabs,.tab-bar){border-color:var(--hhc-line)!important}.hhc-entry-page :is(.tab.active,.tab-button.active,.nav-tab.active){background:var(--hhc-green)!important;color:#fff!important;border-color:var(--hhc-green)!important}
 .hhc-entry-page :is(.status-pill,.badge,.pill){font-weight:800!important}
 @media(max-width:600px){.hhc-entry-page{font-size:13px!important}.hhc-entry-page :is(.panel,.card,.box,.section,.form-container){border-radius:9px!important}}
}

/* ============================================================================
   HHC MODERN NAVIGATION SHELL — styles (UI only)
   Collapsible left sidebar (overlay) + top bar + tasteful polish.
   ============================================================================ */
@media screen {
 :root{--hs-green:#005746;--hs-green-d:#003f34;--hs-gold:#d6a328;--hs-ink:#123b34;--hs-line:#d7e2dd;--hs-bg:#eef3f1;--hs-h:54px}

 /* content ko shell ke neeche shift (uniform, safe) */
 body.hhc-has-shell{padding-top:var(--hs-h)!important}
 body.hhc-has-shell :is(.topbar,.top,.fms-topbar,.dash-topbar,.top-nav){top:var(--hs-h)!important}
 html:has(body.hhc-has-shell){scroll-padding-top:calc(var(--hs-h) + 6px)}

 /* ---------- TOP BAR ---------- */
 .hhc-shell-top{position:fixed;top:0;left:0;right:0;height:var(--hs-h);z-index:100000;display:flex;align-items:center;gap:12px;padding:0 14px;
   background:linear-gradient(120deg,var(--hs-green-d),var(--hs-green));color:#fff;box-shadow:0 4px 18px rgba(0,63,52,.22)}
 .hhc-burger{width:38px;height:38px;flex:none;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s}
 .hhc-burger:hover{background:rgba(255,255,255,.22)}
 .hhc-crumb{font-size:13px;color:#eaf4f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
 .hhc-crumb i{font-style:normal;color:#bfe0d6;margin:0 2px}
 .hhc-crumb b{color:#fff;font-weight:800}
 .hhc-top-right{margin-left:auto;display:flex;align-items:center;gap:8px}
 .hhc-topsearch{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:0 10px;height:36px;color:#eaf4f0}
 .hhc-topsearch input{border:0;background:transparent;color:#fff;outline:0;width:180px;font:inherit;font-size:13px;height:100%}
 .hhc-topsearch input::placeholder{color:#cfe6df}
 .hhc-ic{width:36px;height:36px;flex:none;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;text-decoration:none;transition:.15s}
 .hhc-ic:hover{background:rgba(255,255,255,.22)}
 .hhc-ava{width:34px;height:34px;flex:none;border-radius:50%;background:var(--hs-gold);color:#26362f;font-weight:900;display:grid;place-items:center;font-size:14px}
 .hhc-logout{display:flex;align-items:center;gap:7px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;height:36px;padding:0 12px;font-weight:800;font-size:12.5px;cursor:pointer;transition:.15s}
 .hhc-logout:hover{background:#c0392b}

 /* ---------- SIDEBAR ---------- */
 .hhc-shell-side{position:fixed;top:0;left:0;bottom:0;width:288px;max-width:86vw;z-index:100002;background:#0b322a;color:#dCEbe6;
   transform:translateX(-102%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.4);overflow:hidden}
 .hhc-shell-side.open{transform:none}
 .hhc-side-brand{display:flex;align-items:center;gap:11px;padding:16px 16px 14px;background:linear-gradient(120deg,var(--hs-green-d),var(--hs-green));color:#fff}
 .hhc-side-mark{width:38px;height:38px;flex:none;border-radius:11px;background:var(--hs-gold);color:#22322b;display:grid;place-items:center;font-size:19px;font-weight:900}
 .hhc-side-brand b{display:block;font-size:14px;letter-spacing:.2px}
 .hhc-side-brand small{color:#cfe6df;font-size:11px}
 .hhc-side-search{display:flex;align-items:center;gap:8px;margin:12px 12px 6px;background:#123f36;border:1px solid #1f5347;border-radius:10px;padding:0 11px;height:38px;color:#bfe0d6}
 .hhc-side-search input{border:0;background:transparent;color:#fff;outline:0;width:100%;font:inherit;font-size:13px;height:100%}
 .hhc-side-search input::placeholder{color:#8fbdb1}
 .hhc-side-nav{flex:1;overflow-y:auto;padding:6px 10px 16px}
 .hhc-side-nav::-webkit-scrollbar{width:8px}.hhc-side-nav::-webkit-scrollbar-thumb{background:#1f5347;border-radius:8px}
 .hhc-grp{margin:10px 0 4px}
 .hhc-grp-h{display:flex;align-items:center;gap:9px;color:#7fb3a5;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;padding:6px 10px 4px}
 .hhc-grp-h svg{opacity:.85}
 .hhc-link{display:flex;align-items:center;gap:11px;padding:9px 11px;margin:2px 0;border-radius:9px;color:#d7ebe6;text-decoration:none;font-size:13px;font-weight:600;transition:background .13s,color .13s;position:relative}
 .hhc-link svg{color:#8fc6b8;flex:none;transition:color .13s}
 .hhc-link:hover{background:#14453b;color:#fff}
 .hhc-link:hover svg{color:#e9c979}
 .hhc-link.active{background:linear-gradient(100deg,var(--hs-green),#0a6b59);color:#fff;box-shadow:0 6px 16px rgba(0,87,70,.4)}
 .hhc-link.active svg{color:var(--hs-gold)}
 .hhc-link.active::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--hs-gold)}
 .hhc-side-foot{padding:11px 16px;border-top:1px solid #14453b;color:#7fb3a5;font-size:11px}

 /* ---------- BACKDROP ---------- */
 .hhc-shell-back{position:fixed;inset:0;z-index:100001;background:rgba(6,26,22,.5);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.2s}
 .hhc-shell-back.show{opacity:1;visibility:visible}

 /* ---------- RESPONSIVE ---------- */
 @media(max-width:820px){
  .hhc-crumb{display:none}
  .hhc-topsearch{display:none}
  .hhc-logout span{display:none}
  .hhc-logout{padding:0 10px}
 }
 @media(max-width:600px){
  :root{--hs-h:52px}
  .hhc-shell-side{width:82vw}
 }
}

/* ---------- Small consistent polish (buttons hover / focus) — no logic ---------- */
@media screen{
 .hhc-entry-page :is(.btn,button):not(.hhc-burger):not(.hhc-ic):not(.hhc-logout):not(:disabled){transition:filter .12s,transform .1s,box-shadow .12s}
 .hhc-entry-page :is(.btn,button):not(.hhc-burger):not(.hhc-ic):not(.hhc-logout):not(:disabled):hover{filter:brightness(1.05)}
 .hhc-entry-page :is(.btn,button):not(.hhc-burger):not(.hhc-ic):not(.hhc-logout):not(:disabled):active{transform:translateY(1px)}
 .hhc-entry-page tbody tr:hover{background:#eef7f3}
}

/* ============================================================================
   FMS / modules → FULL PAGE (UI only)
   - remove side gutters (full width)
   - remove the redundant FMS brand top bar when the new shell is active
     (nav + logout already in the shell top bar / sidebar)
   ============================================================================ */
@media screen {
 .hhc-entry-page :is(.fms-shell,.doer-shell,.wrap,.master-wrap,.mod-wrap,.page){
   width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
   padding-left:12px!important;padding-right:12px!important}
 body.hhc-has-shell .fms-topbar{display:none!important}
 body.hhc-has-shell .fms-shell,body.hhc-has-shell .doer-shell{margin-top:6px!important}
}

/* ============================================================================
   FMS table readability fix — force data cells to light bg + dark text
   (a stray dark-row rule was making some cell text invisible). Step/status
   cells keep their own colours. UI only.
   ============================================================================ */
@media screen {
 .hhc-entry-page .fms-table tbody td{color:#17251f!important}
 .hhc-entry-page .fms-table tbody tr td:not(.fms-step-cell){background:#ffffff!important}
 .hhc-entry-page .fms-table tbody tr:nth-child(even) td:not(.fms-step-cell){background:#f5f9fe!important}
 .hhc-entry-page .fms-table tbody tr:hover td:not(.fms-step-cell){background:#eaf3ff!important}
 .hhc-entry-page .fms-table tbody td:not(.fms-step-cell) *{color:#17251f!important}
 .hhc-entry-page .fms-table tbody td a{color:#0f4d3c!important}
}

/* ============================================================================
   Modal/overlay ke Save/Close buttons ko floating corner buttons se free rakho
   (Admin Delete / Print buttons "Save Step Setup" ko cover kar rahe the).
   UI only.
   ============================================================================ */
@media screen {
 body:has(.fms-overlay.open) :is(.hhc-admin-delete-btn,#hhcUniversalPrintBtn,.hhc-print-actions),
 body:has(.modal.show)       :is(.hhc-admin-delete-btn,#hhcUniversalPrintBtn,.hhc-print-actions),
 body:has(.modal.open)       :is(.hhc-admin-delete-btn,#hhcUniversalPrintBtn,.hhc-print-actions),
 body:has(.hhc-shell-side.open) :is(.hhc-admin-delete-btn,#hhcUniversalPrintBtn){display:none!important}
 /* modal footers ko upar rakho taaki koi cheez cover na kare */
 .hhc-entry-page :is(.fms-modal-footer,.modal-footer,.modal-actions,.actions){position:relative;z-index:100010}
}

/* ===== V45: page tabs + Home/WhatsApp/AI/Theme inside the top green bar ===== */
.hhc-top-tabs{display:flex;align-items:center;gap:6px;margin:0 10px;min-width:0;flex:0 1 auto;overflow-x:auto;scrollbar-width:none}
.hhc-top-tabs::-webkit-scrollbar{display:none}
.hhc-top-tabs:empty{display:none}
.hhc-top-tabs .hhc-moved-tabs{display:flex!important;align-items:center;gap:6px;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;list-style:none;height:auto!important;min-height:0!important;width:auto!important;flex-wrap:nowrap}
.hhc-top-tabs .hhc-moved-tabs li{display:contents}
.hhc-top-tabs .hhc-moved-tabs :is(button,a){display:inline-flex!important;align-items:center;gap:5px;flex:0 0 auto;width:auto!important;min-width:0!important;min-height:34px!important;height:34px;padding:0 14px!important;margin:0!important;border:1px solid #ffffff38!important;border-radius:9px!important;background:#ffffff14!important;color:#fff!important;font-size:12.5px!important;font-weight:800!important;white-space:nowrap;text-decoration:none!important;box-shadow:none!important;cursor:pointer;line-height:1}
.hhc-top-tabs .hhc-moved-tabs :is(button,a):hover{background:#ffffff26!important}
.hhc-top-tabs .hhc-moved-tabs :is(button,a).active{background:#d5a528!important;border-color:#d5a528!important;color:#14302a!important}
.hhc-top-tabs .hhc-moved-tabs :is(button,a) .erp-menu-icon{display:none!important}
body.hhc-has-shell .hhc-tabs-moved-from{display:none!important}
.hhc-shell-top .erp-global-actions{display:flex!important;align-items:center;gap:6px!important;position:static!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hhc-shell-top .erp-global-link,.hhc-shell-top .erp-theme-toggle{display:inline-flex!important;align-items:center;gap:5px;height:34px!important;min-height:34px!important;padding:0 11px!important;border:1px solid #ffffff38!important;border-radius:9px!important;background:#ffffff14!important;color:#fff!important;font-size:12px!important;font-weight:800!important;white-space:nowrap;text-decoration:none!important;box-shadow:none!important}
.hhc-shell-top .erp-global-link:hover,.hhc-shell-top .erp-theme-toggle:hover{background:#ffffff26!important}
.hhc-shell-top .erp-global-link .erp-menu-icon,.hhc-shell-top .erp-theme-toggle svg{width:16px!important;height:16px!important;color:#fff!important;stroke:currentColor}
.hhc-shell-top .erp-global-link .erp-menu-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.hhc-shell-top .erp-theme-toggle svg{fill:none;stroke-width:1.8}
.hhc-shell-top .erp-global-link.active{background:#d5a528!important;color:#14302a!important}
@media(max-width:1750px){body.hhc-has-top-actions .hhc-shell-top .erp-global-label{display:none}body.hhc-has-top-actions .hhc-shell-top .erp-global-link{padding:0 9px!important}}
@media(max-width:1450px){body.hhc-has-top-actions .hhc-topsearch{display:none!important}}
@media(max-width:900px){.hhc-shell-top .erp-global-actions{display:none!important}.hhc-top-tabs .hhc-moved-tabs :is(button,a){padding:0 10px!important;font-size:11.5px!important}}

/* ===== V46: duplicate page title bars / second Logout hataye — sab kuch upar wali ek green bar mein ===== */
body.hhc-has-shell :is(header.topbar,div.top,header.top,section.master-head,.mod-head){display:none!important}
body.hhc-has-shell .master-wrap,body.hhc-has-shell .mod-wrap,body.hhc-has-shell .wrap{padding-top:10px!important;margin-top:0!important}