/* =========================
   TABLE
========================= */
tbody td{
    text-align: center;
}

/* =========================
   STATUS
========================= */
.status{
    font-weight: 600;
}

.status-running{ color:#eab308; }   /* yellow */
.status-idle{    color:#16a34a; }   /* green  */
.status-disabled{color:#dc2626; }   /* red    */

/* =========================
   BUTTONS
========================= */
.btn{
    border:none;
    cursor:pointer;
    font-size:13px;
    /*    color:#fff;*/
}

.btn-run   { background:#22c55e; }
.btn-stop  { background:#ef4444; }
.btn-debug { background:#3b82f6; }

/* =========================
   BADGES
========================= */
.badge{
    padding:3px 7px;
    border-radius:12px;
    font-size:12px;
    background:#e5e7eb;
}

.badge-running  { background:#fde68a; }
.badge-enabled  { color:#57a43b; }
.badge-disabled { color:#ff1515; }

.badge-running .emj,
.badge-enabled .emj,
.badge-disabled .emj { font-size: 10px; }
/* =========================
   ICONS
========================= */
.icon-white{
    background:#fff;
    border-radius:10px;
}

/* =========================
   LEGEND (GENERAL)
========================= */
.cron-legend,
.cron-legend-list{
    list-style:none;
    margin:0;
    padding:0;
    color:#374151;
    font-size:13px;
}

.cron-legend li,
.cron-legend-list li{
    padding:4px 0;
    line-height:1.4;
    white-space:nowrap;
}

/* =========================
   DETAILS RESET
========================= */
details > summary::-webkit-details-marker{
    display:none;
}


details[open] .cron-legend-header .arrow::before{
    transform:rotate(180deg);
}


/* =========================
   DESCRIPTION
========================= */
.cron-desc{
    margin:0 0 10px;
    color:#444;
}

.cron-desc span{
    color:#777;
    font-size:12px;
}

/* =========================
   COMMAND BLOCK
========================= */
.cron-command{
    background:#e6e4f7;
    border:1px dashed #ddd;
    border-radius:6px;
    padding:8px;
}

.cron-command code{
    display:block;
    margin:6px 0;
    padding:6px;
    background:#f6f8fa;
    border-radius:4px;
    font-size:12px;
}

.cron-command small{
    font-size:10px;
    color:#666;
}

/* =========================
   CLOSE BUTTON
========================= */
.cron-close-btn{
    margin-top:10px;
    text-align:right;
    font-size:12px;
    cursor:pointer;
    color:#555;
}

.cron-close-btn:hover{
    color:#000;
}
