/* Integra classic look for every list and form (2026-10-29). Applied per module by app/override/window/ClassicForms.js:
   windows get .itg-classic, module lists get .itg-classic-list. Same palette as pm-classic.css:
   brand #15428B, frame #99bbe8, soft line #c5d0e0, grid line #e3e7ee, text #1f2933, muted #4b5563. Type scale 11/12/13. */

/* ---------- window frame and bodies ---------- */
.itg-classic .x-window-body{border-color:#99bbe8}
.itg-classic .x-panel-body-default{border-color:#c5d0e0}
/* the legacy note-paper yellow bands become white with one line above */
.itg-classic .x-panel-body[style*="252, 252, 242"],.itg-classic .x-panel-body[style*="fcfcf2"],.itg-classic .x-panel-body[style*="FCFCF2"]{background:#fff!important;border-top:1px solid #c5d0e0!important}
.itg-classic .x-form-display-field{color:#1f2933}

/* ---------- labels: one line; a long one ends with … (full text on hover) ---------- */
.itg-classic .x-form-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f2933}
.itg-classic .x-form-cb-label{white-space:nowrap}

/* ---------- section titles (fieldsets, panel headers inside forms) ---------- */
.itg-classic .x-fieldset{border-color:#99bbe8}
.itg-classic .x-fieldset-header-text{color:#15428B;font-weight:bold;font-size:12px}
.itg-classic .x-fieldset-header-text h3{margin:0;font-size:12px;font-weight:bold;color:#15428B;display:inline}
.itg-classic .x-window-body .x-panel-header-default .x-panel-header-text{color:#15428B;font-size:12px}

/* ---------- tabs inside forms: one line under the strip ---------- */
.itg-classic .x-tab-bar-strip-default{border-color:#99bbe8}

/* ---------- grids inside forms and module lists ---------- */
/* headers: a narrow column wraps its title (never cut) */
.itg-classic .x-column-header-inner,.itg-classic-list .x-column-header-inner,.itg-classic .x-column-header-text,.itg-classic-list .x-column-header-text{white-space:normal;line-height:13px}
.itg-classic .x-grid-cell,.itg-classic-list .x-grid-cell{border-right:1px solid #eef0f4;border-bottom:1px solid #f1f3f7}
.itg-classic .x-grid-row-alt .x-grid-td,.itg-classic-list .x-grid-row-alt .x-grid-td,
.itg-classic .x-grid-row-alt .x-grid-cell,.itg-classic-list .x-grid-row-alt .x-grid-cell{background-color:#fafbfd}
.itg-classic .x-grid-row-selected .x-grid-cell,.itg-classic-list .x-grid-row-selected .x-grid-cell,
.itg-classic .x-grid-row-selected .x-grid-td,.itg-classic-list .x-grid-row-selected .x-grid-td{background-color:#dfe8f6!important}
.itg-classic .x-grid-row-over .x-grid-cell,.itg-classic-list .x-grid-row-over .x-grid-cell,
.itg-classic .x-grid-row-over .x-grid-td,.itg-classic-list .x-grid-row-over .x-grid-td{background-color:#eef3fa}
.itg-classic-list .x-grid-cell-inner{line-height:15px}
.itg-classic-list .x-grid-cell-inner a{color:#15428B}
/* list toolbars: one strip, one line under it */
.itg-classic-list > .x-toolbar-docked-top{border-bottom:1px solid #c5d0e0!important}
.itg-classic-list .x-toolbar-docked-bottom{border-top:1px solid #c5d0e0!important}

/* ---------- footer: one order, one size, one line above ---------- */
.itg-classic .itg-classic-footer{border-top:1px solid #c5d0e0!important}
.itg-classic .itg-classic-footer .x-toolbar-separator-horizontal{height:16px;margin:0 4px;border-left-color:#c5d0e0}
.itg-classic .itg-cb .x-btn-inner{font-size:12px}
.itg-classic .itg-cb-primary .x-btn-inner{font-weight:bold;color:#15428B}
.itg-classic .itg-cb-final .x-btn-inner{color:#b91c1c}
.itg-classic .itg-classic-footer .itg-pm-pill{font-size:11px;line-height:18px;padding:0 8px}