/* Needs Attention stacked-layout fix */

.attention-list{
    display:grid;
    gap:0;
}

.attention-item.attention-item-clean{
    display:block;
    width:100%;
    padding:11px 0;
    border-bottom:1px solid #e5e7eb;
    text-decoration:none;
    color:inherit;
}

.attention-item.attention-item-clean:last-child{
    border-bottom:none;
}

.attention-item.attention-item-clean:hover,
.attention-item.attention-item-clean:focus-visible{
    background:#f8fafc;
}

.attention-item.attention-item-clean .attention-main{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    gap:3px;
    width:100%;
    min-width:0;
}

.attention-item.attention-item-clean .attention-project,
.attention-item.attention-item-clean .attention-ticket,
.attention-item.attention-item-clean .attention-reason{
    display:block;
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    padding:0;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    text-align:left;
}

.attention-item.attention-item-clean .attention-project{
    font-size:15px;
    font-weight:600;
    line-height:1.35;
    color:#203040;
}

.attention-item.attention-item-clean .attention-ticket{
    font-size:13px;
    font-weight:400;
    line-height:1.35;
    color:#1d5f9f;
}

.attention-item.attention-item-clean:hover .attention-ticket,
.attention-item.attention-item-clean:focus-visible .attention-ticket{
    text-decoration:underline;
}

.attention-item.attention-item-clean .attention-reason{
    font-size:12px;
    font-weight:400;
    line-height:1.35;
    color:#6b7785;
}

.attention-item.attention-item-clean .attention-reason.action_required,
.attention-item.attention-item-clean .attention-reason.expired{
    color:#b42318;
}

.attention-item.attention-item-clean .attention-reason.expiring{
    color:#b54708;
}

.attention-item.attention-item-clean .attention-reason.unassigned{
    color:#8a6500;
}