.alarms-history-window
{
    display: flex;

    flex-direction: column;

    height: 100%;

    background: #111827;

    color: white;

    overflow: hidden;
}

.alarms-history-toolbar
{
    height: 44px;

    padding: 0 12px;

    display: flex;

    align-items: center;

    border-bottom:
        1px solid #29303d;

    background: #0f172a;
}

.alarms-history-records
{
    font-size: 13px;

    color: #cbd5e1;
}

.alarms-history-nav
{
    margin-left: auto;

    display: flex;

    gap: 6px;
}

.alarms-nav-btn
{
    width: 28px;

    height: 28px;

    border: none;

    border-radius: 6px;

    cursor: pointer;

    background: #1e293b;

    color: teal;

    font-size: 12px;
}

.alarms-history-header
{
    display: grid;

    grid-template-columns:
        1.2fr
        1fr
        1fr
        1.5fr
        /*1.5fr*/
        80px;

    padding: 10px 12px;

    background: #111827;

    border-bottom:
        1px solid #29303d;

    color: #5eead4;

    font-size: 13px;

    font-weight: 600;
}

.alarms-history-list
{
    flex: 1;

    overflow-y: auto;
}

.alarms-history-row
{
    display: grid;

    grid-template-columns:
        1.2fr
        1fr
        1fr
        1.5fr
        /*1.5fr*/
        80px;

    align-items: center;

    min-height: 38px;

    padding: 0 12px;

    border-bottom:
        1px solid #29303d;

    font-size: 12px;

    color: #e2e8f0;
}

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

.delete-alarm-btn
{
    width: 28px;

    height: 28px;

    border: none;

    border-radius: 6px;

    background: #1e293b;

    color: white;

    cursor: pointer;
}

.delete-alarm-btn:hover
{
    background: #7f1d1d;
}




.alarms-history-toolbar
{
    display: flex;
    align-items: center;
}

.ai-btn
{
    margin-left: 20px;
}