/*file:/css/tasks-workspace.css

/* =========================
   TASKS WORKSPACE
========================= */

.adpai-tasks-workspace{

    padding:24px;
}


/* =========================
   HEADER
========================= */

.tasks-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:20px;
}

.tasks-header h2{

    margin:0;

    font-size:24px;
}

.tasks-header p{

    margin-top:6px;

    opacity:.7;
}


/* =========================
   STATS
========================= */

.tasks-stats{

    display:grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(180px,1fr)
        );

    gap:16px;

    margin-bottom:25px;
}

.tasks-stat-card{

    background:#fff;

    border:1px solid #eee;

    border-radius:12px;

    padding:18px;
}

.tasks-stat-card strong{

    display:block;

    font-size:28px;

    margin-top:10px;
}


/* =========================
   TABLE
========================= */

.tasks-table-container{

    background:#fff;

    border:1px solid #eee;

    border-radius:16px;

    overflow-x:auto;

    overflow-y:hidden;

    width:100%;
}

.adpai-table{

    width:100%;

    min-width:1200px;

    border-collapse:collapse;
}

.task-title{

    font-weight:600;

    max-width:260px;
}

.task-desc{

    max-width:260px;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    opacity:.7;
}

.adpai-table thead{

    background:#f8f8f8;
}

.adpai-table th{

    text-align:left;

    padding:14px;

    border-bottom:1px solid #eee;

    font-size:13px;
}

.adpai-table td{

    padding:14px;

    border-bottom:1px solid #f0f0f0;
}

.adpai-table tr:hover{

    background:#fafafa;
}


/* =========================
   BUTTONS
========================= */


.task-execute-btn{

    background:#111;

    color:#fff;
}

.task-guide-btn{

    background:#f5f5f5;
}

.task-guide-btn{

    width:36px;

    height:36px;

    border:none;

    border-radius:50%;

    background:#111;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    padding:0;

    font-size:16px;

    font-weight:700;

    transition:.2s;
}

.task-guide-btn:hover{

    opacity:.85;
}

.task-icon{

    color:#fff;

    font-weight:700;

    line-height:1;
}

.adpai-table th:first-child,
.adpai-table td:first-child{

    width:140px;

    white-space:nowrap;
}


/* =========================
   STATES
========================= */

.state-pending{

    color:#999;
}

.state-progress{

    color:#0073aa;
}

.state-awaiting{

    color:#ff9800;
}

.state-success{

    color:#0a8f3d;
}

.state-failed{

    color:#d63638;
}


/* =========================
   GUIDE
========================= */

.task-guide-container{

    margin-top:25px;
}

.task-guide-card{

    background:#fff;

    border:1px solid #eee;

    border-radius:12px;

    padding:24px;
}

.task-guide-card h3{

    margin-top:0;
}

.task-guide-card ol{

    padding-left:20px;
}

.task-guide-card li{

    margin-bottom:10px;
}


/* =========================
   LOADING
========================= */

.tasks-loading{

    padding:50px;

    text-align:center;
}

.task-title{

    font-weight:600;

    margin-bottom:6px;
}

.task-desc{

    font-size:13px;

    opacity:.7;
}

.task-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:6px 12px;

    border-radius:999px;

    font-size:12px;

    font-weight:600;
}

.priority-critical{

    background:#111;

    color:#fff;
}

.priority-high{

    background:#e8e8e8;

    color:#111;
}

.priority-medium{

    background:#f4f4f4;

    color:#555;
}

.priority-low{

    background:#fafafa;

    color:#888;
}



.workflow-pending{

    background:#f5f5f5;
}

.workflow-in_progress{

    background:#ededed;
}

.workflow-waiting_results{

    background:#e6e6e6;
}

.workflow-awaiting_validation{

    background:#dadada;
}

.workflow-validated_success{

    background:#111;

    color:#fff;
}

.workflow-validated_partial{

    background:#666;

    color:#fff;
}

.workflow-validated_failed{

    background:#bbb;

    color:#111;
}

.task-actions{

    display:flex;

    gap:8px;
}

.task-execute-btn:disabled{

    opacity:.6;

    cursor:not-allowed;
}