/* Match the navbar palette without changing shared service pages or status colors. */
html.stc-theme-frontend .cron-page :is(.cron-hero, .cron-benefit-icon, .cron-submit) {
    background: var(--stc-nav-gradient, linear-gradient(115deg, #173c33, #1f6d53)) !important;
    color: #fff;
    box-shadow: 0 10px 28px rgba(23, 60, 51, .16);
}
html.stc-theme-frontend .cron-page .cron-hero {
    border-color: #295c49 !important;
}
html.stc-theme-frontend .cron-page .cron-stat strong { color: #d8eee2 !important; }
html.stc-theme-frontend .cron-page :is(.cron-card-title, .cron-benefit h3, .cron-price-box strong) { color: #173c33; }
html.stc-theme-frontend .cron-page :is(.cron-label svg, .cron-url, .cron-price-box span) { color: #1f6d53; }
html.stc-theme-frontend .cron-page .cron-price-box {
    background: #edf5f0 !important;
    border-color: #c8ded1 !important;
}
html.stc-theme-frontend .cron-page :is(.cron-input, .cron-select, .cron-textarea):focus {
    border-color: #1f6d53 !important;
    box-shadow: 0 0 0 4px rgba(31, 109, 83, .14) !important;
}
html.stc-theme-frontend .cron-page .cron-status.active { color: #173c33; background: #dfefe5; }
html.stc-theme-frontend .cron-page :is(.cron-action.on, .cron-action.edit, .cron-action.extend) {
    background: var(--stc-nav-gradient, linear-gradient(115deg, #173c33, #1f6d53));
}
html.stc-theme-frontend .cron-page .dataTables_paginate .paginate_button.current {
    background: var(--stc-nav-gradient, linear-gradient(115deg, #173c33, #1f6d53)) !important;
    border-color: #1f6d53 !important;
}
html.stc-theme-frontend .cron-page .cron-submit:hover {
    background: #173c33 !important;
    box-shadow: 0 12px 30px rgba(23, 60, 51, .24);
}
html.stc-theme-frontend .cron-page :is(button, a):focus-visible {
    outline: 3px solid #76a98c;
    outline-offset: 3px;
}

.content{
    padding:22px 22px 44px !important;
}

.cron-page{
    width:100%;
    max-width:1720px;
    margin:0 auto;
}

.cron-hero{
    position:relative;
    overflow:hidden;
    margin-bottom:24px;
    padding:26px 28px;
    border-radius:28px;
    color:#fff;
    background: radial-gradient(circle at top right, rgba(34, 197, 94, .15), transparent 30%), linear-gradient(135deg, #116315fa 0%, #2c8543 42%, #1b7940 100%);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 22px 58px rgba(15,23,42,.16);
}

.cron-hero::before{
    content:none;
}

.cron-hero-inner{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    flex-wrap:wrap;
}

.cron-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 13px;
    margin-bottom:12px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    color:#dcfce7;
    font-size:11px;
    line-height:1;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

.cron-title{
    margin:0;
    color:#fff;
    font-size:32px;
    line-height:1.18;
    font-weight:950;
    letter-spacing:-.9px;
}

.cron-desc{
    max-width:760px;
    margin-top:8px;
    color:rgba(255,255,255,.74);
    font-size:14px;
    line-height:1.65;
    font-weight:500;
}

.cron-hero-stats{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.cron-stat{
    min-width:128px;
    padding:14px 16px;
    border-radius:20px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

.cron-stat strong{
    display:block;
    color:#4ade80;
    font-size:24px;
    line-height:1;
    font-weight:950;
}

.cron-stat span{
    display:block;
    margin-top:5px;
    color:rgba(255,255,255,.72);
    font-size:12px;
    font-weight:800;
}

.cron-benefits{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-bottom:24px;
}

.cron-benefit{
    display:flex;
    gap:13px;
    align-items:flex-start;
    min-height:118px;
    padding:18px;
    border-radius:24px;
    background:#fff;
    border:1px solid #e5efe8;
    box-shadow:0 12px 34px rgba(15,23,42,.045);
    transition:border-color .14s ease, box-shadow .14s ease;
}

.cron-benefit:hover{
    transform:none;
    border-color:#bbf7d0;
    box-shadow:0 22px 48px rgba(22,101,52,.11);
}

.cron-benefit-icon{
    flex:0 0 auto;
    width:44px;
    height:44px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,#166534 0%,#22c55e 100%);
    box-shadow:0 12px 22px rgba(22,101,52,.18);
}

.cron-benefit-icon svg{
    width:21px;
    height:21px;
}

.cron-benefit h3{
    margin:0;
    color:#052e16;
    font-size:15px;
    line-height:1.35;
    font-weight:950;
}

.cron-benefit p{
    margin:6px 0 0;
    color:#64748b;
    font-size:13px;
    line-height:1.55;
    font-weight:600;
}

.cron-layout{
    display:grid;
    grid-template-columns:minmax(340px,430px) minmax(0,1fr);
    gap:24px;
    align-items:start;
}

.cron-card{
    background:#fff;
    border:1px solid #e5efe8;
    border-radius:28px;
    box-shadow:0 14px 42px rgba(15,23,42,.055);
    overflow:hidden;
}

.cron-card-head{
    padding:20px 22px;
    border-bottom:1px solid #edf5ef;
    background:linear-gradient(180deg,#fff 0%,#fbfffd 100%);
}

.cron-card-title{
    margin:0;
    color:#052e16;
    font-size:20px;
    font-weight:950;
    line-height:1.3;
    letter-spacing:-.3px;
}

.cron-card-sub{
    margin-top:5px;
    color:#64748b;
    font-size:13px;
    font-weight:650;
}

.cron-card-body{
    padding:22px;
}

.cron-form-group{
    margin-bottom:16px;
}

.cron-label{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:7px;
    color:#334155;
    font-size:13px;
    font-weight:900;
}

.cron-label svg{
    width:15px;
    height:15px;
    color:#16a34a;
}

.cron-input,
.cron-select,
.cron-textarea{
    width:100%;
    border:1px solid #dbe7df !important;
    border-radius:16px !important;
    background:#fbfffd !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:650;
    padding:12px 14px !important;
    outline:none !important;
    transition:border-color .14s ease, background-color .14s ease, box-shadow .14s ease;
}

.cron-textarea{
    min-height:112px;
    resize:vertical;
}

.cron-input:focus,
.cron-select:focus,
.cron-textarea:focus{
    border-color:#22c55e !important;
    box-shadow:0 0 0 4px rgba(34,197,94,.12) !important;
    background:#fff !important;
}

.cron-price-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    margin-top:4px;
    border-radius:20px;
    background:#f0fdf4;
    border:1px solid #bbf7d0;
}

.cron-price-box span{
    color:#166534;
    font-size:13px;
    font-weight:900;
}

.cron-price-box strong{
    color:#052e16;
    font-size:20px;
    font-weight:950;
    text-align:right;
}
.cron-submit{
    width:100%;
    min-height:54px;
    margin-top:16px;
    border:0;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#fff;
    background:linear-gradient(135deg,#166534 0%,#22c55e 100%);
    box-shadow:0 16px 32px rgba(22,101,52,.22);
    font-size:15px;
    font-weight:950;
    cursor:pointer;
    transition:background-color .14s ease, box-shadow .14s ease;
}

.cron-submit:hover{
    transform:none;
    box-shadow:0 22px 42px rgba(22,101,52,.30);
}

.cron-submit:disabled{
    opacity:.75;
    cursor:not-allowed;
    transform:none;
}

.cron-history-card{
    min-width:0;
}

.cron-table-wrap{
    width:100%;
    overflow-x:auto;
}

.cron-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 10px;
    min-width:960px;
}

.cron-table thead th{
    padding:0 14px 8px;
    color:#64748b;
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.08em;
    text-align:left;
    white-space:nowrap;
}

.cron-table tbody tr{
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.045);
}

.cron-table tbody td{
    padding:14px;
    color:#334155;
    font-size:13px;
    font-weight:700;
    border-top:1px solid #edf5ef;
    border-bottom:1px solid #edf5ef;
    vertical-align:top;
}

.cron-table tbody td:first-child{
    border-left:1px solid #edf5ef;
    border-radius:18px 0 0 18px;
}

.cron-table tbody td:last-child{
    border-right:1px solid #edf5ef;
    border-radius:0 18px 18px 0;
}

.cron-url{
    max-width:270px;
    display:block;
    color:#047857;
    font-weight:850;
    word-break:break-all;
    text-decoration:none;
}

.cron-url:hover{
    color:#065f46;
    text-decoration:underline;
}

.cron-status{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:950;
    white-space:nowrap;
}

.cron-status::before{
    content:'';
    width:7px;
    height:7px;
    border-radius:50%;
    background:currentColor;
}

.cron-status.active{
    color:#166534;
    background:#dcfce7;
}

.cron-status.paused{
    color:#991b1b;
    background:#fee2e2;
}

.cron-response{
    max-width:230px;
    color:#475569;
    word-break:break-word;
}

.cron-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    min-width:94px;
}

.cron-action{
    min-height:31px;
    border:0;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    color:#fff !important;
    font-size:11px;
    font-weight:950;
    text-decoration:none;
    cursor:pointer;
    transition:opacity .14s ease;
}

.cron-action:hover{
    transform:none;
    filter:none;
}

.cron-action.on{background:#16a34a;}
.cron-action.off{background:#dc2626;}
.cron-action.edit{background:#15803d;}
.cron-action.delete{background:#b91c1c;}
.cron-action.extend{background:#166534;}

.cron-empty{
    padding:36px 20px;
    text-align:center;
    color:#64748b;
    font-size:14px;
    font-weight:800;
}

.dataTables_wrapper{
    color:#334155;
}

.dataTables_length select,
.dataTables_filter input{
    border:1px solid #dbe7df !important;
    border-radius:12px !important;
    padding:7px 10px !important;
    outline:none !important;
}

.dataTables_paginate .paginate_button{
    border-radius:10px !important;
    border:1px solid #dbe7df !important;
    margin:0 2px !important;
}

.dataTables_paginate .paginate_button.current{
    color:#fff !important;
    background:linear-gradient(135deg,#166534,#22c55e) !important;
    border-color:#16a34a !important;
}

@media(max-width:1280px){
    .cron-benefits{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .cron-layout{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .content{
        padding:14px !important;
    }

    .cron-hero{
        padding:20px;
        border-radius:23px;
        margin-bottom:18px;
    }

    .cron-title{
        font-size:24px;
    }

    .cron-desc{
        font-size:13px;
    }

    .cron-hero-stats{
        width:100%;
    }

    .cron-stat{
        flex:1;
        min-width:0;
    }

    .cron-benefits{
        grid-template-columns:1fr;
        gap:13px;
    }

    .cron-card{
        border-radius:23px;
    }

    .cron-card-head,
    .cron-card-body{
        padding:17px;
    }

    .cron-table{
        min-width:860px;
    }
}

@media(max-width:480px){
    .content{
        padding:12px !important;
    }

    .cron-title{
        font-size:21px;
    }

    .cron-stat strong{
        font-size:21px;
    }

    .cron-price-box{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* Utilities previously supplied only by the Tailwind CDN. */
.justify-between { justify-content: space-between; }
.text-slate-500 { color: #64748b; }