/*  ATTACHMENTS */
/* ----------------------------------------------------------------------------- */
.attachment {
    border-bottom : 1px solid var(--color-gray-100) !important;
    cursor : pointer;
    padding : 8px 20px 8px 10px;
}
.attachment:last-of-type { border-bottom : none !important; }
.attachment:hover {
    background-color : var(--color-hover) !important;
}
.attachment-graphic { 
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 64px;
}
.attachment-graphic > img { 
    height : 80%;
    object-fit: contain;
    width : 80%;
}
.attachment-name {
    font-weight : 800;
    line-height : 22px;
}
.attachment-user, 
.attachment-date {
    font-size: 12px;
    line-height: 16px;
}
#frame-download {
    display : none;
}


/*  PROJECT-GRID */
/* ----------------------------------------------------------------------------- */
.project-phase-gates {
    display : flex;
    flex-direction: row;
    left : 0px;
    right : 0px;
}
.project-phase-gates > div {
    padding : 4px;
}
.project-grid-head {
    /* background: black !important; */
    /* color: white; */
    font-weight: normal;
    height: 32px !important;
    line-height: 32px;
    padding: 0px 14px;
}
.project-grid-task.task-completed .tile-image {
    background : var(--color-status-green);
    color : var(--color-status-green-brighter);
}
.project-grid-task.task-overdue .tile-image {
    background : var(--color-status-red);
    color : var(--color-status-red-brighter);
}
.project-grid-task .task-progress-bar {
    height : 4px;
    background : black;
    position : absolute;
    bottom : 0px;
    right : 0px;
}



/*  WORKFLOW */
/* ----------------------------------------------------------------------------- */
.workflowh-history-event {
    border-bottom : none;
    border-left : 2px solid var(--color-gray-300);
    margin-bottom : -4px;
    margin-left : 24px;
    padding-bottom : 24px;
    padding-left : 14px;
}
.workflow-history-action {
    color : var(--color-blue-500);
    display : flex;
    font-weight : 800;
    gap : 4px;
    line-height : 24px;
    margin : 3px 0px 1px;
    position : relative;
    left : -27px;
}
.workflow-history-action-icon::before {
    background : white;
}
.workflow-history-comment {
    margin-bottom : 8px;
}
.workflow-history-date::before, 
.workflow-history-user::before {
    font: normal normal normal 14px/1 'Material Symbols Sharp';
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
.workflow-history-date::before {
    content: '\ebcc';
    font-size : 14px;
    margin-right : 8px;
    position: relative;
    top : 2px;  
}
.workflow-history-user::before {
    content: '\e851';
    margin-left : 0px;
    font-size : 14px;
    margin-right : 8px;
    position: relative;
    top : 2px;  
}
.workflow-next {
    background : var(--color-blue-100);
    border: none;
    padding: 14px 20px;
    border-radius: 4px;
    margin: 0px 0px 20px 0px;
}
.workflow-next-title {
    font-weight : bold;
    margin-bottom : 4px;
}