:root{--pulse:#33d6a6;--nav:#101923}body{margin:0;background:#f4f7f8;color:#13212b}.mud-appbar{background:var(--nav)!important;border-bottom:3px solid var(--pulse)}.mud-drawer{background:#14212c!important;color:#e8f2f1}.mud-nav-link{color:#dce9e7!important}.mud-nav-link.active{color:var(--pulse)!important;background:#20343f!important}.metric{border-top:4px solid var(--pulse);height:100%}.timeline{border-left:2px solid #cdd9dc;padding-left:20px}.timeline-event{position:relative;margin-bottom:18px}.timeline-event:before{content:"";position:absolute;width:10px;height:10px;background:var(--pulse);border-radius:50%;left:-26px;top:7px}@media(max-width:700px){.mud-container{padding:12px!important}}

.pulse-content, .pulse-content .mud-grid-item, .pulse-row > * { min-width: 0; }
.pulse-content .mud-typography, .pulse-content .mud-table-cell { overflow-wrap: anywhere; }
.pulse-account-name { max-width: 32vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pulse-mobile-account { display: none; }
.pulse-login { margin-top: 48px; }
.pulse-content img { max-width: 100%; height: auto; }
.pulse-content [role="dialog"] > .mud-paper { max-height: calc(100dvh - 32px); overflow-y: auto; }

@media (max-width: 959.98px) {
    .pulse-row { flex-wrap: wrap; }
    .pulse-row > * { max-width: 100%; }
    .pulse-row > .mud-input-control { flex: 1 1 220px; }
    .pulse-content .mud-table-cell > * { min-width: 0; max-width: 100%; }
}

@media (max-width: 599.98px) {
    .pulse-content { padding: 12px !important; }
    .pulse-account-name, .pulse-password-link, .pulse-brand-icon { display: none; }
    .pulse-mobile-account { display: block; overflow-wrap: anywhere; }
    .pulse-row > .flex-grow-1 { display: none; }
    .pulse-row > .mud-input-control { flex-basis: 100%; }
    .pulse-content .mud-typography-h3 { font-size: 1.75rem; line-height: 1.25; }
    .pulse-content .mud-typography-h4 { font-size: 1.5rem; }
    .pulse-content .mud-typography-h5 { font-size: 1.25rem; }
    .pulse-content .mud-button-root, .mud-appbar .mud-icon-button, .mud-nav-link { min-height: 44px; }
    .pulse-content .mud-icon-button { min-width: 44px; }
    .pulse-content input, .pulse-content textarea { font-size: 16px; }
    .pulse-content .mud-table-cell { gap: 12px; }
    .pulse-content .mud-table-cell::before { flex-shrink: 0; max-width: 40%; }
    .pulse-content [role="dialog"] { padding: 12px !important; }
    .pulse-content [role="dialog"] > .mud-paper { padding: 16px !important; max-height: calc(100dvh - 24px); }
    .pulse-login { margin-top: 12px; }
    .pulse-login-card { padding: 20px !important; }
}
