/* extracted.css — reusable classes extracted from repeated inline styles.
 * Loaded AFTER styles.css so it inherits all design-token --vars and wins
 * equal-specificity ties by source order. All classes are namespaced `ei-`
 * (extracted-inline) to guarantee zero collision with styles.css.
 * Values are byte-identical relocations of the inline styles they replace. */

/* --- icon sizes (Lucide <svg>/<i data-lucide>) — square w=h --- */
.ei-ico-11 { width: 11px; height: 11px; }
.ei-ico-12 { width: 12px; height: 12px; }
.ei-ico-13 { width: 13px; height: 13px; }
.ei-ico-14 { width: 14px; height: 14px; }
.ei-ico-15 { width: 15px; height: 15px; }
.ei-ico-16 { width: 16px; height: 16px; }
.ei-ico-18 { width: 18px; height: 18px; }
.ei-ico-20 { width: 20px; height: 20px; }
.ei-ico-24 { width: 24px; height: 24px; }
.ei-ico-28 { width: 28px; height: 28px; }

/* --- spacing (only sizes with no existing styles.css class; 16px reuses .mb-4) --- */
.ei-mb-8  { margin-bottom: 8px; }
.ei-mb-10 { margin-bottom: 10px; }
.ei-mb-12 { margin-bottom: 12px; }
.ei-mb-14 { margin-bottom: 14px; }
.ei-mt-0  { margin-top: 0; }
.ei-mt-10 { margin-top: 10px; }

/* --- report_generator: form labels, hints, teal cards, signatory grid --- */
.ei-hint        { font-size: 10px; color: var(--text3); margin-top: 4px; font-style: italic; }
.ei-hint11      { font-size: 11px; color: var(--text3); font-weight: 400; }
.ei-flabel      { font-size: 12px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.ei-label-navy  { font-size: 12px; font-weight: 700; color: var(--navy); }
.ei-muted       { font-weight: 400; color: var(--text3); }
.ei-ico14-teal  { width: 14px; height: 14px; color: var(--teal); flex-shrink: 0; }
.ei-teal-card   { background: var(--bg); border: 1px solid var(--border); border-left: 3px solid var(--teal); border-radius: var(--rs); padding: 12px 14px; }
.ei-grid-2-10   { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ei-section-top-12 { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border); }
.ei-stat-lg     { font-size: 20px; font-weight: 800; color: var(--navy); }
.ei-plus-btn    { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--orange); color: #fff; font-size: 28px; font-weight: 300; line-height: 1; pointer-events: none; }

/* --- misc single-prop utilities (repeat 2+) --- */
.ei-pointer { cursor: pointer; }
.ei-nowrap  { white-space: nowrap; }
.ei-w100    { width: 100%; }
.ei-mb-0    { margin-bottom: 0; }
.ei-mb-18   { margin-bottom: 18px; }
.ei-mb-20   { margin-bottom: 20px; }
.ei-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ei-table-fixed { table-layout: fixed; width: 100%; }
.ei-total-note  { font-size: 12px; color: var(--text3); margin-top: 8px; text-align: right; }
.tbl .ei-fs12-b { font-size: 12px; font-weight: 600; }
.ei-row-4   { display: flex; gap: 4px; align-items: center; }
.ei-row-between { display: flex; align-items: center; justify-content: space-between; }
.ei-fs11-t3 { font-size: 11px; color: var(--text3); }

/* --- governance / cards / step numbers --- */
.ei-icon-center { margin-bottom: 8px; display: flex; justify-content: center; color: var(--text3); }
.ei-ico28-half  { width: 28px; height: 28px; opacity: .5; }
.ei-card-title  { font-size: 13px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.ei-body-text   { font-size: 12px; color: var(--text2); line-height: 1.6; }
.ei-stepnum-teal { background: var(--teal); font-size: 10px; width: 22px; height: 22px; }
.ei-stepnum-navy { background: var(--navy); font-size: 10px; width: 22px; height: 22px; }
.tbl .ei-thc    { text-align: center; font-size: 11px; }
.tbl .ei-td-b12 { font-weight: 600; font-size: 12px; }
.tbl .ei-td-yes { text-align: center; font-size: 13px; color: var(--green); font-weight: 700; }
.tbl .ei-td-no  { text-align: center; font-size: 13px; color: var(--text3); opacity: .45; }

/* --- reports_list: filter columns, selects, icon buttons --- */
.ei-fcol-140 { display: flex; flex-direction: column; gap: 3px; min-width: 140px; flex: 1; }
.ei-fcol-130 { display: flex; flex-direction: column; gap: 3px; min-width: 130px; }
.ei-select   { margin-top: 0; padding: 7px 10px; cursor: pointer; }
.ei-btn-icon { padding: 3px 8px; line-height: 1; }
.tbl .ei-date { font-size: 11px; color: var(--text3); white-space: nowrap; }

/* --- typography / color --- */
.ei-req-star { color: var(--danger-fg, #dc2626); }   /* required-field asterisk */
.ei-t3       { color: var(--text3); }

/* --- layout (2-col 16px grid reuses existing .grid-2) --- */
.ei-field-col { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 120px; }

/* --- buttons --- */
.ei-btn-danger { background: var(--danger-bg); color: var(--danger-fg); border: none; }

/* --- reports: status dots, mono text, section titles --- */
.ei-dot-red   { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--red); margin-right: 3px; vertical-align: middle; }
.ei-dot-green { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--green); margin-right: 3px; vertical-align: middle; }
.ei-mono-11     { font-family: 'DM Mono'; font-size: 11px; }
.ei-sect-title  { font-size: 11px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: .7px; margin-bottom: 8px; }
.ei-section-top { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border); }
.ei-fs-10       { font-size: 10px; }
.ei-ml-auto     { margin-left: auto; }

/* --- report_output: banner dots, topbar, info bar, file rows --- */
.ei-dot14-red   { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--red); flex-shrink: 0; }
.ei-dot14-green { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--green); flex-shrink: 0; }
.ei-row-7     { display: flex; gap: 7px; }
.ei-btn-ghost { background: rgba(255,255,255,.15); color: #fff; border: 1px solid rgba(255,255,255,.3); }
.ei-infobar   { background: var(--bg); padding: 12px 20px; border-bottom: 1px solid var(--border); display: flex; gap: 24px; flex-wrap: wrap; }
.ei-eyebrow-10 { font-size: 10px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: .5px; }
.ei-infoval   { font-size: 12px; font-weight: 600; color: var(--navy); margin-top: 1px; }
.ei-col-8-p   { display: flex; flex-direction: column; gap: 8px; padding: 4px 0; }
.ei-filerow   { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--bg); border-radius: var(--rs); }
.ei-t3-shrink { color: var(--text3); flex-shrink: 0; }
.ei-name-navy { font-weight: 600; font-size: 13px; color: var(--navy); }
.data-tbl .ei-fw6 { font-weight: 600; }
.data-tbl .ei-fw7 { font-weight: 700; }

