/* PEPLens custom styles */
html, body { font-family: "Inter", system-ui, sans-serif; }

/* Sidebar nav active link */
.nav-link-active {
    background-color: #1a3a5c !important;
    color: #ffffff !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Form inputs */
.pep-input {
    @apply w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-700;
}

/* Status transitions */
.status-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; }

/* Table row hover */
.tbl-row { transition: background-color 0.1s ease; }
.tbl-row:hover { background-color: #f8fafc; }

/* Reconnect modal */
#blazor-error-ui {
    background: #fff3cd; bottom: 0; box-shadow: 0 -1px 6px rgba(0,0,0,.2);
    display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed; width: 100%; z-index: 1000;
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
.blazor-error-boundary { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC43OTkgOTMuNDc0MiAyOTAuODk5IDk0LjEzMjggMjkwLjkxMSA5NC43NjEzIDI5MC44NTggOTUuMzg4MyAyOTAuNzI4IDk1Ljk3MzMgMjkwLjUyIDk2LjUwMjEgMjkwLjI0MSA5Ni45NjAzIDI4OS45MDggOTcuMzUwMyAyODkuNTMyIDk3LjY4MDkgMjg5LjEyOCA5Ny45NDg2IDI4OC43MDkgOTguMTQwOSAyODguMjgxIDk4LjI2MzMgMjg3Ljg1NiA5OC4zMTc0IDI4Ny40MzcgOTguMzAwNiAyODcuMDI5IDk4LjIxMjYgMjg2LjYzMyA5OC4wNTcgMjg2LjI1NyA5Ny44MzY0IDI4NS45MDcgOTcuNTU0NiAyODUuNTkxIDk3LjIxNzcgMjg1LjMxNCA5Ni44MzIxIDI4NS4wODIgOTYuNDA2NSAyODQuOTAxIDk1Ljk1MzcgMjg0Ljc3NSA5NS40ODM0IDI4NC43MDggOTUuMDAzMyAyODQuNzAzIDk0LjUyMTggMjg0Ljc2IDk0LjA0NTkgMjg0Ljg3OCA5My41ODE3IDI4NS4wNTcgOTMuMTM1NSAyODUuMjkzIDkyLjcxMjggMjg1LjU4MiA5Mi4zMTkxIDI4NS45MTkgOTEuOTU5MyAyODYuMjk4IDkxLjYzNzkgMjg2LjcxMiA5MS4zNTkgMjg3LjE1NCA5MS4xMjU0IDI4Ny42MTcgOTAuOTM5NCAyODguMDk1IDkwLjgwMzIgMjg4LjU4MSA5MC43MTgzIDI4OS4wNjkgOTAuNjg1NyAyODkuNTU0IDkwLjcwNTYgMjkwLjAyOSA5MC43Nzc1IDI5MC40ODggOTAuOTAwNiAyOTAuOTIzIDkxLjA3MzMgMjkxLjMyNyA5MS4yOTI3IDI5MS42OTQgOTEuNTU1IDI5Mi4wMTcgOTEuODU2IDI5Mi4yODkgOTIuMTkxNyAyOTIuNTA0IDkyLjU1NzIgMjkyLjY1OCA5Mi45NDY4TDMxMC4xMTIgMTMxLjIzMUMzMTAuNDk1IDEzMi4yMjcgMzEwLjUxIDEzMy4zMjEgMzEwLjE1MyAxMzQuMzI2QzMwOS43OTYgMTM1LjMzIDMwOS4wOTYgMTM2LjE3MiAzMDguMTU2IDEzNi42OUMzMDcuMjE3IDEzNy4yMDggMzA2LjEwNiAxMzcuMzY2IDMwNS4wNTcgMTM3LjEzN0MzMDQuMDA4IDEzNi45MDcgMzAzLjA4NCAxMzYuMzA0IDMwMi40NTQgMTM1LjQzNkwyOTYuMDE5IDEyNy4wMzUgMjcxLjA5OCAxMjcuMDM1IDI2NC42NjMgMTM1LjQzNkMyNjQuMDMzIDEzNi4zMDQgMjYzLjEwOSAxMzYuOTA3IDI2Mi4wNiAxMzcuMTM3QzI2MS4wMTEgMTM3LjM2NiAyNTkuOSAxMzcuMjA4IDI1OC45NjEgMTM2LjY5QzI1OC4wMjEgMTM2LjE3MiAyNTcuMzIxIDEzNS4zMyAyNTYuOTY0IDEzNC4zMjZDMjU2LjYwNyAxMzMuMzIxIDI1Ni42MjIgMTMyLjIyNyAyNTcuMDA1IDEzMS4yMzFMMjc0LjQ1OSA5Mi45NDY4QzI3NC42MTQgOTIuNTU3MiAyNzQuODI4IDkyLjE5MTcgMjc1LjEgOTEuODU2QzI3NS4zNzMgOTEuNTU1IDI3NS43IDkxLjI5MjcgMjc2LjA2NyA5MS4wNzMzQzI3Ni40MzMgOTAuODUzOSAyNzYuODMzIDkwLjY4MTMgMjc3LjI1NiA5MC41NjA1QzI3Ny42NzkgOTAuNDM5NyAyNzguMTE3IDkwLjM3MSAyNzguNTU2IDkwLjM1NjlDMjc4Ljk5NSA5MC4zNDI4IDI3OS40MzMgOTAuMzgzIDI3OS44NjIgOTAuNDc2N0MyODAuMjkgOTAuNTcwNCAyODAuNzA1IDkwLjcxNTUgMjgxLjA5NiA5MC45MDg5QzI4MS40ODcgOTEuMTAyMyAyODEuODQ3IDkxLjM0MTkgMjgyLjE2NiA5MS42MjI2QzI4Mi40ODUgOTEuOTAzMyAyODIuNzU3IDkyLjIyMjYgMjgyLjk3NiA5Mi41NzM0QzI4My4xOTQgOTIuOTI0MiAyODMuMzU2IDkzLjMwMTEgMjgzLjQ1OCA5My42OThMMjgzLjU4NSA5NC4zODEgMjgzLjU4NSA5NC4zODFMMjg0LjE4OSA5NC4zODFDMjg0LjE4OSA5NC4zODEgMjg0LjI0OCA5NC4zOTMgMjg0LjMwNiA5NC40MTZaIiBmaWxsPSIjRkZEQzAwIi8+PC9nPjwvc3ZnPg==) no-repeat 1rem/1.8rem, #b32121; padding: 1rem 1rem 1rem 3.7rem; color: white; }
.blazor-error-boundary::after { content: "An error has occurred." }