.sa171-launch{margin-top:12px;border:1px solid #5ac3b7;background:#123a3b;color:#b1efe7;padding:10px 16px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}.sa171-launch:focus-visible{outline:2px solid #7dded5;outline-offset:3px}
.sa171-overlay{position:fixed;inset:0;z-index:10000;background:#060d20d9;padding:20px;display:flex;align-items:center;justify-content:center;color:#e8eef7;font:14px/1.5 Inter,Arial,sans-serif}.sa171-panel{width:min(1380px,100%);height:94vh;display:flex;flex-direction:column;background:#101c30;border:1px solid #35455e;border-radius:18px;box-shadow:0 30px 100px #0008;overflow:hidden}.sa171-panel header{padding:20px 24px;display:flex;justify-content:space-between;gap:15px;background:#14243c}.sa171-panel h2{font-size:24px;font-weight:800;margin:0}.sa171-panel h3{font-size:21px;font-weight:700}.sa171-panel h4{font-size:15px;font-weight:700;text-transform:capitalize}.sa171-panel p{margin:5px 0 12px}.sa171-panel button,.sa171-panel input,.sa171-panel select{font:inherit;border:1px solid #415473;border-radius:8px;padding:9px 12px;background:#192c46;color:#f3f7fd}.sa171-panel button{cursor:pointer}.sa171-panel button:hover{background:#243e60}.sa171-panel button:disabled{opacity:.4;cursor:default}.sa171-panel :focus-visible{outline:2px solid #7dded5;outline-offset:3px}.sa171-controls{display:flex;gap:12px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid #35455e;align-items:end}.sa171-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px}.sa171-controls input{max-width:180px}.sa171-status{padding:10px 24px;color:#9ddcdb;font-size:12px;min-height:38px}.sa171-body{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:0;flex:1}.sa171-body aside{overflow:auto;padding:12px;border-right:1px solid #35455e}.sa171-body main{overflow:auto;padding:20px 24px}.sa171-user{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;margin-bottom:9px}.sa171-user small{color:#a6b9d1;text-transform:capitalize}.sa171-user.selected{border-color:#64d2c8;background:#18403f}.sa171-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.sa171-summary>div{background:#192c46;padding:15px;border-radius:12px;display:flex;flex-direction:column}.sa171-summary strong{font-size:23px;color:#7dded5}.sa171-summary span,.sa171-note{font-size:12px;color:#a7bdd3}.sa171-timeline article{padding:18px 0;border-top:1px solid #34465f}.sa171-timeline time{font-size:12px;color:#8ed8d1}.sa171-reason{background:#5339295c;padding:10px 14px;border-radius:8px}.sa171-timeline summary{cursor:pointer;font-size:12px;color:#a7bdd3}.sa171-timeline pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:14px;background:#080f1c;max-height:350px;overflow:auto}.sa171-pagination{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:24px;font-size:12px}@media(max-width:760px){.sa171-overlay{padding:0}.sa171-panel{height:100dvh;border-radius:0}.sa171-body{grid-template-columns:1fr;overflow:auto;display:block}.sa171-body aside{max-height:180px;border-right:0;border-bottom:1px solid #35455e}.sa171-body main{overflow:visible;padding:18px}.sa171-summary{grid-template-columns:repeat(2,1fr)}.sa171-controls{padding:12px;max-height:220px;overflow:auto}.sa171-panel header{padding:15px}.sa171-pagination{gap:8px}.sa171-status{padding:10px 15px}}

/* Scoped light surfaces and explicit dark-surface text beat portal-wide overrides. */
html body #root button.sa171-launch,
html body button.sa171-launch {
  background: #123a3b !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body #selan-staff-activity,
html body #selan-staff-activity * {
  color: #243044 !important;
  -webkit-text-fill-color: currentColor !important;
}
html body #selan-staff-activity .sa171-panel,
html body #selan-staff-activity .sa171-controls,
html body #selan-staff-activity .sa171-body,
html body #selan-staff-activity aside,
html body #selan-staff-activity main {
  background: #fff !important;
}
html body #selan-staff-activity .sa171-panel header {
  background: #14243c !important;
}
html body #selan-staff-activity header *,
html body #selan-staff-activity button,
html body #selan-staff-activity button * {
  color: #f3f7fd !important;
}
html body #selan-staff-activity header p,
html body #selan-staff-activity .sa171-user small {
  color: #d6e2f0 !important;
}
html body #selan-staff-activity button {
  background: #192c46 !important;
}
html body #selan-staff-activity button:hover {
  background: #243e60 !important;
}
html body #selan-staff-activity button.selected {
  background: #18403f !important;
}
html body #selan-staff-activity button:disabled { opacity: .65; }
html body #selan-staff-activity input,
html body #selan-staff-activity select,
html body #selan-staff-activity option {
  background: #fff !important;
  color: #172033 !important;
  border-color: #a3b2c6 !important;
  color-scheme: light;
}
html body #selan-staff-activity input::placeholder {
  color: #536179 !important;
  -webkit-text-fill-color: #536179 !important;
  opacity: 1;
}
html body #selan-staff-activity .sa171-status,
html body #selan-staff-activity time {
  color: #0f766e !important;
}
html body #selan-staff-activity .sa171-summary > div {
  background: #192c46 !important;
}
html body #selan-staff-activity .sa171-summary strong {
  color: #7dded5 !important;
}
html body #selan-staff-activity .sa171-summary span {
  color: #edf2f7 !important;
}
html body #selan-staff-activity .sa171-note,
html body #selan-staff-activity .sa171-timeline summary {
  color: #475569 !important;
}
html body #selan-staff-activity .sa171-reason {
  background: #fff7ed !important;
  color: #7c2d12 !important;
}
html body #selan-staff-activity .sa171-timeline pre {
  background: #080f1c !important;
  color: #edf2f7 !important;
}
html body #selan-staff-activity .sa171-controls,
html body #selan-staff-activity aside,
html body #selan-staff-activity .sa171-timeline article {
  border-color: #cbd5e1 !important;
}