:root{--blue:#86b8ec;--gold:#d4af37;--line:#24385f;--muted:#aac2df;--green:#3ddc84;--danger:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:#050d22;color:#f7fbff;font-family:Segoe UI,Arial}button,input{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#142b5b,#050d22 60%)}.login-card{width:440px;padding:34px;border:1px solid var(--line);border-radius:24px;background:#07122c}.brand,.logo{display:flex;gap:12px;align-items:center}.brand img{width:72px;height:72px;border-radius:18px}.logo img{width:58px;height:58px;border-radius:18px}.muted{color:var(--muted)}input{width:100%;padding:14px;margin:10px 0;background:#07122c;border:1px solid var(--line);border-radius:12px;color:#fff}.primary{background:linear-gradient(135deg,#86b8ec,#36649b);border:0;color:#fff;border-radius:12px;padding:12px 18px;font-weight:700}.secondary{background:#101a38;border:1px solid var(--line);color:#fff;border-radius:12px;padding:10px 14px}.layout{display:flex;min-height:100vh}.side{width:280px;background:#07122c;border-right:1px solid var(--line);padding:22px;height:100vh;position:sticky;top:0}.nav button{width:100%;text-align:left;margin:5px 0;padding:12px 14px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--muted)}.nav button.active,.nav button:hover{background:#10214a;border-color:var(--line);color:#fff}.main{flex:1;padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#10172f;border:1px solid var(--line);border-radius:20px;padding:22px}.label{font-size:12px;text-transform:uppercase;color:var(--muted)}.value{font-size:34px;color:var(--blue);font-weight:800;margin-top:16px}.list{display:grid;gap:12px}.row{display:grid;grid-template-columns:60px 1fr 90px;gap:16px;align-items:center;background:#10172f;border:1px solid var(--line);border-radius:18px;padding:18px}.rank{color:var(--gold);font-size:24px;font-weight:900}.score{color:var(--green);font-size:24px;font-weight:900;text-align:right}.pill{border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--blue);font-size:12px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}table{width:100%;border-collapse:collapse;background:#10172f;border-radius:18px;overflow:hidden}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--blue);font-size:12px;text-transform:uppercase}.ok{color:var(--green)}.warn{color:var(--gold)}.danger{color:var(--danger)}

.clickable{cursor:pointer;transition:.15s}.clickable:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.detail{display:grid;gap:18px}.hero{border-left:5px solid var(--gold)}.contact{border:1px solid #d9e5f5;border-radius:14px;padding:14px;margin:12px 0;background:#fbfdff}.contact h3{margin:0 0 8px}.detail ul{margin-top:8px}.detail li{margin:6px 0}

.pill.hot{background:#dcfce7;color:#166534}.pill.warm{background:#fef3c7;color:#92400e}.danger{color:#dc2626}.contact{border-top:1px solid #e5e7eb;padding:12px 0}.clickable{cursor:pointer}

.kpi{transition:transform .12s ease, box-shadow .12s ease; cursor:pointer;}
.kpi:hover{transform:translateY(-2px); box-shadow:0 14px 34px rgba(0,0,0,.18);}
select{width:100%;padding:14px;margin:10px 0;background:#07122c;border:1px solid var(--line);border-radius:12px;color:#fff}.contact{background:#10172f;color:#f7fbff;border-color:var(--line)}.contact a{color:var(--blue)}

/* v22.0.3.6 RC1 polish */
.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#0a4b78,#071827 55%,#020b12);color:white}
.splash-card{text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:42px;box-shadow:0 22px 80px rgba(0,0,0,.35)}
.splash-card img{width:96px;height:96px;border-radius:24px;object-fit:contain;background:white;padding:10px}
.loader{width:260px;height:8px;border-radius:999px;margin:22px auto;background:linear-gradient(90deg,#1a7fb8,#d8b35a,#1a7fb8);background-size:200% 100%;animation:mrload 1.2s linear infinite}@keyframes mrload{to{background-position:200% 0}}
.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search{min-width:320px}.footer{margin-top:30px;padding:14px 0;color:#7b8794;font-size:12px;border-top:1px solid #e8edf3}.feed{display:grid;gap:8px}.feed div{padding:8px 10px;border-left:3px solid #1a7fb8;background:#f7fbff;border-radius:8px}


/* MastarRec v23.0 Activity Feed Display Fix */
.activity-feed-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:0;
  margin:0;
}
.activity-item{
  background:rgba(15,23,42,.92);
  border:1px solid rgba(148,163,184,.28);
  color:#e5edf8;
  border-radius:14px;
  padding:12px 14px;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.activity-top{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
  color:#ffffff;
}
.activity-badge{
  font-size:12px;
  color:#93c5fd;
  background:rgba(96,165,250,.12);
  border:1px solid rgba(96,165,250,.25);
  border-radius:999px;
  padding:2px 8px;
}
.activity-time{
  margin-left:auto;
  font-size:12px;
  color:#94a3b8;
}
.activity-message{
  color:#cbd5e1;
  line-height:1.45;
  white-space:normal;
}
.activity-empty,
.activity-error{
  background:rgba(15,23,42,.92);
  border:1px solid rgba(148,163,184,.28);
  color:#cbd5e1;
  border-radius:14px;
  padding:14px;
}
.activity-error{
  color:#fecaca;
  border-color:rgba(248,113,113,.45);
}
#activityFeed,
.feed{
  background:transparent!important;
  color:#e5edf8!important;
}
#activityFeed *{
  color:inherit;
}


/* MastarRec v24.0 Executive Intelligence UI */
.contact-intel-row{background:#10172f;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px}
.contact-intel-row summary{list-style:none;cursor:pointer}
.contact-intel-row summary::-webkit-details-marker{display:none}
.contact-main{display:flex;align-items:center;justify-content:space-between;gap:18px}
.intel-mini{display:flex;align-items:center;gap:12px}
.intel-panel{margin-top:16px;display:grid;gap:16px}
.intel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.intel-card{background:#07122c;border:1px solid var(--line);border-radius:16px;padding:16px}
.intel-value{font-size:24px;font-weight:900;color:var(--gold);margin:8px 0}
.intel-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.opening{font-size:16px;color:#fff;line-height:1.5}
.contact-table-line{margin:12px 0;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
@media(max-width:1000px){.intel-grid,.intel-two{grid-template-columns:1fr}.contact-main{display:block}.score{text-align:left}}

/* MastarRec v24.0.1 production polish */
.refresh-status{min-height:26px;margin:-10px 0 18px;color:#d4af37;font-weight:700}
.spinner{display:inline-block;width:13px;height:13px;border:2px solid #486b9f;border-top-color:#d4af37;border-radius:50%;animation:mrspin .8s linear infinite;margin-right:8px;vertical-align:-2px}
@keyframes mrspin{to{transform:rotate(360deg)}}
.priority-line{display:grid;grid-template-columns:1fr 150px;gap:16px;align-items:center;border-top:1px solid var(--line);padding:14px 0}
.priority-badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;white-space:nowrap}
.priority-badge.high{background:#3b1d2c;color:#ff9dbd;border:1px solid #ff5c91}
.priority-badge.medium{background:#32280e;color:#ffd26a;border:1px solid #d4af37}
.priority-badge.low{background:#103020;color:#74e0a2;border:1px solid #3ddc84}
.contact-intel-row{border-left:4px solid #d4af37}
.opening{color:#dbeafe}
.top-actions button:disabled{opacity:.65;cursor:wait}

/* MastarRec v24.0.3 UAT Completion Releasees */
.mr-toast{position:fixed;right:18px;bottom:18px;z-index:99999;max-width:420px;padding:12px 14px;border-radius:10px;background:#162033;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.25);font-weight:700}
.mr-toast:empty{display:none}
.mr-toast.warn{background:#3b2b08;color:#ffd26a;border:1px solid #d4af37}
.mr-toast.error{background:#3a1111;color:#ffb4b4;border:1px solid #ff6b6b}
.mr-toast.info{background:#13233a;color:#dbeafe;border:1px solid #2f5f9f}
button[disabled]{opacity:.65;cursor:wait}
.detail-timeout,.card.danger{border-color:#ff6b6b;color:#ffd6d6}
.permission-note{color:#d4af37;font-size:12px}
.invoice-status{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
.invoice-status.paid{background:#103020;color:#74e0a2}
.invoice-status.due{background:#32280e;color:#ffd26a}
.invoice-status.overdue{background:#3b1d2c;color:#ff9dbd}


/* MastarRec v26.2.3 Production Baseline UI & Companies Closure */
:root{--blue:#ffffff;}
a, a:visited{color:#ffffff!important;text-decoration-color:rgba(255,255,255,.72);}
a:hover,a:focus{color:#ffffff!important;text-decoration-thickness:2px;}
.value,th,.contact a{color:#ffffff!important;}
.sidebar-user-name{color:#ffffff;font-weight:700;}

/* MastarRec v26.3.2 Enterprise Connector Management */
.connector-card{min-height:240px}.connector-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.health-dot{width:16px;height:16px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(255,255,255,.08)}.health-dot.green{background:#22c55e}.health-dot.yellow{background:#eab308}.health-dot.red{background:#ef4444}.health-dot.disabled{background:#64748b}.health-dot.manual{background:#60a5fa}.connector-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-top:18px}.connector-layout label{display:block;margin:12px 0 6px;font-weight:700}.connector-layout input,.connector-layout textarea{width:100%;box-sizing:border-box}.switch-line{display:flex!important;align-items:center;gap:10px}.switch-line input{width:auto}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}@media(max-width:900px){.connector-layout{grid-template-columns:1fr}}


.connector-status-banner{padding:12px 14px;border-radius:10px;margin:8px 0 12px;border:1px solid currentColor}.connector-status-banner.green{color:#8ee6ad;background:rgba(37,180,92,.10)}.connector-status-banner.yellow{color:#ffd36a;background:rgba(255,193,7,.10)}.connector-status-banner.red{color:#ff9b9b;background:rgba(220,53,69,.10)}.connector-status-banner.manual{color:#b8c7ff;background:rgba(80,110,200,.10)}.connector-checklist{margin:10px 0 16px;padding:12px 14px;border:1px solid #31456c;border-radius:10px;background:rgba(12,24,49,.45)}.connector-checklist ol{margin:8px 0 0 20px}.connector-checklist.ready{border-color:#2e7d4b}
/* v26.4.4 Application Functional Completion & Production UAT Candidate */
.tablewrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}
.tablewrap table{min-width:980px;width:100%;table-layout:auto}
.tablewrap th,.tablewrap td{max-width:420px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:12px}
.formgrid input,.formgrid select{width:100%;box-sizing:border-box}
.card.kpi.clickable{cursor:pointer}
.card.kpi.clickable:focus,.card.kpi.clickable:hover{outline:1px solid currentColor}
.priority-narrative{min-width:300px;max-width:520px}
@media(max-width:900px){.tablewrap table{min-width:760px}.grid{grid-template-columns:1fr}.card{max-width:100%;overflow:hidden}}

/* v26.4.5 Global Badge Readability & Accessibility Closure */
.pill{display:inline-block;font-weight:700;line-height:1.25;white-space:nowrap;color:#b9d9ff!important;background:#0b1d3d;border-color:#4b6f9f}
.pill.hot{background:#d9fbe7;color:#075b2a!important;border-color:#4ac47a}
.pill.warm{background:#fff0b8;color:#704000!important;border-color:#d6a51f}
.pill.muted{background:#dce8f5;color:#123d67!important;border-color:#7aa4cf}
.pill:focus-visible{outline:2px solid #86b8ec;outline-offset:2px}
@media (prefers-contrast:more){.pill{border-width:2px;font-weight:800}}

/* v26.4.5 Proper User Creation Form Closure */
.mr-modal-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(2,8,23,.78);display:flex;align-items:center;justify-content:center;padding:24px}
.mr-modal{width:min(860px,96vw);max-height:92vh;overflow:auto;background:#0c1730;border:1px solid #36517d;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.55);padding:22px;color:#eef5ff}
.mr-modal-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #2b3f65;padding-bottom:14px;margin-bottom:18px}.mr-modal-header h2{margin:0 0 5px}.mr-modal-close{font-size:28px;line-height:1;padding:4px 12px}
.mr-user-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#dbeafe}.mr-user-form label span{color:#f6c945;margin-left:3px}.mr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mr-user-form input,.mr-user-form select{width:100%;box-sizing:border-box;background:#081327;color:#fff;border:1px solid #35507d;border-radius:9px;padding:11px 12px}.mr-user-form input:focus,.mr-user-form select:focus{outline:2px solid #75aef0;outline-offset:1px}.mr-access-box{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0;padding:14px;background:#09152b;border:1px solid #2d446e;border-radius:10px}.mr-access-box .mr-check{flex-direction:row;align-items:center;font-weight:600}.mr-access-box input{width:auto}.mr-form-error{min-height:22px;color:#ffb4b4;font-weight:700}.mr-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}@media(max-width:720px){.mr-form-grid{grid-template-columns:1fr}.mr-modal{padding:16px}.mr-access-box{flex-direction:column;gap:10px}}

/* v26.6.0 production UX closure */
.toast,.refresh-status{overflow-wrap:anywhere;max-width:min(520px,92vw)}
.comment-150{max-width:34rem;white-space:normal;overflow-wrap:anywhere}
.card.clickable{cursor:pointer}
.card.clickable:hover{outline:1px solid rgba(111,174,255,.55)}

/* v26.6.0 Global Badge Readability & Accessibility Closure */

/* v26.6.0 final functional closure */
.mr-v266-modal{max-width:780px}.mr-v266-modal textarea{resize:vertical}.mr-span-2{grid-column:1/-1}.clickable{cursor:pointer}.clickable:hover{outline:1px solid rgba(87,167,255,.55)}
/* v26.6.0 Dashboard/Sub-tab Readability Closure — UI layout unchanged */
.pill,.badge,.status-badge{color:#b9d9ff!important;font-weight:700}
.pill.hot,.badge.hot,.status-badge.hot{color:#075b2a!important}
.pill.warm,.badge.warm,.status-badge.warm{color:#704000!important}
.pill.muted,.badge.muted,.status-badge.muted{color:#123d67!important}
.pill.high,.badge.high,.status-badge.high{color:#fff!important}
.kpi .pill,.pager .pill{color:#b9d9ff!important;background:#0b1d3d;border-color:#4b6f9f}
.kpi .pill:hover,.kpi .pill:focus,.pager .pill:hover,.pager .pill:focus{color:#fff!important;border-color:#86b8ec}

/* v26.6.0 Live UAT Functional Closure - no dashboard redesign */
.mr-v266-modal .mr-form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:600;color:#dbeafe}
.mr-v266-modal input,.mr-v266-modal select,.mr-v266-modal textarea{width:100%;box-sizing:border-box;background:#081327;color:#fff;border:1px solid #35507d;border-radius:9px;padding:11px 12px;margin:0}
.mr-v266-modal textarea{min-height:88px;resize:vertical}
.mr-v266-modal small{display:block;margin-top:2px}

/* v26.6.0 MROS/global modal cache-safe maintenance closure */
.mr-company-picker{display:flex;flex-direction:column;gap:8px}.mr-company-picker .mr-add-company{display:inline-flex!important;align-self:flex-start!important;visibility:visible!important;opacity:1!important;color:#fff!important}.mr-modal-close{pointer-events:auto!important;position:relative;z-index:3}


/* v26.6.0 LIVE UAT SIDEBAR SCROLL FIX — served by /style.css with Cache-Control:no-store */
.side{
  height:100vh!important;
  max-height:100vh!important;
  min-height:0!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  scrollbar-gutter:stable!important;
  scrollbar-width:auto!important;
  scrollbar-color:#86b8ec #0a1630!important;
  padding-bottom:42px!important;
}
.side::-webkit-scrollbar{width:14px!important;display:block!important;background:#0a1630!important}
.side::-webkit-scrollbar-track{background:#0a1630!important;border-left:1px solid #24385f!important}
.side::-webkit-scrollbar-thumb{background:#86b8ec!important;border:3px solid #0a1630!important;border-radius:10px!important;min-height:48px!important}
.side::-webkit-scrollbar-thumb:hover{background:#b9d9ff!important}
@media (max-height:900px){.side{padding-bottom:48px!important}}