/* ===================================================================
   AIT TailAdmin Full UI Pack for Oracle APEX (Universal Theme)
   Version: v2 (IR/IG/Forms/Charts/Dialogs/Nav + most UT components)
   Drop-in CSS for ANY Universal Theme app (APEX 23.x+).
   =================================================================== */

/* ---------- Tokens ---------- */
:root{
  --ait-bg: #f4f6f9;
  --ait-card: #ffffff;
  --ait-border: #e9eef6;
  --ait-border-2: #eef1f6;
  --ait-text: #111827;
  --ait-muted: #6b7280;

  --ait-primary: #465fff;
  --ait-primary-600: #364bd9;
  --ait-primary-50: rgba(70,95,255,.10);

  --ait-success: #22c55e;
  --ait-warning: #f59e0b;
  --ait-danger:  #ef4444;

  --ait-radius: 14px;
  --ait-radius-sm: 10px;
  --ait-radius-xs: 8px;

  --ait-shadow: 0 2px 10px rgba(17,24,39,.06);
  --ait-shadow-sm: 0 1px 6px rgba(17,24,39,.06);
}

/* ---------- Global ---------- */
html, body, .t-PageBody{
  background: var(--ait-bg) !important;
  color: var(--ait-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.t-Body, .t-Body-main{ background: transparent !important; }
.t-Body-content{ padding: 18px !important; }
.t-Footer{ background: transparent !important; border-top: 1px solid transparent !important; }

/* Links */
a{ color: var(--ait-primary); }
a:hover{ color: var(--ait-primary-600); }

/* Focus ring */
*:focus{ outline: none; }
.t-Form input:focus, .t-Form select:focus, .t-Form textarea:focus,
.apex-item-text:focus, .apex-item-select:focus, .apex-item-textarea:focus,
.a-Button:focus, .t-Button:focus, .a-Toolbar-item:focus{
  box-shadow: 0 0 0 4px var(--ait-primary-50) !important;
  border-color: #c7d2fe !important;
}

/* ---------- Header / Topbar ---------- */
.t-Header{
  background: var(--ait-card) !important;
  border-bottom: 1px solid var(--ait-border) !important;
  box-shadow: none !important;
}
.t-Header-branding, .t-Header-nav, .t-Header-controls{ background: transparent !important; }

/* Header buttons/icons */
.t-Header .t-Button, .t-Header .a-Button{
  border-radius: 12px !important;
}

/* ---------- Left Navigation ---------- */
.t-Body-nav{
  background: var(--ait-card) !important;
  border-right: 1px solid var(--ait-border) !important;
}
.t-TreeNav{ background: transparent !important; }
.t-TreeNav .a-TreeView-node{ margin: 2px 8px !important; }
.t-TreeNav .a-TreeView-content{
  border-radius: 10px !important;
  padding: 8px 10px !important;
}
.t-TreeNav .a-TreeView-label{ font-weight: 600 !important; color: #334155 !important; }
.t-TreeNav .a-TreeView-content:hover{ background: #f6f7fb !important; }
.t-TreeNav .is-selected > .a-TreeView-content{
  background: #eef2ff !important;
  color: #111827 !important;
}
.t-TreeNav .is-selected .a-TreeView-label{ color: #111827 !important; }

/* ---------- Breadcrumbs ---------- */
.t-Breadcrumb{ color: var(--ait-muted) !important; }
.t-Breadcrumb a{ color: var(--ait-muted) !important; text-decoration: none; }
.t-Breadcrumb a:hover{ color: var(--ait-text) !important; }

/* ---------- Regions as Cards ---------- */
.t-Region{
  background: var(--ait-card) !important;
  border: 1px solid var(--ait-border-2) !important;
  border-radius: var(--ait-radius) !important;
  box-shadow: var(--ait-shadow) !important;
  overflow: hidden;
  margin-bottom: 18px !important;
}
.t-Region-header{
  background: transparent !important;
  border-bottom: 1px solid #f3f4f6 !important;
  padding: 14px 16px !important;
}
.t-Region-title{ font-weight: 800 !important; font-size: 16px !important; letter-spacing: -.01em; }
.t-Region-body{ padding: 16px !important; }
.t-Region--noPadding .t-Region-body{ padding: 0 !important; }

/* Region buttons bar */
.t-Region-headerItems--buttons{ gap: 8px; }

/* ---------- Buttons ---------- */
.t-Button, .a-Button{
  border-radius: 10px !important;
  padding: 9px 14px !important;
  font-weight: 700 !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  box-shadow: none !important;
}
.t-Button:hover, .a-Button:hover{ background: #f8fafc !important; }

/* Primary */
.t-Button--hot, .t-Button.t-Button--primary,
.a-Button--hot, .a-Button.a-Button--hot{
  background: var(--ait-primary) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.t-Button--hot:hover, .t-Button.t-Button--primary:hover,
.a-Button--hot:hover{
  background: var(--ait-primary-600) !important;
}

/* Danger / Success helpers (use Button Template Options or CSS class) */
.ait-btn-danger{ background: var(--ait-danger) !important; color:#fff !important; border-color: transparent !important; }
.ait-btn-success{ background: var(--ait-success) !important; color:#fff !important; border-color: transparent !important; }

/* ---------- Forms ---------- */
.t-Form-label, .t-Form-fieldLabel{
  color: #334155 !important;
  font-weight: 700 !important;
}
.t-Form-fieldContainer{ margin-bottom: 12px !important; }
.t-Form-inputContainer input,
.t-Form-inputContainer select,
.t-Form-inputContainer textarea,
.apex-item-text, .apex-item-select, .apex-item-textarea{
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
  background: #fafafa !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}
.apex-item-group--radio input + label,
.apex-item-group--checkbox input + label{
  font-weight: 600;
}

/* Switch (APEX) */
.a-Switch{
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Help / errors */
.t-Form-error, .a-Form-error{
  border-radius: 10px !important;
}

/* ---------- Interactive Report (IR) ---------- */
.a-IRR{
  border-radius: 12px !important;
  border: 1px solid var(--ait-border-2) !important;
  overflow: hidden;
  background: #fff !important;
}
.a-IRR-toolbar{
  background: #fff !important;
  border-bottom: 1px solid #f3f4f6 !important;
  padding: 10px 12px !important;
}
.a-IRR-toolbar .a-Button, .a-IRR-toolbar .t-Button{
  border-radius: 10px !important;
}
.a-IRR-table{
  border: none !important;
}
.a-IRR-table th{
  background: #f9fafb !important;
  font-weight: 800 !important;
  color: #334155 !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.a-IRR-table td{
  border-bottom: 1px solid #f3f4f6 !important;
}
.a-IRR-table tr:hover td{ background: #fbfdff !important; }

/* IR pagination */
.a-IRR-pagination{
  background:#fff !important;
  border-top: 1px solid #f3f4f6 !important;
  padding: 10px 12px !important;
}

/* ---------- Classic Report ---------- */
.t-Report-report{
  border-radius: 12px !important;
  overflow: hidden;
  border: 1px solid var(--ait-border-2) !important;
  background: #fff !important;
}
.t-Report-report th{
  background: #f9fafb !important;
  font-weight: 800 !important;
  color: #334155 !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.t-Report-report td{ border-bottom: 1px solid #f3f4f6 !important; }
.t-Report-report tr:hover td{ background: #fbfdff !important; }

/* ---------- Interactive Grid (IG) ---------- */
.a-IG{
  border-radius: 12px !important;
  border: 1px solid var(--ait-border-2) !important;
  overflow: hidden;
  background: #fff !important;
}
.a-IG-header{
  background: #fff !important;
  border-bottom: 1px solid #f3f4f6 !important;
}
.a-IG-toolbar{
  background: #fff !important;
  padding: 10px 12px !important;
}
.a-IG-toolbar .a-Button{
  border-radius: 10px !important;
}
.a-IG-gridView thead th{
  background: #f9fafb !important;
  font-weight: 800 !important;
  color: #334155 !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.a-IG-gridView td{
  border-bottom: 1px solid #f3f4f6 !important;
}
.a-IG-gridView tr:hover td{ background: #fbfdff !important; }

/* IG controls */
.a-IG-controlsContainer{
  border-top: 1px solid #f3f4f6 !important;
  background: #fff !important;
}
.a-IG-status{
  background: #fff !important;
  border-top: 1px solid #f3f4f6 !important;
}

/* ---------- Faceted Search ---------- */
.a-FS{
  background: #fff !important;
  border: 1px solid var(--ait-border-2) !important;
  border-radius: 12px !important;
  box-shadow: var(--ait-shadow-sm) !important;
}
.a-FS-header{
  border-bottom: 1px solid #f3f4f6 !important;
  background: #fff !important;
}
.a-FS-list{ padding: 10px !important; }

/* ---------- Tabs ---------- */
.t-Tabs, .a-Tabs{
  border-radius: 12px !important;
}
.t-Tabs-item.is-active .t-Tabs-link,
.a-Tabs-item.is-active .a-Tabs-link{
  color: var(--ait-primary) !important;
}
.t-Tabs-link, .a-Tabs-link{
  border-radius: 10px !important;
  font-weight: 700 !important;
}

/* ---------- Cards / Badges / Chips ---------- */
.t-Badge, .a-Chip{
  border-radius: 999px !important;
  padding: 4px 10px !important;
  font-weight: 800 !important;
  border: 1px solid var(--ait-border-2) !important;
  background: #f8fafc !important;
  color: #334155 !important;
}
.ait-pill-success{ background: #ecfdf3 !important; border-color: #bbf7d0 !important; color: #166534 !important; }
.ait-pill-warning{ background: #fffbeb !important; border-color: #fde68a !important; color: #92400e !important; }
.ait-pill-danger{  background: #fef2f2 !important; border-color: #fecaca !important; color: #991b1b !important; }

/* ---------- Alerts / Messages ---------- */
.t-Alert{
  border-radius: 14px !important;
  border: 1px solid var(--ait-border-2) !important;
  box-shadow: var(--ait-shadow-sm) !important;
}
.t-Alert--success{ border-color: #bbf7d0 !important; }
.t-Alert--warning{ border-color: #fde68a !important; }
.t-Alert--danger{  border-color: #fecaca !important; }

/* ---------- Dialogs / Modals ---------- */
.ui-dialog, .t-DialogRegion{
  border-radius: 14px !important;
  border: 1px solid var(--ait-border-2) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.18) !important;
}
.ui-dialog .ui-dialog-titlebar,
.t-DialogRegion-header{
  background: #fff !important;
  border-bottom: 1px solid #f3f4f6 !important;
}
.ui-dialog .ui-dialog-buttonpane{ border-top: 1px solid #f3f4f6 !important; }

/* ---------- Datepicker ---------- */
.ui-datepicker{
  border-radius: 14px !important;
  border: 1px solid var(--ait-border-2) !important;
  box-shadow: var(--ait-shadow) !important;
}
.ui-datepicker .ui-state-active{
  background: var(--ait-primary) !important;
  border-color: transparent !important;
}

/* ---------- Calendar (UT) ---------- */
.fc{
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid var(--ait-border-2) !important;
  box-shadow: var(--ait-shadow-sm) !important;
  padding: 10px !important;
}

/* ---------- Oracle JET Charts (APEX charts) ---------- */
/* Most of TailAdmin feel comes from card, spacing, typography.
   JET colors are controlled by theme palettes; here we refine container + typography. */
.oj-chart, .oj-legend, .oj-dvt-base{
  font-family: Inter, ui-sans-serif, system-ui !important;
}
.oj-dvt-tooltip{
  border-radius: 12px !important;
  border: 1px solid var(--ait-border-2) !important;
  box-shadow: var(--ait-shadow) !important;
}
.oj-legend-title{ font-weight: 800 !important; }

/* ---------- Misc: reduce “old padding” ---------- */
.t-ButtonRegion{ padding-top: 6px !important; }
.t-Region-bodyWrap{ padding: 0 !important; }

/* ---------- Icon helpers ---------- */
.apex-icons-fontapex-Close{ color: var(--ait-danger) !important; }
.apex-icons-fontapex-Renew{ color: var(--ait-success) !important; }



/* ===================================================================
   v3 ADDITIONS - Floating Labels + Modal Form Polish + IG in Modal
   =================================================================== */

/* ---- Floating label: TailAdmin-style (always top, no overlap) ---- */
/* APEX adds .t-Form-fieldContainer--floatingLabel. We'll make it clean. */
.t-Form-fieldContainer--floatingLabel{
  position: relative !important;
  padding-top: 0 !important;
}

/* Label becomes a small caption above the input (TailAdmin feel) */
.t-Form-fieldContainer--floatingLabel .t-Form-label{
  position: static !important;
  transform: none !important;
  display: block !important;
  margin: 0 0 6px 2px !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #6b7280 !important; /* muted */
  opacity: 1 !important;
  pointer-events: none !important;
}

/* Ensure input isn't shoved by UT floating mechanics */
.t-Form-fieldContainer--floatingLabel .t-Form-inputContainer{
  padding-top: 0 !important;
}

/* Optional: show required asterisk nicely */
.t-Form-label .t-Form-required{
  color: var(--ait-danger) !important;
  margin-left: 4px;
}

/* ---- Modal dialog polish (like TailAdmin) ---- */
.t-DialogRegion,
.ui-dialog,
.t-Dialog{
  border-radius: 18px !important;
}
.t-DialogRegion-header{
  padding: 14px 16px !important;
}
.t-DialogRegion-title{
  font-weight: 900 !important;
  letter-spacing: -.01em;
}
.t-DialogRegion-body{
  padding: 14px 16px 16px !important;
  background: var(--ait-bg) !important; /* subtle gray inside modal */
}
.t-DialogRegion-body .t-Region{
  box-shadow: none !important;           /* nested cards look cleaner */
}
.t-DialogRegion-body .t-Region + .t-Region{
  margin-top: 14px !important;
}

/* Close button */
.t-DialogRegion-header .t-Button--noUI{
  border-radius: 999px !important;
}

/* ---- Form grid spacing (reduce APEX “big gaps”) ---- */
.t-Form--stretchInputs .t-Form-fieldContainer,
.t-Form .t-Form-fieldContainer{
  margin-bottom: 10px !important;
}
.t-Form .t-Form-inputContainer input,
.t-Form .t-Form-inputContainer select,
.t-Form .t-Form-inputContainer textarea{
  background: #fff !important; /* TailAdmin uses white inputs */
}

/* ---- IG inside modal: softer + more TailAdmin-like ---- */
.t-DialogRegion .a-IG,
.t-DialogRegion .a-IRR{
  box-shadow: none !important;
}

.a-IG .a-IG-toolbar,
.a-IRR .a-IRR-toolbar{
  padding: 10px 12px !important;
}

.a-IG .a-IG-toolbar .a-Button,
.a-IRR .a-IRR-toolbar .a-Button{
  padding: 8px 12px !important;
}

/* Row selector / control column background */
.a-IG-gridView .a-GV-control,
.a-IG-gridView .a-GV-rowSelector{
  background: #fbfcff !important;
}

/* Compact row height but still airy */
.a-IG-gridView td{
  line-height: 1.25 !important;
}

/* ---- Toolbar search in IG (match TailAdmin pill search) ---- */
.a-IG-toolbar input[type="text"],
.a-IRR-toolbar input[type="text"]{
  border-radius: 999px !important;
}

/* ---- Make report/table container breathe like TailAdmin card ---- */
.a-IG, .a-IRR, .t-Report-report{
  background: #fff !important;
}



/* ===================================================================
   v4 PATCH - Labels back (even if "Hidden Labels") + Sidebar pill + IG stronger
   =================================================================== */

/* ---------- 1) FORCE LABELS VISIBLE (when UT uses .u-VisuallyHidden) ---------- */
.t-Form-label.u-VisuallyHidden,
.t-Form-labelContainer.u-VisuallyHidden,
.t-Form-labelContainer .t-Form-label.u-VisuallyHidden{
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 6px 2px !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  border: 0 !important;
  opacity: 1 !important;
}

/* make label look like TailAdmin caption */
.t-Form-label{
  display:block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  line-height: 1.2 !important;
}

/* ---------- 2) SIDEBAR: remove old UT selected bar + make pill selection ---------- */
/* UT often paints a left indicator using :before. Remove it. */
.t-TreeNav .a-TreeView-node.is-selected > .a-TreeView-row:before,
.t-TreeNav .a-TreeView-node.is-selected > .a-TreeView-row:after,
.t-TreeNav .a-TreeView-node.is-selected > .a-TreeView-content:before,
.t-TreeNav .a-TreeView-node.is-selected > .a-TreeView-content:after{
  content: none !important;
}

/* The actual clickable row wrapper differs by UT versions */
.t-TreeNav .a-TreeView-row,
.t-TreeNav .a-TreeView-content{
  border-radius: 12px !important;
  padding: 10px 12px !important;
  margin: 3px 8px !important;
}

/* Hover + selected pills */
.t-TreeNav .a-TreeView-row:hover,
.t-TreeNav .a-TreeView-content:hover{
  background: #f3f5ff !important;
}
.t-TreeNav .a-TreeView-node.is-selected > .a-TreeView-row,
.t-TreeNav .a-TreeView-node.is-selected > .a-TreeView-content{
  background: #eef2ff !important;
  box-shadow: inset 0 0 0 1px rgba(70,95,255,.10) !important;
}

/* Icons alignment */
.t-TreeNav .a-TreeView-icon{
  margin-right: 10px !important;
  color: #64748b !important;
}
.t-TreeNav .a-TreeView-node.is-selected .a-TreeView-icon{
  color: var(--ait-primary) !important;
}

/* ---------- 3) IG: stronger selectors (APEX can override earlier ones) ---------- */
.a-IG,
.a-IG .a-GV,
.a-IG .a-GV-table,
.a-IG .a-GV-w-hdr,
.a-IG .a-GV-hdr,
.a-IG .a-IG-header,
.a-IG .a-IG-toolbar{
  background: #fff !important;
}

/* IG container card */
.a-IG{
  border: 1px solid var(--ait-border-2) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: var(--ait-shadow-sm) !important;
}

/* IG header row */
.a-IG .a-GV-hdr{
  background: #fbfcff !important;
  border-bottom: 1px solid #edf2f7 !important;
}
.a-IG .a-GV-hdr th{
  font-weight: 800 !important;
  color: #334155 !important;
  font-size: 12px !important;
  padding: 12px 12px !important;
}

/* IG cells */
.a-IG .a-GV-table td{
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 14px 12px !important;
}
.a-IG .a-GV-table tr:hover td{
  background: #f7f9ff !important;
}

/* Remove vertical borders / grid feel */
.a-IG .a-GV-table td,
.a-IG .a-GV-table th{
  border-right: none !important;
}

/* Toolbar pill inputs */
.a-IG .a-IG-toolbar input[type="text"],
.a-IG .a-IG-toolbar .a-Toolbar-input,
.a-IG .a-IG-toolbar select{
  border-radius: 999px !important;
  border: 1px solid var(--ait-border-2) !important;
  background: #fafbff !important;
  padding: 9px 12px !important;
}

/* Toolbar buttons (match TailAdmin) */
.a-IG .a-IG-toolbar .a-Button,
.a-IG .a-IG-toolbar .t-Button{
  border-radius: 12px !important;
  padding: 8px 12px !important;
  font-weight: 800 !important;
}


/* ===================================================================
   v5 - "Solid Theme" controls: label modes + density modes + safer defaults
   How to use:
     - Default: Labels ABOVE (TailAdmin)
     - Add page CSS class: ait-labels-floating  (keep UT floating labels)
     - Add page CSS class: ait-density-compact  (tighter tables/forms)
   =================================================================== */

/* Default to labels-above unless explicitly floating */
body:not(.ait-labels-floating) .t-Form-fieldContainer--floatingLabel .t-Form-label{
  position: static !important;
  transform: none !important;
  display: block !important;
  margin: 0 0 6px 2px !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
body:not(.ait-labels-floating) .t-Form-fieldContainer--floatingLabel .t-Form-inputContainer{
  padding-top: 0 !important;
}

/* If labels are hidden by template option, show them (labels-above mode only) */
body:not(.ait-labels-floating) .t-Form-label.u-VisuallyHidden,
body:not(.ait-labels-floating) .t-Form-labelContainer.u-VisuallyHidden{
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 6px 2px !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  opacity: 1 !important;
}

/* Floating mode: keep UT behavior but modern colors */
body.ait-labels-floating .t-Form-fieldContainer--floatingLabel .t-Form-label{
  color: #64748b !important;
  font-weight: 700 !important;
  background: transparent !important;
}

/* Density: compact (optional) */
body.ait-density-compact .t-Form-fieldContainer{ margin-bottom: 8px !important; }
body.ait-density-compact .a-IG .a-GV-table td,
body.ait-density-compact .a-IRR-table td{ padding: 10px 10px !important; }
body.ait-density-compact .a-IG .a-GV-hdr th,
body.ait-density-compact .a-IRR-table th{ padding: 10px 10px !important; }

/* Make toolbars distribute like TailAdmin (no JS) */
.a-IG-toolbar .a-Toolbar,
.a-IRR-toolbar .a-Toolbar{
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.a-IG-toolbar .a-Toolbar-group,
.a-IRR-toolbar .a-Toolbar-group{
  display: flex !important;
  gap: 8px;
  align-items: center;
}
/* Push search-like group to the right if it contains an input */
.a-IG-toolbar .a-Toolbar-group:has(input),
.a-IRR-toolbar .a-Toolbar-group:has(input){
  margin-left: auto !important;
}


/* ===================================================================
   AIT SOLID THEME - FINAL POLISH LAYER (v6)
   Goal: TailAdmin-like look across ALL UT components with sane defaults.
   =================================================================== */

/* ---------- Content width + typography rhythm ---------- */
.t-Body-contentInner{ max-width: 1400px; }
.t-Body-title{ font-weight: 900 !important; letter-spacing: -.01em; }
.t-Body-title, h1,h2,h3{ color: #0f172a; }

/* ---------- Page item containers (compact, modern) ---------- */
.t-Form-fieldContainer{ border-radius: 12px !important; }
.t-Form-helpText{ color: #94a3b8 !important; font-weight: 600 !important; font-size: 12px !important; }

/* ---------- Checkbox / Radio (clean) ---------- */
.apex-item-group--checkbox input,
.apex-item-group--radio input{
  accent-color: var(--ait-primary);
}
.apex-item-group--checkbox label,
.apex-item-group--radio label{
  color:#334155; font-weight: 650;
}

/* ---------- File browse ---------- */
.apex-item-file{
  border-radius: 12px !important;
  border: 1px dashed #dbe3ef !important;
  background: #fbfdff !important;
  padding: 10px 12px !important;
}
.apex-item-file input[type=file]{
  border-radius: 10px !important;
}

/* ---------- Popup LOV / Select2 ---------- */
.select2-container--default .select2-selection--single{
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  height: 42px !important;
}
.select2-container--default .select2-selection__rendered{
  line-height: 42px !important;
  color:#0f172a !important;
}
.select2-dropdown{
  border-radius: 12px !important;
  border: 1px solid var(--ait-border-2) !important;
  box-shadow: var(--ait-shadow) !important;
  overflow: hidden;
}

/* ---------- Buttons: icon-only pill ---------- */
.t-Button--noUI, .a-Button--noUI{
  border: 1px solid #e5e7eb !important;
  background:#fff !important;
}

/* ---------- Tabs: TailAdmin pill tabs ---------- */
.t-Tabs{
  gap: 8px !important;
  padding: 6px !important;
  background: #fff !important;
  border: 1px solid var(--ait-border-2) !important;
  border-radius: 14px !important;
}
.t-Tabs-item{ margin: 0 !important; }
.t-Tabs-link{
  border-radius: 12px !important;
  padding: 10px 12px !important;
  font-weight: 800 !important;
  color:#64748b !important;
}
.t-Tabs-item.is-active .t-Tabs-link{
  background: #eef2ff !important;
  color: #111827 !important;
}

/* ---------- Breadcrumb capsule ---------- */
.t-BreadcrumbRegion{
  background: transparent !important;
}
.t-Breadcrumb{ font-weight: 700 !important; }

/* ---------- IR/IG Action menus / popups ---------- */
.a-Menu, .a-Menu-content{
  border-radius: 14px !important;
  border: 1px solid var(--ait-border-2) !important;
  box-shadow: var(--ait-shadow) !important;
}
.a-Menu-item{
  font-weight: 700 !important;
}
.a-Menu-item:hover{ background:#f3f5ff !important; }

/* ---------- Notifications / Toast ---------- */
.a-Notification, .t-Alert{
  border-radius: 14px !important;
}

/* ---------- Login page polish (UT) ---------- */
.t-LoginRegion{
  border-radius: 18px !important;
  border: 1px solid var(--ait-border-2) !important;
  box-shadow: var(--ait-shadow) !important;
}
.t-LoginRegion-title{ font-weight: 900 !important; }

/* ---------- Split buttons / dropdown buttons ---------- */
.t-Button--split .t-Button-label,
.a-Button--split .a-Button-label{ font-weight: 800 !important; }

/* ---------- IG edit controls inside cells ---------- */
.a-GV-cell input,
.a-GV-cell select{
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
}

/* ---------- Ensure APEX "old" blue header lines don't show ---------- */
.t-TreeNav .a-TreeView-node.is-selected > .a-TreeView-row:before{ content:none !important; }


/* ===================================================================
   v7 PATCH - Floating labels: ALWAYS show label text (even if hidden)
   Works with UT "Hidden Labels" + "Floating Labels" options.
   =================================================================== */

/* If UT hides labels, force them visible in BOTH modes */
.t-Form-label.u-VisuallyHidden,
.t-Form-labelContainer.u-VisuallyHidden,
.t-Form-labelContainer .t-Form-label.u-VisuallyHidden{
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 6px 2px !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  opacity: 1 !important;
}

/* Floating labels mode: make them TailAdmin-style caption ABOVE (not overlay) */
body.ait-labels-floating .t-Form-fieldContainer--floatingLabel .t-Form-label{
  position: static !important;
  transform: none !important;
  display: block !important;
  margin: 0 0 6px 2px !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
body.ait-labels-floating .t-Form-fieldContainer--floatingLabel .t-Form-inputContainer{
  padding-top: 0 !important;
}

/* Optional: Show a subtle required marker */
.t-Form-required{ color: var(--ait-danger) !important; }

/* Make fieldsets / item groups cleaner */
.t-Form-fieldContainer .t-Form-itemGroup{ gap: 10px; }