/* GFLEX STAGE 036 - homepage visual layer only.
 * No application JavaScript, role checks, handlers, ids, datasets, RPCs,
 * loading logic or other pages changed. Original Stage 033 retained.
 */

/* Clean, spacious workspace within the existing three-column shell */
#warehouse.panel.active { min-width:0; }
#warehouse > .card {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
#warehouse #warehouseGridView {min-width:0;}

/* Compact warehouse hero: old title and its existing refresh handler remain */
#warehouse .warehouseTop {
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:114px;
  gap:15px;
  margin:0 0 15px!important;
  padding:20px 24px!important;
  overflow:hidden;
  border-radius:18px;
  border:1px solid #dce7f3!important;
  background:
     linear-gradient(90deg,#fff 1%,#f0f6fd 54%,rgba(233,242,252,.75) 73%,rgba(228,238,250,.09) 100%),
     url('./warehouse-scanner.webp') right center / auto 100% no-repeat!important;
  box-shadow:0 9px 24px rgba(10,45,92,.07)!important;
}
#warehouse .warehouseTop::before{
  content:"";position:absolute;top:0;left:0;width:5px;height:100%;
  background:linear-gradient(180deg,#f22641,#175ac0);pointer-events:none;
}
#warehouse .warehouseTop > * {position:relative;z-index:1;}
#warehouse .warehouseTop .pageTitle,
#warehouse .warehouseTop h2 {font-size:25px!important;line-height:1.22!important;margin:0!important;color:#123464!important;font-weight:950!important;}
#warehouse .warehouseTop .mini{color:#5b7490!important;font-size:12px!important;font-weight:750!important;max-width:510px;}
#warehouse .warehouseTop .pageTitleIcon {width:42px!important;height:42px!important;border-radius:12px!important;background:#1e60c3!important;color:#fff!important;}
#warehouse #warehouseRefresh{
  flex:0 0 auto;border-radius:10px!important;padding:10px 14px!important;
  background:rgba(255,255,255,.86)!important;
  color:#234a7c!important;border:1px solid #ccdbea!important;
}

/* Prepare for customer pickup / ready-to-issue row. Courier controls are not part of this row. */
#warehouse #officeIssueWorkflow {
  grid-template-columns:minmax(285px,.92fr) minmax(0,1.35fr)!important;
  align-items:stretch!important;
  gap:14px!important;
  margin:0 0 14px!important;
}
#warehouse #officePreparePanel,
#warehouse #officeReadyBoard {
  min-width:0!important;
  padding:19px 19px 16px!important;
  border-radius:17px!important;
  border:1px solid #dce6f4!important;
  box-shadow:0 7px 22px rgba(16,62,120,.065)!important;
}
#warehouse #officePreparePanel {background:#fff!important;}
#warehouse #officeReadyBoard {background:linear-gradient(140deg,#fff 48%,#fff9fa 100%)!important;border-color:#f4d7dc!important;}
#warehouse .officeIssueSectionHead {gap:12px!important;align-items:flex-start!important;margin-bottom:14px!important;}
#warehouse .officeIssueSectionHead h3 {font-size:19px!important;line-height:1.3!important;color:#143763!important;font-weight:1000!important;margin:0!important;}
#warehouse .officeIssueSectionHead .mini {font-size:11.5px!important;line-height:1.48!important;color:#697e97!important;margin:6px 0 0!important;max-width:440px;}
#warehouse .officePrepareGrid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;}
#warehouse .officePrepareGrid > * {grid-column:1/-1!important;width:100%!important;max-width:100%!important;min-width:0!important;}
#warehouse .officePrepareGrid input{
  height:49px!important;min-height:49px!important;border-radius:11px!important;
  padding:10px 13px!important;background:#f9fbfe!important;
  border:1px solid #cfdbeb!important;color:#12385f!important;
  box-shadow:none!important;font-size:14px!important;font-weight:800!important;
}
#warehouse .officePrepareGrid input::placeholder {color:#7187a1!important;opacity:1!important;font-weight:700!important;}
#warehouse #officePrepareBtn {
  justify-self:stretch!important;min-width:0!important;min-height:50px!important;
  margin:3px 0 0!important;padding:12px!important;
  border-radius:11px!important;background:linear-gradient(95deg,#f12442,#db1634)!important;
  color:white!important;border:0!important;
  box-shadow:0 8px 17px rgba(212,16,49,.16)!important;font-size:15px!important;
}
#warehouse #officePreparePanel > .mini{color:#5b7190!important;font-size:11px!important;line-height:1.45!important;}
#warehouse #officePrepareResult {margin-top:9px!important;}
#warehouse #officePrepareResult:empty {display:none!important;}

