.alarms-window
{
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #111827;
    color: white;
}

.alarms-toolbar
{
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-bottom: 1px solid #29303d;
    background: #0f172a;
}

.alarms-header,
.alarms-row
{
    display: grid;

    grid-template-columns:
        1.3fr
        1fr
        1fr
        1fr
        1.5fr
        100px;

    align-items: center;

    padding: 0 12px;
}

.alarms-header
{
    height: 38px;

    color: #5eead4;

    font-size: 13px;

    font-weight: 600;

    border-bottom:
        1px solid #29303d;
}

.alarms-list
{
    flex: 1;
    overflow: auto;
}

.alarms-row
{
    min-height: 38px;

    border-bottom:
        1px solid #29303d;

    font-size: 12px;

    color: #d1d5db;
}

.alarms-row.odd
{
    background: #0f172a;
}

.delete-alarm-btn
{
    background: transparent;
    border: none;
    color: #f87171;
    cursor: pointer;
    font-size: 16px;
}