/* ERPPLUS UI Framework V1 — presentation only; preserves existing controls/actions. */
:root{
  --erpplus-page:#e9edf2;
  --erpplus-card:#f8fafc;
  --erpplus-card-border:#aeb8c4;
  --erpplus-navy:#061b2e;
  --erpplus-cyan:#00aaf0;
  --erpplus-red:#ff4f63;
  --erpplus-toolbar:#65717d;
  --erpplus-toolbar-dark:#56616c;
  --erpplus-orange:#ff9f1c;
  --erpplus-orange-hover:#ee8d00;
  --erpplus-text:#172334;
  --erpplus-muted:#66758a;
  --erpplus-input:#ffffff;
  --erpplus-readonly:#edf1f5;
  --erpplus-gridhead:#dfe5ec;
  --erpplus-border:#9eabb9;
}

/* Scope is added by JS only to actual form pages; login/dashboard/reports are excluded. */
main.main-content > .erpplus-ui-page,
.main-content > .erpplus-ui-page{
  background:var(--erpplus-page)!important;
  color:var(--erpplus-text)!important;
}
.erpplus-ui-page{
  box-sizing:border-box!important;
}
.erpplus-ui-page *, .erpplus-ui-page *::before, .erpplus-ui-page *::after{box-sizing:border-box}