#warehouse #officeReadyCount {
  color:#fff!important;background:#ee2445!important;
  min-width:27px!important;height:27px!important;padding:3px 8px!important;
  font-size:13px!important;border-radius:999px!important;
}
#warehouse .officeReadyTools {gap:6px!important;align-items:center!important;}
#warehouse .officeReadyTools .refreshBtn{
  border-radius:8px!important;padding:7px 9px!important;
  min-height:32px!important;font-size:10px!important;white-space:normal;
}
#warehouse #officeReadyList{
  max-height:370px!important;
  overflow:auto!important;
  display:flex!important;flex-direction:column!important;gap:7px!important;
  padding:1px 2px 2px!important;
}
#warehouse .officeReadyRow{
  background:#fff!important;border:1px solid #e6eaf0!important;
  border-radius:12px!important;box-shadow:0 2px 8px rgba(10,48,96,.035)!important;
  padding:11px!important;gap:10px!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
#warehouse .officeReadyTracking{color:#173c72!important;font-size:14px!important;line-height:1.35!important;font-weight:1000!important;}
#warehouse .officeReadyRecipient{color:#263e5f!important;font-size:13px!important;font-weight:900!important;}
#warehouse .officeReadyMeta,#warehouse .officeReadyNote{color:#66809a!important;font-size:11px!important;}
#warehouse .officeReadyShelf{
  background:#eef4ff!important;color:#2559a1!important;min-width:59px!important;
  border:1px solid #d3e3fa!important;border-radius:9px!important;
  padding:8px!important;font-size:12px!important;
}
#warehouse .officeReadyCancel{border-radius:9px!important;min-height:35px!important;}
#warehouse .officeReadyEmpty{
  min-height:100px;background:#fff!important;color:#7186a3!important;
  border:1px dashed #e1d5da!important;display:grid;place-items:center;padding:20px!important;
}

/* Physical release remains separate: warehouse operator must scan the prepared parcel. */
#warehouse #officeInsideWarehouse{
  margin:0 0 14px!important;padding:16px 19px!important;
  border-radius:16px!important;
  border:1px solid #f4cad5!important;
  background:linear-gradient(110deg,#fff,#fff4f6)!important;
  box-shadow:0 7px 22px rgba(159,26,63,.05)!important;
}
#warehouse #officeInsideWarehouse:after{display:none!important;}
#warehouse .warehouseOfficeHead h3{font-size:17px!important;font-weight:950!important;color:#173d72!important;}
#warehouse .warehouseOfficeHead h3 .officeIcon{background:#f12442!important;color:white!important;}
#warehouse .warehouseOfficeHead .mini{color:#687d99!important;font-size:11px!important;margin-top:4px!important;}
#warehouse #officeInsideWarehouse label{color:#415b7d!important;font-weight:850!important;font-size:11px!important;}
#warehouse #officeCode{
  background:#fff!important;border:1px solid #cedae8!important;color:#133663!important;
  min-height:48px!important;border-radius:10px!important;
}
#warehouse #officeCode::placeholder{color:#8398b1!important;}
#warehouse #officeQuickFocusBtn{
  color:white!important;background:linear-gradient(100deg,#ed2744,#d81636)!important;
  border-radius:10px!important;min-height:48px!important;padding:10px 22px!important;
}
#warehouse #officeResult:empty{display:none!important;}

