/* JAG Pulse · Issue library drawer (Meeting Tracker → Tools) and
 * the Request Form Tracker's Deadlines panel. Both sit inside #tab-staff-portal
 * (so the shared picker styles apply) and use the Meeting Tracker's own tokens
 * (#page-mt). The Deadlines panel's host carries .rfi; the drawer's carries .mti.
 * No <table> anywhere here: staff-portal.css restyles every #tab-staff-portal
 * table (blue thead band, zebra rows, cards on phones). */

/* ── Layout: panel left, member grid right ── */
#tab-staff-portal #mt-rf-body .rf-layout{display:flex;align-items:stretch;flex:1;min-height:0;min-width:0}
#tab-staff-portal #mt-rf-body .rf-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
#tab-staff-portal #mt-rf-body .rf-side{flex:0 0 320px;min-width:0;min-height:0;max-height:calc(100vh - 220px);margin:0 0 0 16px;display:flex;flex-direction:column;background:var(--mn-surface,#fff);border:1px solid var(--mn-line-2,#d0d4e4);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(50,51,56,.05);transition:flex-basis .18s ease}
#tab-staff-portal #mt-rf-body .rf-side.is-collapsed{flex-basis:34px}
#tab-staff-portal .rfi .rfi-inner{display:flex;flex-direction:column;flex:1;min-height:0}
#tab-staff-portal #mt-rf-body .rf-side.is-collapsed .rfi-inner{display:none}
#tab-staff-portal .rfi .rfi-rail{display:none}
#tab-staff-portal #mt-rf-body .rf-side.is-collapsed .rfi-rail{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;width:100%;border:0;background:#f6f7fb;color:var(--mn-text-2,#676879);font:600 12.5px/1 inherit;writing-mode:vertical-rl;transform:rotate(180deg);cursor:pointer;padding:14px 0}
#tab-staff-portal #mt-rf-body .rf-side.is-collapsed .rfi-rail:hover{background:var(--mn-selected,#cce5ff);color:var(--mn-text,#323338)}
#tab-staff-portal .rfi .rfi-rail-n{font-weight:400}

/* ── Panel head ── */
#tab-staff-portal .rfi .rfi-head{display:flex;align-items:center;gap:8px;padding:12px 10px 8px 14px;border-bottom:1px solid var(--mn-line,#e6e9ef)}
#tab-staff-portal .rfi h3.rfi-title{margin:0;font:700 15px/1.2 inherit;color:var(--mn-text,#323338);text-transform:none;letter-spacing:0}
#tab-staff-portal .rfi .rfi-fy{margin-left:auto;display:inline-flex;gap:2px;padding:2px;border-radius:7px;background:#eef1f6}
#tab-staff-portal .rfi .rfi-fy-pill{height:22px;padding:0 9px;border:0;border-radius:5px;background:transparent;font:700 11.5px/1 inherit;color:var(--mn-text-2,#676879);cursor:pointer}
#tab-staff-portal .rfi .rfi-fy-pill.active{background:#fff;color:var(--mn-primary,#0073ea);box-shadow:0 1px 2px rgba(50,51,56,.16)}
#tab-staff-portal .rfi .rfi-fold{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--mn-text-2,#676879);font:600 16px/1 inherit;cursor:pointer}
#tab-staff-portal .rfi .rfi-fold:hover{background:var(--mn-hover,#f5f6f8);color:var(--mn-text,#323338)}
/* "No $/P/QFR" — drawn by the shared typeChips() in both the drawer and the Deadlines client list. */
#tab-staff-portal .rfi-none{color:var(--mn-placeholder,#c5c7d0);min-width:20px;text-align:center}
#tab-staff-portal #mt-rf-body #rf-due-toggle.on{background:var(--mn-selected,#cce5ff);color:var(--mn-text,#323338)}