/* --- misc repeated primitives --- */
.ei-overflow-x  { overflow-x: auto; }
.ei-empty-icon  { width: 24px; height: 24px; display: block; margin: 0 auto 8px; }
.ei-empty-lg    { padding: 32px; text-align: center; color: var(--text3); font-size: 13px; }

/* --- table cells: scoped to .tbl so specificity (0,2,0) beats .tbl td/.tbl th (0,1,1).
 *     Only use these on <td>/<th> INSIDE a table.tbl. --- */
.tbl .ei-r    { text-align: right; }
.tbl .ei-c    { text-align: center; }
.tbl .ei-num  { text-align: right; font-family: 'DM Mono'; font-size: 12px; }
.tbl .ei-fs-12    { font-size: 12px; }
.tbl .ei-fs-12-t2 { font-size: 12px; color: var(--text2); }
.tbl .ei-mono-11-orange { font-family: 'DM Mono'; font-size: 11px; color: var(--orange); }

/* --- raw (non-.tbl) tables: plain classes are safe (no .tbl td/th to beat) --- */
.ei-flagtable  { width: 100%; border-collapse: collapse; font-size: 12px; }
.ei-thead-row  { background: var(--bg2); border-bottom: 2px solid var(--border); }
.ei-th         { padding: 8px 12px; text-align: left; font-weight: 700; color: var(--text2); font-size: 11px; text-transform: uppercase; letter-spacing: .5px; }
.ei-flagrow    { border-bottom: 1px solid var(--border); transition: opacity .3s; }
.ei-td-t2-11   { padding: 8px 12px; color: var(--text2); font-size: 11px; }
.ei-th-flag    { padding: 8px 6px; text-align: center; font-weight: 700; color: var(--text2); font-size: 10px; text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; }
.ei-th-c       { padding: 8px 10px; text-align: center; font-weight: 700; color: var(--text2); font-size: 11px; text-transform: uppercase; letter-spacing: .5px; }
.ei-th-l       { padding: 8px 10px; text-align: left; font-weight: 700; color: var(--text2); font-size: 11px; text-transform: uppercase; letter-spacing: .5px; }
.ei-td-navy    { padding: 8px 10px; font-weight: 600; color: var(--navy); }
.ei-td-t3      { padding: 8px 10px; color: var(--text3); }
.ei-td-t2      { padding: 8px 10px; color: var(--text2); }
.ei-td-t3-nw   { padding: 8px 10px; color: var(--text3); white-space: nowrap; }
.ei-td-flag    { padding: 8px 6px; text-align: center; }
.ei-td-c       { padding: 8px 10px; text-align: center; }
.ei-flag-x     { font-size: 10px; font-weight: 700; color: #fff; background: var(--red); padding: 2px 6px; border-radius: 10px; white-space: nowrap; }
.ei-fs12-green { font-size: 12px; color: var(--green); }
.ei-btn-ack    { font-size: 11px; padding: 3px 12px; white-space: nowrap; }
.ei-btn-link   { font-size: 11px; padding: 3px 10px; text-decoration: none; }
.ei-ico12-mid  { width: 12px; height: 12px; vertical-align: middle; }
.tbl .ei-num-t2 { text-align: right; font-family: 'DM Mono'; font-size: 12px; color: var(--text2); }

/* --- flex / icon-with-color primitives (repeat 2+; not table-scoped) --- */
.ei-flex-min0    { flex: 1; min-width: 0; }
.ei-ico-15-green { width: 15px; height: 15px; color: var(--green); }
.ei-ico-spin     { width: 16px; height: 16px; vertical-align: middle; animation: spin 1s linear infinite; }

/* --- comms.html: composer form labels, dropdown positioning, grids --- */
.ei-comms-label { font-size: 12px; font-weight: 700; color: var(--navy); display: block; margin-bottom: 5px; text-transform: uppercase; letter-spacing: .4px; }
.ei-comms-opt   { font-weight: 400; text-transform: none; color: var(--text3); }
.ei-m-0         { margin: 0; }
.ei-relative    { position: relative; }
.ei-chevron-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: auto; cursor: pointer; color: var(--text3, #7a8a9a); }
.ei-ico-14-block { width: 14px; height: 14px; display: block; }
.ei-grid2-14    { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.ei-in-pr32     { margin: 0; padding-right: 32px; }
.ei-btn-row     { font-size: 11px; padding: 4px 10px; display: flex; align-items: center; gap: 5px; }

/* --- index.html: SPA-shell modal titles, note paragraphs, footer button rows --- */
.ei-h3-modal    { font-size: 15px; font-weight: 700; }
.ei-h3-flex     { font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 6px; }
.ei-note-mb10   { font-size: 13px; color: var(--text2); margin-bottom: 10px; }
.ei-btn-end     { display: flex; gap: 8px; justify-content: flex-end; }
.ei-btn-end-mt10 { margin-top: 10px; display: flex; gap: 8px; justify-content: flex-end; }
.ei-w-480       { width: 480px; }
.ei-modal-sub   { font-size: 12px; opacity: .7; margin-top: 2px; }

/* --- shared cross-file repeats (2+) --- */
.ei-eyebrow-mr  { font-size: 10px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: .5px; margin-right: 2px; }
.ei-red         { color: var(--red); }

/* --- WFM chat: chart bubble with user-adjustable width (50/75/Full, remembered) --- */
.ei-chart-card  { min-width: 280px; flex: 1; background: var(--bg2); border: 1px solid var(--border); border-radius: 4px 14px 14px 14px; padding: 12px 16px; }
.ei-chart-w50   { max-width: 50%; }
.ei-chart-w75   { max-width: 75%; }
.ei-chart-w100  { max-width: 100%; }
.ei-chart-head  { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.ei-chart-title { font-size: 13px; color: var(--text2); }
.ei-chart-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ei-chart-canvas { position: relative; height: 320px; margin-top: 10px; }
.ei-chart-wbtns { display: inline-flex; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; }
.ei-chart-wbtn  { font-size: 11px; padding: 2px 8px; background: var(--bg); color: var(--text2); border: none; border-right: 1px solid var(--border); cursor: pointer; }
.ei-chart-wbtn:last-child { border-right: none; }
.ei-chart-wbtn.active { background: var(--navy); color: #fff; }

/* --- flag set-aside (acknowledge / follow-up) modal --- */
.ei-ack-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.ei-ack-box     { background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 20px; width: 380px; max-width: 90vw; box-shadow: 0 10px 40px rgba(0,0,0,.25); }
.ei-ack-title   { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 2px; }
.ei-ack-note    { width: 100%; box-sizing: border-box; font-size: 12px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg2); color: var(--text); resize: vertical; margin-bottom: 10px; }
.ei-ack-followrow { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text2); margin-bottom: 14px; }
.ei-ack-date    { font-size: 12px; padding: 4px 6px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg2); color: var(--text); }
.ei-ack-actions { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.ei-ack-cancel  { font-size: 12px; padding: 5px 14px; background: none; border: 1px solid var(--border); border-radius: 6px; cursor: pointer; color: var(--text2); }
.ei-ack-pending { font-size: 12px; padding: 5px 14px; background: var(--orange); color: #fff; border: none; border-radius: 6px; cursor: pointer; }
.ei-ack-confirm { font-size: 12px; padding: 5px 16px; background: var(--navy); color: #fff; border: none; border-radius: 6px; cursor: pointer; }

/* --- misc (replace one-off inline) --- */
.ei-pad-16      { padding: 16px; }
.ei-row-overdue { background: rgba(220,38,38,.03); }  /* overdue invoice row tint */
.ei-fs12-orange { font-size: 12px; color: var(--orange); }

/* --- content grids (were inline styles; byte-identical relocations) --- */
.ei-grid-3     { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-bottom: 22px; }  /* governance cards */
.ei-grid-4-12  { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 20px; } /* finance summary stats */
.ei-grid-3-16  { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }                        /* finance automation steps */
.ei-grid-21-14 { display: grid; grid-template-columns: 2fr 1fr; gap: 14px; margin-bottom: 14px; }       /* template modal name/category */

/* ── Phone (≤600px) overrides for ei- classes. This file loads after
   styles.css, so these win without !important. Pairs with the ≤600 block
   in styles.css (native classes). --- */
@media (max-width: 600px) {
  /* Stack multi-column ei- grids one after another. */
  .ei-grid2-14, .ei-grid-2-10, .ei-grid-3, .ei-grid-4-12, .ei-grid-3-16,
  .ei-grid-21-14 { grid-template-columns: 1fr; }

  /* Fixed-layout tables (dashboard Total Reports) would CLIP columns at 100%
     width on a phone — give them a min-width so they overflow their
     .ei-overflow-x wrapper and scroll instead. 580px ≈ the colgroup total. */
  .ei-table-fixed { min-width: 580px; }

  /* Swipe hint on known-wide table wrappers (governance/permissions matrices,
     flag matrices, chat result tables). iOS Safari can't render custom
     scrollbars, so without this there's no cue the table continues sideways. */
  .ei-overflow-x::before, .wfm-result-wrap::before {
    content: '⇄ Swipe sideways to see all columns';
    display: block; font-size: 10px; color: var(--text3);
    padding: 4px 12px 2px; font-style: italic;
  }
  /* Charts default to full width on mobile (client request), regardless of the
     saved 50/75/Full preset — and hide the width toggle (moot at full width). */
  .ei-chart-w50, .ei-chart-w75, .ei-chart-w100 { max-width: 100%; }
  .ei-chart-wbtns { display: none; }
  /* Fixed-width template modals go near-full-screen. */
  .ei-w-480 { width: 96vw; max-width: 96vw; }
}

/* --- WFM dashboard: repeated filter-bar / label / input / loader blocks --- */
.ei-row-8      { display: flex; align-items: center; gap: 8px; }
.ei-row-7-shrink { display: flex; gap: 7px; flex-shrink: 0; }
.ei-title-navy   { font-size: 13px; font-weight: 700; color: var(--navy); }
.ei-row-6-auto { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.ei-subnote    { font-size: 12px; color: var(--text3); margin-top: 2px; }
.ei-filterbar  { padding: 0px 14px 10px 14px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--border); flex-wrap: wrap; }
.ei-eyebrow    { font-size: 11px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: .5px; }
.ei-input-sm   { font-size: 12px; padding: 2px 6px; border: 1px solid var(--border); border-radius: 4px; background: var(--bg); color: var(--text); }
.ei-divider    { color: var(--border); margin: 0 2px; }
.ei-btn-xs     { font-size: 11px; padding: 2px 10px; }
.ei-loading    { padding: 24px; text-align: center; color: var(--text3); font-size: 12px; }

/* ── Auto-extracted one-off inline styles (verbatim relocations).
   Named ei-s<N> when shared across files, ei-<stem><N> when file-local. ── */
.ei-a1 { font-size:12px;color:var(--text2);max-width:240px; }  /* audit.html */
.ei-a2 { width:7%; }  /* audit.html */
.ei-a3 { width:13%; }  /* audit.html */
.ei-a4 { width:8%; }  /* audit.html */
.ei-a5 { width:17%; }  /* audit.html */
.ei-a6 { width:42%; }  /* audit.html */
.ei-a7 { font-family:'DM Mono',monospace;font-size:10px;color:var(--text3); }  /* audit.html */
.ei-a8 { font-size:11px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }  /* audit.html */
.ei-as1 { display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap; }  /* admin_setup.html */
.ei-as10 { display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer;
                          background:var(--bg2);border:1px solid var(--border);border-radius:6px;
                          padding:4px 10px; }  /* admin_setup.html */
.ei-as11 { font-size:12px; }  /* admin_setup.html */
.ei-as12 { background:var(--bg2);color:var(--text2);font-size:10px;margin-right:2px; }  /* admin_setup.html */
.ei-as2 { display:flex;flex-direction:column;gap:3px;flex:2;min-width:120px; }  /* admin_setup.html */
.ei-as3 { display:flex;flex-direction:column;gap:3px;flex:1;min-width:80px; }  /* admin_setup.html */
.ei-as4 { padding:28px 16px; }  /* admin_setup.html */
.ei-as5 { font-weight:600;font-size:13px; }  /* admin_setup.html */
.ei-as6 { text-align:right; }  /* admin_setup.html */
.ei-as7 { display:flex;flex-direction:column;gap:10px; }  /* admin_setup.html */
.ei-as8 { display:flex;gap:8px;flex-wrap:wrap; }  /* admin_setup.html */
.ei-as9 { display:flex;flex-wrap:wrap;gap:6px; }  /* admin_setup.html */
.ei-c1 { position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1.5px solid var(--border,#d0dce8);border-radius:7px;max-height:220px;overflow-y:auto;z-index:9999;box-shadow:0 6px 18px rgba(0,0,0,.13); }  /* comms.html */
.ei-c2 { padding:10px 14px;font-size:12px;color:var(--text3,#7a8a9a); }  /* comms.html */
.ei-c3 { padding:9px 14px;font-size:13px;color:var(--text1,#1a2533);cursor:pointer;border-bottom:1px solid #f0f4f8; }  /* comms.html */
.ei-c4 { padding:10px 14px;font-size:12px;color:var(--text3,#7a8a9a); }  /* comms.html */
/* Quill editor hosts (comms composer / template modal). min-height on the
   CONTAINER alone leaves Quill's inner .ql-editor (height:100% of an auto
   parent) one line tall — only the first line is clickable. Put the min-height
   on .ql-editor too so the editable area fills the box and a click anywhere
   inside starts typing. */
.ei-quill-200 { min-height:200px;background:#fff; }
.ei-quill-200 .ql-editor { min-height: 200px; }
.ei-c6 { margin:0;padding:8px; }  /* comms.html */
.ei-c7 { display:flex;justify-content:flex-end; }  /* comms.html */
.ei-d1 { text-decoration:none; }  /* dashboard.html */
.ei-d10 { width:auto; }  /* dashboard.html */
.ei-d11 { width:100px; }  /* dashboard.html */
.ei-d12 { width:130px; }  /* dashboard.html */
.ei-d13 { cursor:default; }  /* dashboard.html */
.ei-d14 { overflow:hidden; }  /* dashboard.html */
.ei-d15 { font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }  /* dashboard.html */
.ei-d16 { font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }  /* dashboard.html */
.ei-d2 { color:var(--orange);text-decoration:underline;cursor:pointer; }  /* dashboard.html */
.ei-d3 { margin-bottom:22px; }  /* dashboard.html */
.ei-d4 { color:var(--teal);font-weight:700; }  /* dashboard.html */
.ei-d5 { color:var(--orange); }  /* dashboard.html */
.ei-d6 { padding:32px 24px; }  /* dashboard.html */
.ei-d7 { font-size:11px;color:var(--text3);margin-top:2px; }  /* dashboard.html */
.ei-d8 { width:110px; }  /* dashboard.html */
.ei-d9 { width:90px; }  /* dashboard.html */
.ei-et1 { width:120px;text-align:right; }  /* email_templates.html */
.ei-et2 { font-size:12px;color:var(--text2);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }  /* email_templates.html */
.ei-et3 { text-align:right;white-space:nowrap; }  /* email_templates.html */
.ei-et4 { color:var(--danger-fg,#dc2626); }  /* email_templates.html */
.ei-f1 { font-size:12px;font-weight:600; }  /* finance.html */
.ei-f2 { font-size:13px;font-weight:700;color:var(--green); }  /* finance.html */
.ei-f3 { margin-top:16px; }  /* finance.html */
.ei-g1 { padding:0 16px;font-size:11px;color:var(--text3);margin-top:8px; }  /* governance.html */
.ei-g2 { min-width:140px; }  /* governance.html */
.ei-i1 { width:400px; }  /* index.html */
.ei-i10 { font-size:32px;font-weight:700;color:var(--orange);margin:10px 0 20px; }  /* index.html */
.ei-i11 { width:100%;justify-content:center; }  /* index.html */
.ei-i12 { font-size:13px;color:var(--text2);margin-bottom:16px; }  /* index.html */
.ei-i13 { width:720px; }  /* index.html */
.ei-i14 { font-weight:400;text-transform:none;letter-spacing:0;color:var(--text3); }  /* index.html */
.ei-quill-180 { min-height:180px;background:#fff; }  /* index.html template modal */
.ei-quill-180 .ql-editor { min-height: 180px; }
.ei-i16 { width:420px; }  /* index.html */
.ei-i17 { width:15px;height:15px;color:var(--danger-fg,#dc2626); }  /* index.html */
.ei-i18 { font-size:13px;color:var(--text2);margin-bottom:20px; }  /* index.html */
.ei-i19 { text-align:center;margin-top:14px; }  /* index.html */
.ei-i2 { width:16px;height:16px;color:var(--orange); }  /* index.html */
.ei-i20 { font-size:13px;color:var(--accent,#f97316);text-decoration:none;font-weight:600; }  /* index.html */
.ei-i21 { display:flex;flex-direction:column;gap:12px; }  /* index.html */
.ei-i22 { color:var(--success-fg,#15803d);font-size:13px; }  /* index.html */
.ei-i3 { font-size:14px;color:var(--text);line-height:1.5; }  /* index.html */
.ei-i4 { display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border); }  /* index.html */
.ei-i5 { width:420px;text-align:center;padding:32px 28px; }  /* index.html */
.ei-i6 { width:48px;height:48px;border-radius:50%;background:var(--warning-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 16px; }  /* index.html */
.ei-i7 { width:22px;height:22px;color:var(--amber); }  /* index.html */
.ei-i8 { font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px; }  /* index.html */
.ei-i9 { font-size:13px;color:var(--text2);margin-bottom:6px; }  /* index.html */
.ei-jd1 { margin-bottom:12px;padding:8px 12px;border-radius:var(--rs); }  /* job_detail.html */
.ei-jd2 { margin-top:16px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end; }  /* job_detail.html */
.ei-jd3 { color:var(--green);font-weight:600;display:flex;align-items:center;gap:4px; }  /* job_detail.html */
.ei-p1 { min-width:160px; }  /* permissions.html */
.ei-p2 { text-align:center;min-width:96px;font-size:11px; }  /* permissions.html */
.ei-p3 { font-weight:600;font-size:12px;white-space:nowrap;color:var(--navy); }  /* permissions.html */
.ei-p4 { width:12px;height:12px;opacity:.5;margin-right:4px; }  /* permissions.html */
.ei-p5 { text-align:center;padding:10px 8px; }  /* permissions.html */
.ei-rdm1 { margin-top:16px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap; }  /* report_detail_modal.html */
.ei-rdm2 { color:var(--green);font-weight:600;font-size:13px;display:flex;align-items:center;gap:4px; }  /* report_detail_modal.html */
.ei-rdm3 { color:#2B5797;border-color:#2B5797; }  /* report_detail_modal.html */
.ei-rdm4 { display:flex;flex-direction:column;gap:6px; }  /* report_detail_modal.html */
.ei-rdm5 { font-family:'DM Mono';font-size:10px;background:var(--navy);color:#fff;padding:1px 6px;border-radius:3px;white-space:nowrap; }  /* report_detail_modal.html */
.ei-rdm6 { font-family:'DM Mono';font-size:11px;color:var(--orange); }  /* report_detail_modal.html */
.ei-rdm7 { font-size:11px;color:var(--text3);flex:1; }  /* report_detail_modal.html */
.ei-rdm8 { font-size:11px;color:var(--orange);text-decoration:none;cursor:pointer; }  /* report_detail_modal.html */
.ei-rg1 { display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:18px; }  /* report_generator.html */
.ei-rg10 { margin-top:12px;background:var(--danger-bg);border:1.5px solid var(--red);border-radius:var(--rs);padding:12px 16px; }  /* report_generator.html */
.ei-rg11 { font-weight:700;color:var(--red);font-size:13px;margin-bottom:6px;display:flex;align-items:center;gap:5px; }  /* report_generator.html */
.ei-rg12 { font-size:12px;color:var(--red);display:flex;flex-wrap:wrap;gap:6px; }  /* report_generator.html */
.ei-rg13 { display:flex;align-items:center;gap:8px;margin-bottom:10px; }  /* report_generator.html */
.ei-rg14 { display:flex;align-items:center;gap:8px;margin-bottom:12px; }  /* report_generator.html */
.ei-rg15 { font-size:10px;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px; }  /* report_generator.html */
.ei-rg16 { background:var(--bg);border:1.5px dashed var(--border);border-radius:var(--rs);padding:12px 14px; }  /* report_generator.html */
.ei-rg17 { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px; }  /* report_generator.html */
.ei-rg18 { font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px; }  /* report_generator.html */
.ei-rg19 { font-size:10px;color:var(--text3);font-style:italic; }  /* report_generator.html */
.ei-rg2 { padding:8px 18px;font-size:13px;font-weight:700;border:none;background:none;cursor:pointer;border-bottom:3px solid var(--orange);color:var(--orange);margin-bottom:-2px; }  /* report_generator.html */
.ei-rg20 { display:flex;align-items:center;justify-content:space-between;margin-bottom:4px; }  /* report_generator.html */
.ei-rg21 { display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;background:var(--orange);color:#fff;border:none;border-radius:5px;cursor:pointer; }  /* report_generator.html */
.ei-rg22 { font-size:11px;color:var(--text3);margin:0 0 8px; }  /* report_generator.html */
.ei-rg23 { display:flex;align-items:center;justify-content:space-between;margin-bottom:6px; }  /* report_generator.html */
.ei-rg24 { margin-bottom:16px; }  /* report_generator.html */
.ei-rg25 { margin-left:8px; }  /* report_generator.html */
.ei-rg26 { text-align:center;padding:32px 0; }  /* report_generator.html */
.ei-rg27 { font-size:13px;color:var(--text3); }  /* report_generator.html */
.ei-rg28 { background:var(--danger-bg);border:1.5px solid var(--red);border-radius:var(--rs);padding:12px 16px;margin-bottom:14px; }  /* report_generator.html */
.ei-rg29 { font-weight:700;color:var(--red);font-size:13px;margin-bottom:4px; }  /* report_generator.html */
.ei-rg3 { padding:8px 18px;font-size:13px;font-weight:600;border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;color:var(--text3);margin-bottom:-2px; }  /* report_generator.html */
.ei-rg30 { font-size:12px;color:var(--red); }  /* report_generator.html */
.ei-rg31 { display:flex;flex-wrap:wrap;gap:20px;align-items:center; }  /* report_generator.html */
.ei-rg32 { font-family:'DM Mono';font-size:13px;color:var(--orange);font-weight:700; }  /* report_generator.html */
.ei-rg33 { margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px; }  /* report_generator.html */
.ei-rg34 { background:var(--navy);color:#fff;font-size:11px;padding:5px 12px;white-space:nowrap; }  /* report_generator.html */
.ei-rg35 { font-size:10px;color:var(--text3);text-align:right; }  /* report_generator.html */
.ei-rg36 { margin-top:10px;display:flex;flex-wrap:wrap;gap:6px; }  /* report_generator.html */
.ei-rg37 { padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px; }  /* report_generator.html */
.ei-rg38 { margin-left:auto;display:flex;gap:6px;align-items:center; }  /* report_generator.html */
.ei-rg4 { grid-column: 1 / -1; }  /* report_generator.html */
.ei-rg5 { display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap; }  /* report_generator.html */
.ei-rg6 { font-size:10px;color:var(--text3);font-weight:400; }  /* report_generator.html */
.ei-rg7 { margin-bottom:14px; }  /* report_generator.html */
.ei-rg8 { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px; }  /* report_generator.html */
.ei-rg9 { font-weight:700;color:var(--navy);font-size:14px; }  /* report_generator.html */
.ei-rl1 { display:flex;gap:6px; }  /* reports_list.html */
.ei-rl10 { white-space:nowrap;width:1px; }  /* reports_list.html */
.ei-rl11 { font-family:'DM Mono';font-size:10px;background:var(--navy);color:#fff;padding:1px 4px;border-radius:3px;margin-left:3px; }  /* reports_list.html */
.ei-rl12 { font-family:'DM Mono';font-size:11px;background:var(--bg);padding:2px 6px;border-radius:4px; }  /* reports_list.html */
.ei-rl13 { font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }  /* reports_list.html */
.ei-rl14 { display:flex;gap:4px;align-items:center;flex-wrap:nowrap; }  /* reports_list.html */
.ei-rl15 { padding:3px 8px;line-height:1;color:#2B5797;border-color:#2B5797; }  /* reports_list.html */
.ei-rl16 { font-size:11px;background:var(--orange);color:#fff;white-space:nowrap; }  /* reports_list.html */
.ei-rl17 { font-size:11px;background:var(--navy);color:#fff;white-space:nowrap; }  /* reports_list.html */
.ei-rl18 { font-size:11px;white-space:nowrap; }  /* reports_list.html */
.ei-rl2 { display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end; }  /* reports_list.html */
.ei-rl3 { display:flex;flex-direction:column;gap:3px;min-width:110px;flex:1; }  /* reports_list.html */
.ei-rl4 { display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;padding:7px 0; }  /* reports_list.html */
.ei-rl5 { display:flex;gap:6px;align-items:flex-end; }  /* reports_list.html */
.ei-rl6 { text-align:center;padding:40px; }  /* reports_list.html */
.ei-rl7 { margin-bottom:12px;display:flex;justify-content:center;color:var(--text3); }  /* reports_list.html */
.ei-rl8 { width:32px;height:32px;opacity:.4; }  /* reports_list.html */
.ei-rl9 { font-size:14px;font-weight:600;color:var(--navy);margin-bottom:6px; }  /* reports_list.html */
.ei-ro1 { margin:12px 16px;border-radius:8px; }  /* report_output.html */
.ei-ro2 { width:15px;height:15px;color:var(--warning-fg); }  /* report_output.html */
.ei-ro3 { margin:6px 0 0 16px;font-size:12px; }  /* report_output.html */
.ei-ro4 { margin:3px 0; }  /* report_output.html */
.ei-rv1 { display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:0 2px; }  /* report_view.html */
.ei-rv2 { font-family:'DM Mono';font-size:10px;background:var(--navy);color:#fff;padding:1px 7px;border-radius:3px; }  /* report_view.html */
.ei-rv3 { margin-bottom:16px;border-left:3px solid var(--navy); }  /* report_view.html */
.ei-rv4 { font-weight:700;font-size:13px;color:var(--navy);margin-bottom:4px;display:flex;align-items:center;gap:6px; }  /* report_view.html */
.ei-rv5 { font-size:12px;color:var(--text2);margin-bottom:10px; }  /* report_view.html */
.ei-rv6 { display:flex;justify-content:flex-end;margin-top:8px; }  /* report_view.html */
.ei-rv7 { font-size:11px; }  /* report_view.html */
.ei-s1 { font-size:14px; }  /* admin_setup.html, workflow.html */
.ei-s10 { width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--navy),#4f46e5);display:flex;align-items:center;justify-content:center;flex-shrink:0; }  /* wfm_chat.html, wfm_chat_page.html */
.ei-s11 { width:16px;height:16px;color:#fff; }  /* wfm_chat.html, wfm_chat_page.html */
.ei-s12 { font-size:11px;margin-top:4px; }  /* wfm_chat.html, wfm_flags_table.html */
.ei-s13 { color:var(--navy); }  /* wfm_chat.html, wfm_chat_page.html */
.ei-s14 { text-align:center; }  /* wfm_flags_table.html, workflow.html */
.ei-s15 { padding:32px 16px;text-align:center;color:var(--text3); }  /* wfm_flags_table.html, wfm_job_flags_table.html, wfm_lead_flags_table.html, wfm_quote_flags_table.html */
.ei-s16 { width:28px;height:28px;color:var(--green);margin-bottom:8px; }  /* wfm_flags_table.html, wfm_job_flags_table.html, wfm_lead_flags_table.html, wfm_quote_flags_table.html */
.ei-s17 { font-size:13px;font-weight:600;color:var(--green);margin-top:4px; }  /* wfm_flags_table.html, wfm_job_flags_table.html, wfm_lead_flags_table.html, wfm_quote_flags_table.html */
.ei-s18 { display:flex;justify-content:flex-end;gap:6px;padding:6px 10px; }  /* wfm_job_flags_table.html, wfm_lead_flags_table.html, wfm_quote_flags_table.html */
.ei-s2 { font-size:12px;font-weight:600;color:var(--navy); }  /* admin_setup.html, audit.html, email_templates.html */
.ei-s3 { font-size:11px;color:var(--text3);white-space:nowrap; }  /* audit.html, report_detail_modal.html */
.ei-s4 { margin-bottom:16px; }  /* comms.html, index.html, report_generator.html, wfm_chat_page.html */
.ei-s5 { margin-top:8px;display:flex;flex-direction:column;gap:4px; }  /* comms.html, report_generator.html */
.ei-s6 { padding:10px 16px 14px;font-size:11px;color:var(--text3); }  /* governance.html, permissions.html */
.ei-s7 { display:flex;align-items:center; }  /* report_output.html, report_view.html */
.ei-s8 { background:var(--orange);color:#fff;border:none; }  /* report_output.html, report_view.html */
.ei-s9 { background:#2B5797;color:#fff;border:none; }  /* report_output.html, report_view.html */
.ei-st1 { font-size:13px;text-transform:capitalize; }  /* storage_table.html */
.ei-u1 { display:flex;align-items:center;gap:12px; }  /* users.html */
.ei-u10 { font-size:12px;color:var(--danger-fg);line-height:1.7; }  /* users.html */
.ei-u11 { margin-bottom:4px; }  /* users.html */
.ei-u12 { color:var(--red);font-weight:700; }  /* users.html */
.ei-u13 { color:var(--green);font-weight:700; }  /* users.html */
.ei-u14 { opacity:.45; }  /* users.html */
.ei-u2 { display:flex;flex-direction:column;gap:14px; }  /* users.html */
.ei-u3 { display:block;margin-top:0; }  /* users.html */
.ei-u4 { padding:10px 12px;border:1px solid var(--border);border-radius:var(--rs);font-size:14px;font-family:inherit;background:#fff; }  /* users.html */
.ei-u5 { width:22px;height:22px; }  /* users.html */
.ei-u6 { border-radius:8px;padding:14px 16px;margin-bottom:14px;font-size:13px;line-height:1.6; }  /* users.html */
.ei-u7 { background:var(--danger-bg);border:1px solid var(--danger-bd);border-radius:8px;padding:14px 16px;margin-bottom:16px; }  /* users.html */
.ei-u8 { font-size:13px;font-weight:700;color:var(--danger-fg);margin-bottom:10px; }  /* users.html */
.ei-u9 { font-family:'DM Mono',monospace; }  /* users.html */
.ei-w1 { display:flex;align-items:center;gap:4px;font-size:11px;cursor:pointer; }  /* workflow.html */
.ei-w2 { font-weight:600;font-size:12px; }  /* workflow.html */
.ei-w3 { padding:20px; }  /* workflow.html */
.ei-w4 { width:55%; }  /* workflow.html */
.ei-w5 { grid-template-columns:1fr 1fr; }  /* workflow.html */
.ei-walt1 { border-bottom:1px solid var(--border); }  /* wfm_ack_log_table.html */
.ei-walt2 { text-align:center;padding:40px 16px;color:var(--text3);font-size:13px; }  /* wfm_ack_log_table.html */
.ei-wap1 { padding:0 0 8px 0; }  /* wfm_alerts_panel.html */
.ei-wap2 { flex-shrink:0;margin-top:2px; }  /* wfm_alerts_panel.html */
.ei-wap3 { font-size:11px;color:var(--text2);margin-top:2px; }  /* wfm_alerts_panel.html */
.ei-wap4 { margin:8px 16px; }  /* wfm_alerts_panel.html */
.ei-wc1 { display:flex;flex-direction:column;gap:0;min-height:420px; }  /* wfm_chat.html */
.ei-wc10 { flex:1;resize:none;border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:12px;font-family:inherit;color:var(--text1);background:var(--bg);outline:none;line-height:1.4; }  /* wfm_chat.html */
.ei-wc11 { background:var(--navy);color:#fff;padding:7px 14px;white-space:nowrap;align-self:flex-end; }  /* wfm_chat.html */
.ei-wc12 { max-width:75%;background:var(--navy);color:#fff;border-radius:12px 12px 3px 12px;
                padding:8px 12px;font-size:12px;line-height:1.4;word-break:break-word; }  /* wfm_chat.html */
.ei-wc13 { width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--navy),#4f46e5);
                display:flex;align-items:center;justify-content:center;flex-shrink:0; }  /* wfm_chat.html */
.ei-wc14 { width:14px;height:14px;color:#fff; }  /* wfm_chat.html */
.ei-wc15 { background:var(--bg2);border:1px solid var(--border);border-radius:3px 12px 12px 12px;
                padding:10px 14px;font-size:12px;color:var(--text3);display:flex;align-items:center;gap:6px; }  /* wfm_chat.html */
.ei-wc16 { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--navy);
                   animation:wfmDot 1.2s ease-in-out infinite; }  /* wfm_chat.html */
.ei-wc17 { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--navy);
                   animation:wfmDot 1.2s ease-in-out .2s infinite; }  /* wfm_chat.html */
.ei-wc18 { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--navy);
                   animation:wfmDot 1.2s ease-in-out .4s infinite; }  /* wfm_chat.html */
.ei-wc19 { margin-left:4px;color:var(--text3);font-size:11px; }  /* wfm_chat.html */
.ei-wc2 { padding:14px 16px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px; }  /* wfm_chat.html */
.ei-wc20 { margin-top:6px; }  /* wfm_chat.html */
.ei-wc21 { font-size:10px;color:var(--text3);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline; }  /* wfm_chat.html */
.ei-wc22 { margin-top:4px;font-size:10px;background:var(--bg);border:1px solid var(--border);border-radius:4px;
                  padding:8px;overflow-x:auto;white-space:pre-wrap;color:var(--text2); }  /* wfm_chat.html */
.ei-wc23 { width:28px;height:28px;border-radius:8px;background:#dc2626;display:flex;align-items:center;justify-content:center;flex-shrink:0; }  /* wfm_chat.html */
.ei-wc24 { background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.2);border-radius:3px 12px 12px 12px;
                padding:10px 14px;font-size:12px;color:var(--red);max-width:80%; }  /* wfm_chat.html */
.ei-wc25 { margin-top:8px;padding:14px;text-align:center;color:var(--text3);font-size:12px;
                              border:1px solid var(--border);border-radius:6px;background:var(--bg2); }  /* wfm_chat.html */
.ei-wc26 { font-size:10px;padding:2px 9px; }  /* wfm_chat.html */
.ei-wc27 { width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--navy),#4f46e5);
                display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px; }  /* wfm_chat.html */
.ei-wc28 { min-width:220px;max-width:100%;background:var(--bg2);border:1px solid var(--border);
                border-radius:3px 12px 12px 12px;padding:10px 14px; }  /* wfm_chat.html */
.ei-wc29 { font-size:12px;color:var(--text2); }  /* wfm_chat.html */
.ei-wc3 { padding:10px 16px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;align-items:center; }  /* wfm_chat.html */
.ei-wc30 { color:var(--text3);font-size:10px; }  /* wfm_chat.html */
.ei-wc31 { display:flex;gap:5px; }  /* wfm_chat.html */
.ei-wc4 { font-size:11px;padding:2px 9px;cursor:pointer; }  /* wfm_chat.html */
.ei-wc5 { flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px;max-height:340px; }  /* wfm_chat.html */
.ei-wc6 { text-align:center;padding:24px 16px;color:var(--text3); }  /* wfm_chat.html */
.ei-wc7 { width:28px;height:28px;color:var(--navy);margin-bottom:6px; }  /* wfm_chat.html */
.ei-wc8 { font-size:13px;font-weight:600;color:var(--navy);margin-top:4px; }  /* wfm_chat.html */
.ei-wc9 { padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end; }  /* wfm_chat.html */
.ei-wcp1 { width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--navy),#4f46e5);
                  display:flex;align-items:center;justify-content:center; }  /* wfm_chat_page.html */
.ei-wcp10 { flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px; }  /* wfm_chat_page.html */
.ei-wcp11 { text-align:center;padding:48px 16px;color:var(--text3); }  /* wfm_chat_page.html */
.ei-wcp12 { width:36px;height:36px;color:var(--navy);margin-bottom:10px; }  /* wfm_chat_page.html */
.ei-wcp13 { font-size:15px;font-weight:700;color:var(--navy);margin-top:6px; }  /* wfm_chat_page.html */
.ei-wcp14 { font-size:12px;margin-top:5px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.5; }  /* wfm_chat_page.html */
.ei-wcp15 { margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:600px;margin-left:auto;margin-right:auto; }  /* wfm_chat_page.html */
.ei-wcp16 { font-size:11px;padding:3px 10px; }  /* wfm_chat_page.html */
.ei-wcp17 { padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:flex-end;
              position:sticky;bottom:0;background:var(--bg);z-index:10; }  /* wfm_chat_page.html */
.ei-wcp18 { flex:1;resize:none;border:1px solid var(--border);border-radius:8px;padding:10px 12px;
             font-size:13px;font-family:inherit;color:var(--text1);background:var(--bg2);
             outline:none;line-height:1.4;transition:border-color .15s; }  /* wfm_chat_page.html */
.ei-wcp19 { background:var(--navy);color:#fff;padding:10px 20px;white-space:nowrap;align-self:flex-end;
             display:flex;align-items:center;gap:6px;font-size:13px; }  /* wfm_chat_page.html */
.ei-wcp2 { width:15px;height:15px;color:#fff; }  /* wfm_chat_page.html */
.ei-wcp20 { max-width:70%;background:var(--navy);color:#fff;border-radius:14px 14px 3px 14px;
    padding:10px 14px;font-size:13px;line-height:1.5;word-break:break-word; }  /* wfm_chat_page.html */
.ei-wcp21 { background:var(--bg2);border:1px solid var(--border);border-radius:4px 14px 14px 14px;
                padding:12px 16px;display:flex;align-items:center;gap:5px; }  /* wfm_chat_page.html */
.ei-wcp22 { width:7px;height:7px;border-radius:50%;background:var(--navy);display:inline-block;animation:wfmDot 1.2s ease-in-out infinite; }  /* wfm_chat_page.html */
.ei-wcp23 { width:7px;height:7px;border-radius:50%;background:var(--navy);display:inline-block;animation:wfmDot 1.2s ease-in-out .2s infinite; }  /* wfm_chat_page.html */
.ei-wcp24 { width:7px;height:7px;border-radius:50%;background:var(--navy);display:inline-block;animation:wfmDot 1.2s ease-in-out .4s infinite; }  /* wfm_chat_page.html */
.ei-wcp25 { margin-left:6px;font-size:12px;color:var(--text3); }  /* wfm_chat_page.html */
.ei-wcp26 { width:32px;height:32px;border-radius:8px;flex-shrink:0;
                background:linear-gradient(135deg,var(--navy),#4f46e5);
                display:flex;align-items:center;justify-content:center; }  /* wfm_chat_page.html */
.ei-wcp27 { background:var(--bg2);border:1px solid var(--border);border-radius:4px 14px 14px 14px;
                padding:12px 16px;font-size:13px;color:var(--text2);max-width:75%;line-height:1.6; }  /* wfm_chat_page.html */
.ei-wcp28 { font-size:11px;color:var(--text3);margin-top:4px;display:block; }  /* wfm_chat_page.html */
.ei-wcp29 { margin-top:8px; }  /* wfm_chat_page.html */
.ei-wcp3 { font-size:9px;font-weight:700;background:var(--navy);color:#fff;padding:2px 6px;border-radius:3px;letter-spacing:.4px; }  /* wfm_chat_page.html */
.ei-wcp30 { font-size:11px;color:var(--text3);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline; }  /* wfm_chat_page.html */
.ei-wcp31 { margin-top:6px;font-size:11px;background:var(--bg);border:1px solid var(--border);
                  border-radius:5px;padding:10px;overflow-x:auto;white-space:pre-wrap;color:var(--text2);max-height:200px; }  /* wfm_chat_page.html */
.ei-wcp32 { width:32px;height:32px;border-radius:8px;background:#dc2626;flex-shrink:0;
                display:flex;align-items:center;justify-content:center; }  /* wfm_chat_page.html */
.ei-wcp33 { background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.2);border-radius:4px 14px 14px 14px;
                padding:12px 16px;font-size:13px;color:var(--red);max-width:75%; }  /* wfm_chat_page.html */
.ei-wcp34 { font-size:11px;color:var(--text3);margin-top:6px;line-height:1.4; }  /* wfm_chat_page.html */
.ei-wcp35 { margin-top:10px;padding:20px;text-align:center;color:var(--text3);font-size:13px;
                              border:1px solid var(--border);border-radius:6px;background:var(--bg2); }  /* wfm_chat_page.html */
.ei-wcp36 { width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--navy),#4f46e5);
                flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px; }  /* wfm_chat_page.html */
.ei-wcp37 { min-width:240px;max-width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:4px 14px 14px 14px;padding:12px 16px; }  /* wfm_chat_page.html */
.ei-wcp38 { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px; }  /* wfm_chat_page.html */
.ei-wcp39 { color:var(--text3);font-size:11px; }  /* wfm_chat_page.html */
.ei-wcp4 { display:flex;gap:8px;align-items:center;position:relative; }  /* wfm_chat_page.html */
.ei-wcp40 { padding:16px;font-size:12px;color:var(--text3); }  /* wfm_chat_page.html */
.ei-wcp41 { padding:16px;font-size:12px;color:var(--red); }  /* wfm_chat_page.html */
.ei-wcp42 { padding:16px;font-size:12px;color:var(--text3);text-align:center; }  /* wfm_chat_page.html */
.ei-wcp43 { display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer; }  /* wfm_chat_page.html */
.ei-wcp44 { font-size:12px;color:var(--text1);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }  /* wfm_chat_page.html */
.ei-wcp45 { font-size:10px;color:var(--text3);margin-top:2px; }  /* wfm_chat_page.html */
.ei-wcp46 { background:none;border:none;cursor:pointer;color:var(--text3);padding:4px; }  /* wfm_chat_page.html */
.ei-wcp5 { position:absolute;top:calc(100% + 6px);right:0;width:340px;max-height:400px;overflow-y:auto;
                background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:60; }  /* wfm_chat_page.html */
.ei-wcp6 { padding:12px 16px;margin-bottom:14px; }  /* wfm_chat_page.html */
.ei-wcp7 { display:flex;flex-wrap:wrap;gap:6px;align-items:center; }  /* wfm_chat_page.html */
.ei-wcp8 { font-size:11px;padding:3px 10px;cursor:pointer; }  /* wfm_chat_page.html */
.ei-wcp9 { display:flex;flex-direction:column;min-height:calc(100vh - 280px); }  /* wfm_chat_page.html */
.ei-wd1 { width:18px;height:18px;color:var(--navy); }  /* wfm_dashboard.html */
.ei-wd2 { background:var(--navy);color:#fff;gap:5px; }  /* wfm_dashboard.html */
.ei-wd2b { display:flex;flex-direction:column;align-items:flex-end;gap:4px; }  /* wfm_dashboard.html */
.ei-wd3 { padding:5px 12px;border-bottom:1px solid var(--border); }  /* wfm_dashboard.html */
.ei-wd4 { padding:0px 0 10px 14px; border-bottom:1px solid var(--border); }  /* wfm_dashboard.html */
.ei-wd5 { display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;padding:5px 0; }  /* wfm_dashboard.html */
.ei-wd6 { width:15px;height:15px;cursor:pointer; }  /* wfm_dashboard.html */
.ei-wd7 { width:13px;height:13px;animation:spin 1s linear infinite; }  /* wfm_dashboard.html */
.ei-wft1 { padding:8px 12px; }  /* wfm_flags_table.html */
.ei-wft10 { font-size:10px;padding:2px 8px;background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--text2); }  /* wfm_flags_table.html */
.ei-wft11 { font-size:10px;color:var(--text3); }  /* wfm_flags_table.html */
.ei-wft12 { font-size:10px;color:var(--red); }  /* wfm_flags_table.html */
.ei-wft2 { padding:8px 12px;font-weight:600;color:var(--navy);font-size:12px; }  /* wfm_flags_table.html */
.ei-wft3 { font-size:10px;font-weight:400;color:var(--text3);margin-top:1px; }  /* wfm_flags_table.html */
.ei-wft4 { padding:8px 12px;color:var(--text3);font-size:11px;white-space:nowrap; }  /* wfm_flags_table.html */
.ei-wft5 { padding:8px 12px;text-align:center; }  /* wfm_flags_table.html */
.ei-wft6 { display:flex;align-items:center;justify-content:center;gap:4px; }  /* wfm_flags_table.html */
.ei-wft7 { font-size:10px;padding:3px 10px;background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--text2); }  /* wfm_flags_table.html */
.ei-wft8 { font-size:10px;color:var(--text2);margin-right:4px; }  /* wfm_flags_table.html */
.ei-wft9 { font-size:10px;padding:2px 8px;background:var(--red);color:#fff;border:none;border-radius:4px;cursor:pointer; }  /* wfm_flags_table.html */
.ei-wjft1 { cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;margin-left:3px;border-radius:50%;border:1px solid var(--text3);font-size:9px;font-style:italic;font-weight:700;line-height:1;vertical-align:middle; }  /* wfm_job_flags_table.html */
.ei-wjft2 { font-family:'DM Mono';font-size:11px;color:var(--navy);font-weight:600; }  /* wfm_jobs_financial_table.html */
.ei-wjft3 { font-size:12px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }  /* wfm_jobs_financial_table.html */
.ei-wjft4 { font-size:12px;color:var(--text2);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }  /* wfm_jobs_financial_table.html */
.ei-wjft5 { color:var(--orange);font-size:10px;font-weight:600; }  /* wfm_jobs_financial_table.html */
.ei-wjft6 { color:var(--green); }  /* wfm_jobs_financial_table.html */
.ei-wjft7 { font-weight:600; }  /* wfm_jobs_financial_table.html */
.ei-wjm1 { color:var(--navy);font-size:11px; }  /* workflow_job_modal.html */
.ei-wqt1 { font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }  /* wfm_quotes_table.html */

#wfmAckLogTable .ei-mb-12{
   margin-bottom: 12px;
    float: right;
    margin-top: 15px;
    margin-right: 15px;
}