/* Search and shelves get full width instead of a narrow side-search rail. */
#warehouse .warehouseLayout {display:block!important;margin-top:0!important;}
#warehouse .warehouseMainRow {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
#warehouse .warehouseSearchPanel{
  position:static!important;top:auto!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(155px,.8fr) minmax(210px,1.2fr) 112px minmax(125px,.55fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:11px!important;
  row-gap:2px!important;
  margin:0!important;
  padding:13px 17px!important;
  border-radius:15px!important;
  border:1px solid #dce7f2!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(16,62,120,.055)!important;
}
#warehouse .warehouseSearchPanel h3{
  grid-column:1;grid-row:1;margin:0!important;
  color:#143864!important;font-size:17px!important;line-height:1.4!important;
}
#warehouse .warehouseSearchPanel > .mini{
  grid-column:1;grid-row:2;max-width:260px;
  font-size:11px!important;line-height:1.3!important;color:#7b8fa8!important;
  margin:0!important;
}
#warehouse #warehouseSearchCode{
  grid-column:2;grid-row:1/3;min-width:0!important;
  min-height:46px!important;margin:0!important;
  color:#143864!important;background:#f9fbfe!important;
  border:1px solid #cfdaeb!important;border-radius:10px!important;
}
#warehouse #warehouseSearchBtn{
  grid-column:3;grid-row:1/3;min-width:0!important;
  min-height:46px!important;margin:0!important;padding:9px 10px!important;
  color:#fff!important;border-radius:10px!important;
  background:linear-gradient(115deg,#ed2744,#d91b36)!important;
}
#warehouse .warehouseSearchPanel > .result{
  grid-column:1/-1;grid-row:3;margin:0!important;
}
#warehouse .warehouseSearchPanel > .result:empty{display:none!important;}
#warehouse .warehouseSearchPanel .metricCard.total{
  grid-column:4;grid-row:1/3;margin:0!important;min-width:0!important;
  background:#f0f6ff!important;border:1px solid #dbe8f7!important;
  border-radius:11px!important;padding:7px 11px!important;
  display:grid;grid-template-columns:1fr auto;column-gap:5px;align-items:center;
}
#warehouse .warehouseSearchPanel .metricLabel{grid-column:1;grid-row:1;font-size:10px!important;color:#597695!important;}
#warehouse .warehouseSearchPanel .metricValue{grid-column:1;grid-row:2;font-size:23px!important;color:#1854a3!important;margin:0!important;}
#warehouse .warehouseSearchPanel .metricNote{display:none!important;}
#warehouse .warehouseSearchPanel .metricCard .exportBtn{
  grid-column:2;grid-row:1/3;margin:0!important;width:auto!important;
  padding:7px 8px!important;border-radius:8px!important;font-size:10px!important;
}

#warehouse .warehouseShelves{
  position:relative;min-width:0!important;
  padding:17px 17px 16px!important;
  border-radius:17px!important;
  border:1px solid #dce7f2!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(16,62,120,.06)!important;
}
#warehouse .warehouseShelves::before{
  content:"▦  საწყობის თაროები";
  display:block;color:#173b70;font-size:18px;font-weight:1000;
  margin:1px 0 14px;
}
#warehouse #shelfGrid{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:7px!important;
}
#warehouse .shelfBtn{
  min-width:0!important;min-height:61px!important;
  display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between!important;
  gap:3px!important;padding:10px 9px!important;
  background:#f9fbfe!important;
  border:1px solid #dbe5f1!important;border-radius:10px!important;
  box-shadow:none!important;transform:none;
  text-align:left!important;
}
#warehouse .shelfBtn:hover{background:#eef5ff!important;border-color:#87afe9!important;transform:translateY(-1px)!important;}
#warehouse .shelfName{font-size:13px!important;font-weight:1000!important;color:#123a70!important;margin:0!important;line-height:1.1!important;}
#warehouse .shelfCount{
  font-size:12px!important;line-height:1.5!important;
  font-weight:1000!important;color:#1552a4!important;
  min-width:23px;padding:2px 5px!important;margin:0!important;
  text-align:center;background:#e5f1ff!important;border-radius:999px;
}
#warehouse .shelfMeta{width:100%;text-align:left;font-size:10px!important;margin:1px 0 0!important;color:#6d86a0!important;line-height:1.18!important;}
#warehouse .shelfBtn.empty{opacity:.64!important;}
#warehouse .shelfBtn.special{background:#f0fdf8!important;border-color:#b6e6d1!important;}
#warehouse .shelfBtn.officeReadyShelfBtn{
  border:2px solid #ffb536!important;background:#fff4da!important;
  box-shadow:0 0 0 2px rgba(237,159,34,.11)!important;
}
#warehouse .shelfBtn.officeReadyShelfBtn .shelfMeta{color:#b32639!important;font-weight:950!important;}
#warehouse #stagingShortcut{margin:0 0 10px!important;}
#warehouse #stagingShortcut button {font-size:12px!important;}
#warehouse .dhlZone {margin-top:14px!important;}

