/* Segurança — acabamento cinza, compacto e coerente com a administração. */
.dashboardShell-admin .securityCenter {
  --security-surface: #222327;
  --security-surface-soft: #25262b;
  --security-surface-deep: #1c1d21;
  --security-line: rgba(232, 234, 241, .065);
  --security-line-strong: rgba(232, 234, 241, .1);
  --security-text: #ececf0;
  --security-muted: #7d808a;
  gap: 12px;
}

.dashboardShell-admin .securityCenterHero {
  min-height: 70px;
  padding: 13px 15px;
  border: 1px solid var(--security-line);
  border-radius: 13px;
  background: var(--security-surface);
  box-shadow: none;
}

.dashboardShell-admin .securityCenterHeroIcon {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
  border: 1px solid rgba(197, 112, 224, .16);
  border-radius: 9px;
  background: rgba(185, 101, 220, .075);
  color: #ca82df;
}

.dashboardShell-admin .securityCenterHero > div:nth-child(2) { flex: 1; }
.dashboardShell-admin .securityCenterHero h2 { color: var(--security-text); font-size: 17px; }
.dashboardShell-admin .securityCenterHero p { color: var(--security-muted); font-size: 9px; }
.dashboardShell-admin .securityCenterHero span { color: #a06caf; }

.dashboardShell-admin .securityManualPolicy {
  max-width: none;
  padding: 7px 9px;
  border: 1px solid rgba(77, 211, 146, .14);
  border-radius: 9px;
  background: rgba(77, 211, 146, .045);
  color: #57d89a;
}

.dashboardShell-admin .securityManualPolicy > svg { width: 15px; height: 15px; }
.dashboardShell-admin .securityManualPolicy strong { color: #a6d8bd; font-size: 8px; }
.dashboardShell-admin .securityManualPolicy small { color: #668474; font-size: 7px; }

.dashboardShell-admin .securityMetricGrid { gap: 9px; }
.dashboardShell-admin .securityMetric {
  min-height: 74px;
  padding: 11px 12px;
  border: 1px solid var(--security-line);
  border-radius: 11px !important;
  background: var(--security-surface);
  box-shadow: none;
}

.dashboardShell-admin .securityMetric i {
  flex-basis: 32px;
  height: 32px;
  border: 1px solid rgba(197, 112, 224, .13);
  border-radius: 8px;
  background: rgba(185, 101, 220, .07);
}

.dashboardShell-admin .securityMetric.green i { border-color: rgba(77, 211, 146, .14); background: rgba(77, 211, 146, .06); }
.dashboardShell-admin .securityMetric.amber i { border-color: rgba(232, 170, 73, .14); background: rgba(232, 170, 73, .06); }
.dashboardShell-admin .securityMetric.red i { border-color: rgba(235, 101, 121, .14); background: rgba(235, 101, 121, .06); }
.dashboardShell-admin .securityMetric span { color: #898c96; font-size: 7.5px; }
.dashboardShell-admin .securityMetric strong { color: var(--security-text); font-size: 19px; }
.dashboardShell-admin .securityMetric small { margin-top: 2px; color: #686b74; font-size: 7.5px; }

.dashboardShell-admin .securityCenterTabs {
  width: max-content;
  max-width: 100%;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--security-line);
  border-radius: 9px;
  background: var(--security-surface-deep);
}

.dashboardShell-admin .securityCenterTabs button {
  min-height: 31px;
  padding: 0 10px;
  border-radius: 7px;
  color: #858892;
  font-size: 8.5px;
}

.dashboardShell-admin .securityCenterTabs button:hover { color: #d7d8de; background: rgba(255,255,255,.025); }
.dashboardShell-admin .securityCenterTabs button.active {
  color: #e8ddeb;
  background: rgba(185, 101, 220, .085);
  box-shadow: inset 0 0 0 1px rgba(201, 120, 232, .13);
}

.dashboardShell-admin .securityCenterTabs b {
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  background: rgba(185, 101, 220, .1);
  color: #c987df;
  font-size: 8px;
}

.dashboardShell-admin .securityPanel {
  border: 1px solid var(--security-line);
  border-radius: 12px;
  background: var(--security-surface);
  box-shadow: none;
}

.dashboardShell-admin .securityFilters {
  grid-template-columns: minmax(230px, 1fr) minmax(150px, .42fr) minmax(135px, .36fr) 36px;
  gap: 8px;
  padding: 10px;
  border-color: var(--security-line);
  background: #202125;
}

.dashboardShell-admin .securityFilters label {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid var(--security-line-strong);
  border-radius: 8px;
  background: #25262b;
}

.dashboardShell-admin .securityFilters label:focus-within { border-color: rgba(201, 120, 232, .28); }
.dashboardShell-admin .securityFilters label svg { width: 14px; height: 14px; color: #7e818b; }
.dashboardShell-admin .securityFilters input { font-size: 9px; }
.dashboardShell-admin .securityFilters .smartDropdownTrigger {
  min-height: 36px;
  padding: 0 35px 0 10px !important;
  border: 1px solid var(--security-line-strong);
  border-radius: 8px;
  background: #25262b;
  color: #d7d8de;
  box-shadow: none;
  font-size: 9px;
}

.dashboardShell-admin .securityFilters .smartDropdownTrigger:hover,
.dashboardShell-admin .securityFilters .smartDropdown.open .smartDropdownTrigger { border-color: rgba(201, 120, 232, .25); background: #27282d; }
.dashboardShell-admin .securityFilters .smartDropdownChevron { width: 24px !important; height: 24px !important; right: 6px !important; color: #bd73d5; }
.dashboardShell-admin .securityFilters .smartDropdownMenu,
body[data-route="admin"] #modalHost .smartDropdownMenu {
  padding: 5px;
  border: 1px solid rgba(232,234,241,.09);
  border-radius: 9px;
  background: #292a2f;
  box-shadow: 0 16px 34px rgba(0,0,0,.32);
}

.dashboardShell-admin .securityFilters .smartDropdownOption,
body[data-route="admin"] #modalHost .smartDropdownOption { min-height: 32px; border-radius: 7px; color: #aeb0b8; font-size: 9px; }
.dashboardShell-admin .securityFilters .smartDropdownOption:hover,
.dashboardShell-admin .securityFilters .smartDropdownOption.selected,
body[data-route="admin"] #modalHost .smartDropdownOption:hover,
body[data-route="admin"] #modalHost .smartDropdownOption.selected { color: #eee8f0; background: rgba(185,101,220,.09); }

.dashboardShell-admin .securityFilterApply {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(201, 120, 232, .22);
  border-radius: 8px;
  background: rgba(185, 101, 220, .08);
  color: #cc82e1;
  cursor: pointer;
}

.dashboardShell-admin .securityFilterApply:hover { border-color: rgba(201,120,232,.4); background: rgba(185,101,220,.13); }
.dashboardShell-admin .securityFilterApply svg { width: 14px; height: 14px; }

.dashboardShell-admin .securityEvent {
  min-height: 72px;
  padding: 11px 13px;
  border-color: var(--security-line);
  background: transparent;
}

.dashboardShell-admin .securityEvent:hover { background: rgba(255,255,255,.014); }
.dashboardShell-admin .securityEvent::before { inset-block: 13px; }
.dashboardShell-admin .securityEventMain { gap: 10px; }
.dashboardShell-admin .securityEventMain i { flex-basis: 34px; height: 34px; border-radius: 8px; }
.dashboardShell-admin .securityEventMain i svg { width: 15px; height: 15px; }
.dashboardShell-admin .securityEventMain small { font-size: 7.5px; }
.dashboardShell-admin .securityEventMain strong { font-size: 11px; }
.dashboardShell-admin .securityEventMain em { color: #747780; font-size: 8.5px; }
.dashboardShell-admin .securitySeverity,
.dashboardShell-admin .securityReview { min-height: 21px; padding: 0 7px; font-size: 7.5px; }
.dashboardShell-admin .securityEventMeta time { font-size: 8px; }
.dashboardShell-admin .securityEvidenceButton { min-height: 30px; padding: 0 9px; border-radius: 8px; font-size: 8.5px; }

.dashboardShell-admin .securityLoginCaptureHeader,
.dashboardShell-admin .securitySessionIntro { padding: 11px 13px; border-color: var(--security-line); background: #202125; }
.dashboardShell-admin .securityLoginCaptureHeader strong,
.dashboardShell-admin .securitySessionIntro > span strong { font-size: 10px; }
.dashboardShell-admin .securityLoginCaptureHeader small,
.dashboardShell-admin .securitySessionIntro > span small { font-size: 8px; }
.dashboardShell-admin .securitySessionIntro > i { flex-basis: 32px; height: 32px; border-radius: 8px; }
.dashboardShell-admin .securitySessionIntro > div b { padding: 5px 8px; font-size: 8px; }

.dashboardShell-admin .securityTableHead,
.dashboardShell-admin .securityTable > article { padding: 10px 13px; border-color: var(--security-line); }
.dashboardShell-admin .securityTable > article { min-height: 62px; }
.dashboardShell-admin .securityTable strong { font-size: 9.5px; }
.dashboardShell-admin .securityTable small { font-size: 8px; }

.dashboardShell-admin .securityBlockList article,
.dashboardShell-admin .securityAuditList article { padding: 11px 13px; border-color: var(--security-line); }
.dashboardShell-admin .securityBlockList article > i,
.dashboardShell-admin .securityAuditList i { border: 1px solid rgba(232,234,241,.055); border-radius: 8px; background: rgba(255,255,255,.025); }
.dashboardShell-admin .securityBlockList article > i { height: 36px; }
.dashboardShell-admin .securityAuditList i { height: 33px; }
.dashboardShell-admin .securityPrivacyNote { padding: 3px; color: #62656e; font-size: 8px; }
.dashboardShell-admin .securityPrivacyNote svg { width: 12px; height: 12px; color: #747780; }

/* Evidência e bloqueio: mesmos materiais cinza usados nos demais modais admin. */
body[data-route="admin"] #modalHost > .securityEvidenceModal,
body[data-route="admin"] #modalHost > .securityBlockModal {
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(232,234,241,.09) !important;
  border-radius: 15px;
  background: #202125 !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.48);
}

body[data-route="admin"] #modalHost > .securityEvidenceModal { width: min(980px, calc(100vw - 28px)); }
body[data-route="admin"] #modalHost > .securityBlockModal { width: min(620px, calc(100vw - 28px)); }

body[data-route="admin"] #modalHost .securityModalHeader {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 34px;
  align-items: center;
  gap: 11px;
  padding: 14px 15px;
  border-bottom: 1px solid rgba(232,234,241,.065);
  background: #232429;
}

body[data-route="admin"] #modalHost .securityModalHeaderIcon,
body[data-route="admin"] #modalHost .securityModalClose {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(201,120,232,.16);
  border-radius: 9px;
  background: rgba(185,101,220,.07);
  color: #cb82df;
  font-style: normal;
}

body[data-route="admin"] #modalHost .securityModalHeaderIcon.danger { border-color: rgba(235,101,121,.17); background: rgba(235,101,121,.065); color: #e9788b; }
body[data-route="admin"] #modalHost .securityModalHeaderIcon svg,
body[data-route="admin"] #modalHost .securityModalClose svg { width: 15px; height: 15px; }
body[data-route="admin"] #modalHost .securityModalHeader > div { min-width: 0; }
body[data-route="admin"] #modalHost .securityModalHeader span { color: #a56cb4; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
body[data-route="admin"] #modalHost .securityModalHeader h2 { margin: 2px 0; color: #ececf0; font-size: 17px; }
body[data-route="admin"] #modalHost .securityModalHeader p { margin: 0; color: #777a83; font-size: 9px; }
body[data-route="admin"] #modalHost .securityModalClose { width: 34px; padding: 0; border-color: rgba(232,234,241,.08); background: #28292e; color: #92959e; cursor: pointer; }
body[data-route="admin"] #modalHost .securityModalClose:hover { color: #ececf0; border-color: rgba(232,234,241,.15); }
body[data-route="admin"] #modalHost .securityModalClose:focus { outline: 0; box-shadow: none; }
body[data-route="admin"] #modalHost .securityModalClose:focus-visible { outline: 2px solid rgba(201,120,232,.45); outline-offset: 2px; }

body[data-route="admin"] #modalHost .securityEvidenceGrid {
  grid-template-columns: minmax(0,1.5fr) minmax(270px,.72fr);
  gap: 12px;
  margin: 0;
  padding: 13px 15px;
  background: #202125;
}

body[data-route="admin"] #modalHost .securityScreenshot {
  min-height: 360px;
  border: 1px solid rgba(232,234,241,.07);
  border-radius: 11px;
  background: #18191d;
}

body[data-route="admin"] #modalHost .securityScreenshot > div { color: #777a83; font-size: 9px; }
body[data-route="admin"] #modalHost .securityScreenshot img[hidden] { display: none !important; }
body[data-route="admin"] #modalHost .securityEvidenceGrid aside {
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(232,234,241,.07);
  border-radius: 11px;
  background: #25262b;
}

body[data-route="admin"] #modalHost .securityEvidenceIdentity { padding-bottom: 10px; border-color: rgba(232,234,241,.065); }
body[data-route="admin"] #modalHost .securityEvidenceIdentity strong { color: #ececf0; font-size: 14px; }
body[data-route="admin"] #modalHost .securityEvidenceIdentity small { color: #777a83; font-size: 9px; }
body[data-route="admin"] #modalHost .securityEvidenceGrid dl div { grid-template-columns: 90px minmax(0,1fr); padding: 8px 0; border-color: rgba(232,234,241,.055); }
body[data-route="admin"] #modalHost .securityEvidenceGrid dt { color: #747780; font-size: 8px; }
body[data-route="admin"] #modalHost .securityEvidenceGrid dd { color: #c8c9cf; font-size: 9px; }
body[data-route="admin"] #modalHost .securityEvidenceGrid details { border: 1px solid rgba(232,234,241,.055); border-radius: 8px; background: #1e1f23; }

body[data-route="admin"] #modalHost .securityEvidenceActions {
  margin: 0;
  padding: 11px 15px;
  border-top: 1px solid rgba(232,234,241,.065);
  background: #232429;
}

body[data-route="admin"] #modalHost .securityEvidenceActions .ghostBtn,
body[data-route="admin"] #modalHost .securityEvidenceActions .dangerBtn,
body[data-route="admin"] #modalHost .securityBlockModal > footer .ghostBtn,
body[data-route="admin"] #modalHost .securityBlockModal > footer .dangerBtn { min-height: 34px; border-radius: 8px; font-size: 9px; }
body[data-route="admin"] #modalHost .securityEvidenceDisclaimer { margin: 0; padding: 0 15px 12px; background: #232429; color: #686b74; font-size: 8px; }

body[data-route="admin"] #modalHost .securityBlockBody { padding: 13px 15px; }
body[data-route="admin"] #modalHost .securityBlockWarning { margin: 0 0 12px; padding: 10px; border-radius: 9px; background: rgba(232,170,73,.05); }
body[data-route="admin"] #modalHost .securityBlockWarning svg { width: 16px; }
body[data-route="admin"] #modalHost .securityBlockWarning strong { font-size: 9px; }
body[data-route="admin"] #modalHost .securityBlockWarning small { color: #8c744e; font-size: 8px; }
body[data-route="admin"] #modalHost .securityBlockFields { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
body[data-route="admin"] #modalHost .securityBlockFields label { display: grid; gap: 6px; color: #92959e; font-size: 8px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
body[data-route="admin"] #modalHost .securityBlockReasonField { grid-column: 1 / -1; }
body[data-route="admin"] #modalHost .securityBlockFields input,
body[data-route="admin"] #modalHost .securityBlockFields textarea,
body[data-route="admin"] #modalHost .securityBlockFields .smartDropdownTrigger {
  width: 100%;
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(232,234,241,.08);
  border-radius: 8px;
  background: #27282d;
  color: #dedfe4;
  box-shadow: none;
  font-size: 9px;
}

body[data-route="admin"] #modalHost .securityBlockFields .smartDropdownTrigger { padding-right: 38px !important; }
body[data-route="admin"] #modalHost .securityBlockFields textarea { min-height: 84px; padding-block: 10px; resize: vertical; }
body[data-route="admin"] #modalHost .securityBlockModal > footer { display: flex; justify-content: flex-end; gap: 8px; margin: 0; padding: 11px 15px; border-top: 1px solid rgba(232,234,241,.065); background: #232429; }
body[data-route="admin"] #modalHost .securityBlockModal > footer .dangerBtn { display: inline-flex; align-items: center; gap: 7px; }
body[data-route="admin"] #modalHost .securityBlockModal > footer .dangerBtn svg { width: 14px; height: 14px; }

@media (max-width: 980px) {
  .dashboardShell-admin .securityFilters { grid-template-columns: 1fr 1fr 36px; }
  .dashboardShell-admin .securityFilters > label { grid-column: 1 / -1; }
  body[data-route="admin"] #modalHost .securityEvidenceGrid { grid-template-columns: 1fr; overflow: auto; }
  body[data-route="admin"] #modalHost .securityScreenshot { min-height: 240px; }
}

@media (max-width: 700px) {
  .dashboardShell-admin .securityCenterHero { align-items: center; padding: 12px; }
  .dashboardShell-admin .securityManualPolicy { display: none; }
  .dashboardShell-admin .securityMetricGrid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboardShell-admin .securityFilters { grid-template-columns: 1fr 36px; }
  .dashboardShell-admin .securityFilters > label,
  .dashboardShell-admin .securityFilters > .smartDropdown:first-of-type { grid-column: 1 / -1; }
  .dashboardShell-admin .securityEvent { grid-template-columns: 1fr; }
  .dashboardShell-admin .securityEventMeta { padding-left: 44px; }
  body[data-route="admin"] #modalHost .securityModalHeader { grid-template-columns: 34px minmax(0,1fr) 32px; padding: 12px; }
  body[data-route="admin"] #modalHost .securityBlockFields { grid-template-columns: 1fr; }
  body[data-route="admin"] #modalHost .securityBlockReasonField { grid-column: auto; }
}