/* Header mapping: visual only. */
.erpplus-ui-page .erpplus-ui-header{
  background:var(--erpplus-navy)!important;
  color:#fff!important;
  border:1px solid var(--erpplus-cyan)!important;
  border-bottom:1px solid var(--erpplus-red)!important;
  border-radius:0!important;
  min-height:42px!important;
  padding:10px 14px!important;
  box-shadow:0 2px 5px rgba(15,35,55,.12)!important;
}
.erpplus-ui-page .erpplus-ui-header,
.erpplus-ui-page .erpplus-ui-header *{color:#fff!important}
.erpplus-ui-page .erpplus-ui-header small,
.erpplus-ui-page .erpplus-ui-header [id*="Company"],
.erpplus-ui-page .erpplus-ui-header [id*="Context"],
.erpplus-ui-page .erpplus-ui-header [class*="head-info"]{
  color:#ffd21f!important;
  font-weight:700!important;
}

/* Cards/field panels. */
.erpplus-ui-page .erpplus-ui-card{
  background:var(--erpplus-card)!important;
  color:var(--erpplus-text)!important;
  border:1px solid var(--erpplus-card-border)!important;
  border-radius:0!important;
  box-shadow:0 2px 7px rgba(34,55,76,.10)!important;
}
.erpplus-ui-page .erpplus-ui-card label,
.erpplus-ui-page .erpplus-ui-card label > span,
.erpplus-ui-page .erpplus-ui-card .form-label{
  color:var(--erpplus-text)!important;
  font-weight:600!important;
}

/* Inputs/selects/textareas within mapped form pages. */
.erpplus-ui-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.erpplus-ui-page select,
.erpplus-ui-page textarea{
  background:var(--erpplus-input)!important;
  color:var(--erpplus-text)!important;
  border:1px solid var(--erpplus-border)!important;
  border-radius:0!important;
  min-height:34px!important;
  font-size:13px!important;
  line-height:1.2!important;
  padding:6px 9px!important;
  box-shadow:none!important;
}
.erpplus-ui-page select{
  cursor:pointer!important;
  max-height:34px!important;
}
.erpplus-ui-page textarea{min-height:58px!important;resize:vertical}
.erpplus-ui-page input[readonly],
.erpplus-ui-page input:disabled,
.erpplus-ui-page select:disabled,
.erpplus-ui-page textarea[readonly],
.erpplus-ui-page textarea:disabled{
  background:var(--erpplus-readonly)!important;
  color:#5c6878!important;
  opacity:1!important;
}
.erpplus-ui-page input:focus,
.erpplus-ui-page select:focus,
.erpplus-ui-page textarea:focus{
  border-color:#168bd2!important;
  outline:2px solid rgba(22,139,210,.15)!important;
  outline-offset:0!important;
}
.erpplus-ui-page input::placeholder,
.erpplus-ui-page textarea::placeholder{color:#8a97a8!important;opacity:1}

/* Toolbar: preserve exact existing buttons and order. */
.erpplus-ui-page .erpplus-ui-toolbar{
  background:linear-gradient(180deg,var(--erpplus-toolbar),var(--erpplus-toolbar-dark))!important;
  border:1px solid #4b5865!important;
  border-radius:0!important;
  min-height:44px!important;
  padding:6px 8px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  color:#fff!important;
  box-shadow:0 2px 5px rgba(23,35,49,.12)!important;
}
.erpplus-ui-page .erpplus-ui-toolbar > b,
.erpplus-ui-page .erpplus-ui-toolbar > strong,
.erpplus-ui-page .erpplus-ui-toolbar-title,
.erpplus-ui-page .erpplus-ui-toolbar [class*="title"]{
  color:#fff!important;
  font-weight:700!important;
}
.erpplus-ui-page .erpplus-ui-toolbar [class*="actions"],
.erpplus-ui-page .erpplus-ui-toolbar [class*="buttons"],
.erpplus-ui-page .erpplus-ui-toolbar > div:last-child{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin-left:auto!important;
}
.erpplus-ui-page .erpplus-ui-toolbar-btn{
  background:var(--erpplus-orange)!important;
  color:#0d1722!important;
  border:1px solid #d17c00!important;
  border-radius:0!important;
  min-height:32px!important;
  height:32px!important;
  min-width:72px!important;
  padding:5px 11px!important;
  margin:0!important;
  font:700 12px/1.1 Arial,sans-serif!important;
  cursor:pointer!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.erpplus-ui-page .erpplus-ui-toolbar-btn:hover:not(:disabled){background:var(--erpplus-orange-hover)!important}
.erpplus-ui-page .erpplus-ui-toolbar-btn:focus-visible{outline:2px solid #143e68!important;outline-offset:1px!important}
.erpplus-ui-page .erpplus-ui-toolbar-btn:active:not(:disabled){transform:translateY(1px)!important}
.erpplus-ui-page .erpplus-ui-toolbar-btn:disabled{background:#b8bfc7!important;color:#65707d!important;border-color:#9aa4ae!important;cursor:not-allowed!important;opacity:1!important}

/* Grids. */
.erpplus-ui-page .erpplus-ui-grid-wrap{overflow:auto!important;max-width:100%!important}
.erpplus-ui-page table{border-collapse:collapse!important;color:var(--erpplus-text)!important}
.erpplus-ui-page table thead th{
  background:var(--erpplus-gridhead)!important;
  color:#101c2b!important;
  border:1px solid #9aa7b5!important;
  font-weight:700!important;
  font-size:12px!important;
  height:31px!important;
  padding:6px 7px!important;
  white-space:nowrap!important;
  position:sticky;
  top:0;
  z-index:2;
}
.erpplus-ui-page table tbody td{
  background:#fff!important;
  color:var(--erpplus-text)!important;
  border:1px solid #c2cad3!important;
  font-size:12px!important;
  padding:5px 7px!important;
}
.erpplus-ui-page table tbody tr:hover td{background:#edf6fc!important}
.erpplus-ui-page table input:not([type="checkbox"]):not([type="radio"]),
.erpplus-ui-page table select{
  min-height:29px!important;height:29px!important;padding:3px 6px!important;font-size:12px!important
}

/* Section headings inside forms. */
.erpplus-ui-page .erpplus-ui-section-title{
  background:var(--erpplus-navy)!important;
  color:#fff!important;
  border-bottom:1px solid var(--erpplus-red)!important;
  border-radius:0!important;
}
.erpplus-ui-page .erpplus-ui-section-title *{color:#fff!important}

/* Remove only permanent helper sentences marked by mapper; action messages/toasts are untouched. */
.erpplus-ui-page .erpplus-static-help{display:none!important}

/* Keep row +/- controls compact and square. */
.erpplus-ui-page .erpplus-row-control{
  border-radius:0!important;
  min-width:38px!important;
  width:38px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0!important;
  background:var(--erpplus-orange)!important;
  color:#111!important;
  border:1px solid #d17c00!important;
  font-weight:800!important;
}

@media (max-width:900px){
  .erpplus-ui-page .erpplus-ui-toolbar{align-items:flex-start!important}
  .erpplus-ui-page .erpplus-ui-toolbar [class*="actions"],
  .erpplus-ui-page .erpplus-ui-toolbar [class*="buttons"],
  .erpplus-ui-page .erpplus-ui-toolbar > div:last-child{margin-left:0!important;width:100%!important}
  .erpplus-ui-page .erpplus-ui-toolbar-btn{min-width:68px!important}
}
@media (max-width:600px){
  .erpplus-ui-page{padding:6px!important}
  .erpplus-ui-page .erpplus-ui-header{padding:8px 10px!important}
  .erpplus-ui-page .erpplus-ui-toolbar-btn{min-width:64px!important;height:36px!important;min-height:36px!important;padding:5px 8px!important}
  .erpplus-ui-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  .erpplus-ui-page select{min-height:38px!important}
}