/* Important secondary workflows are still here, not removed or hidden. */
#warehouse .expectedOps,
#warehouse .routingArea {border-radius:16px!important;}
#warehouse .expectedOps{margin-top:15px!important;}
#warehouse .routingArea{margin-top:15px!important;}
#warehouse .routingAreaTitle h2 {font-size:18px!important;}
#warehouse #shelfDetailView {min-width:0;}
#warehouse #shelfDetailView .shelfDetailHeader,
#warehouse #shelfDetailView .shelfParcelList{background:#fff;border-radius:14px;padding:12px;}

/* The read-only aging rail receives visually quieter cards, no data changes. */
body:has(#warehouse.panel.active) .ageRail{
  border:1px solid rgba(210,227,246,.28)!important;
  background:rgba(12,28,50,.83)!important;
}

@media(max-width:1440px){
  #warehouse #shelfGrid {grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  #warehouse #officeIssueWorkflow {grid-template-columns:minmax(250px,.92fr) minmax(0,1.15fr)!important;}
  #warehouse .warehouseSearchPanel {grid-template-columns:145px minmax(150px,1fr) 92px minmax(110px,.6fr)!important;}
}
@media(max-width:1150px){
  #warehouse .warehouseSearchPanel{grid-template-columns:minmax(160px,.7fr) minmax(170px,1fr) auto!important;}
  #warehouse .warehouseSearchPanel .metricCard.total{grid-column:1/-1;grid-row:4;display:flex;justify-content:space-between;gap:10px;}
  #warehouse .warehouseSearchPanel .metricCard .exportBtn{margin-left:auto!important;}
  #warehouse #shelfGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  #warehouse #officeIssueWorkflow{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  #warehouse .warehouseTop{min-height:98px;padding:17px!important;background:linear-gradient(90deg,#fff,rgba(239,246,254,.96))!important;}
  #warehouse .warehouseTop h2{font-size:20px!important;}
  #warehouse .warehouseTop .mini{font-size:11px!important;}
  #warehouse .warehouseSearchPanel{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;}
  #warehouse .warehouseSearchPanel h3{grid-column:1/-1;grid-row:1;}
  #warehouse .warehouseSearchPanel > .mini{grid-column:1/-1;grid-row:2;max-width:none;}
  #warehouse #warehouseSearchCode{grid-column:1;grid-row:3;}
  #warehouse #warehouseSearchBtn{grid-column:2;grid-row:3;}
  #warehouse .warehouseSearchPanel > .result{grid-column:1/-1;grid-row:4;}
  #warehouse .warehouseSearchPanel .metricCard.total{grid-column:1/-1;grid-row:5;}
  #warehouse #shelfGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  #warehouse #officePreparePanel,#warehouse #officeReadyBoard{padding:15px!important;}
  #warehouse .officeReadyRow{grid-template-columns:minmax(0,1fr) auto!important;}
  #warehouse .officeReadyRow .officeReadyCancel{grid-column:2;}
}
@media(max-width:480px){
  #warehouse .warehouseTop{flex-wrap:wrap;}
  #warehouse #warehouseRefresh{margin-left:auto;}
  #warehouse #shelfGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  #warehouse .shelfBtn{min-height:54px!important;padding:8px!important;}
  #warehouse .warehouseShelves{padding:13px!important;}
  #warehouse .warehouseSearchPanel{padding:13px!important;}
  #warehouse .officeReadyTools .refreshBtn{flex:1;}
  #warehouse .warehouseOfficeGrid{grid-template-columns:1fr!important;}
  #warehouse #officeQuickFocusBtn{width:100%!important;}
}
@media(prefers-reduced-motion:reduce){
 #warehouse .shelfBtn,#warehouse button{transition:none!important;animation:none!important;}
}

/* Mobile: the work itself comes before the aging rail. Preserve all modules. */
@media(max-width:760px){
  body:has(#warehouse.panel.active) .container{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:10px!important;
  }
  body:has(#warehouse.panel.active) .navGroups{order:1!important;position:static!important;width:100%!important;}
  body:has(#warehouse.panel.active) #warehouse.panel.active{order:2!important;width:100%!important;grid-column:auto!important;grid-row:auto!important;}
  body:has(#warehouse.panel.active) .ageRail{
    order:3!important;position:static!important;width:100%!important;
    grid-column:auto!important;grid-row:auto!important;max-height:none!important;
  }
}

/* The backend/application version is unchanged; this marker labels only the style overlay. */
#appRoot .testVersion::after{content:" · UI 036";font-weight:950;color:#e2edff;}