/* Contraste compartido de iconos. Se carga después de ui-map.css. */
.ui-icon svg {
    stroke-width: 2.15;
}

html:not([data-theme="dark"]) .sidebar nav a .ui-nav-icon,
html:not([data-theme="dark"]) .guard-portal-sidebar nav button .ui-nav-icon {
    color: #cfe3ff !important;
}

html:not([data-theme="dark"]) .sidebar nav a:hover .ui-nav-icon,
html:not([data-theme="dark"]) .sidebar nav a:focus-visible .ui-nav-icon,
html:not([data-theme="dark"]) .sidebar nav a.active .ui-nav-icon,
html:not([data-theme="dark"]) .guard-portal-sidebar nav button:hover .ui-nav-icon,
html:not([data-theme="dark"]) .guard-portal-sidebar nav button:focus-visible .ui-nav-icon,
html:not([data-theme="dark"]) .guard-portal-sidebar nav button.active .ui-nav-icon {
    color: #ffffff !important;
}

html:not([data-theme="dark"]) .module-icon.ui-nav-icon {
    border: 1px solid rgba(255, 255, 255, .18);
    background: #0b1d3a;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(11, 29, 58, .16);
}

html:not([data-theme="dark"]) .page-title-icon,
html:not([data-theme="dark"]) .settings-group-icon {
    border: 1px solid #bfd0e4;
    background: #e5eef8;
    color: #0d417e;
}

html:not([data-theme="dark"]) .card-icon {
    border: 1px solid #c6d5e7;
    background: #e8f0f9;
    color: #0d417e;
}

html:not([data-theme="dark"]) .ui-action.ghost-button:not([data-ui-icon="delete"]) {
    border-color: #9fb6d1;
    color: #103f79;
}

html:not([data-theme="dark"]) .ui-action[data-ui-icon="camera"],
html:not([data-theme="dark"]) .ui-action[data-ui-icon="video"],
html:not([data-theme="dark"]) .ui-action[data-ui-icon="qr"] {
    border-color: #8faecc;
    background: #edf4fc;
    color: #0b3d78;
}

html:not([data-theme="dark"]) .notification-button,
html:not([data-theme="dark"]) .guard-notification-bell {
    border-color: #a9bdd4 !important;
    color: #0b1d3a !important;
}

.camera-choice {
    margin-top: 14px;
}

.camera-choice select {
    width: 100%;
}

#camera.front-camera {
    transform: scaleX(-1);
}