/* WIDI-FLOTA-30-PERMISSIONS-DARK: shared role and user access editors. */
:root:is([data-mobile-theme="dark"],[data-theme="dark"]) {
  --permission-surface: #181818;
  --permission-control: #202020;
  --permission-border: #3b3b3b;
  --permission-text: #eeeeee;
  --permission-muted: #b8b8b8;
  --permission-accent: #e4a0bb;
}
:root:is([data-mobile-theme="dark"],[data-theme="dark"]) :is(.permission-matrix .permission-card,.permissions-mode>label,.role-guide article) {
  background: var(--permission-surface) !important;
  color: var(--permission-text) !important;
  border-color: var(--permission-border) !important;
  box-shadow: none;
}
:root:is([data-mobile-theme="dark"],[data-theme="dark"]) .permissions-mode>label:has(input:checked) {
  background: #30212a !important;
  border-color: #cb82a0 !important;
}
:root:is([data-mobile-theme="dark"],[data-theme="dark"]) :is(.permission-matrix .permission-card h3,.permission-matrix .check-line,.permissions-mode strong,.role-guide article h3) {
  color: var(--permission-text) !important;
}
:root:is([data-mobile-theme="dark"],[data-theme="dark"]) :is(.permission-matrix-toolbar>span,.permission-matrix .muted,.permissions-mode small,.role-guide article p) {
  color: var(--permission-muted) !important;
}
:root:is([data-mobile-theme="dark"],[data-theme="dark"]) .permission-matrix-toolbar :is(input,.button.secondary) {
  background: var(--permission-control) !important;
  color: var(--permission-text) !important;
  border-color: var(--permission-border) !important;
}
:root:is([data-mobile-theme="dark"],[data-theme="dark"]) .permission-matrix input[type="checkbox"],
:root:is([data-mobile-theme="dark"],[data-theme="dark"]) .permissions-mode input {
  accent-color: var(--permission-accent);
  color-scheme: dark;
}
:root:is([data-mobile-theme="dark"],[data-theme="dark"]) .permissions-mode>label:focus-within {
  outline: 2px solid var(--permission-accent);
  outline-offset: 3px;
}