/*
 AI ERP Standard Form Framework V2
 Approved visual reference: Gate Entry
 Scope: shared form tokens/classes only. No business logic.
*/
:root{
  --ai-form-font: Arial, Helvetica, sans-serif;
  --ai-form-bg:#000;
  --ai-form-panel:#071827;
  --ai-form-panel-2:#06131e;
  --ai-form-border:#00a9f4;
  --ai-form-accent:#ff9f1a;
  --ai-form-accent-border:#b76b00;
  --ai-form-heading:#eef1f5;
  --ai-form-label:#dff2ff;
  --ai-form-text:#fff;
  --ai-form-input-border:#3e444c;
  --ai-form-header-height:48px;
  --ai-form-input-height:35px;
  --ai-form-grid-head-height:30px;
  --ai-form-grid-row-height:46px;
  --ai-form-label-size:12px;
  --ai-form-input-size:13px;
  --ai-form-grid-size:12px;
  --ai-form-radius:14px;
}
.ai-standard-form,
.ai-sf-form{
  width:min(1120px,calc(100% - 24px));
  margin:10px auto 70px;
  font-family:var(--ai-form-font);
  box-sizing:border-box;
}
.ai-standard-form *,
.ai-sf-form *{box-sizing:border-box}
.ai-standard-header,
.ai-sf-header{
  min-height:var(--ai-form-header-height);
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:var(--ai-form-panel)!important;
  color:var(--ai-form-text)!important;
  border:1px solid var(--ai-form-border)!important;
  border-bottom-color:#ef3340!important;
  padding:8px 10px!important;
  font-size:16px!important;
  font-weight:900!important;
}
.ai-standard-context,
.ai-sf-company-fy{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#ffd166!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap;
}
.ai-standard-fields,
.ai-sf-fields{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  background:var(--ai-form-bg)!important;
  border:1px solid var(--ai-form-border)!important;
  padding:13px 12px!important;
}
.ai-standard-field label,
.ai-sf-field label{
  display:block;
  margin:0 0 5px;
  color:var(--ai-form-label)!important;
  font:900 var(--ai-form-label-size)/1.2 var(--ai-form-font)!important;
}
.ai-standard-field input,
.ai-standard-field select,
.ai-standard-field textarea,
.ai-sf-field input,
.ai-sf-field select,
.ai-sf-field textarea{
  width:100%!important;
  min-width:0!important;
  height:var(--ai-form-input-height)!important;
  padding:6px 9px!important;
  background:#050505!important;
  color:var(--ai-form-text)!important;
  border:1px solid var(--ai-form-input-border)!important;
  border-radius:0!important;
  font:700 var(--ai-form-input-size)/1 var(--ai-form-font)!important;
}
.ai-standard-field input:focus,
.ai-standard-field select:focus,
.ai-sf-field input:focus,
.ai-sf-field select:focus{
  outline:1px solid var(--ai-form-border)!important;
  border-color:var(--ai-form-border)!important;
}
.ai-standard-toolbar,
.ai-sf-toolbar{
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:10px 0!important;
  padding:8px 12px!important;
  background:var(--ai-form-panel)!important;
  border:1px solid var(--ai-form-border)!important;
  border-radius:var(--ai-form-radius)!important;
  color:#fff!important;
}
.ai-standard-toolbar-title,
.ai-sf-toolbar-title{
  font:900 16px/1 var(--ai-form-font)!important;
  white-space:nowrap;
}
.ai-standard-toolbar-actions,
.ai-sf-toolbar-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.ai-standard-btn,
.ai-sf-btn{
  height:36px!important;
  min-width:72px!important;
  padding:0 14px!important;
  border:1px solid var(--ai-form-accent-border)!important;
  border-radius:8px!important;
  background:var(--ai-form-accent)!important;
  color:#050505!important;
  font:900 13px/1 var(--ai-form-font)!important;
  cursor:pointer!important;
  box-shadow:0 1px 2px rgba(0,0,0,.45)!important;
}
.ai-standard-grid-section,
.ai-sf-section{
  background:var(--ai-form-panel-2)!important;
  border:1px solid var(--ai-form-border)!important;
}
.ai-standard-grid-title,
.ai-sf-grid-title{
  min-height:33px!important;
  display:flex!important;
  align-items:center!important;
  padding:6px 10px!important;
  border-bottom:1px solid #ef3340!important;
  color:#fff!important;
  font:900 15px/1.2 var(--ai-form-font)!important;
}
.ai-standard-grid-wrap,
.ai-sf-grid-wrap{overflow:auto!important;background:#000!important}
.ai-standard-grid,
.ai-sf-grid{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:fixed;
  font-family:var(--ai-form-font)!important;
}
.ai-standard-grid thead th,
.ai-sf-grid thead th{
  height:var(--ai-form-grid-head-height)!important;
  padding:5px 7px!important;
  background:var(--ai-form-heading)!important;
  color:#07111c!important;
  border:1px solid #aab3bd!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font:900 var(--ai-form-grid-size)/18px var(--ai-form-font)!important;
}
.ai-standard-grid tbody td,
.ai-sf-grid tbody td{
  height:var(--ai-form-grid-row-height)!important;
  padding:6px!important;
  background:#000!important;
  color:#fff!important;
  border:1px solid #333b43!important;
}
.ai-standard-grid tbody input,
.ai-sf-grid tbody input{
  width:100%!important;
  height:34px!important;
  background:#050505!important;
  color:#fff!important;
  border:1px solid #3f464f!important;
  padding:5px 7px!important;
  font:700 13px/1 var(--ai-form-font)!important;
}
.ai-standard-invalid,
.ai-sf--invalid{border-color:#ff3b30!important;box-shadow:0 0 0 1px #ff3b30!important}
@media(max-width:900px){
  .ai-standard-fields,.ai-sf-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ai-standard-toolbar,.ai-sf-toolbar{align-items:flex-start!important}
}