/* ── Deadlines panel (the Request Form Tracker's left panel) ── */
.rfd-body{flex:1;min-height:0;overflow:auto;padding:2px 6px 16px}
.rfd-msg{padding:24px 10px;color:var(--mn-text-2);font-size:13px}
.rfd-sec{margin:8px 0 4px}
.rfd-sec-hd{display:flex;align-items:center;gap:8px;width:100%;padding:8px 8px;border:0;border-radius:6px;background:transparent;font:700 11.5px/1 inherit;letter-spacing:.05em;text-transform:uppercase;color:var(--mn-text-3);cursor:pointer;text-align:left}
.rfd-sec-hd:hover{background:var(--mn-hover)}
.rfd-sec-overdue .rfd-sec-hd{color:#b4232f}
.rfd-sec-week .rfd-sec-hd{color:#9a5b00}
.rfd-caret{font-size:9px;width:10px}
.rfd-sec-n{margin-left:auto;padding:1px 7px;border-radius:9px;background:#eceff5;font-weight:700;color:var(--mn-text-2);letter-spacing:0}
.rfd-row{border-bottom:1px solid var(--mn-line)}
.rfd-row.is-open{background:#f8faff;border-radius:8px}
.rfd-main{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 8px;font-size:12.5px}
.rfd-kind-tag{flex:none;padding:2px 7px;border-radius:5px;font:700 10.5px/1.4 inherit;letter-spacing:.03em}
.rfd-kind-ndaa{background:#fff1dc;color:#8a4b00}
.rfd-kind-approps{background:#e2f6ea;color:#0b6b3a}
.rfd-member{font-weight:600;color:var(--mn-text)}
.rfd-cmte{padding:1px 6px;border-radius:4px;background:#eef1f6;color:var(--mn-text-2);font-size:11px;font-weight:700}
.rfd-date{color:var(--mn-text);white-space:nowrap}
.rfd-date small{color:var(--mn-text-2);font-size:11px;margin-left:4px}
.rfd-date.is-past,.rfd-date.is-past small{color:#b4232f;font-weight:600}
.rfd-date.is-soon,.rfd-date.is-soon small{color:#9a5b00;font-weight:600}
.rfd-status{padding:2px 7px;border-radius:4px;background:#eef1f6;color:var(--mn-text-2);font-size:11px;font-weight:600;white-space:nowrap}
.rfd-status.is-empty{background:transparent;color:var(--mn-text-3);font-weight:400;font-style:italic}
.rfd-link{color:var(--mn-primary);font-size:11.5px;text-decoration:none;white-space:nowrap}
.rfd-link:hover{text-decoration:underline}
.rfd-clients{margin-left:auto;height:26px;padding:0 10px;border:1px solid var(--mn-line-2);border-radius:6px;background:#fff;color:var(--mn-primary);font:600 12px/1 inherit;cursor:pointer;white-space:nowrap}
.rfd-clients:hover,.rfd-clients[aria-expanded="true"]{background:#e7f2ff;border-color:#c9dfff}
.rfd-noclients{margin-left:auto;font-size:11.5px;color:var(--mn-text-3);white-space:nowrap}
.rfd-clist{display:flex;flex-direction:column;gap:2px;padding:0 8px 10px 36px}
.rfd-client{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(160px,2fr) auto auto;gap:6px 12px;align-items:center;padding:6px 8px;border-radius:6px;background:#fff;border:1px solid var(--mn-line);font-size:12.5px}
.rfd-cname{font-weight:600;color:var(--mn-text)}
.rfd-ctypes{display:inline-flex;gap:2px}
.rfd-cissues{color:var(--mn-text-2);overflow:hidden;text-overflow:ellipsis}
.rfd-cstatus{padding:2px 7px;border-radius:4px;background:#eef1f6;color:var(--mn-text-2);font-size:11px;font-weight:600;white-space:nowrap}
.rfd-cmeet{color:var(--mn-text-3);font-size:11px;white-space:nowrap}

/* The panel is ~340px, so a deadline reads in three short lines: kind + member,
   date + how far away, then status / form / clients. */
#tab-staff-portal #mt-rf-body .rf-side.rfd-host{flex-basis:340px}
#tab-staff-portal #mt-rf-body .rf-side.rfd-host.is-collapsed{flex-basis:34px}
#tab-staff-portal .rfd-host .rfd-sub{padding:6px 14px 0;font-size:11.5px;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal .rfd-host .rfd-tools{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-bottom:1px solid var(--mn-line,#e6e9ef)}
#tab-staff-portal .rfd-host .rfd-kind,#tab-staff-portal .rfd-host .rfd-search{height:30px;border:1px solid var(--mn-line-2,#d0d4e4);border-radius:6px;background:#fff;padding:0 8px;font:400 12.5px/1 inherit;color:var(--mn-text,#323338)}
#tab-staff-portal .rfd-host .rfd-search{flex:1;min-width:120px}
#tab-staff-portal .rfd-host .rfd-search:focus,#tab-staff-portal .rfd-host .rfd-kind:focus{outline:none;border-color:var(--mn-primary,#0073ea);box-shadow:0 0 0 3px rgba(0,115,234,.13)}
#tab-staff-portal .rfd-host .rfd-only{display:inline-flex;align-items:center;gap:5px;width:100%;font-size:12px;color:var(--mn-text-2,#676879);cursor:pointer}
#tab-staff-portal .rfd-host .rfd-main{gap:4px 8px;padding:8px 6px}
#tab-staff-portal .rfd-host .rfd-member{flex:1 1 60%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tab-staff-portal .rfd-host .rfd-date{flex:1 1 100%}
#tab-staff-portal .rfd-host .rfd-clist{padding:0 6px 10px 6px}
#tab-staff-portal .rfd-host .rfd-client{grid-template-columns:1fr auto;gap:3px 8px;padding:6px 8px}
#tab-staff-portal .rfd-host .rfd-cissues{grid-column:1 / -1;white-space:normal}
#tab-staff-portal .rfd-host .rfd-cmeet{grid-column:1 / -1}
#tab-staff-portal .rfd-host .rfd-cstatus{justify-self:start}
#tab-staff-portal .rfd-host .rfd-sec-hd{padding:7px 6px}

/* ── Issue library drawer (Meeting Tracker → Tools; a child of #page-mt) ──
   Modelled on the BD Trips trip drawer (bd-trips.css "Drawer", owner request
   2026-10-22): a header with an eyebrow, title and switches; a tools row; then
   one section per client divided by a rule, each issue a card that opens onto
   its meetings. As wide as that drawer — at 400px every title was cut short.
   Sizes are written as font-size / font-weight, never the `font:` shorthand
   with `inherit` inside it: that is invalid CSS, the browser drops the whole
   declaration, and the old drawer's headings and buttons were never bold. */
#tab-staff-portal .mti-overlay{display:none;position:fixed;inset:0;z-index:2100;background:rgba(50,51,56,.45)}
#tab-staff-portal .mti-overlay.open{display:flex;justify-content:flex-end}
#tab-staff-portal .mti-panel{width:min(760px,94vw);height:100%;background:var(--mn-surface,#fff);display:flex;flex-direction:column;
  box-shadow:-14px 0 44px rgba(50,51,56,.24);animation:mtiSlideIn .22s ease-out}
@keyframes mtiSlideIn{from{transform:translateX(102%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){#tab-staff-portal .mti-panel{animation:none}}
#tab-staff-portal .mti-host{flex:1;min-height:0;display:flex;flex-direction:column;color:var(--mn-text,#323338);font-size:13px}
#tab-staff-portal #mt-tools-issues[hidden]{display:none!important}
#tab-staff-portal .mti .mt-req-chip{height:20px;min-width:22px;padding:0 6px;border-radius:4px;font-size:11px;font-weight:700;line-height:1}

/* Header */
#tab-staff-portal .mti-hd{flex:none;padding:17px 20px 14px;border-bottom:1px solid var(--mn-line,#e6e9ef)}
#tab-staff-portal .mti-top{display:flex;align-items:flex-start;gap:12px}
#tab-staff-portal .mti-top-t{flex:1;min-width:0}
#tab-staff-portal .mti-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal h3.mti-title{margin:3px 0 0;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--mn-text,#323338);text-transform:none}
#tab-staff-portal .mti-x{flex:none;width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:var(--mn-text-2,#676879);font-size:17px;line-height:1;cursor:pointer}
#tab-staff-portal .mti-x:hover{background:var(--mn-hover,#f5f6f8);color:var(--mn-text,#323338)}
#tab-staff-portal .mti-intro{margin:7px 0 0;font-size:12.5px;line-height:1.55;color:var(--mn-text-2,#676879)}
#tab-staff-portal .mti-intro b{font-weight:600;color:var(--mn-text,#323338)}
#tab-staff-portal .mti-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px}
#tab-staff-portal .mti-seg{display:inline-flex;gap:2px;padding:2px;border-radius:6px;background:#eef1f6}
#tab-staff-portal .mti-seg-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:0;border-radius:4px;background:transparent;color:var(--mn-text-2,#676879);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
#tab-staff-portal .mti-seg-btn:hover{color:var(--mn-text,#323338)}
#tab-staff-portal .mti-seg-btn[aria-pressed="true"]{background:#fff;color:var(--mn-primary,#0073ea);box-shadow:0 1px 2px rgba(50,51,56,.16)}
#tab-staff-portal .mti-scope-n{min-width:18px;padding:0 5px;border-radius:9px;background:#e1e5ee;color:var(--mn-text-2,#676879);font-size:11px;font-weight:700;line-height:17px;text-align:center}
#tab-staff-portal .mti-scope-n:empty{display:none}
#tab-staff-portal .mti-seg-btn[aria-pressed="true"] .mti-scope-n{background:#e7f2ff;color:var(--mn-primary,#0073ea)}
#tab-staff-portal .mti-count{padding:4px 10px;border:1px solid var(--mn-line,#e6e9ef);border-radius:4px;background:var(--mn-hover,#f5f6f8);color:var(--mn-text-2,#676879);font-size:11.5px;font-weight:500;white-space:nowrap}
#tab-staff-portal .mti-count:empty{display:none}
#tab-staff-portal .mti-save{margin-left:auto;font-size:11.5px;font-weight:500;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal .mti-save-saving{color:#b26b00}
#tab-staff-portal .mti-save-saved{color:#0a8f57}
#tab-staff-portal .mti-save-failed{color:var(--mn-red,#e2445c);font-weight:600}

/* Tools row */
#tab-staff-portal .mti-tools{flex:none;display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--mn-line,#e6e9ef)}
#tab-staff-portal .mti-search{flex:1;min-width:0;height:36px;border:1px solid var(--mn-line-2,#d0d4e4);border-radius:5px;background:#fff;padding:0 11px;font-family:inherit;font-size:13px;color:var(--mn-text,#323338)}
#tab-staff-portal .mti-search::placeholder{color:var(--mn-placeholder,#c5c7d0)}
#tab-staff-portal .mti-search:focus,#tab-staff-portal .mti-inp:focus{outline:none;border-color:var(--mn-primary,#0073ea);box-shadow:0 0 0 3px rgba(0,115,234,.13)}
#tab-staff-portal .mti-add,#tab-staff-portal .mti-btn-primary{height:36px;padding:0 16px;border:0;border-radius:5px;background:var(--mn-primary,#0073ea);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
#tab-staff-portal .mti-add:hover,#tab-staff-portal .mti-btn-primary:hover{background:var(--mn-primary-h,#0060b9)}
#tab-staff-portal .mti-load,#tab-staff-portal .mti-btn-quiet{height:36px;padding:0 14px;border:1px solid var(--mn-line-2,#d0d4e4);border-radius:5px;background:#fff;color:var(--mn-text-2,#676879);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
#tab-staff-portal .mti-load:hover{border-color:var(--mn-primary,#0073ea);color:var(--mn-primary,#0073ea)}
#tab-staff-portal .mti-btn-quiet:hover{background:var(--mn-hover,#f5f6f8);color:var(--mn-text,#323338)}

/* Body: the form's home, then the client sections */
#tab-staff-portal .mti-body{flex:1;min-height:0;overflow-y:auto;padding:0 20px 30px}
#tab-staff-portal .mti-form-home .mti-form:not([hidden]){margin-top:16px}
#tab-staff-portal .mti-msg{margin:18px 0;padding:16px 18px;border:1px dashed var(--mn-line-2,#d0d4e4);border-radius:8px;font-size:12.5px;line-height:1.6;color:var(--mn-text-2,#676879)}
#tab-staff-portal .mti-msg:empty{display:none}
#tab-staff-portal .mti-link{border:0;background:none;padding:0;color:var(--mn-primary,#0073ea);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
#tab-staff-portal .mti-divider{display:flex;align-items:center;gap:10px;margin:20px 0 2px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal .mti-divider::after{content:'';flex:1;height:1px;background:var(--mn-line,#e6e9ef)}

/* A client */
#tab-staff-portal .mti-sec{padding:14px 0;border-bottom:1px solid var(--mn-line,#e6e9ef)}
#tab-staff-portal .mti-sec:last-child{border-bottom:none}
#tab-staff-portal .mti-sec.is-empty,#tab-staff-portal .mti-sec.is-folded{padding:8px 0}
#tab-staff-portal .mti-sec-hd{display:flex;align-items:center;gap:10px;min-height:32px}
#tab-staff-portal .mti-sec-fold{flex:1;min-width:0;display:flex;align-items:baseline;gap:9px;padding:5px 8px 5px 4px;margin-left:-4px;border:0;border-radius:5px;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer}
#tab-staff-portal button.mti-sec-fold:hover{background:var(--mn-hover,#f5f6f8)}
#tab-staff-portal .mti-sec-fold.is-static{cursor:default}
/* A chevron drawn with two borders: the ▸/▾ glyphs are missing from Figtree and fell back to a dot. */
#tab-staff-portal .mti-caret{flex:none;position:relative;width:12px;height:12px;align-self:center}
#tab-staff-portal .mti-caret::before{content:'';position:absolute;left:3px;top:3px;width:5px;height:5px;border-right:1.6px solid var(--mn-text-3,#9699a6);border-bottom:1.6px solid var(--mn-text-3,#9699a6);transform:rotate(-45deg);transition:transform .15s ease}
#tab-staff-portal .mti-caret.is-open::before{left:3.5px;top:2px;transform:rotate(45deg)}
#tab-staff-portal .mti-caret.is-none::before{display:none}
@media(prefers-reduced-motion:reduce){#tab-staff-portal .mti-caret::before{transition:none}}
#tab-staff-portal .mti-sec-t{min-width:0;font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--mn-text,#323338);overflow-wrap:anywhere}
#tab-staff-portal .mti-sec.is-empty .mti-sec-t{font-size:13px;font-weight:600;color:var(--mn-text-2,#676879)}
#tab-staff-portal .mti-sec-n{font-size:11.5px;font-weight:500;color:var(--mn-text-3,#9699a6);white-space:nowrap}
#tab-staff-portal .mti-sec-add{flex:none;height:28px;padding:0 11px;border:1px solid var(--mn-line-2,#d0d4e4);border-radius:5px;background:#fff;color:var(--mn-text-2,#676879);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
#tab-staff-portal .mti-sec-add:hover{border-color:var(--mn-primary,#0073ea);color:var(--mn-primary,#0073ea);background:#f3f8ff}
#tab-staff-portal .mti-sec-body{display:flex;flex-direction:column;gap:6px;margin-top:9px}
#tab-staff-portal .mti-sec > .mti-form.is-inline{margin-top:9px}

/* An issue: a card, and the meetings that raised it underneath */
#tab-staff-portal .mti-item{border:1px solid var(--mn-line,#e6e9ef);border-radius:6px;background:#fff}
#tab-staff-portal .mti-item:hover{border-color:var(--mn-line-2,#d0d4e4)}
#tab-staff-portal .mti-item.is-open{background:var(--mn-hover,#f5f6f8)}
#tab-staff-portal .mti-row{display:flex;align-items:center;gap:4px;padding-right:8px}
#tab-staff-portal .mti-row-main{flex:1;min-width:0;display:grid;grid-template-columns:12px 70px minmax(0,1fr) 64px 92px;align-items:center;gap:10px;padding:9px 6px 9px 11px;border:0;border-radius:6px;background:transparent;color:inherit;font-family:inherit;font-size:13px;text-align:left;cursor:pointer}
#tab-staff-portal .mti-types{display:flex;flex-wrap:wrap;gap:3px}
#tab-staff-portal .mti-ititle{min-width:0;font-weight:600;line-height:1.4;color:var(--mn-text,#323338);overflow-wrap:anywhere}
#tab-staff-portal .mti-was{display:block;margin-top:1px;font-size:11.5px;font-weight:400;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal .mti-detail{display:flex}
#tab-staff-portal .mti-uses{justify-self:end;font-size:11.5px;font-weight:600;color:var(--mn-primary,#0073ea);white-space:nowrap}
#tab-staff-portal .mti-uses.is-zero{font-weight:500;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal .mti-acts{flex:none;display:flex;gap:2px}
#tab-staff-portal .mti-act{height:26px;padding:0 9px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--mn-text-2,#676879);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
#tab-staff-portal .mti-act:hover,#tab-staff-portal .mti-act:focus-visible{border-color:var(--mn-line-2,#d0d4e4);background:#fff;color:var(--mn-text,#323338)}
#tab-staff-portal .mti-act.mti-del:hover{border-color:#f6c5cf;background:#fde8ec;color:var(--mn-red,#e2445c)}
#tab-staff-portal .mti-track{padding:0 12px 12px 35px}
#tab-staff-portal .mti-track-none{font-size:12px;line-height:1.5;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal .mti-meets{border:1px solid var(--mn-line,#e6e9ef);border-radius:6px;background:#fff;overflow:hidden}
#tab-staff-portal .mti-meet{display:grid;grid-template-columns:96px minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:10px;align-items:center;padding:7px 10px;border-top:1px solid var(--mn-line,#e6e9ef);font-size:12px}
#tab-staff-portal .mti-meet:first-child{border-top:0}
#tab-staff-portal .mti-meet-hd{padding-top:6px;padding-bottom:6px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal .mti-meet-date{color:var(--mn-text-2,#676879);white-space:nowrap;font-variant-numeric:tabular-nums}
#tab-staff-portal .mti-meet-member{min-width:0;font-weight:600;color:var(--mn-text,#323338);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tab-staff-portal .mti-meet-v{min-width:0;display:flex;align-items:center;gap:5px}
#tab-staff-portal .mti-meet-k{display:none;font-size:10.5px;font-weight:600;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal .mti-tag{min-width:0;padding:2px 7px;border-radius:4px;background:#eef1f6;color:var(--mn-text-2,#676879);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tab-staff-portal .mti-blank{color:var(--mn-placeholder,#c5c7d0)}

/* Add / edit form — the BD Trips contact form's grey panel */
#tab-staff-portal .mti-form{padding:15px 16px 16px;border:1px solid var(--mn-line,#e6e9ef);border-radius:8px;background:var(--mn-hover,#f5f6f8)}
#tab-staff-portal .mti-form[hidden]{display:none}
#tab-staff-portal .mti-item > .mti-form{margin:2px 10px 10px;background:#fff;border-color:var(--mn-line-2,#d0d4e4)}
#tab-staff-portal .mti-item > .mti-form + .mti-track{display:none}
#tab-staff-portal .mti-form-hd{display:flex;align-items:baseline;gap:8px;margin-bottom:13px}
#tab-staff-portal .mti-form-t{font-size:13.5px;font-weight:700;color:var(--mn-text,#323338)}
#tab-staff-portal .mti-form-for{min-width:0;font-size:12.5px;font-weight:500;color:var(--mn-text-2,#676879);overflow-wrap:anywhere}
#tab-staff-portal .mti-form-fy{margin-left:auto;padding:2px 8px;border-radius:4px;background:#e7f2ff;color:var(--mn-primary,#0073ea);font-size:11px;font-weight:700}
#tab-staff-portal .mti-grid{display:flex;flex-direction:column;gap:14px}
#tab-staff-portal .mti-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
#tab-staff-portal .mti-lbl{font-size:12.5px;font-weight:600;color:var(--mn-text-2,#676879)}
#tab-staff-portal .mti-hint{margin-left:4px;font-size:11.5px;font-weight:400;color:var(--mn-text-3,#9699a6)}
#tab-staff-portal .mti-inp{width:100%;height:38px;border:1px solid var(--mn-line-2,#d0d4e4);border-radius:5px;background:#fff;padding:0 11px;font-family:inherit;font-size:13.5px;color:var(--mn-text,#323338)}
#tab-staff-portal .mti-inp::placeholder{color:var(--mn-placeholder,#c5c7d0)}
#tab-staff-portal .mti-client-box .mt-lb-btn{min-height:38px}
#tab-staff-portal .mti-choice{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
#tab-staff-portal .mti-opt{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border:1.5px solid var(--mn-line-2,#d0d4e4);border-radius:5px;background:#fff;color:var(--mn-text-2,#676879);font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap}
#tab-staff-portal .mti-opt b{font-size:13px;font-weight:700;color:var(--mn-text,#323338)}
#tab-staff-portal .mti-opt:hover{border-color:var(--mn-primary,#0073ea)}
#tab-staff-portal .mti-opt[aria-pressed="true"]{border-color:transparent;color:#fff}
#tab-staff-portal .mti-opt[aria-pressed="true"] b{color:#fff}
#tab-staff-portal .mti-opt.mti-clear[aria-pressed="true"]{border-color:var(--mn-line-2,#d0d4e4);background:#e6e9ef;color:var(--mn-text,#323338)}
#tab-staff-portal .mti-amt{display:inline-flex;align-items:center;gap:5px}
#tab-staff-portal .mti-inp.mti-amt-in{width:72px;height:36px}
#tab-staff-portal .mti-amt-m{font-size:12.5px;font-weight:700;color:var(--mn-text-2,#676879)}
#tab-staff-portal .mti-form-acts{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}

/* ── Phones: the Deadlines panel stacks above the grid; the drawer takes the screen ── */
@media(max-width:900px){
  #tab-staff-portal #mt-rf-body .rf-layout{flex-direction:column}
  #tab-staff-portal #mt-rf-body .rf-side{flex:none;margin:0 16px 10px;max-height:45vh}
  #tab-staff-portal #mt-rf-body .rf-side.is-collapsed{max-height:36px}
  #tab-staff-portal #mt-rf-body .rf-side.is-collapsed .rfi-rail{writing-mode:horizontal-tb;transform:none;padding:0 12px;height:34px}
  #tab-staff-portal .mti-panel{width:100vw}
}
@media(max-width:640px){
  #tab-staff-portal .mti-hd{padding:14px 16px 12px}
  #tab-staff-portal .mti-save{flex-basis:100%;margin-left:0}
  #tab-staff-portal .mti-tools{flex-wrap:wrap;padding:10px 16px}
  #tab-staff-portal .mti-search{flex:1 1 100%}
  #tab-staff-portal .mti-load,#tab-staff-portal .mti-add{flex:1 1 0}
  #tab-staff-portal .mti-body{padding:0 16px 24px}
  #tab-staff-portal .mti-sec-n{display:none}
  /* Title on the first line; Type, meetings and Edit / Remove share the second. */
  #tab-staff-portal .mti-row{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0}
  #tab-staff-portal .mti-row-main{grid-column:1 / -1;grid-row:1;grid-template-columns:12px auto minmax(0,1fr);row-gap:7px}
  #tab-staff-portal .mti-detail{grid-column:2}
  #tab-staff-portal .mti-uses{grid-column:3;justify-self:start}
  #tab-staff-portal .mti-acts{grid-column:2;grid-row:1;align-self:end;position:relative;z-index:1;padding:0 6px 6px 0}
  #tab-staff-portal .mti-track{padding:0 10px 10px}
  #tab-staff-portal .mti-meet{grid-template-columns:auto minmax(0,1fr);row-gap:5px}
  #tab-staff-portal .mti-meet-hd{display:none}
  #tab-staff-portal .mti-meet-k{display:inline}
}