:root{--hl-bg:#f4f8fc;--hl-card:#fff;--hl-line:#dce8f3;--hl-text:#12375d;--hl-muted:#7890aa;--hl-navy:#0e3154;--hl-navy2:#0a2745;--hl-blue:#1878c8;--hl-blue2:#0e68b2;--hl-green:#169b61;--hl-green2:#0f8250;--hl-orange:#e68a13;--hl-red:#df3d4b;--hl-purple:#7157c8;--hl-gray:#eef3f7;--hl-shadow:0 8px 24px rgba(25,72,111,.07);--hl-radius:14px}
*{box-sizing:border-box}html{direction:rtl;background:var(--hl-bg)}body.hl2027{margin:0;background:var(--hl-bg)!important;color:var(--hl-text)!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;overflow-x:hidden}
body.hl2027 .portal-header.hl-topbar{height:68px!important;min-height:68px!important;background:#fff!important;border-bottom:1px solid var(--hl-line)!important;box-shadow:0 2px 12px rgba(30,76,113,.05)!important;display:grid!important;grid-template-columns:1fr minmax(260px,520px) 1fr!important;align-items:center!important;padding:0 24px!important;position:sticky!important;top:0!important;z-index:200!important;color:var(--hl-text)!important}
.hl-brand{display:flex;align-items:center;gap:12px;justify-self:start}.hl-brand img{width:48px;height:48px;object-fit:contain}.hl-brand div{display:flex;flex-direction:column}.hl-brand strong{font-size:17px;color:var(--hl-navy)}.hl-brand span{font-size:12px;color:var(--hl-muted);margin-top:2px}.hl-topbar-center{justify-self:center;width:100%;max-width:480px}.hl-system-label{display:block;border:1px solid var(--hl-line);background:#f8fbfe;border-radius:10px;padding:11px 16px;text-align:center;color:#6c84a0;font-size:13px}.hl-userbox{justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important;position:static!important;width:auto!important;background:transparent!important;padding:0!important;color:var(--hl-text)!important}.hl-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2d86d0,#124d83);color:#fff;font-weight:800}.hl-usertext{display:flex;flex-direction:column;min-width:100px}.hl-usertext strong{font-size:13px}.hl-usertext span{font-size:11px;color:var(--hl-muted)}.hl-top-action{border:1px solid var(--hl-line)!important;background:#fff!important;color:var(--hl-text)!important;border-radius:8px!important;padding:8px 10px!important;font-size:12px!important;text-decoration:none!important;height:auto!important;box-shadow:none!important}.hl-top-action:hover{background:#f3f8fc!important}.hl-logout{color:#b4303b!important}
body.hl2027 .notification-bar{margin:0!important;border-radius:0!important;background:#fff8e7!important;color:#8b650a!important;border-bottom:1px solid #f1dfa9!important;min-height:36px!important;height:36px!important;padding:5px 24px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important}
body.hl2027 .app-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 252px!important;grid-template-areas:"main nav"!important;min-height:calc(100vh - 68px)!important;width:100%!important;direction:ltr!important}
body.hl2027 .side-nav{grid-area:nav!important;position:sticky!important;top:68px!important;right:auto!important;left:auto!important;height:calc(100vh - 68px)!important;width:252px!important;max-width:252px!important;background:linear-gradient(180deg,var(--hl-navy),var(--hl-navy2))!important;border:0!important;padding:14px 12px 24px!important;overflow-y:auto!important;overflow-x:hidden!important;direction:rtl!important;box-shadow:-8px 0 24px rgba(14,49,84,.08)!important}
body.hl2027 #app-main{grid-area:main!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:18px 20px 42px!important;direction:rtl!important;overflow-x:hidden!important;background:var(--hl-bg)!important}
.hl-nav-brand{display:flex;align-items:center;gap:10px;color:#fff;padding:8px 8px 14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}.hl-nav-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#20ad75,#28a8db);font-weight:900}.hl-nav-brand div{display:flex;flex-direction:column}.hl-nav-brand strong{font-size:15px}.hl-nav-brand small{font-size:11px;color:#9fc0dc;margin-top:1px}
body.hl2027 .nav-main-link,body.hl2027 .nav-group-toggle{width:100%!important;min-height:44px!important;height:auto!important;margin:3px 0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#dceafa!important;display:flex!important;align-items:center!important;gap:10px!important;padding:9px 11px!important;font-size:14px!important;font-weight:650!important;text-align:right!important;box-shadow:none!important;justify-content:flex-start!important}
body.hl2027 .nav-group-toggle:hover,body.hl2027 .nav-main-link:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}body.hl2027 .nav-main-link.active,body.hl2027 .nav-group-toggle:not(.closed){background:linear-gradient(90deg,#127bc6,#0d68ad)!important;color:#fff!important}.nav-group-toggle b{margin-inline-start:auto;font-size:13px}.nav-count{margin-inline-start:auto!important;background:#e33442!important;color:#fff!important;border-radius:999px!important;min-width:24px!important;height:24px!important;display:inline-grid!important;place-items:center!important;font-size:12px!important}
body.hl2027 .nav-submenu{margin:2px 8px 8px 0!important;padding:4px 8px 5px 0!important;border-right:1px solid rgba(255,255,255,.18)!important;background:transparent!important;border-radius:0!important}body.hl2027 .nav-submenu a{display:block!important;color:#bcd2e8!important;background:transparent!important;border:0!important;border-radius:7px!important;padding:8px 12px!important;margin:1px 0!important;font-size:12.5px!important;text-decoration:none!important}body.hl2027 .nav-submenu a:hover,body.hl2027 .nav-submenu a.active{background:rgba(255,255,255,.1)!important;color:#fff!important}
body.hl2027 .page-head{background:transparent!important;border:0!important;box-shadow:none!important;padding:3px 2px 12px!important;margin:0 0 8px!important;min-height:auto!important;border-radius:0!important}body.hl2027 .page-head>div{border-right:4px solid var(--hl-green);padding-right:12px}body.hl2027 .page-head h1{font-size:25px!important;line-height:1.25!important;margin:0!important;color:var(--hl-navy)!important;font-weight:800!important;letter-spacing:0!important}body.hl2027 .page-head p{font-size:12.5px!important;color:var(--hl-muted)!important;margin:5px 0 0!important;line-height:1.5!important}
body.hl2027 .card{background:#fff!important;border:1px solid var(--hl-line)!important;border-radius:var(--hl-radius)!important;box-shadow:var(--hl-shadow)!important;padding:16px!important;margin:0 0 14px!important}body.hl2027 .legacy-toolbar,body.hl2027 .legacy-movement-toolbar,body.hl2027 .toolbar{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;background:#f8fbfe!important;border:1px solid var(--hl-line)!important;border-radius:12px!important;padding:10px!important;margin-bottom:14px!important;min-height:56px!important}
body.hl2027 button,body.hl2027 .btn-small,body.hl2027 a.btn-small,body.hl2027 input[type=submit]{min-height:38px!important;height:auto!important;border-radius:9px!important;border:1px solid transparent!important;padding:8px 14px!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;box-shadow:none!important;white-space:nowrap!important;background:var(--hl-blue)!important;color:#fff!important}body.hl2027 button:hover,body.hl2027 .btn-small:hover{filter:brightness(.96)}body.hl2027 .secondary{background:#eef3f7!important;color:#294d6e!important;border-color:#d9e4ed!important}body.hl2027 .danger{background:var(--hl-red)!important;color:#fff!important;border-color:transparent!important}body.hl2027 button.small,body.hl2027 .small{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
body.hl2027 form button[type=submit],body.hl2027 .legacy-movement-toolbar button[type=submit],body.hl2027 .dialog-actions button:first-child{background:var(--hl-green)!important}.legacy-movement-toolbar button[onclick*="print"],body.hl2027 button[onclick*="print"]{background:var(--hl-purple)!important;color:#fff!important}.legacy-import-button{background:var(--hl-orange)!important;color:#fff!important;border-color:transparent!important}#download-movement-template{background:var(--hl-blue)!important;color:#fff!important}
body.hl2027 label{font-size:12.5px!important;font-weight:700!important;color:#274b6d!important}body.hl2027 input:not([type=checkbox]):not([type=radio]):not([type=file]),body.hl2027 select,body.hl2027 textarea{width:100%;min-width:0!important;height:40px!important;min-height:40px!important;border:1px solid #ccdae7!important;border-radius:9px!important;background:#fff!important;color:#153a5b!important;font-family:inherit!important;font-size:13px!important;padding:8px 11px!important;outline:none!important;box-shadow:none!important}body.hl2027 textarea{height:auto!important;min-height:82px!important}body.hl2027 input:focus,body.hl2027 select:focus,body.hl2027 textarea:focus{border-color:#4d9bd6!important;box-shadow:0 0 0 3px rgba(24,120,200,.10)!important}
body.hl2027 .search,body.hl2027 .filter-grid,body.hl2027 .device-filters{gap:10px!important}.table-wrap,body.hl2027 .legacy-movement-lines{overflow:auto!important;border:1px solid var(--hl-line)!important;border-radius:11px!important;background:#fff!important;direction:rtl!important}body.hl2027 table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;font-size:12.5px!important}body.hl2027 thead th{background:#edf4fa!important;color:#153f66!important;font-weight:800!important;padding:10px 9px!important;border-bottom:1px solid #d2e1ed!important;white-space:nowrap!important;height:40px!important}body.hl2027 tbody td{padding:9px!important;border-bottom:1px solid #e7eef5!important;color:#234866!important;vertical-align:middle!important;min-height:42px!important}body.hl2027 tbody tr:hover{background:#f8fbfe!important}body.hl2027 tbody tr:last-child td{border-bottom:0!important}
/* movement screen: purpose-built compact layout */
body.hl2027 .legacy-movement-card{padding:14px!important}body.hl2027 .legacy-movement-grid{display:grid!important;grid-template-columns:1.1fr .8fr 1fr 1.2fr!important;gap:12px!important;align-items:end!important}body.hl2027 .legacy-movement-grid>label{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important}body.hl2027 .movement-notes-field{grid-column:span 2!important}.legacy-warehouse-pair{display:contents!important}.legacy-material-quantity-row{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;gap:12px!important;align-items:end!important;margin-top:2px!important}.legacy-material-field,.legacy-quantity-field{display:flex!important;flex-direction:column!important;gap:6px!important}.legacy-add-line-row{display:flex!important;justify-content:flex-start!important;margin-top:10px!important}.legacy-add-line-row button{background:var(--hl-green)!important}.item-picker{position:relative!important;display:block!important}.item-results{z-index:500!important;border-radius:10px!important;box-shadow:0 10px 30px rgba(18,55,93,.14)!important;border:1px solid var(--hl-line)!important;background:#fff!important}.item-results button{background:#fff!important;color:#183e61!important;border:0!important;border-radius:0!important;text-align:right!important;width:100%!important;justify-content:flex-start!important}.item-results button:hover{background:#eef6fc!important}
/* generic action colors by common semantic classes/text wrappers */
body.hl2027 .legacy-actions{display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important}.legacy-actions .secondary{background:var(--hl-orange)!important;color:#fff!important;border-color:transparent!important}.legacy-actions .danger{background:var(--hl-red)!important;color:#fff!important}
body.hl2027 dialog{border:0!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(9,39,69,.25)!important;padding:0!important;max-width:min(720px,94vw)!important}body.hl2027 dialog form{padding:20px!important}body.hl2027 dialog h2{margin:0 0 16px!important;color:var(--hl-navy)!important;font-size:20px!important}.dialog-actions{display:flex!important;gap:8px!important;margin-top:16px!important;justify-content:flex-start!important}
body.hl2027 .notice{border-radius:10px!important;padding:10px 12px!important;margin-bottom:12px!important;font-size:13px!important}.notice.ok{background:#e8f8f0!important;color:#0a6f43!important;border:1px solid #bde9d3!important}.notice.error{background:#fff0f1!important;color:#a52b35!important;border:1px solid #f3c7cb!important}
body.hl2027 .rights-news-ticker{height:28px!important;min-height:28px!important;font-size:11px!important;background:#0d6ea8!important;color:#fff!important;border:0!important}body.hl2027 .mobile-company-footer{display:none!important}.floating-table-scrollbar{display:none!important}
/* responsive */
@media(max-width:1100px){body.hl2027 .app-layout{grid-template-columns:minmax(0,1fr) 220px!important}body.hl2027 .side-nav{width:220px!important;max-width:220px!important}.hl-topbar-center{display:none}.portal-header.hl-topbar{grid-template-columns:1fr 1fr!important}.legacy-movement-grid{grid-template-columns:1fr 1fr!important}.movement-notes-field{grid-column:span 1!important}}
@media(max-width:760px){body.hl2027 .portal-header.hl-topbar{height:60px!important;min-height:60px!important;padding:0 10px!important;grid-template-columns:1fr auto!important}.hl-brand strong{font-size:14px}.hl-brand span,.hl-usertext,.hl-top-action{display:none!important}.hl-brand img{width:38px;height:38px}body.hl2027 .app-layout{display:block!important}.side-nav{position:fixed!important;right:0!important;top:60px!important;transform:translateX(110%)!important;height:calc(100vh - 60px)!important;z-index:500!important}.mobile-nav-open .side-nav{transform:none!important}body.hl2027 #app-main{padding:12px!important}.legacy-movement-grid{grid-template-columns:1fr!important}.legacy-material-quantity-row{grid-template-columns:1fr 110px!important}.page-head h1{font-size:21px!important}}

/* v10.235 — compact warehouse screens: reduce dead space and size fields by data */
body.hl2027 .warehouse-ui-page{--wh-control-h:36px;--wh-gap:8px;--wh-card-pad:12px}
body.hl2027 .warehouse-ui-page .page-head{padding:0 2px 8px!important;margin-bottom:6px!important}
body.hl2027 .warehouse-ui-page .page-head h1{font-size:22px!important}
body.hl2027 .warehouse-ui-page .page-head p{margin-top:2px!important;font-size:12px!important}
body.hl2027 .warehouse-ui-page .card{padding:var(--wh-card-pad)!important;margin-bottom:10px!important;border-radius:12px!important}
body.hl2027 .warehouse-ui-page input:not([type=checkbox]):not([type=radio]):not([type=file]),
body.hl2027 .warehouse-ui-page select{height:var(--wh-control-h)!important;min-height:var(--wh-control-h)!important;padding:6px 10px!important;font-size:12.5px!important;border-radius:8px!important}
body.hl2027 .warehouse-ui-page textarea{min-height:64px!important;padding:8px 10px!important;font-size:12.5px!important}
body.hl2027 .warehouse-ui-page label{font-size:12px!important;line-height:1.2!important}
body.hl2027 .warehouse-ui-page button,body.hl2027 .warehouse-ui-page .btn-small,body.hl2027 .warehouse-ui-page a.btn-small{min-height:34px!important;padding:6px 11px!important;font-size:12.5px!important;border-radius:8px!important}
body.hl2027 .warehouse-ui-page .legacy-toolbar,body.hl2027 .warehouse-ui-page .legacy-movement-toolbar,body.hl2027 .warehouse-ui-page .toolbar{min-height:0!important;padding:8px!important;margin-bottom:9px!important;gap:7px!important;border-radius:10px!important}
body.hl2027 .warehouse-ui-page thead th{height:34px!important;padding:7px 8px!important;font-size:12px!important}
body.hl2027 .warehouse-ui-page tbody td{padding:7px 8px!important;font-size:12px!important;min-height:36px!important}

/* Warehouse movement forms: width follows data, not viewport */
body.hl2027 .warehouse-movement-page .legacy-movement-card{padding:12px!important}
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar{justify-content:flex-start!important;margin-bottom:10px!important}
body.hl2027 .warehouse-movement-page .legacy-movement-grid{
  display:grid!important;
  grid-template-columns:170px 175px 220px minmax(260px,1fr)!important;
  gap:8px 10px!important;
  align-items:end!important;
}
body.hl2027 .warehouse-movement-page .legacy-movement-grid>label,
body.hl2027 .warehouse-movement-page .legacy-warehouse-pair>label,
body.hl2027 .warehouse-movement-page .legacy-material-quantity-row>label{gap:4px!important;margin:0!important}
body.hl2027 .warehouse-movement-page .movement-number-field{grid-column:1!important}
body.hl2027 .warehouse-movement-page .movement-date-field{grid-column:2!important}
body.hl2027 .warehouse-movement-page .movement-reference-field{grid-column:3!important}
body.hl2027 .warehouse-movement-page .movement-notes-field{grid-column:4!important}
body.hl2027 .warehouse-movement-page .legacy-warehouse-pair{grid-column:1/-1!important;display:grid!important;grid-template-columns:260px 260px!important;gap:10px!important;justify-content:start!important;margin:0!important}
body.hl2027 .warehouse-movement-page .movement-warehouse-field{grid-column:1/3!important;width:260px!important}
body.hl2027 .warehouse-movement-page .legacy-material-quantity-row{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(420px,1fr) 110px!important;gap:10px!important;margin-top:0!important;align-items:end!important}
body.hl2027 .warehouse-movement-page .legacy-quantity-field{max-width:110px!important}
body.hl2027 .warehouse-movement-page .legacy-add-line-row{margin-top:7px!important}
body.hl2027 .warehouse-movement-page .legacy-add-line-row button{min-width:150px!important}
body.hl2027 .warehouse-movement-page .legacy-movement-lines{margin-top:8px!important}

/* Stock / movement ledger filter bars: compact, no full-width inputs */
body.hl2027 .warehouse-stock-page .stock-filter-card,
body.hl2027 .warehouse-ledger-page>section.card:first-of-type,
body.hl2027 .warehouse-items-page .items-filter-card{padding:10px!important}
body.hl2027 .warehouse-stock-page .stock-filter-form{grid-template-columns:200px minmax(260px,360px) repeat(4,max-content)!important;gap:7px!important;padding:0!important}
body.hl2027 .warehouse-ledger-page .legacy-toolbar{justify-content:flex-start!important}
body.hl2027 .warehouse-ledger-page .legacy-toolbar>input[type=date]{flex:0 0 145px!important;width:145px!important;min-width:145px!important}
body.hl2027 .warehouse-ledger-page .legacy-toolbar>select{flex:0 0 150px!important;width:150px!important}
body.hl2027 .warehouse-ledger-page .movement-item-picker{flex:0 1 420px!important;width:420px!important;min-width:280px!important;max-width:420px!important}
body.hl2027 .warehouse-items-page .items-single-toolbar{justify-content:flex-start!important}
body.hl2027 .warehouse-items-page .items-search-form{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;flex:1 1 auto!important}
body.hl2027 .warehouse-items-page .items-page-picker{flex:0 1 420px!important;max-width:420px!important}

/* Warehouse setup / request screens */
body.hl2027 .warehouse-admin-page .legacy-toolbar{justify-content:flex-start!important}
body.hl2027 .warehouse-admin-page .legacy-toolbar input[type=search],body.hl2027 .warehouse-admin-page .legacy-toolbar input[name=q]{max-width:320px!important}
body.hl2027 .warehouse-request-page .request-line,body.hl2027 .warehouse-transfer-request-page .request-line{display:grid!important;grid-template-columns:minmax(320px,1fr) 100px max-content!important;gap:8px!important;align-items:center!important;margin-bottom:7px!important}
body.hl2027 .warehouse-request-page .block-label,body.hl2027 .warehouse-transfer-request-page .block-label{max-width:420px!important;margin-bottom:8px!important}
body.hl2027 .warehouse-request-page .request-list .card,body.hl2027 .warehouse-transfer-request-page .request-list .card{padding:12px!important}

@media(max-width:1200px){
 body.hl2027 .warehouse-movement-page .legacy-movement-grid{grid-template-columns:150px 165px 200px minmax(220px,1fr)!important}
 body.hl2027 .warehouse-movement-page .legacy-warehouse-pair{grid-template-columns:240px 240px!important}
}
@media(max-width:900px){
 body.hl2027 .warehouse-movement-page .legacy-movement-grid{grid-template-columns:1fr 1fr!important}
 body.hl2027 .warehouse-movement-page .movement-number-field,body.hl2027 .warehouse-movement-page .movement-date-field,body.hl2027 .warehouse-movement-page .movement-reference-field,body.hl2027 .warehouse-movement-page .movement-notes-field{grid-column:auto!important}
 body.hl2027 .warehouse-movement-page .legacy-warehouse-pair{grid-template-columns:1fr 1fr!important}
 body.hl2027 .warehouse-movement-page .movement-warehouse-field{grid-column:1/-1!important;width:auto!important}
 body.hl2027 .warehouse-stock-page .stock-filter-form{grid-template-columns:1fr 1fr!important}
}


/* v10.236 — focused UX pass: devices, network status, reports, warehouses */
/* Devices: unified compact toolbar and semantic action colors */
body.hl2027 .device-2027-page .device-page-heading{margin-bottom:8px!important}
body.hl2027 .device-2027-page .device-page-heading h1{font-size:22px!important}
body.hl2027 .device-2027-page .device-toolbar{padding:12px!important;margin-bottom:12px!important}
body.hl2027 .device-2027-page .device-action-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:10px!important}
body.hl2027 .device-2027-page .device-action-row>*{margin:0!important}
body.hl2027 .device-2027-page .device-action-row button,
body.hl2027 .device-2027-page .device-action-row .btn-small,
body.hl2027 .device-2027-page .device-action-row label.btn-small{height:36px!important;min-height:36px!important;padding:7px 13px!important;border-radius:8px!important;font-size:12.5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
body.hl2027 .device-2027-page .device-add-panel>summary{background:#159b61!important;color:#fff!important}
body.hl2027 .device-2027-page .device-show-all{background:#167dca!important;color:#fff!important;border-color:transparent!important}
body.hl2027 .device-2027-page .device-clear-filter{background:#eef2f6!important;color:#36526c!important;border-color:#d9e3ec!important}
body.hl2027 .device-2027-page .device-export-button{background:#159b61!important;color:#fff!important;border-color:transparent!important}
body.hl2027 .device-2027-page .device-excel-upload{background:#ea8915!important;color:#fff!important;border-color:transparent!important}
body.hl2027 .device-2027-page .device-completed-sync-upload{background:#7257c8!important;color:#fff!important;border-color:transparent!important}
body.hl2027 .device-2027-page .device-filter-form{display:grid!important;grid-template-columns:220px 220px minmax(240px,320px) minmax(260px,1fr)!important;gap:8px!important;align-items:center!important;padding:0!important;margin:0!important}
body.hl2027 .device-2027-page .device-filter-form select,
body.hl2027 .device-2027-page .device-filter-form input{height:36px!important;min-height:36px!important;font-size:12.5px!important;border-radius:8px!important}
body.hl2027 .device-2027-page .device-search-input{min-width:260px!important}
body.hl2027 .device-2027-page .device-table-card{padding:10px!important}
body.hl2027 .device-2027-page .legacy-device-table thead th{height:36px!important;padding:7px 8px!important;font-size:12px!important}
body.hl2027 .device-2027-page .legacy-device-table tbody td{padding:7px 8px!important;font-size:12px!important;line-height:1.35!important}
body.hl2027 .device-2027-page .device-warehouse-select{height:32px!important;min-height:32px!important;max-width:190px!important;padding:4px 7px!important}
body.hl2027 .device-2027-page .device-row-actions{display:flex!important;gap:5px!important;align-items:center!important;flex-wrap:nowrap!important;white-space:nowrap!important}
body.hl2027 .device-2027-page .device-row-actions button,
body.hl2027 .device-2027-page .device-row-actions .btn-small{height:30px!important;min-height:30px!important;padding:5px 9px!important;font-size:11.5px!important}
body.hl2027 .device-2027-page .device-edit-button{background:#e88a13!important;color:#fff!important}
body.hl2027 .device-secondary-page .grid-form{gap:8px!important}
body.hl2027 .device-secondary-page .card{padding:12px!important;margin-bottom:10px!important}
body.hl2027 .device-secondary-page input,body.hl2027 .device-secondary-page select{height:36px!important;min-height:36px!important}

/* Network stages: one colored row, Arabic labels, compact and consistent */
body.hl2027 .network-status-tabs-single-row{display:grid!important;grid-template-columns:repeat(9,minmax(92px,1fr))!important;gap:8px!important;width:100%!important;overflow-x:auto!important;padding:2px 0 10px!important;margin:0 0 8px!important}
body.hl2027 .network-status-tabs-single-row .status-tab{height:64px!important;min-height:64px!important;min-width:92px!important;padding:8px 8px!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;font-size:12px!important;font-weight:800!important;border:1px solid transparent!important;box-shadow:none!important}
body.hl2027 .network-status-tabs-single-row .status-tab .count{height:22px!important;min-width:32px!important;padding:2px 8px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.70)!important;color:inherit!important;font-size:12px!important}
body.hl2027 .network-status-tabs-single-row .status-all{background:#1a5f97!important;color:#fff!important}
body.hl2027 .network-status-tabs-single-row .status-new{background:#dff3fb!important;color:#145b88!important}
body.hl2027 .network-status-tabs-single-row .status-sent{background:#dce9fb!important;color:#1d4f91!important}
body.hl2027 .network-status-tabs-single-row .status-under-process{background:#eadbf8!important;color:#60388b!important}
body.hl2027 .network-status-tabs-single-row .status-submit{background:#ffedbd!important;color:#8e5a00!important}
body.hl2027 .network-status-tabs-single-row .status-closed{background:#e5ebf1!important;color:#41576d!important}
body.hl2027 .network-status-tabs-single-row .status-returns{background:#eadcf8!important;color:#67408d!important}
body.hl2027 .network-status-tabs-single-row .status-complete{background:#daf3e2!important;color:#176b3c!important}
body.hl2027 .network-status-tabs-single-row .status-rejected{background:#fde1e4!important;color:#a62d3a!important}
body.hl2027 .network-status-tabs-single-row .status-tab.active{outline:2px solid currentColor!important;outline-offset:-2px!important;filter:saturate(1.08)!important}
body.hl2027 .network-transactions-table .network-location-column{width:280px!important;max-width:280px!important;min-width:240px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.35!important}
body.hl2027 .network-transactions-table td.network-location-column{max-height:3.7em!important;overflow:hidden!important}

/* Reports: no large empty canvas; each import is one compact row */
body.hl2027 .reports-2027-page .reports-page-head{margin-bottom:8px!important}
body.hl2027 .reports-2027-page .reports-compact-panel{padding:12px!important;margin-bottom:10px!important}
body.hl2027 .reports-2027-page .reports-panel-title{display:flex!important;align-items:baseline!important;gap:12px!important;margin-bottom:10px!important;padding-bottom:8px!important;border-bottom:1px solid var(--hl-line)!important}
body.hl2027 .reports-2027-page .reports-panel-title h2{font-size:17px!important;margin:0!important}
body.hl2027 .reports-2027-page .reports-panel-title span{font-size:12px!important;color:var(--hl-muted)!important}
body.hl2027 .reports-2027-page .reports-import-list{display:grid!important;gap:8px!important}
body.hl2027 .reports-2027-page .report-import-row{display:grid!important;grid-template-columns:180px 135px minmax(320px,1fr)!important;gap:8px!important;align-items:center!important;padding:8px 0!important;border-bottom:1px solid #edf2f6!important;margin:0!important}
body.hl2027 .reports-2027-page .report-import-row:last-child{border-bottom:0!important}
body.hl2027 .reports-2027-page .report-import-row h3{font-size:13.5px!important;margin:0!important}
body.hl2027 .reports-2027-page .report-template-btn{height:34px!important;min-height:34px!important;background:#167dca!important;color:#fff!important}
body.hl2027 .reports-2027-page .report-inline-upload{display:grid!important;grid-template-columns:minmax(220px,1fr) 90px!important;gap:8px!important;align-items:center!important}
body.hl2027 .reports-2027-page .report-file-picker{height:34px!important;display:flex!important;align-items:center!important;gap:8px!important;border:1px solid #d5e1eb!important;border-radius:8px!important;background:#f8fbfd!important;padding:3px 8px!important;overflow:hidden!important}
body.hl2027 .reports-2027-page .file-pick-button{background:#eef3f7!important;border-radius:6px!important;padding:5px 9px!important;white-space:nowrap!important}
body.hl2027 .reports-2027-page [data-file-name]{font-weight:400!important;color:#758ba0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.hl2027 .reports-2027-page .report-import-btn{height:34px!important;min-height:34px!important;background:#159b61!important;padding:5px 12px!important}
body.hl2027 .reports-2027-page .report-download-row{padding:9px 0!important;gap:8px!important;min-height:0!important}

/* Warehouses table: compact columns + actions on one line */
body.hl2027 .warehouses-table-card{padding:10px!important}
body.hl2027 .warehouses-compact-table{table-layout:fixed!important}
body.hl2027 .warehouses-compact-table col.col-name{width:18%}
body.hl2027 .warehouses-compact-table col.col-type{width:8%}
body.hl2027 .warehouses-compact-table col.col-cats{width:15%}
body.hl2027 .warehouses-compact-table col.col-visible{width:36%}
body.hl2027 .warehouses-compact-table col.col-status{width:8%}
body.hl2027 .warehouses-compact-table col.col-actions{width:15%}
body.hl2027 .warehouses-compact-table thead th{height:34px!important;padding:7px 8px!important;font-size:12px!important}
body.hl2027 .warehouses-compact-table tbody td{padding:8px!important;font-size:12px!important;line-height:1.35!important;vertical-align:middle!important}
body.hl2027 .warehouses-compact-table .warehouse-categories-cell,
body.hl2027 .warehouses-compact-table .warehouse-visible-cell{white-space:normal!important;overflow-wrap:anywhere!important}
body.hl2027 .warehouses-compact-table .warehouse-actions-cell .legacy-actions{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
body.hl2027 .warehouses-compact-table .warehouse-actions-cell form{margin:0!important}
body.hl2027 .warehouses-compact-table .warehouse-actions-cell button{height:30px!important;min-height:30px!important;padding:5px 10px!important;font-size:11.5px!important}
body.hl2027 .warehouses-compact-table .warehouse-actions-cell .secondary{background:#e88a13!important;color:#fff!important;border-color:transparent!important}
body.hl2027 .warehouse-name-filter{display:flex!important;gap:7px!important;align-items:center!important;padding:8px!important}
body.hl2027 .warehouse-name-filter input{max-width:300px!important;height:36px!important;min-height:36px!important}
body.hl2027 .warehouse-name-filter button,body.hl2027 .warehouse-name-filter .btn-small{height:34px!important;min-height:34px!important}

@media(max-width:1150px){
 body.hl2027 .device-2027-page .device-filter-form{grid-template-columns:1fr 1fr!important}
 body.hl2027 .reports-2027-page .report-import-row{grid-template-columns:160px 125px minmax(280px,1fr)!important}
}


/* v10.237 — hard fix for device screens: eliminate legacy grid collision and stale layout */
body.hl2027 .device-2027-page .device-toolbar{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  gap:10px!important;
  padding:12px!important;
  margin-bottom:12px!important;
}
body.hl2027 .device-2027-page .device-action-row{
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
body.hl2027 .device-2027-page .device-action-row>*{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  justify-self:auto!important;
  grid-column:auto!important;
  order:initial!important;
}
body.hl2027 .device-2027-page .device-action-row form,
body.hl2027 .device-2027-page .device-action-row details{
  display:block!important;
  width:auto!important;
}
body.hl2027 .device-2027-page .device-action-row .btn-small,
body.hl2027 .device-2027-page .device-action-row button,
body.hl2027 .device-2027-page .device-action-row summary,
body.hl2027 .device-2027-page .device-action-row label.btn-small{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  padding:7px 14px!important;
  font-size:12.5px!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
/* semantic colors requested by user */
body.hl2027 .device-2027-page .device-add-panel>summary{background:#169b61!important;color:#fff!important;border-color:#169b61!important}
body.hl2027 .device-2027-page .device-show-all{background:#1878c8!important;color:#fff!important;border-color:#1878c8!important}
body.hl2027 .device-2027-page .device-clear-filter{background:#eef3f7!important;color:#294d6e!important;border-color:#d9e4ed!important}
body.hl2027 .device-2027-page .device-export-button{background:#169b61!important;color:#fff!important;border-color:#169b61!important}
body.hl2027 .device-2027-page .device-excel-upload{background:#e68a13!important;color:#fff!important;border-color:#e68a13!important}
body.hl2027 .device-2027-page .device-completed-sync-upload{background:#7157c8!important;color:#fff!important;border-color:#7157c8!important}
body.hl2027 .device-2027-page .device-filter-form{
  display:grid!important;
  grid-template-columns:220px 220px 250px minmax(280px,1fr)!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
body.hl2027 .device-2027-page .device-filter-form>*{min-width:0!important;width:100%!important}
body.hl2027 .device-2027-page .device-filter-form select,
body.hl2027 .device-2027-page .device-filter-form input{
  height:36px!important;
  min-height:36px!important;
  font-size:12.5px!important;
  border-radius:8px!important;
  padding:6px 10px!important;
}
body.hl2027 .device-2027-page .device-search-input{min-width:0!important;max-width:none!important}
@media(max-width:1100px){
 body.hl2027 .device-2027-page .device-filter-form{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
 body.hl2027 .device-2027-page .device-action-row{display:grid!important;grid-template-columns:1fr 1fr!important}
 body.hl2027 .device-2027-page .device-action-row>*{width:100%!important}
 body.hl2027 .device-2027-page .device-action-row .btn-small,
 body.hl2027 .device-2027-page .device-action-row button,
 body.hl2027 .device-2027-page .device-action-row summary,
 body.hl2027 .device-2027-page .device-action-row label.btn-small{width:100%!important}
 body.hl2027 .device-2027-page .device-filter-form{grid-template-columns:1fr!important}
}

/* v10.238 — consolidated pending UI requests */
/* 1) Keep filter controls on one row on desktop across warehouse/device/material screens */
body.hl2027 .filter-one-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
body.hl2027 .filter-one-row>*{min-width:0!important;margin:0!important}
body.hl2027 .filter-one-row select{flex:0 1 220px!important;width:220px!important;max-width:240px!important;height:36px!important;min-height:36px!important}
body.hl2027 .filter-one-row input[type=search],
body.hl2027 .filter-one-row input[type=text]{height:36px!important;min-height:36px!important}
body.hl2027 .filter-one-row .item-picker,
body.hl2027 .filter-one-row .stock-item-picker,
body.hl2027 .filter-one-row .items-page-picker{flex:1 1 360px!important;max-width:none!important;width:auto!important}
body.hl2027 .device-2027-page .device-filter-form.filter-one-row{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
body.hl2027 .device-2027-page .device-filter-form.filter-one-row select{flex:1 1 210px!important;max-width:260px!important;width:auto!important}
body.hl2027 .device-2027-page .device-filter-form.filter-one-row .device-search-input{flex:2 1 420px!important;width:auto!important;max-width:none!important}
body.hl2027 .warehouse-stock-page .stock-filter-form.filter-one-row{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
}
body.hl2027 .warehouse-stock-page .stock-filter-form.filter-one-row select{flex:0 1 230px!important;width:230px!important;max-width:250px!important}
body.hl2027 .warehouse-stock-page .stock-filter-form.filter-one-row .stock-item-picker{flex:1 1 360px!important;width:auto!important;max-width:none!important}
body.hl2027 .warehouse-items-page .items-search-form.filter-one-row{display:flex!important;flex-wrap:nowrap!important;flex:1 1 auto!important}
body.hl2027 .warehouse-items-page .items-search-form.filter-one-row .items-page-picker{flex:1 1 360px!important;min-width:260px!important}

/* 2) Material names are Latin/English: always start from the left and wrap naturally */
body.hl2027 .material-name-left{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.35!important;
}
body.hl2027 .warehouse-items-page table th:nth-child(2),
body.hl2027 .warehouse-stock-page table th:nth-child(2){text-align:left!important;direction:rtl!important}

/* 3) Materials page actions: semantic colors and inline row actions */
body.hl2027 .warehouse-items-page .items-add-action{background:#169b61!important;color:#fff!important;border-color:#169b61!important}
body.hl2027 .warehouse-items-page .items-import-action{background:#eaf3f8!important;color:#24516f!important;border-color:#cfdde8!important}
body.hl2027 .warehouse-items-page .items-search-action{background:#1878c8!important;color:#fff!important}
body.hl2027 .warehouse-items-page .items-show-all-action{background:#3f69cf!important;color:#fff!important;border-color:#3f69cf!important}
body.hl2027 .warehouse-items-page .items-clear-action{background:#eef3f7!important;color:#294d6e!important;border-color:#d9e4ed!important}
body.hl2027 .warehouse-items-page .items-export-action{background:#169b61!important;color:#fff!important;border-color:#169b61!important}
body.hl2027 .warehouse-items-page .items-row-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;white-space:nowrap!important}
body.hl2027 .warehouse-items-page .items-row-actions form{display:inline-flex!important;margin:0!important;width:auto!important}
body.hl2027 .warehouse-items-page .items-row-actions button{height:30px!important;min-height:30px!important;padding:5px 10px!important;font-size:11.5px!important}
body.hl2027 .warehouse-items-page .items-row-actions .items-edit-action{background:#e68a13!important;color:#fff!important;border-color:#e68a13!important}
body.hl2027 .warehouse-items-page .items-row-actions .danger{background:#df3d4b!important;color:#fff!important}

/* 4) Network workflow names intentionally stay in English, while the page remains Arabic RTL */
body.hl2027 .network-status-tabs-single-row .status-tab>span:first-child{direction:ltr!important;unicode-bidi:isolate!important}

@media(max-width:1050px){
  body.hl2027 .filter-one-row{flex-wrap:wrap!important}
  body.hl2027 .device-2027-page .device-filter-form.filter-one-row{flex-wrap:wrap!important}
  body.hl2027 .filter-one-row select{flex:1 1 210px!important;max-width:none!important;width:auto!important}
  body.hl2027 .filter-one-row .item-picker,
  body.hl2027 .filter-one-row .stock-item-picker,
  body.hl2027 .filter-one-row .items-page-picker,
  body.hl2027 .device-2027-page .device-filter-form.filter-one-row .device-search-input{flex:2 1 320px!important}
}
@media(max-width:700px){
  body.hl2027 .filter-one-row,
  body.hl2027 .device-2027-page .device-filter-form.filter-one-row{display:grid!important;grid-template-columns:1fr!important}
  body.hl2027 .filter-one-row>*,
  body.hl2027 .filter-one-row select,
  body.hl2027 .filter-one-row .item-picker,
  body.hl2027 .filter-one-row .stock-item-picker,
  body.hl2027 .filter-one-row .items-page-picker,
  body.hl2027 .device-2027-page .device-filter-form.filter-one-row .device-search-input{width:100%!important;max-width:none!important}
}

/* v10.239 — material autocomplete must always open above cards/tables */
body.hl2027 .item-picker{
  position:relative!important;
  overflow:visible!important;
}
body.hl2027 .item-picker:focus-within{
  z-index:200000!important;
}
body.hl2027 .item-results,
body.hl2027 .movement-item-results,
body.hl2027 .approval-item-results{
  z-index:250000!important;
}
body.hl2027 .item-results.open,
body.hl2027 .movement-item-results.open,
body.hl2027 .approval-item-results.open{
  display:block!important;
  z-index:250000!important;
  position:absolute!important;
  top:calc(100% + 4px)!important;
  max-height:320px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#fff!important;
  border:1px solid #c9d9e6!important;
  border-radius:9px!important;
  box-shadow:0 16px 34px rgba(12,43,73,.22)!important;
}
/* Lift whichever card/form owns an open picker above following table cards. */
body.hl2027 .card:has(.item-results.open),
body.hl2027 .legacy-toolbar:has(.item-results.open),
body.hl2027 .legacy-movement-card:has(.item-results.open),
body.hl2027 form:has(.item-results.open),
body.hl2027 dialog:has(.item-results.open){
  position:relative!important;
  z-index:190000!important;
  overflow:visible!important;
}
body.hl2027 .items-filter-card,
body.hl2027 .stock-filter-card,
body.hl2027 .legacy-movement-card,
body.hl2027 .warehouse-ui-page .legacy-toolbar{
  overflow:visible!important;
}
/* Tables remain below an open autocomplete instead of painting over it. */
body.hl2027 .table-wrap{
  position:relative!important;
  z-index:1!important;
}
/* Material search/result content is English/Latin: start from the left. */
body.hl2027 .items-page-picker,
body.hl2027 .stock-item-picker,
body.hl2027 .branch-material-picker,
body.hl2027 .legacy-material-field .item-picker,
body.hl2027 .approval-item-picker{
  direction:ltr!important;
  text-align:left!important;
}
body.hl2027 .items-page-picker .item-results,
body.hl2027 .stock-item-picker .item-results,
body.hl2027 .branch-material-picker .item-results,
body.hl2027 .legacy-material-field .item-results,
body.hl2027 .approval-item-picker .item-results{
  right:0!important;
  left:0!important;
  direction:ltr!important;
  text-align:left!important;
  min-width:100%!important;
  width:max-content!important;
  max-width:min(900px,calc(100vw - 60px))!important;
}
body.hl2027 .items-page-picker .item-results button,
body.hl2027 .stock-item-picker .item-results button,
body.hl2027 .branch-material-picker .item-results button,
body.hl2027 .legacy-material-field .item-results button,
body.hl2027 .approval-item-picker .item-results button{
  direction:ltr!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.35!important;
  padding:8px 11px!important;
  min-height:34px!important;
}
body.hl2027 .items-page-picker .item-results strong,
body.hl2027 .stock-item-picker .item-results strong,
body.hl2027 .branch-material-picker .item-results strong,
body.hl2027 .legacy-material-field .item-results strong,
body.hl2027 .approval-item-picker .item-results strong{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  margin-right:8px!important;
}
@media(max-width:700px){
  body.hl2027 .items-page-picker .item-results,
  body.hl2027 .stock-item-picker .item-results,
  body.hl2027 .branch-material-picker .item-results,
  body.hl2027 .legacy-material-field .item-results,
  body.hl2027 .approval-item-picker .item-results{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
  }
}

/* v10.240 — cumulative UX consolidation from review notes */
/* 1) Dense form rhythm: eliminate unused white canvas on operational screens */
body.hl2027 .warehouse-movement-page .legacy-movement-card{padding:10px 12px!important}
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar{
  display:flex!important; flex-wrap:nowrap!important; gap:7px!important; justify-content:flex-start!important;
  padding:8px!important; min-height:0!important; margin-bottom:9px!important; overflow-x:auto!important;
}
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar>*{flex:0 0 auto!important;margin:0!important}
body.hl2027 .warehouse-movement-page .legacy-movement-grid{
  display:grid!important;
  grid-template-columns:180px 180px 220px 320px!important;
  gap:8px 10px!important; align-items:end!important; justify-content:start!important;
  width:max-content!important; max-width:100%!important; margin:0!important;
}
body.hl2027 .warehouse-movement-page .legacy-movement-grid input,
body.hl2027 .warehouse-movement-page .legacy-movement-grid select{
  height:36px!important; min-height:36px!important; font-size:12.5px!important;
}
body.hl2027 .warehouse-movement-page .movement-number-field{grid-column:1!important;width:180px!important}
body.hl2027 .warehouse-movement-page .movement-date-field{grid-column:2!important;width:180px!important}
body.hl2027 .warehouse-movement-page .movement-reference-field{grid-column:3!important;width:220px!important}
body.hl2027 .warehouse-movement-page .movement-notes-field{grid-column:4!important;width:320px!important}
body.hl2027 .warehouse-movement-page .legacy-warehouse-pair{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:260px 260px!important;
  gap:10px!important;justify-content:start!important;width:max-content!important;margin:0!important
}
body.hl2027 .warehouse-movement-page .movement-warehouse-field{grid-column:1/-1!important;width:260px!important;max-width:260px!important}
body.hl2027 .warehouse-movement-page .legacy-material-quantity-row{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:620px 100px!important;
  gap:10px!important;align-items:end!important;width:max-content!important;max-width:100%!important;margin:0!important
}
body.hl2027 .warehouse-movement-page .legacy-material-field{width:620px!important;max-width:calc(100vw - 470px)!important;min-width:380px!important}
body.hl2027 .warehouse-movement-page .legacy-quantity-field{width:100px!important;max-width:100px!important}
body.hl2027 .warehouse-movement-page .legacy-add-line-row{margin:7px 0 0!important;justify-content:flex-start!important}
body.hl2027 .warehouse-movement-page .legacy-add-line-row button{height:34px!important;min-height:34px!important;background:#159b61!important;color:#fff!important}

/* 2) One-line filters on desktop throughout list/search screens */
body.hl2027 .filter-one-row,
body.hl2027 form.filter-one-row,
body.hl2027 .device-2027-page .device-filter-form,
body.hl2027 .warehouse-stock-page .stock-filter-form,
body.hl2027 .warehouse-items-page .items-search-form{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;
  gap:8px!important;direction:rtl!important;min-width:0!important;width:100%!important
}
body.hl2027 .filter-one-row>*{min-width:0!important}
body.hl2027 .device-2027-page .device-filter-form select{flex:0 1 220px!important;width:220px!important;max-width:240px!important}
body.hl2027 .device-2027-page .device-filter-form .device-search-input{flex:1 1 420px!important;width:auto!important;min-width:260px!important;max-width:none!important}
body.hl2027 .warehouse-stock-page .stock-filter-form select{flex:0 0 220px!important;width:220px!important}
body.hl2027 .warehouse-stock-page .stock-item-picker{flex:1 1 420px!important;width:auto!important;max-width:520px!important;min-width:280px!important}
body.hl2027 .warehouse-items-page .items-page-picker{flex:1 1 420px!important;width:auto!important;max-width:520px!important;min-width:280px!important}

/* 3) Device screens: horizontal action bar + stronger semantic colors */
body.hl2027 .device-2027-page .device-toolbar{padding:10px!important;margin-bottom:10px!important}
body.hl2027 .device-2027-page .device-action-row{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;
  justify-content:flex-start!important;gap:7px!important;width:100%!important;overflow-x:auto!important;margin:0!important
}
body.hl2027 .device-2027-page .device-action-row>*{flex:0 0 auto!important;width:auto!important;margin:0!important}
body.hl2027 .device-2027-page .device-action-row button,
body.hl2027 .device-2027-page .device-action-row .btn-small,
body.hl2027 .device-2027-page .device-action-row summary{
  height:34px!important;min-height:34px!important;padding:6px 12px!important;font-size:12.5px!important;border-radius:8px!important
}
body.hl2027 .device-2027-page .device-add-panel>summary{background:#159b61!important;color:#fff!important}
body.hl2027 .device-2027-page .device-show-all{background:#167dca!important;color:#fff!important}
body.hl2027 .device-2027-page .device-clear-filter{background:#eef3f7!important;color:#294d6e!important;border-color:#d9e4ed!important}
body.hl2027 .device-2027-page .device-export-button{background:#159b61!important;color:#fff!important;border-color:transparent!important}
body.hl2027 .device-2027-page .device-excel-upload{background:#ee8b12!important;color:#fff!important}
body.hl2027 .device-2027-page .device-completed-sync-upload{background:#7054ca!important;color:#fff!important;border-color:transparent!important}
body.hl2027 .device-2027-page .device-filter-form{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #e6eef5!important}
body.hl2027 .device-2027-page .device-warehouse-cell{min-width:155px!important;width:170px!important;max-width:190px!important}
body.hl2027 .device-2027-page .device-warehouse-select{width:100%!important;max-width:180px!important;min-width:150px!important;white-space:normal!important}
body.hl2027 .device-2027-page .device-row-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:5px!important;align-items:center!important;white-space:nowrap!important}
body.hl2027 .device-2027-page .device-row-actions form{margin:0!important}
body.hl2027 .device-2027-page .device-row-actions .device-edit-button{background:#ee8b12!important;color:#fff!important}
body.hl2027 .device-2027-page .device-row-actions .corporate-install-button{background:#eaf3fb!important;color:#154f7f!important;border:1px solid #cbddea!important}
body.hl2027 .device-2027-page .device-row-actions .danger{background:#df3d4b!important;color:#fff!important}

/* Corporate device modal: compact two-column form, no horizontal scrollbar */
body.hl2027 dialog.corporate-device-dialog{width:min(760px,94vw)!important;max-width:760px!important;padding:0!important;border:0!important;border-radius:16px!important;overflow:hidden!important}
body.hl2027 dialog.corporate-device-dialog form{padding:18px!important;overflow:hidden!important}
body.hl2027 dialog.corporate-device-dialog h2{font-size:21px!important;text-align:center!important;margin:0 0 5px!important;color:#12375d!important}
body.hl2027 dialog.corporate-device-dialog>form>p{text-align:center!important;margin:0 0 14px!important;font-size:12.5px!important;color:#637d96!important}
body.hl2027 .corporate-install-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important;align-items:end!important}
body.hl2027 .corporate-install-grid>label,
body.hl2027 .corporate-install-grid .corporate-technician-field{margin:0!important;min-width:0!important}
body.hl2027 .corporate-install-grid>label:last-child{grid-column:1/2!important}
body.hl2027 .corporate-install-grid input,body.hl2027 .corporate-install-grid select{height:38px!important;min-height:38px!important}
body.hl2027 .corporate-technician-field{display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important;align-items:end!important}
body.hl2027 .corporate-technician-actions{display:flex!important;gap:4px!important;flex-wrap:nowrap!important}
body.hl2027 .corporate-technician-actions button{height:32px!important;min-height:32px!important;padding:5px 9px!important;font-size:11.5px!important}
body.hl2027 .corporate-technician-actions .tech-add{background:#159b61!important}
body.hl2027 .corporate-technician-actions .tech-edit{background:#167dca!important}
body.hl2027 .corporate-dialog-actions{display:flex!important;gap:7px!important;justify-content:flex-start!important;margin-top:14px!important;padding-top:10px!important;border-top:1px solid #e4edf5!important}
body.hl2027 .corporate-dialog-actions .corporate-save-button{background:#159b61!important}

/* 4) Material-centric UI is LTR/left aligned while the surrounding app remains Arabic RTL */
body.hl2027 .material-name-left,
body.hl2027 .movement-item-name,
body.hl2027 td.material-name-left,
body.hl2027 .legacy-material-field input,
body.hl2027 .items-page-picker input,
body.hl2027 .stock-item-picker input,
body.hl2027 .branch-material-picker input,
body.hl2027 .approval-item-picker input{
  direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important
}
body.hl2027 .legacy-movement-lines tbody td:nth-child(2),
body.hl2027 .warehouse-items-page tbody td:nth-child(2),
body.hl2027 .warehouse-stock-page tbody td:nth-child(2){direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important}
body.hl2027 .item-results,
body.hl2027 .item-results.open{direction:ltr!important;text-align:left!important;z-index:250000!important}
body.hl2027 .item-results button{direction:ltr!important;text-align:left!important;justify-content:flex-start!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.hl2027 .item-results button strong{display:inline!important;direction:ltr!important;unicode-bidi:isolate!important}
body.hl2027 .item-results button span{display:inline!important;direction:ltr!important;unicode-bidi:plaintext!important}

/* Materials toolbar + row actions */
body.hl2027 .warehouse-items-page .items-single-toolbar{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;align-items:center!important;padding:8px!important}
body.hl2027 .warehouse-items-page .items-add-action{background:#159b61!important;color:#fff!important}
body.hl2027 .warehouse-items-page .items-import-action{background:#dfeef7!important;color:#17617f!important;border-color:#c8dde9!important}
body.hl2027 .warehouse-items-page .items-search-action{background:#167dca!important}
body.hl2027 .warehouse-items-page .items-show-all-action{background:#4f73d5!important;color:#fff!important}
body.hl2027 .warehouse-items-page .items-clear-action{background:#eef3f7!important;color:#294d6e!important}
body.hl2027 .warehouse-items-page .items-export-action{background:#159b61!important;color:#fff!important}
body.hl2027 .warehouse-items-page .items-row-actions{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;align-items:center!important}
body.hl2027 .warehouse-items-page .items-row-actions form{margin:0!important}
body.hl2027 .warehouse-items-page .items-edit-action{background:#ee8b12!important;color:#fff!important;border-color:transparent!important}
body.hl2027 .warehouse-items-page tbody td{vertical-align:middle!important}

/* 5) Network status cards: lower height + higher contrast */
body.hl2027 .network-status-tabs-single-row{gap:7px!important;padding:0 0 7px!important;margin-bottom:6px!important}
body.hl2027 .network-status-tabs-single-row .status-tab{
  height:54px!important;min-height:54px!important;min-width:92px!important;padding:6px 8px!important;border-radius:11px!important;
  gap:2px!important;font-size:12px!important;font-weight:800!important
}
body.hl2027 .network-status-tabs-single-row .status-tab .count{height:20px!important;min-width:30px!important;font-size:11.5px!important;padding:1px 7px!important}
body.hl2027 .network-status-tabs-single-row .status-all{background:#075f9f!important;color:#fff!important}
body.hl2027 .network-status-tabs-single-row .status-new{background:#cceefa!important;color:#075b86!important}
body.hl2027 .network-status-tabs-single-row .status-sent{background:#cddff9!important;color:#154c91!important}
body.hl2027 .network-status-tabs-single-row .status-under-process{background:#e2cdf7!important;color:#5f278d!important}
body.hl2027 .network-status-tabs-single-row .status-submit{background:#ffe6a3!important;color:#875100!important}
body.hl2027 .network-status-tabs-single-row .status-closed{background:#dce4ec!important;color:#354f68!important}
body.hl2027 .network-status-tabs-single-row .status-returns{background:#e7d3f8!important;color:#6b318d!important}
body.hl2027 .network-status-tabs-single-row .status-complete{background:#ccefd9!important;color:#0c6a39!important}
body.hl2027 .network-status-tabs-single-row .status-rejected{background:#ffd7dc!important;color:#a11f31!important}
body.hl2027 .network-status-tabs-single-row .status-tab.active{box-shadow:inset 0 0 0 2px currentColor!important;outline:0!important}
body.hl2027 .network-transactions-table .network-location-column{width:280px!important;min-width:250px!important;max-width:280px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important}

/* 6) Reports and warehouses: compact rows, no oversized whitespace */
body.hl2027 .reports-2027-page .reports-compact-panel{padding:10px 12px!important}
body.hl2027 .reports-2027-page .report-import-row{grid-template-columns:170px 125px minmax(360px,1fr)!important;gap:7px!important;padding:6px 0!important}
body.hl2027 .reports-2027-page .report-template-btn,body.hl2027 .reports-2027-page .report-import-btn{height:32px!important;min-height:32px!important}
body.hl2027 .reports-2027-page .report-file-picker{height:32px!important}
body.hl2027 .warehouses-compact-table .warehouse-actions-cell .legacy-actions{display:flex!important;flex-wrap:nowrap!important;gap:5px!important}
body.hl2027 .warehouses-compact-table .warehouse-actions-cell .secondary{background:#ee8b12!important;color:#fff!important}
body.hl2027 .warehouses-compact-table .warehouse-visible-cell{max-width:360px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important}

@media(max-width:1200px){
  body.hl2027 .warehouse-movement-page .legacy-movement-grid{grid-template-columns:165px 165px 200px 280px!important}
  body.hl2027 .warehouse-movement-page .movement-number-field{width:165px!important}
  body.hl2027 .warehouse-movement-page .movement-date-field{width:165px!important}
  body.hl2027 .warehouse-movement-page .movement-reference-field{width:200px!important}
  body.hl2027 .warehouse-movement-page .movement-notes-field{width:280px!important}
  body.hl2027 .warehouse-movement-page .legacy-material-quantity-row{grid-template-columns:520px 95px!important}
  body.hl2027 .warehouse-movement-page .legacy-material-field{width:520px!important;min-width:320px!important}
}
@media(max-width:980px){
  body.hl2027 .filter-one-row,body.hl2027 form.filter-one-row,body.hl2027 .device-2027-page .device-filter-form{flex-wrap:wrap!important}
  body.hl2027 .warehouse-movement-page .legacy-movement-grid{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  body.hl2027 .warehouse-movement-page .movement-number-field,body.hl2027 .warehouse-movement-page .movement-date-field,
  body.hl2027 .warehouse-movement-page .movement-reference-field,body.hl2027 .warehouse-movement-page .movement-notes-field{width:auto!important;grid-column:auto!important}
  body.hl2027 .warehouse-movement-page .legacy-warehouse-pair{grid-template-columns:1fr 1fr!important;width:100%!important}
  body.hl2027 .warehouse-movement-page .legacy-material-quantity-row{grid-template-columns:minmax(0,1fr) 100px!important;width:100%!important}
  body.hl2027 .warehouse-movement-page .legacy-material-field{width:auto!important;min-width:0!important;max-width:none!important}
  body.hl2027 .corporate-install-grid{grid-template-columns:1fr!important}
  body.hl2027 .corporate-install-grid>label:last-child{grid-column:auto!important}
}

/* =========================================================
   v10.241 — consolidated execution of all pending UI notes
   ========================================================= */

/* Classic green Hebron Land header requested by user */
body.hl2027 .portal-header.hl-topbar.hl-classic-header{
  height:116px!important;min-height:116px!important;background:linear-gradient(90deg,#49b34f,#2f9f42)!important;
  border-top:3px solid #0e5f96!important;border-bottom:3px solid #0e5f96!important;box-shadow:none!important;
  display:grid!important;grid-template-columns:1fr minmax(420px,1.5fr) 1fr!important;align-items:center!important;
  padding:12px 34px!important;position:sticky!important;top:0!important;z-index:500!important;color:#fff!important;direction:ltr!important
}
body.hl2027 .hl-classic-left{justify-self:start;direction:ltr;color:#fff;display:flex;flex-direction:column;gap:12px}
body.hl2027 .hl-classic-actions{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800}
body.hl2027 .hl-classic-left form{display:inline;margin:0}
body.hl2027 .hl-classic-link{all:unset!important;color:#fff!important;text-decoration:underline!important;cursor:pointer!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important}
body.hl2027 .hl-classic-login{font-size:13px;font-weight:650;line-height:1.35;color:#fff}
body.hl2027 .hl-classic-title{justify-self:center;color:#fff;font-size:34px;font-weight:900;letter-spacing:.3px;white-space:nowrap}
body.hl2027 .hl-classic-logo{justify-self:end;display:block;width:104px;height:86px;text-decoration:none}
body.hl2027 .hl-classic-logo img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
body.hl2027 .app-layout{min-height:calc(100vh - 116px)!important}
body.hl2027 .side-nav{top:116px!important;height:calc(100vh - 116px)!important;scrollbar-gutter:stable!important;contain:layout paint!important}
body.hl2027 .notification-bar{position:relative;z-index:490!important}
body.hl2027 .hl-nav-brand{display:flex!important;text-decoration:none!important;cursor:pointer!important}

/* Sidebar must never shift when its scrollbar appears */
body.hl2027 .app-layout{grid-template-columns:minmax(0,1fr) 252px!important;overflow:hidden!important}
body.hl2027 .side-nav{box-sizing:border-box!important;flex:0 0 252px!important;min-width:252px!important;max-width:252px!important;overflow-y:scroll!important;overflow-x:hidden!important;padding-inline-end:10px!important}
body.hl2027 .side-nav::-webkit-scrollbar{width:8px}
body.hl2027 .side-nav::-webkit-scrollbar-track{background:transparent}
body.hl2027 .side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:999px}

/* Home: logo-only landing page */
body.hl2027 .hl-home-landing{min-height:calc(100vh - 190px);display:grid;place-items:center;padding:28px;background:radial-gradient(circle at center,#fff 0,#f4f8fc 72%)}
body.hl2027 .hl-home-landing img{width:min(430px,58vw);max-height:58vh;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(14,49,84,.08))}

/* Warehouse movement screens: first row = all header fields, second row = item + qty + add */
body.hl2027 .warehouse-movement-page .legacy-movement-card{padding:10px 12px!important}
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar{min-height:44px!important;padding:7px 8px!important;margin-bottom:8px!important;gap:7px!important}
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar button,
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar .btn-small{height:34px!important;min-height:34px!important;padding:6px 12px!important;font-size:12.5px!important}
body.hl2027 .warehouse-movement-page .movement-report-print{background:#7054ca!important;color:#fff!important}
body.hl2027 .warehouse-movement-page .legacy-movement-grid{
  display:grid!important;grid-template-columns:150px 155px 180px 220px 220px minmax(210px,1fr)!important;
  gap:8px!important;align-items:end!important;width:100%!important;max-width:100%!important;margin:0!important
}
body.hl2027 .warehouse-movement-page .movement-number-field,
body.hl2027 .warehouse-movement-page .movement-date-field,
body.hl2027 .warehouse-movement-page .movement-reference-field,
body.hl2027 .warehouse-movement-page .movement-notes-field,
body.hl2027 .warehouse-movement-page .movement-warehouse-field{width:auto!important;max-width:none!important;grid-column:auto!important}
body.hl2027 .warehouse-movement-page .movement-number-field{grid-column:1!important}
body.hl2027 .warehouse-movement-page .movement-date-field{grid-column:2!important}
body.hl2027 .warehouse-movement-page .movement-reference-field{grid-column:3!important}
body.hl2027 .warehouse-movement-page .legacy-warehouse-pair{
  display:contents!important;width:auto!important;max-width:none!important;margin:0!important
}
body.hl2027 .warehouse-movement-page .movement-from-field{grid-column:4!important}
body.hl2027 .warehouse-movement-page .movement-to-field{grid-column:5!important}
body.hl2027 .warehouse-movement-page .movement-warehouse-field{grid-column:4 / span 2!important}
body.hl2027 .warehouse-movement-page .movement-notes-field{grid-column:6!important}
body.hl2027 .warehouse-movement-page .legacy-movement-grid input,
body.hl2027 .warehouse-movement-page .legacy-movement-grid select{height:34px!important;min-height:34px!important;font-size:12px!important;padding:6px 9px!important}
body.hl2027 .warehouse-movement-page .legacy-material-add-row{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(420px,1fr) 90px 120px!important;
  gap:8px!important;align-items:end!important;width:100%!important;margin-top:2px!important
}
body.hl2027 .warehouse-movement-page .legacy-material-field{width:auto!important;max-width:none!important;min-width:0!important}
body.hl2027 .warehouse-movement-page .legacy-quantity-field{width:90px!important;max-width:90px!important}
body.hl2027 .warehouse-movement-page .legacy-add-line-row{margin:0!important;display:flex!important;align-items:end!important}
body.hl2027 .warehouse-movement-page .legacy-add-line-row button{width:120px!important;height:34px!important;min-height:34px!important;background:#159b61!important;color:#fff!important;padding:6px 10px!important}
body.hl2027 .warehouse-movement-page .movement-item-name{direction:ltr!important;text-align:left!important}

/* All material/autocomplete result lists: white, no solid blue blocks */
body.hl2027 .item-results,
body.hl2027 .movement-item-results,
body.hl2027 .autocomplete-results,
body.hl2027 .ui-autocomplete{
  background:#fff!important;color:#173956!important;border:1px solid #cbdbe8!important;border-radius:8px!important;
  box-shadow:0 12px 28px rgba(26,67,104,.16)!important;padding:3px!important
}
body.hl2027 .item-results button,
body.hl2027 .movement-item-results button,
body.hl2027 .autocomplete-results button,
body.hl2027 .ui-autocomplete li{
  background:#fff!important;color:#173956!important;border:0!important;border-bottom:1px solid #edf2f6!important;
  border-radius:5px!important;box-shadow:none!important;text-align:left!important;direction:ltr!important;font-weight:500!important
}
body.hl2027 .item-results button:hover,
body.hl2027 .item-results button:focus,
body.hl2027 .movement-item-results button:hover,
body.hl2027 .movement-item-results button:focus,
body.hl2027 .autocomplete-results button:hover,
body.hl2027 .autocomplete-results button:focus,
body.hl2027 .ui-autocomplete li:hover{background:#f1f7fc!important;color:#12375d!important}
body.hl2027 .item-results button[aria-selected="true"],body.hl2027 .item-results button.active{background:#eaf4fb!important;color:#12375d!important}

/* Material names/search are LTR in all material-related screens */
body.hl2027 .material-name-left,
body.hl2027 .movement-item-name,
body.hl2027 td[class*="material"],
body.hl2027 .item-picker input,
body.hl2027 .movement-item-picker input{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important}

/* Network status cards: lower, stronger, clearer */
body.hl2027 .network-status-tabs-single-row{gap:6px!important;padding:0 0 6px!important;margin-bottom:7px!important}
body.hl2027 .network-status-tabs-single-row .status-tab{height:52px!important;min-height:52px!important;min-width:88px!important;padding:5px 7px!important;border-radius:10px!important;font-size:12px!important;gap:2px!important}
body.hl2027 .network-status-tabs-single-row .status-tab .count{height:18px!important;min-width:28px!important;font-size:11px!important;padding:1px 6px!important;background:rgba(255,255,255,.82)!important}
body.hl2027 .network-status-tabs-single-row .status-all{background:#075c96!important;color:#fff!important}
body.hl2027 .network-status-tabs-single-row .status-new{background:#bdeafa!important;color:#07547c!important}
body.hl2027 .network-status-tabs-single-row .status-sent{background:#bfd7f7!important;color:#113f80!important}
body.hl2027 .network-status-tabs-single-row .status-under-process{background:#d7b9f1!important;color:#56217d!important}
body.hl2027 .network-status-tabs-single-row .status-submit{background:#ffdf87!important;color:#7b4900!important}
body.hl2027 .network-status-tabs-single-row .status-closed{background:#ccd8e3!important;color:#2f475e!important}
body.hl2027 .network-status-tabs-single-row .status-returns{background:#ddc0f4!important;color:#632b86!important}
body.hl2027 .network-status-tabs-single-row .status-complete{background:#bce8cc!important;color:#075f31!important}
body.hl2027 .network-status-tabs-single-row .status-rejected{background:#ffc6cd!important;color:#95182a!important}

/* Network table: right-size every column, let text wrap instead of creating whitespace */
body.hl2027 .network-transactions-table{table-layout:fixed!important;min-width:1180px!important}
body.hl2027 .network-transactions-table th:nth-child(1),body.hl2027 .network-transactions-table td:nth-child(1){width:86px!important}
body.hl2027 .network-transactions-table th:nth-child(2),body.hl2027 .network-transactions-table td:nth-child(2){width:108px!important}
body.hl2027 .network-transactions-table th:nth-child(3),body.hl2027 .network-transactions-table td:nth-child(3){width:120px!important}
body.hl2027 .network-transactions-table th:nth-child(4),body.hl2027 .network-transactions-table td:nth-child(4){width:82px!important}
body.hl2027 .network-transactions-table th:nth-child(5),body.hl2027 .network-transactions-table td:nth-child(5){width:260px!important;max-width:260px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important}
body.hl2027 .network-transactions-table th:nth-child(6),body.hl2027 .network-transactions-table td:nth-child(6){width:105px!important}
body.hl2027 .network-transactions-table th:nth-child(7),body.hl2027 .network-transactions-table td:nth-child(7){width:150px!important;white-space:normal!important;line-height:1.25!important}
body.hl2027 .network-transactions-table th:nth-child(8),body.hl2027 .network-transactions-table td:nth-child(8){width:92px!important}
body.hl2027 .network-transactions-table th:nth-child(9),body.hl2027 .network-transactions-table td:nth-child(9){width:92px!important}
body.hl2027 .network-transactions-table th:nth-child(10),body.hl2027 .network-transactions-table td:nth-child(10){width:82px!important}
body.hl2027 .network-transactions-table tbody td{padding:7px 6px!important;height:auto!important;min-height:38px!important}

/* Reports page: compact rows, no tall empty sections */
body.hl2027 .reports-2027-page{max-width:none!important}
body.hl2027 .reports-2027-page .reports-compact-panel{padding:10px 12px!important;margin-bottom:9px!important}
body.hl2027 .reports-2027-page .reports-panel-title{margin-bottom:6px!important;padding-bottom:6px!important}
body.hl2027 .reports-2027-page .reports-import-list,
body.hl2027 .reports-2027-page .reports-download-list{display:grid!important;gap:4px!important}
body.hl2027 .reports-2027-page .report-import-row{grid-template-columns:170px 130px minmax(360px,1fr)!important;padding:5px 0!important;min-height:44px!important}
body.hl2027 .reports-2027-page .report-download-row{
  display:grid!important;grid-template-columns:230px 270px minmax(280px,1fr) 120px!important;
  align-items:center!important;padding:6px 0!important;min-height:52px!important;border-bottom:1px solid #edf2f6!important
}
body.hl2027 .reports-2027-page .report-name h3{font-size:13px!important;margin:0 0 2px!important}
body.hl2027 .reports-2027-page .report-name small{font-size:10.5px!important;color:#748ba0!important}
body.hl2027 .reports-2027-page .report-mode-compact{display:flex!important;gap:12px!important;align-items:center!important;white-space:nowrap!important}
body.hl2027 .reports-2027-page .report-orders-input{height:34px!important;min-height:34px!important}
body.hl2027 .reports-2027-page .report-download-row button,
body.hl2027 .reports-2027-page .report-download-row>a.btn-small{height:34px!important;min-height:34px!important;background:#159b61!important;color:#fff!important}

/* Items page: semantic colors and inline row actions */
body.hl2027 .warehouse-items-page .items-add-action{background:#159b61!important;color:#fff!important}
body.hl2027 .warehouse-items-page .items-import-action{background:#dce9f3!important;color:#155173!important}
body.hl2027 .warehouse-items-page .items-search-action{background:#167dca!important;color:#fff!important}
body.hl2027 .warehouse-items-page .items-show-all-action{background:#356bd1!important;color:#fff!important}
body.hl2027 .warehouse-items-page .items-clear-action{background:#eef3f7!important;color:#36536e!important}
body.hl2027 .warehouse-items-page .items-export-action{background:#159b61!important;color:#fff!important}
body.hl2027 .warehouse-items-page .items-row-actions{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;align-items:center!important}
body.hl2027 .warehouse-items-page .items-row-actions form{margin:0!important}
body.hl2027 .warehouse-items-page .items-row-actions .items-edit-action{background:#e88a13!important;color:#fff!important;border-color:transparent!important}

/* Devices: columns and corporate actions/modal */
body.hl2027 .device-2027-page .legacy-device-table{min-width:1220px!important;table-layout:auto!important}
body.hl2027 .device-2027-page .device-warehouse-cell{min-width:165px!important;width:175px!important;max-width:190px!important}
body.hl2027 .device-2027-page .device-row-actions{min-width:225px!important}
body.hl2027 .device-2027-page .device-row-actions .device-edit-button{background:#e88a13!important;color:#fff!important}
body.hl2027 .device-2027-page .device-row-actions .corporate-install-button{background:#dfeefa!important;color:#114f7d!important}
body.hl2027 dialog.corporate-device-dialog{width:min(720px,94vw)!important;max-width:720px!important;overflow:hidden!important}
body.hl2027 dialog.corporate-device-dialog form{padding:16px 18px!important}
body.hl2027 .corporate-install-grid{grid-template-columns:1fr 1fr!important;gap:9px 12px!important}
body.hl2027 .corporate-install-grid input,body.hl2027 .corporate-install-grid select{height:36px!important;min-height:36px!important}
body.hl2027 .corporate-technician-field{grid-template-columns:1fr auto!important}
body.hl2027 .corporate-technician-actions{grid-column:1/-1!important;justify-content:flex-start!important;margin-top:4px!important}
body.hl2027 .corporate-technician-actions .tech-add{background:#159b61!important;color:#fff!important}
body.hl2027 .corporate-technician-actions .tech-edit{background:#167dca!important;color:#fff!important}

@media(max-width:1320px){
 body.hl2027 .warehouse-movement-page .legacy-movement-grid{grid-template-columns:140px 145px 170px 190px 190px minmax(180px,1fr)!important}
 body.hl2027 .warehouse-movement-page .legacy-material-add-row{grid-template-columns:minmax(330px,1fr) 88px 112px!important}
}
@media(max-width:980px){
 body.hl2027 .portal-header.hl-topbar.hl-classic-header{height:92px!important;min-height:92px!important;grid-template-columns:1fr auto!important;padding:8px 14px!important}
 body.hl2027 .hl-classic-title{font-size:24px!important;grid-column:1/2;grid-row:1}
 body.hl2027 .hl-classic-logo{width:72px;height:66px;grid-column:2;grid-row:1}
 body.hl2027 .hl-classic-left{display:none}
 body.hl2027 .side-nav{top:92px!important;height:calc(100vh - 92px)!important}
 body.hl2027 .warehouse-movement-page .legacy-movement-grid{grid-template-columns:1fr 1fr!important;width:100%!important}
 body.hl2027 .warehouse-movement-page .movement-number-field,body.hl2027 .warehouse-movement-page .movement-date-field,body.hl2027 .warehouse-movement-page .movement-reference-field,body.hl2027 .warehouse-movement-page .movement-notes-field,body.hl2027 .warehouse-movement-page .movement-from-field,body.hl2027 .warehouse-movement-page .movement-to-field,body.hl2027 .warehouse-movement-page .movement-warehouse-field{grid-column:auto!important}
 body.hl2027 .warehouse-movement-page .legacy-warehouse-pair{display:contents!important}
 body.hl2027 .warehouse-movement-page .legacy-material-add-row{grid-template-columns:1fr 90px 110px!important}
 body.hl2027 .reports-2027-page .report-download-row{grid-template-columns:1fr!important}
}

/* =========================================================
   v10.242 — pending UI corrections after v10.241
   ========================================================= */

/* 1) Approval counter stays in sidebar only: no top banner space */
body.hl2027 .notification-bar{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}

/* 2) Desktop sidebar is truly fixed. Its own scrollbar never shifts the menu or page. */
@media (min-width:761px){
  body.hl2027 .app-layout{display:block!important;min-height:calc(100vh - 116px)!important;width:100%!important;overflow:visible!important}
  body.hl2027 .side-nav{
    position:fixed!important;right:0!important;left:auto!important;top:116px!important;
    width:252px!important;min-width:252px!important;max-width:252px!important;
    height:calc(100vh - 116px)!important;box-sizing:border-box!important;
    overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable both-edges!important;
    z-index:470!important;transform:none!important;margin:0!important
  }
  body.hl2027 #app-main{
    margin-right:252px!important;margin-left:0!important;width:calc(100% - 252px)!important;
    min-width:0!important;box-sizing:border-box!important
  }
}

/* 3) Warehouse movement screens: exact two-row layout.
      Row 1 = movement metadata. Row 2 = material + qty + add. */
body.hl2027 .warehouse-movement-page .legacy-movement-card{padding:10px 12px 12px!important;overflow:visible!important}
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar{
  min-height:46px!important;padding:6px 8px!important;margin-bottom:8px!important;gap:7px!important
}
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar button,
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar .btn-small{height:36px!important;min-height:36px!important;padding:0 14px!important}
body.hl2027 .warehouse-movement-page .movement-info-row{
  display:grid!important;align-items:end!important;gap:8px!important;width:100%!important;
  margin:0!important;padding:0!important;direction:rtl!important
}
body.hl2027 .warehouse-movement-page .movement-info-row-in{
  grid-template-columns:120px 150px 165px 205px minmax(210px,1fr)!important
}
body.hl2027 .warehouse-movement-page .movement-info-row-out,
body.hl2027 .warehouse-movement-page .movement-info-row-transfer{
  grid-template-columns:120px 150px 160px 185px 185px minmax(190px,1fr)!important
}
body.hl2027 .warehouse-movement-page .movement-info-row>label,
body.hl2027 .warehouse-movement-page .movement-material-row>label{
  display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important;min-width:0!important;
  font-size:12px!important;font-weight:700!important;color:#244763!important
}
body.hl2027 .warehouse-movement-page .movement-info-row input,
body.hl2027 .warehouse-movement-page .movement-info-row select,
body.hl2027 .warehouse-movement-page .movement-material-row input{
  width:100%!important;min-width:0!important;max-width:none!important;height:36px!important;min-height:36px!important;
  padding:6px 10px!important;font-size:13px!important;border-radius:9px!important;box-sizing:border-box!important
}
body.hl2027 .warehouse-movement-page .movement-notes-field,
body.hl2027 .warehouse-movement-page .movement-number-field,
body.hl2027 .warehouse-movement-page .movement-date-field,
body.hl2027 .warehouse-movement-page .movement-reference-field,
body.hl2027 .warehouse-movement-page .movement-warehouse-field,
body.hl2027 .warehouse-movement-page .movement-from-field,
body.hl2027 .warehouse-movement-page .movement-to-field{
  width:auto!important;max-width:none!important;grid-column:auto!important;position:static!important;inset:auto!important
}
body.hl2027 .warehouse-movement-page .movement-material-row{
  display:grid!important;grid-template-columns:minmax(360px,1fr) 100px 132px!important;
  align-items:end!important;gap:8px!important;width:100%!important;margin-top:9px!important;padding-top:9px!important;
  border-top:1px solid #edf2f6!important;direction:rtl!important
}
body.hl2027 .warehouse-movement-page .legacy-material-field{width:auto!important;min-width:0!important;max-width:none!important}
body.hl2027 .warehouse-movement-page .legacy-quantity-field{width:100px!important;min-width:100px!important;max-width:100px!important}
body.hl2027 .warehouse-movement-page .legacy-add-line-row{
  display:flex!important;align-items:end!important;justify-content:stretch!important;margin:0!important;width:132px!important
}
body.hl2027 .warehouse-movement-page .legacy-add-line-row button{
  width:100%!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0 10px!important;
  background:#159b61!important;color:#fff!important;border-radius:9px!important;white-space:nowrap!important
}
body.hl2027 .warehouse-movement-page .item-picker{width:100%!important;min-width:0!important;position:relative!important}
body.hl2027 .warehouse-movement-page .item-picker>input{direction:ltr!important;text-align:left!important}

/* 4) Every material autocomplete uses a plain white list. Only hover gets a very light tint. */
body.hl2027 .item-results,
body.hl2027 .movement-item-results,
body.hl2027 .autocomplete-results,
body.hl2027 .ui-autocomplete,
body.hl2027 [class*="autocomplete"] [role="listbox"]{
  background:#fff!important;color:#173956!important;border:1px solid #c8d8e6!important;box-shadow:0 10px 24px rgba(25,55,85,.14)!important
}
body.hl2027 .item-results button,
body.hl2027 .movement-item-results button,
body.hl2027 .autocomplete-results button,
body.hl2027 .ui-autocomplete li,
body.hl2027 [class*="autocomplete"] [role="option"]{
  background:#fff!important;background-image:none!important;color:#173956!important;border:0!important;
  border-bottom:1px solid #edf2f6!important;box-shadow:none!important;text-shadow:none!important
}
body.hl2027 .item-results button:hover,
body.hl2027 .item-results button:focus,
body.hl2027 .movement-item-results button:hover,
body.hl2027 .movement-item-results button:focus,
body.hl2027 .autocomplete-results button:hover,
body.hl2027 .autocomplete-results button:focus,
body.hl2027 .ui-autocomplete li:hover,
body.hl2027 [class*="autocomplete"] [role="option"]:hover{
  background:#f4f8fb!important;background-image:none!important;color:#173956!important
}
body.hl2027 .item-results button.active,
body.hl2027 .item-results button[aria-selected="true"],
body.hl2027 [class*="autocomplete"] [aria-selected="true"]{
  background:#edf5fb!important;background-image:none!important;color:#173956!important
}

/* 5) Device lookup: compact search panel and compact empty state. */
body.hl2027 .device-2027-page .device-lookup-hero{
  border-radius:14px!important;padding:14px 18px!important;margin-bottom:10px!important;box-shadow:0 8px 22px rgba(18,63,115,.12)!important
}
body.hl2027 .device-2027-page .device-lookup-hero h1{
  font-size:23px!important;line-height:1.15!important;margin:0 0 4px!important;gap:8px!important
}
body.hl2027 .device-2027-page .device-lookup-hero p{font-size:12px!important;margin:0 0 10px!important;line-height:1.45!important}
body.hl2027 .device-2027-page .device-lookup-box{max-width:none!important;width:100%!important;gap:7px!important;align-items:center!important}
body.hl2027 .device-2027-page .device-lookup-box input{
  height:38px!important;min-height:38px!important;padding:6px 12px!important;border-radius:9px!important;font-size:14px!important
}
body.hl2027 .device-2027-page .device-lookup-box button,
body.hl2027 .device-2027-page .device-lookup-box .btn-small{
  height:38px!important;min-height:38px!important;padding:0 15px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important
}
body.hl2027 .device-2027-page .device-lookup-empty{
  padding:16px 18px!important;min-height:0!important;border-radius:12px!important;margin-top:8px!important;font-size:12.5px!important
}
body.hl2027 .device-2027-page .device-count-badge{font-size:12px!important;min-width:34px!important;height:26px!important;padding:2px 9px!important}

/* Responsive warehouse layout: preserve 2-row concept, wrap cleanly only when necessary. */
@media(max-width:1320px) and (min-width:981px){
  body.hl2027 .warehouse-movement-page .movement-info-row-in{grid-template-columns:110px 140px 150px 185px minmax(180px,1fr)!important}
  body.hl2027 .warehouse-movement-page .movement-info-row-out,
  body.hl2027 .warehouse-movement-page .movement-info-row-transfer{grid-template-columns:105px 135px 145px 165px 165px minmax(170px,1fr)!important}
  body.hl2027 .warehouse-movement-page .movement-material-row{grid-template-columns:minmax(300px,1fr) 90px 120px!important}
}
@media(max-width:980px){
  body.hl2027 .warehouse-movement-page .movement-info-row,
  body.hl2027 .warehouse-movement-page .movement-info-row-in,
  body.hl2027 .warehouse-movement-page .movement-info-row-out,
  body.hl2027 .warehouse-movement-page .movement-info-row-transfer{grid-template-columns:1fr 1fr!important}
  body.hl2027 .warehouse-movement-page .movement-material-row{grid-template-columns:minmax(0,1fr) 90px 110px!important}
  body.hl2027 #app-main{margin-right:0!important;width:100%!important}
}

/* v10.243 - Experimental horizontal top navigation */
body.hl2027 .hl-horizontal-nav{
  position:sticky!important;top:0!important;z-index:420!important;background:#f7fafc!important;
  border-bottom:1px solid #dce6f0!important;box-shadow:0 5px 16px rgba(16,48,80,.08)!important;
  padding:10px 18px 0!important;direction:rtl!important
}
body.hl2027 .hl-main-tabs{display:flex!important;gap:9px!important;align-items:stretch!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;padding-bottom:10px!important}
body.hl2027 .hl-main-tab{
  border:0!important;border-radius:10px!important;min-height:54px!important;padding:0 20px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  color:#fff!important;text-decoration:none!important;font-weight:800!important;font-size:16px!important;white-space:nowrap!important;
  box-shadow:0 5px 12px rgba(18,55,90,.13)!important;cursor:pointer!important;transition:.16s ease!important;position:relative!important
}
body.hl2027 .hl-main-tab:hover,body.hl2027 .hl-main-tab.open,body.hl2027 .hl-main-tab.active-parent,body.hl2027 .hl-main-tab.active{transform:translateY(-1px)!important;filter:brightness(1.06)!important;box-shadow:0 7px 18px rgba(18,55,90,.20)!important}
body.hl2027 .tab-home{background:#174b82!important}
body.hl2027 .tab-movements{background:#1f7fd0!important}
body.hl2027 .tab-approvals{background:#e34a4d!important}
body.hl2027 .tab-devices{background:#7651c7!important}
body.hl2027 .tab-materials{background:#219653!important}
body.hl2027 .tab-network{background:#ed8a19!important}
body.hl2027 .tab-reports{background:#1b9a9b!important}
body.hl2027 .tab-admin{background:#203f78!important}
body.hl2027 .hl-tab-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#fff;color:#d6323c;display:inline-flex;align-items:center;justify-content:center;font-size:13px!important}
body.hl2027 .hl-subnav-shell{background:#fff!important;border:1px solid #dce6f0!important;border-bottom:0!important;border-radius:12px 12px 0 0!important;padding:9px 12px!important;margin:0!important;box-shadow:0 6px 18px rgba(17,55,90,.07)!important}
body.hl2027 .hl-top-submenu{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;animation:hlSubIn .14s ease-out}
body.hl2027 .hl-top-submenu[hidden]{display:none!important}
body.hl2027 .hl-top-submenu a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:7px 17px!important;border:1px solid #d7e2ed!important;border-radius:9px!important;background:#f4f7fa!important;color:#173b62!important;text-decoration:none!important;font-weight:700!important;font-size:14px!important;transition:.15s ease!important}
body.hl2027 .hl-top-submenu a:hover,body.hl2027 .hl-top-submenu a.active{background:#e4f2ff!important;border-color:#99c9f4!important;color:#0c63ad!important}
@keyframes hlSubIn{from{opacity:.2;transform:translateY(-5px)}to{opacity:1;transform:none}}
body.hl2027 .hl-topnav-layout{display:block!important;min-height:calc(100vh - 116px)!important;width:100%!important;overflow:visible!important}
body.hl2027 .hl-topnav-layout #app-main{width:100%!important;max-width:none!important;margin:0!important;padding:18px 20px 42px!important;overflow-x:hidden!important}
body.hl2027 .mobile-nav-button,body.hl2027 .mobile-nav-overlay{display:none!important}
@media(max-width:980px){
 body.hl2027 .hl-horizontal-nav{padding-inline:8px!important}
 body.hl2027 .hl-main-tab{min-height:48px!important;padding:0 14px!important;font-size:14px!important}
 body.hl2027 .hl-main-tabs{justify-content:flex-start!important}
 body.hl2027 .hl-top-submenu{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important}
 body.hl2027 .hl-top-submenu a{white-space:nowrap!important}
}
\n\n/* v10.244 - compact top buttons + vertical dropdown submenus; no Home tab */
body.hl2027 .hl-horizontal-nav{
  position:sticky!important;top:0!important;z-index:520!important;
  padding:7px 14px 7px!important;overflow:visible!important
}
body.hl2027 .hl-main-tabs{
  gap:7px!important;align-items:center!important;padding-bottom:0!important;
  overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:thin!important
}
body.hl2027 .hl-main-tab{
  min-height:40px!important;height:40px!important;padding:0 13px!important;
  border-radius:9px!important;gap:6px!important;font-size:13.5px!important;
  box-shadow:0 3px 8px rgba(18,55,90,.12)!important
}
body.hl2027 .hl-main-tab b{font-size:11px!important;margin-inline-start:2px!important}
body.hl2027 .hl-tab-count{
  min-width:21px!important;height:21px!important;padding:0 6px!important;font-size:11px!important
}
body.hl2027 .hl-subnav-shell{
  position:absolute!important;z-index:650!important;margin:0!important;padding:7px!important;
  border:1px solid #d8e3ee!important;border-radius:10px!important;background:#fff!important;
  box-shadow:0 12px 28px rgba(12,42,72,.18)!important;overflow:visible!important
}
body.hl2027 .hl-top-submenu{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:4px!important;flex-wrap:nowrap!important;width:100%!important
}
body.hl2027 .hl-top-submenu[hidden]{display:none!important}
body.hl2027 .hl-top-submenu a{
  width:100%!important;min-height:34px!important;padding:7px 10px!important;
  justify-content:flex-start!important;text-align:right!important;border-radius:7px!important;
  border:0!important;background:#fff!important;font-size:13px!important;white-space:normal!important
}
body.hl2027 .hl-top-submenu a:hover,body.hl2027 .hl-top-submenu a.active{
  background:#edf5fc!important;color:#0c63ad!important
}
@media(max-width:980px){
  body.hl2027 .hl-horizontal-nav{padding:6px 8px!important}
  body.hl2027 .hl-main-tab{min-height:38px!important;height:38px!important;padding:0 11px!important;font-size:12.5px!important}
  body.hl2027 .hl-top-submenu{overflow:visible!important}
}


/* v10.245 - current screen tab + content directly below top navigation */
body.hl2027 .hl-current-screen-tab{
  min-height:40px!important;height:40px!important;padding:0 15px!important;border-radius:9px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  flex:0 0 auto!important;white-space:nowrap!important;color:#173956!important;background:#fff!important;
  border:2px solid #25a9b8!important;box-shadow:0 3px 10px rgba(14,93,111,.13)!important;
  font-weight:900!important;font-size:13.5px!important
}
body.hl2027 .hl-current-screen-icon{color:#25a9b8!important;font-size:10px!important}
body.hl2027 .hl-topnav-layout #app-main{padding-top:4px!important}

/* The current screen name now lives in the first top tab; suppress duplicate page headings. */
body.hl2027 #app-main > .page-head:first-child h1,
body.hl2027 #app-main > .page-head:first-child p,
body.hl2027 #app-main > * > .page-head:first-child h1,
body.hl2027 #app-main > * > .page-head:first-child p,
body.hl2027 #app-main > .legacy-page-title:first-child,
body.hl2027 #app-main > * > .legacy-page-title:first-child,
body.hl2027 #app-main > .transaction-detail-heading:first-child h1,
body.hl2027 #app-main > * > .transaction-detail-heading:first-child h1{display:none!important}
body.hl2027 #app-main > .page-head:first-child,
body.hl2027 #app-main > * > .page-head:first-child,
body.hl2027 #app-main > .transaction-detail-heading:first-child,
body.hl2027 #app-main > * > .transaction-detail-heading:first-child{
  margin-top:0!important;margin-bottom:4px!important;padding-top:0!important;padding-bottom:0!important;min-height:0!important
}
body.hl2027 #app-main > .page-head:first-child:not(:has(.page-actions)):not(:has(>button)):not(:has(>a)):not(:has(>form)),
body.hl2027 #app-main > * > .page-head:first-child:not(:has(.page-actions)):not(:has(>button)):not(:has(>a)):not(:has(>form)){
  display:none!important
}
@media(max-width:980px){
  body.hl2027 .hl-current-screen-tab{height:38px!important;min-height:38px!important;padding:0 11px!important;font-size:12.5px!important}
}

/* v10.246 - medium classic header: 110px, tighter spacing, single-row user info where possible */
body.hl2027 .portal-header.hl-topbar.hl-classic-header{
  height:110px!important;
  min-height:110px!important;
  padding:8px 28px!important;
  grid-template-columns:1fr minmax(380px,1.35fr) 1fr!important;
  column-gap:18px!important;
}
body.hl2027 .hl-classic-left{
  gap:6px!important;
  min-width:0!important;
}
body.hl2027 .hl-classic-actions{
  gap:9px!important;
  font-size:14px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
body.hl2027 .hl-classic-link{
  font-size:14px!important;
  line-height:1.15!important;
}
body.hl2027 .hl-classic-login{
  font-size:12.5px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
body.hl2027 .hl-classic-login br{display:none!important}
body.hl2027 .hl-classic-login strong{margin-inline-end:4px!important}
body.hl2027 .hl-classic-title{
  font-size:31px!important;
  line-height:1!important;
}
body.hl2027 .hl-classic-logo{
  width:94px!important;
  height:78px!important;
}
body.hl2027 .hl-topnav-layout{min-height:calc(100vh - 110px)!important}

@media(max-width:1100px){
  body.hl2027 .portal-header.hl-topbar.hl-classic-header{
    height:110px!important;min-height:110px!important;padding:8px 18px!important;
    grid-template-columns:1fr auto 1fr!important;column-gap:12px!important
  }
  body.hl2027 .hl-classic-title{font-size:27px!important}
  body.hl2027 .hl-classic-logo{width:84px!important;height:70px!important}
  body.hl2027 .hl-classic-actions{font-size:13px!important;gap:7px!important}
  body.hl2027 .hl-classic-link{font-size:13px!important}
  body.hl2027 .hl-classic-login{font-size:11.5px!important}
}

/* v10.247 - responsive top navigation buttons */
body.hl2027 .hl-main-tabs{
  display:flex!important;
  width:100%!important;
  gap:clamp(5px,.45vw,9px)!important;
  overflow-x:hidden!important;
}
body.hl2027 .hl-main-tab{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  height:clamp(38px,3.05vw,48px)!important;
  min-height:clamp(38px,3.05vw,48px)!important;
  padding-inline:clamp(8px,1.05vw,18px)!important;
  font-size:clamp(12px,.92vw,16px)!important;
  gap:clamp(4px,.45vw,8px)!important;
}
body.hl2027 .hl-main-tab span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.hl2027 .hl-tab-count{
  flex:0 0 auto!important;
  min-width:clamp(19px,1.45vw,24px)!important;
  height:clamp(19px,1.45vw,24px)!important;
  font-size:clamp(10px,.72vw,12px)!important;
}
@media (min-width:1500px){
  body.hl2027 .hl-main-tab{font-size:15px!important;max-width:none!important}
}
@media (max-width:1180px){
  body.hl2027 .hl-main-tabs{gap:5px!important}
  body.hl2027 .hl-main-tab{padding-inline:7px!important;font-size:11.5px!important;gap:3px!important}
}
@media (max-width:900px){
  body.hl2027 .hl-main-tabs{overflow-x:auto!important;scrollbar-width:thin!important}
  body.hl2027 .hl-main-tab{flex:0 0 auto!important;min-width:max-content!important;padding-inline:10px!important;font-size:12px!important}
}


/* =========================================================
   v10.249 — final top navigation/header + warehouse material UX
   ========================================================= */

/* Header: slightly shorter, no login timestamp. */
body.hl2027 .portal-header.hl-topbar.hl-classic-header{
  height:100px!important;
  min-height:100px!important;
  padding:6px 26px!important;
  grid-template-columns:1fr minmax(360px,1.35fr) 1fr!important;
  column-gap:16px!important;
}
body.hl2027 .hl-classic-left{gap:4px!important;justify-content:center!important}
body.hl2027 .hl-classic-actions{gap:8px!important;line-height:1.1!important}
body.hl2027 .hl-classic-login{font-size:12.5px!important;line-height:1.15!important;white-space:nowrap!important}
body.hl2027 .hl-classic-title{font-size:30px!important;line-height:1!important}
body.hl2027 .hl-classic-logo{width:88px!important;height:72px!important}
body.hl2027 .hl-topnav-layout{min-height:calc(100vh - 100px)!important}

/* Current-screen/Home chip removed: the top bar contains operational groups only. */
body.hl2027 .hl-current-screen-tab{display:none!important}

/* Shorter labels get stronger, semantically distinct colors. */
body.hl2027 .tab-movements{background:linear-gradient(135deg,#258bd9,#1475c4)!important}
body.hl2027 .tab-approvals{background:linear-gradient(135deg,#f05a59,#dc3f46)!important}
body.hl2027 .tab-devices{background:linear-gradient(135deg,#8059d4,#6944ba)!important}
body.hl2027 .tab-materials{background:linear-gradient(135deg,#25a65f,#16884c)!important}
body.hl2027 .tab-network{background:linear-gradient(135deg,#ffa01d,#e77d0c)!important}
body.hl2027 .tab-reports{background:linear-gradient(135deg,#24aaa9,#148e91)!important}
body.hl2027 .tab-admin{background:linear-gradient(135deg,#2b518d,#1c3e75)!important}
body.hl2027 .hl-main-tab{
  border:0!important;color:#fff!important;
  box-shadow:0 3px 9px rgba(15,48,80,.15)!important;
}
body.hl2027 .hl-main-tab:hover{filter:brightness(1.045)!important;transform:translateY(-1px)!important}

/* Responsive buttons keep one clean row for normal desktop widths. */
body.hl2027 .hl-main-tabs{gap:clamp(5px,.42vw,8px)!important}
body.hl2027 .hl-main-tab{
  height:clamp(38px,2.9vw,46px)!important;
  min-height:clamp(38px,2.9vw,46px)!important;
  padding-inline:clamp(8px,.95vw,16px)!important;
  font-size:clamp(12px,.86vw,15px)!important;
}

/* Warehouse movement second row: material field no longer fills the whole screen. */
body.hl2027 .warehouse-movement-page .movement-material-row{
  grid-template-columns:minmax(360px,720px) 96px 132px!important;
  width:min(100%,960px)!important;
  max-width:960px!important;
  margin-right:0!important;
  margin-left:auto!important;
  gap:9px!important;
  align-items:end!important;
  overflow:visible!important;
}
body.hl2027 .warehouse-movement-page .legacy-material-field{min-width:0!important;max-width:720px!important}
body.hl2027 .warehouse-movement-page .legacy-quantity-field{width:96px!important;min-width:96px!important;max-width:96px!important}
body.hl2027 .warehouse-movement-page .legacy-add-line-row{width:132px!important;min-width:132px!important;margin:0!important}
body.hl2027 .warehouse-movement-page .legacy-add-line-row button{
  width:132px!important;height:36px!important;min-height:36px!important;padding:0 12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important
}

/* Warehouse action buttons stay aligned in one compact row. */
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:visible!important
}
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar button,
body.hl2027 .warehouse-movement-page .legacy-movement-toolbar .btn-small{
  flex:0 0 auto!important;white-space:nowrap!important
}

/* Material results are a compact overlay, not a second scrollable screen. */
body.hl2027 .warehouse-movement-page .legacy-movement-card,
body.hl2027 .warehouse-movement-page form,
body.hl2027 .warehouse-movement-page .movement-material-row,
body.hl2027 .warehouse-movement-page .legacy-material-field,
body.hl2027 .warehouse-movement-page .item-picker{
  overflow:visible!important
}
body.hl2027 .warehouse-movement-page .item-picker:focus-within{z-index:500000!important}
body.hl2027 .warehouse-movement-page .item-results.open{
  position:absolute!important;top:calc(100% + 4px)!important;right:0!important;left:0!important;
  width:100%!important;min-width:100%!important;max-width:720px!important;
  max-height:none!important;overflow:visible!important;
  z-index:500001!important;background:#fff!important;border:1px solid #c9d9e6!important;
  border-radius:9px!important;box-shadow:0 14px 30px rgba(15,47,77,.18)!important;padding:3px!important
}
body.hl2027 .warehouse-movement-page .item-results.open button{
  min-height:34px!important;padding:7px 10px!important;background:#fff!important;color:#173956!important;
  border-bottom:1px solid #edf2f6!important;direction:ltr!important;text-align:left!important
}
body.hl2027 .warehouse-movement-page .item-results.open button:hover,
body.hl2027 .warehouse-movement-page .item-results.open button:focus{background:#f2f7fb!important}

@media(max-width:1180px){
  body.hl2027 .warehouse-movement-page .movement-material-row{
    grid-template-columns:minmax(300px,1fr) 92px 124px!important;width:100%!important;max-width:none!important
  }
  body.hl2027 .warehouse-movement-page .legacy-material-field{max-width:none!important}
  body.hl2027 .warehouse-movement-page .legacy-add-line-row,
  body.hl2027 .warehouse-movement-page .legacy-add-line-row button{width:124px!important;min-width:124px!important}
  body.hl2027 .warehouse-movement-page .item-results.open{max-width:100%!important}
}
@media(max-width:980px){
  body.hl2027 .portal-header.hl-topbar.hl-classic-header{
    height:92px!important;min-height:92px!important;padding:6px 14px!important;grid-template-columns:1fr auto!important
  }
  body.hl2027 .hl-topnav-layout{min-height:calc(100vh - 92px)!important}
}


/* =========================================================
   v10.250 — current-screen tab + centered area + compact network status row
   ========================================================= */

/* Restore a distinct first chip showing the currently open screen. */
body.hl2027 .hl-current-screen-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  height:clamp(38px,2.9vw,46px)!important;
  min-height:clamp(38px,2.9vw,46px)!important;
  padding-inline:clamp(12px,1vw,18px)!important;
  border-radius:10px!important;
  border:2px solid #1597a8!important;
  background:linear-gradient(135deg,#ffffff,#eef9fb)!important;
  color:#123a59!important;
  box-shadow:0 3px 9px rgba(15,72,96,.12)!important;
  font-size:clamp(12px,.86vw,15px)!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.hl2027 .hl-current-screen-icon{color:#1597a8!important;font-size:9px!important}

/* Network transactions: center area column header and values. */
body.hl2027 .network-transactions-table th.network-area-column,
body.hl2027 .network-transactions-table td.network-area-column{
  text-align:center!important;
  vertical-align:middle!important;
}

/* Compact the status strip while preserving a single desktop row. */
body.hl2027 .network-status-tabs-single-row{
  gap:6px!important;
  padding:0 0 4px!important;
  margin:0 0 5px!important;
}
body.hl2027 .network-status-tabs-single-row .status-tab{
  height:44px!important;
  min-height:44px!important;
  min-width:76px!important;
  padding:3px 6px!important;
  border-radius:10px!important;
  gap:1px!important;
  font-size:11.5px!important;
  line-height:1.05!important;
}
body.hl2027 .network-status-tabs-single-row .status-tab .count{
  height:17px!important;
  min-width:26px!important;
  padding:0 6px!important;
  font-size:10.5px!important;
  line-height:17px!important;
}
@media (min-width:1100px){
  body.hl2027 .network-status-tabs-single-row{
    display:grid!important;
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
    overflow-x:hidden!important;
    width:100%!important;
  }
}
@media (max-width:1099px){
  body.hl2027 .network-status-tabs-single-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:thin!important;
  }
  body.hl2027 .network-status-tabs-single-row .status-tab{flex:0 0 112px!important}
}

/* =========================================================
   v10.251 — compact header + warehouse label + global overlay pickers
   ========================================================= */

/* Slightly shorter classic header while keeping logo/title readable. */
body.hl2027 .portal-header.hl-topbar.hl-classic-header{
  height:92px!important;
  min-height:92px!important;
  padding:5px 24px!important;
  grid-template-columns:1fr minmax(340px,1.35fr) 1fr!important;
  column-gap:14px!important;
}
body.hl2027 .hl-classic-title{font-size:29px!important;line-height:1!important}
body.hl2027 .hl-classic-logo{width:82px!important;height:66px!important}
body.hl2027 .hl-classic-left{gap:3px!important}
body.hl2027 .hl-classic-actions{gap:7px!important}
body.hl2027 .hl-classic-login{line-height:1.05!important}
body.hl2027 .hl-topnav-layout{min-height:calc(100vh - 92px)!important}

/* In top-navigation mode, the browser/page owns vertical scrolling.
   Prevent #app-main from becoming a second internal screen. */
body.hl2027 .hl-topnav-layout #app-main{
  overflow:visible!important;
  min-height:0!important;
  height:auto!important;
}
body.hl2027 .hl-topnav-layout,
body.hl2027 .warehouse-movement-page,
body.hl2027 .warehouse-ui-page,
body.hl2027 .legacy-movement-card,
body.hl2027 .legacy-toolbar,
body.hl2027 .filter-one-row,
body.hl2027 .search,
body.hl2027 form:has(.item-picker){
  overflow:visible!important;
}

/* Any picker/result list opens as an overlay above the current page,
   instead of expanding a scrollable parent container. */
body.hl2027 .item-picker,
body.hl2027 .line-picker,
body.hl2027 .movement-item-picker,
body.hl2027 .stock-item-picker,
body.hl2027 .items-page-picker,
body.hl2027 .branch-material-picker,
body.hl2027 .approval-item-picker{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}
body.hl2027 .item-picker:focus-within,
body.hl2027 .line-picker:focus-within,
body.hl2027 .movement-item-picker:focus-within,
body.hl2027 .stock-item-picker:focus-within,
body.hl2027 .items-page-picker:focus-within,
body.hl2027 .branch-material-picker:focus-within,
body.hl2027 .approval-item-picker:focus-within{
  z-index:900000!important;
}
body.hl2027 .item-results.open,
body.hl2027 .movement-item-results.open,
body.hl2027 .approval-item-results.open,
body.hl2027 .autocomplete-results.open,
body.hl2027 .ui-autocomplete{
  position:absolute!important;
  z-index:900001!important;
  top:calc(100% + 4px)!important;
  max-height:280px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  background:#fff!important;
  border:1px solid #c9d9e6!important;
  border-radius:9px!important;
  box-shadow:0 14px 30px rgba(15,47,77,.18)!important;
}
body.hl2027 .card:has(.item-results.open),
body.hl2027 .legacy-movement-card:has(.item-results.open),
body.hl2027 .legacy-toolbar:has(.item-results.open),
body.hl2027 form:has(.item-results.open),
body.hl2027 dialog:has(.item-results.open),
body.hl2027 .request-line:has(.item-results.open),
body.hl2027 .inline-add:has(.item-results.open){
  position:relative!important;
  z-index:850000!important;
  overflow:visible!important;
}

@media(max-width:980px){
  body.hl2027 .portal-header.hl-topbar.hl-classic-header{
    height:86px!important;min-height:86px!important;padding:5px 12px!important
  }
  body.hl2027 .hl-topnav-layout{min-height:calc(100vh - 86px)!important}
  body.hl2027 .hl-classic-title{font-size:24px!important}
  body.hl2027 .hl-classic-logo{width:70px!important;height:60px!important}
}


/* v10.261 — visible device count in the device toolbar */
body.hl2027 .device-2027-page .device-toolbar-count{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  height:34px!important;min-height:34px!important;padding:5px 12px!important;border-radius:9px!important;
  background:#eef8f1!important;border:1px solid #9bd3aa!important;color:#154d2c!important;
  font-size:12.5px!important;font-weight:800!important;white-space:nowrap!important;flex:0 0 auto!important;
}
body.hl2027 .device-2027-page .device-toolbar-count strong{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;height:24px!important;
  padding:0 7px!important;border-radius:999px!important;background:#198754!important;color:#fff!important;font-size:12.5px!important;font-weight:900!important;
}
@media(max-width:760px){
  body.hl2027 .device-2027-page .device-toolbar-count{height:34px!important;padding:5px 10px!important}
}

/* =========================================================
   v10.263 — final requested navigation, green page tail, compact movement document
   ========================================================= */
:root{--hl-brand-green:#55b947;--hl-brand-green-dark:#3d9d35}

/* Green top strip with a dedicated white logo zone. */
body.hl2027 .hl-horizontal-nav.hl-unified-topnav{
  background:linear-gradient(90deg,var(--hl-brand-green),#4cad38)!important;
  padding:6px 0!important;border-top:3px solid #2d8f34!important;border-bottom:1px solid #2d8f34!important;
}
body.hl2027 .hl-unified-nav-row{display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;background:transparent!important}
body.hl2027 .hl-nav-logo{
  flex:0 0 78px!important;width:78px!important;height:58px!important;min-width:78px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#fff!important;border:1px solid #d7e2e8!important;border-radius:0!important;padding:4px!important;margin:0!important;
  box-shadow:0 2px 8px rgba(13,53,78,.10)!important;overflow:hidden!important
}
body.hl2027 .hl-nav-logo img{width:66px!important;height:50px!important;max-width:66px!important;max-height:50px!important;object-fit:contain!important}
body.hl2027 .hl-main-tabs{flex:1 1 auto!important;width:auto!important;display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;padding:0 4px!important}
body.hl2027 .hl-main-tab,body.hl2027 .hl-current-screen-tab{flex:0 0 auto!important;width:auto!important;min-width:max-content!important}
body.hl2027 .hl-current-screen-tab{background:#fff!important;color:#123a59!important;border:1px solid #d9e6dd!important;box-shadow:none!important}

/* Every main button has a clearly distinct color. */
body.hl2027 .tab-movements{background:linear-gradient(135deg,#278ad8,#1677c5)!important}
body.hl2027 .tab-approvals{background:linear-gradient(135deg,#dd3f78,#c72f67)!important}
body.hl2027 .tab-devices{background:linear-gradient(135deg,#7d4bd5,#6335be)!important}
body.hl2027 .tab-materials{background:linear-gradient(135deg,#159a58,#087f45)!important}
body.hl2027 .tab-network{background:linear-gradient(135deg,#ff9f1c,#f1830b)!important}
body.hl2027 .tab-reports{background:linear-gradient(135deg,#1ea9aa,#0d8d91)!important}
body.hl2027 .tab-admin{background:linear-gradient(135deg,#2d5b9c,#1f477f)!important}
body.hl2027 .tab-approvals .hl-tab-count{background:#fff!important;color:#d62839!important;border:0!important;font-weight:900!important}

/* Better user button: dark blue/slate distinct from the navigation groups. */
body.hl2027 .hl-user-menu-wrap{flex:0 0 auto!important;margin-inline:8px!important}
body.hl2027 .hl-user-menu-toggle{
  height:48px!important;min-height:48px!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.22)!important;
  border-radius:11px!important;background:linear-gradient(135deg,#193b63,#2c547c)!important;color:#fff!important;
  box-shadow:0 4px 12px rgba(13,46,75,.20)!important;font-size:15px!important;font-weight:900!important
}
body.hl2027 .hl-user-menu-toggle:hover,body.hl2027 .hl-user-menu-toggle.open{background:linear-gradient(135deg,#234a74,#356388)!important}
body.hl2027 .hl-user-menu-icon{color:#8bc56a!important}

/* Network list: all area after the data/pagination is the same green as the top strip. */
body.hl2027 .legacy-network-list-card{overflow:visible!important}
body.hl2027 .hl-network-green-tail{
  position:relative!important;margin:0 -1px -1px!important;padding:20px 18px 24px!important;min-height:210px!important;
  background:linear-gradient(180deg,var(--hl-brand-green),var(--hl-brand-green-dark))!important;
  border-radius:0 0 12px 12px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important
}
body.hl2027 .hl-network-green-tail .legacy-pagination{
  margin:0!important;padding:10px 14px!important;background:#fff!important;border-radius:12px!important;
  box-shadow:0 4px 13px rgba(13,61,53,.13)!important;min-width:min(520px,95%)!important
}

/* Movement document: buttons + summary form one compact header, no huge empty blank area. */
body.hl2027 .movement-document-card{padding:16px 20px!important}
body.hl2027 .movement-document-head{
  display:grid!important;grid-template-columns:minmax(320px,1fr) minmax(420px,620px)!important;
  gap:18px!important;align-items:start!important;margin-bottom:14px!important
}
body.hl2027 .movement-document-actions{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap!important;
  margin:0!important;padding:0!important;min-height:42px!important
}
body.hl2027 .movement-document-actions a,body.hl2027 .movement-document-actions button{
  height:40px!important;min-height:40px!important;padding:0 17px!important;border-radius:9px!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important
}
body.hl2027 .movement-action-ledger{background:#176fc1!important;color:#fff!important}
body.hl2027 .movement-action-print{background:#6f42c1!important;color:#fff!important}
body.hl2027 .movement-action-devices{background:#138496!important;color:#fff!important}
body.hl2027 .movement-document-summary{
  display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:8px 12px!important;
  margin:0!important;padding:10px 14px!important;background:#f8fbfd!important;border:1px solid #dce8f0!important;border-radius:10px!important
}
body.hl2027 .movement-document-summary dt,body.hl2027 .movement-document-summary dd{margin:0!important;min-height:24px!important;line-height:1.45!important}
body.hl2027 .movement-document-table{margin-top:0!important}
@media(max-width:980px){
  body.hl2027 .movement-document-head{grid-template-columns:1fr!important}
  body.hl2027 .movement-document-actions{justify-content:flex-start!important}
  body.hl2027 .hl-nav-logo{flex-basis:66px!important;width:66px!important;min-width:66px!important;height:52px!important}
  body.hl2027 .hl-nav-logo img{width:56px!important;height:44px!important}
}


/* =========================================================
   v10.265 — header dropdown/logo + device title + reference lists
   ========================================================= */
:root{--hl-brand-green:#55b947;--hl-brand-green-dark:#3d9d35}

/* Keep the navigation strip at a fixed compact height. */
body.hl2027 .hl-horizontal-nav.hl-unified-topnav{
  position:relative!important;
  overflow:visible!important;
  background:linear-gradient(90deg,var(--hl-brand-green),#4cad38)!important;
  padding:6px 0!important;
}
body.hl2027 .hl-unified-nav-row{
  position:relative!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  min-height:58px!important;
  height:58px!important;
}

/* White logo on green background, larger without increasing bar height. */
body.hl2027 .hl-nav-logo{
  flex:0 0 96px!important;
  width:96px!important;
  min-width:96px!important;
  height:58px!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 4px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.hl2027 .hl-nav-logo img{
  display:block!important;
  width:90px!important;
  height:56px!important;
  max-width:90px!important;
  max-height:56px!important;
  object-fit:contain!important;
  filter:none!important;
}

/* User menu is an overlay dropdown; never contributes to nav height. */
body.hl2027 .hl-user-menu-wrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  height:48px!important;
  min-height:48px!important;
  margin-inline:8px!important;
  overflow:visible!important;
  z-index:10020!important;
}
body.hl2027 .hl-user-menu-toggle{
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
}
body.hl2027 .hl-user-menu{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  right:auto!important;
  width:190px!important;
  min-width:190px!important;
  height:auto!important;
  margin:0!important;
  padding:7px!important;
  background:#fff!important;
  border:1px solid #cddbe6!important;
  border-radius:10px!important;
  box-shadow:0 12px 28px rgba(13,45,72,.24)!important;
  z-index:10030!important;
  overflow:hidden!important;
}
body.hl2027 .hl-user-menu[hidden]{display:none!important}
body.hl2027 .hl-user-menu:not([hidden]){display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
body.hl2027 .hl-user-menu a,
body.hl2027 .hl-user-menu form,
body.hl2027 .hl-user-menu button{width:100%!important;margin:0!important;box-sizing:border-box!important}
body.hl2027 .hl-user-menu a,
body.hl2027 .hl-user-menu button{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:36px!important;padding:7px 10px!important;border-radius:7px!important;
  font-size:13.5px!important;font-weight:800!important;text-decoration:none!important;
}
body.hl2027 .hl-user-menu a{background:#eef5fb!important;color:#174b73!important;border:1px solid #d8e5ef!important}
body.hl2027 .hl-user-menu button{background:#d83d4d!important;color:#fff!important;border:1px solid #c92d3e!important;cursor:pointer!important}

/* Login logo: no frame around the image. */
@media (min-width:761px){
  html:not(.hl-mobile-device) .hl-login-desktop-logo{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:8px!important;
  }
}

/* Regions/neighborhoods: make both lists truly readable on large screens. */
body.hl2027 .area-neighborhood-manager{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:32px!important;
  align-items:start!important;
  padding:28px!important;
}
body.hl2027 .reference-select-panel h2{
  font-size:22px!important;
  margin:0 0 14px!important;
}
body.hl2027 .reference-select-panel select{
  width:100%!important;
  height:520px!important;
  min-height:520px!important;
  padding:10px!important;
  font-size:16px!important;
  line-height:1.55!important;
  background:#fff!important;
  border:1px solid #b9cfe0!important;
  border-radius:12px!important;
  color:#143a59!important;
}
body.hl2027 .reference-select-panel option{
  min-height:34px!important;
  padding:8px 10px!important;
  font-size:16px!important;
  background:#fff;
  color:#143a59;
}
body.hl2027 .reference-select-panel option:checked{
  background:#dcecf8 linear-gradient(0deg,#dcecf8,#dcecf8)!important;
  color:#0d3c64!important;
  font-weight:800!important;
}
body.hl2027 .reference-action-row{gap:12px!important;margin-top:16px!important}
body.hl2027 .reference-action-row button{min-height:38px!important;padding:8px 18px!important;font-size:13px!important}

@media(max-width:1000px){
  body.hl2027 .area-neighborhood-manager{grid-template-columns:1fr!important;gap:24px!important;padding:20px!important}
  body.hl2027 .reference-select-panel select{height:360px!important;min-height:360px!important}
}
@media(max-width:980px){
  body.hl2027 .hl-nav-logo{flex-basis:80px!important;width:80px!important;min-width:80px!important;height:52px!important;min-height:52px!important}
  body.hl2027 .hl-nav-logo img{width:76px!important;height:50px!important;max-width:76px!important;max-height:50px!important}
  body.hl2027 .hl-unified-nav-row{height:52px!important;min-height:52px!important}
}

/* =========================================================
   v10.266 — compact password screen + movement header layout
   ========================================================= */

/* Password change: compact card, no logo/title and no wasted vertical space. */
body.hl2027 .password-change-card{
  width:min(470px,92vw)!important;
  max-width:470px!important;
  margin:24px auto!important;
  padding:18px 20px!important;
  border-top:4px solid var(--hl-brand-green)!important;
  border-radius:14px!important;
  text-align:right!important;
}
body.hl2027 .password-change-card::before,
body.hl2027 .password-change-card > h1{display:none!important}
body.hl2027 .password-change-hint{
  margin:0 0 12px!important;
  text-align:center!important;
  color:#173f61!important;
  font-size:15px!important;
  line-height:1.45!important;
}
body.hl2027 .password-change-form{
  display:grid!important;
  gap:10px!important;
  padding:0!important;
  margin:0!important;
}
body.hl2027 .password-change-field{
  display:grid!important;
  gap:5px!important;
  margin:0!important;
  color:#173f61!important;
  font-size:14px!important;
  font-weight:800!important;
}
body.hl2027 .password-input-wrap{
  position:relative!important;
  display:block!important;
}
body.hl2027 .password-input-wrap input{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 40px 0 12px!important;
  border:1px solid #c8d9e7!important;
  border-radius:9px!important;
  font-size:14px!important;
  background:#fff!important;
}
body.hl2027 .password-eye{
  position:absolute!important;
  top:50%!important;
  right:8px!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#7890a6!important;
  box-shadow:none!important;
  font-size:17px!important;
  cursor:pointer!important;
}
body.hl2027 .password-eye.is-visible{color:#1676bf!important}
body.hl2027 .password-change-actions{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:10px!important;
  margin:2px 0 0!important;
  padding:0!important;
}
body.hl2027 .password-change-actions .password-cancel,
body.hl2027 .password-change-actions .password-save{
  height:40px!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:9px!important;
  font-size:14px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
body.hl2027 .password-change-actions .password-cancel{
  background:#f3f7fa!important;
  border:1px solid #cbd9e4!important;
  color:#254a68!important;
}
body.hl2027 .password-change-actions .password-save{
  background:#197dcc!important;
  border:1px solid #197dcc!important;
  color:#fff!important;
}

/* Movement voucher: summary on the right, actions centered in the other half. */
body.hl2027 .movement-document-head{
  grid-template-columns:minmax(420px,620px) minmax(320px,1fr)!important;
  align-items:center!important;
}
body.hl2027 .movement-document-summary{
  grid-column:1!important;
}
body.hl2027 .movement-document-actions{
  grid-column:2!important;
  justify-content:center!important;
  align-self:center!important;
  min-height:42px!important;
}
@media(max-width:980px){
  body.hl2027 .movement-document-head{grid-template-columns:1fr!important;align-items:start!important}
  body.hl2027 .movement-document-summary,body.hl2027 .movement-document-actions{grid-column:1!important}
  body.hl2027 .movement-document-actions{justify-content:center!important}
}


/* =========================================================
   v10.268 — exact green pagination tail requested by user
   ========================================================= */
body.hl2027 .legacy-network-list-card{
  overflow:visible!important;
  padding-bottom:0!important;
}
body.hl2027 .legacy-network-list-card > .table-wrap{
  margin-bottom:0!important;
  border-radius:12px 12px 0 0!important;
}
body.hl2027 .hl-network-green-tail{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:calc(100% + 2px)!important;
  min-height:330px!important;
  margin:0 -1px -1px!important;
  padding:0 28px 28px!important;
  background:linear-gradient(180deg,#36a56e 0%,#26965f 100%)!important;
  border-radius:0 0 14px 14px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.hl2027 .hl-network-green-tail .legacy-pagination{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:145px!important;
  margin:0!important;
  padding:26px 18px 20px!important;
  background:#fff!important;
  border:1px solid #d6e4ef!important;
  border-top:0!important;
  border-radius:0 0 16px 16px!important;
  box-shadow:0 5px 16px rgba(20,66,91,.08)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-sizing:border-box!important;
}
body.hl2027 .hl-network-green-tail .pagination-summary{
  flex-basis:100%!important;
  width:100%!important;
  text-align:center!important;
  margin-top:2px!important;
  color:#7d8ca5!important;
}
body.hl2027 .hl-network-green-tail .page-link{
  min-width:44px!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
}
@media(max-width:900px){
  body.hl2027 .hl-network-green-tail{min-height:220px!important;padding:0 10px 16px!important}
  body.hl2027 .hl-network-green-tail .legacy-pagination{min-height:125px!important;padding:20px 10px 16px!important}
}

/* =========================================================
   v10.272 — movement voucher: actions exactly level with summary
   ========================================================= */
body.hl2027 .movement-document-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-bottom:12px!important;
}
body.hl2027 .movement-document-summary{
  flex:0 0 min(52%,760px)!important;
  width:min(52%,760px)!important;
  max-width:760px!important;
  margin:0!important;
}
body.hl2027 .movement-document-actions{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:320px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
body.hl2027 .movement-document-table{margin-top:8px!important}
@media(max-width:980px){
  body.hl2027 .movement-document-head{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  body.hl2027 .movement-document-summary{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
  }
  body.hl2027 .movement-document-actions{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }
}


/* =========================================================
   v10.273 — movement voucher: swap summary/actions + polished buttons
   ========================================================= */
body.hl2027 .movement-document-head{
  display:grid!important;
  grid-template-columns:minmax(320px,1fr) minmax(520px,760px)!important;
  grid-template-areas:"actions summary"!important;
  align-items:stretch!important;
  gap:20px!important;
  direction:ltr!important;
  margin-bottom:10px!important;
}
body.hl2027 .movement-document-summary{
  grid-area:summary!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  direction:rtl!important;
  align-self:stretch!important;
}
body.hl2027 .movement-document-actions{
  grid-area:actions!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  gap:12px!important;
  padding:14px!important;
  margin:0!important;
  direction:rtl!important;
}
body.hl2027 .movement-document-actions a,
body.hl2027 .movement-document-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  height:50px!important;
  min-height:50px!important;
  min-width:150px!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:12px!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 5px 14px rgba(20,65,105,.15)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
body.hl2027 .movement-document-actions a:hover,
body.hl2027 .movement-document-actions button:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 7px 18px rgba(20,65,105,.20)!important;
}
body.hl2027 .movement-action-ledger{background:linear-gradient(135deg,#176fbd,#238be0)!important}
body.hl2027 .movement-action-print{background:linear-gradient(135deg,#2588df,#49a5f2)!important}
body.hl2027 .movement-action-devices{background:linear-gradient(135deg,#138596,#19a7a6)!important}
body.hl2027 .movement-action-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#fff!important;
  opacity:.96!important;
}
body.hl2027 .movement-document-table{margin-top:6px!important}
@media(max-width:980px){
  body.hl2027 .movement-document-head{
    grid-template-columns:1fr!important;
    grid-template-areas:"summary" "actions"!important;
    gap:10px!important;
  }
  body.hl2027 .movement-document-actions{padding:4px 0!important;flex-wrap:wrap!important}
  body.hl2027 .movement-document-actions a,
  body.hl2027 .movement-document-actions button{min-width:135px!important;height:46px!important;min-height:46px!important;font-size:14px!important}
}
/* Work-item catalog search: fill available toolbar width with compact text. */
body.hl2027 .work-items-search-row{display:flex!important;width:100%!important;align-items:center!important}
body.hl2027 .work-items-search-row .work-items-page-picker{display:block!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important}
body.hl2027 .work-items-search-row #work-items-live-search{width:100%!important;min-width:0!important;font-size:12px!important}
@media(max-width:800px){body.hl2027 .work-items-search-row{flex-wrap:wrap!important}body.hl2027 .work-items-search-row .work-items-page-picker{flex-basis:100%!important}}