/*
 * CRON management workspace.
 * This sheet is intentionally loaded after the global dark-theme layers so the
 * operational controls retain a clear contrast in both colour schemes.
 */

.cron-management-page {
    --cron-surface: #ffffff;
    --cron-surface-raised: #f7f9fd;
    --cron-surface-subtle: #f1f5fb;
    --cron-ink: #17213b;
    --cron-muted: #5e6c86;
    --cron-soft-muted: #78869e;
    --cron-line: #d9e2f0;
    --cron-line-strong: #c7d4e7;
    --cron-info: #2057c8;
    --cron-info-soft: #eaf1ff;
    --cron-control: #fbfcff;
}

.cron-management-page .cron-system-grid {
    gap: 14px;
    padding: 0 18px 18px;
}

.cron-management-page .cron-worker-card {
    display: flex;
    min-height: 365px;
    flex-direction: column;
    padding: 16px;
    border-color: var(--cron-line);
    background: linear-gradient(150deg, var(--cron-surface) 0%, var(--cron-surface-raised) 100%);
    box-shadow: 0 9px 22px rgba(25, 46, 88, .07);
    color: var(--cron-ink);
}

.cron-management-page .cron-worker-card.is-paused {
    border-color: var(--cron-line-strong);
    background: linear-gradient(150deg, #f7f8fc 0%, #eff3f9 100%);
    filter: saturate(.72);
}

.cron-management-page .cron-worker-card > header {
    gap: 10px;
}

.cron-management-page .cron-worker-card h3 {
    color: var(--cron-ink);
    font-size: 14px;
    font-weight: 850;
    letter-spacing: -.012em;
}

.cron-management-page .cron-worker-card header p {
    color: var(--cron-muted);
    font-size: 10px;
    line-height: 1.55;
}

.cron-management-page .cron-worker-icon {
    width: 36px;
    height: 36px;
    border: 1px solid #c9d9fb;
    background: var(--cron-info-soft);
    color: var(--cron-info);
}

.cron-management-page .cron-worker-icon .ui-icon {
    width: 18px;
    height: 18px;
}

.cron-management-page .cron-worker-timeline {
    gap: 9px;
    margin: 15px 0 10px;
}

.cron-management-page .cron-worker-timeline div {
    min-width: 0;
    padding: 9px;
    border-color: var(--cron-line);
    border-radius: 9px;
    background: var(--cron-surface);
}

.cron-management-page .cron-worker-timeline dt {
    color: var(--cron-soft-muted);
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .065em;
}

.cron-management-page .cron-worker-timeline dd {
    overflow-wrap: anywhere;
    color: var(--cron-ink);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.45;
}

.cron-management-page .cron-worker-message {
    min-height: 39px;
    margin-bottom: 11px;
    color: var(--cron-muted);
    font-size: 10px;
    line-height: 1.55;
}

.cron-management-page .cron-worker-form {
    gap: 10px;
    margin-top: auto;
    padding: 11px 0;
    border-color: var(--cron-line);
}

.cron-management-page .cron-worker-form > label:not(.cron-enable-toggle) > span {
    color: var(--cron-muted);
    font-size: 8px;
    letter-spacing: .055em;
}

.cron-management-page .cron-enable-toggle {
    min-height: 42px;
    padding: 7px 8px;
    border: 1px solid var(--cron-line);
    border-radius: 9px;
    background: var(--cron-control);
}

.cron-management-page .cron-enable-toggle input {
    width: 17px;
    height: 17px;
    accent-color: #f0445d;
}

.cron-management-page .cron-enable-toggle span,
.cron-management-page .cron-enable-toggle b {
    color: var(--cron-ink);
    font-size: 9px;
}

.cron-management-page .cron-enable-toggle small,
.cron-management-page .cron-worker-form footer small {
    color: var(--cron-muted);
    font-size: 8px;
    line-height: 1.45;
}

.cron-management-page .system-input-suffix-v6 input {
    min-width: 0;
    border-color: var(--cron-line-strong) !important;
    background: var(--cron-surface) !important;
    color: var(--cron-ink) !important;
    font-size: 10px;
    font-weight: 800;
}

.cron-management-page .system-input-suffix-v6 b {
    min-width: 47px;
    border-color: var(--cron-line-strong);
    background: var(--cron-surface-subtle);
    color: var(--cron-muted);
    font-size: 8px;
    font-weight: 800;
}

.cron-management-page .cron-worker-form footer {
    align-items: center;
}

.cron-management-page .system-text-button-v6 {
    min-height: 32px;
    border-color: #b8ccff;
    background: var(--cron-info-soft);
    color: #174ba9;
    font-size: 9px;
}

.cron-management-page .system-text-button-v6:is(:hover, :focus-visible) {
    border-color: #759fff;
    background: #dbe7ff;
    color: #133f90;
}

.cron-management-page .cron-run-form {
    margin-top: 11px;
}

.cron-management-page .cron-run-form .system-primary-button-v6 {
    min-height: 42px;
    border-color: #e64056;
    background: linear-gradient(105deg, #f14660, #e93e59);
    box-shadow: 0 9px 19px rgba(229, 62, 83, .22);
    font-size: 10px;
}

.cron-management-page .cron-run-form .system-primary-button-v6:is(:hover, :focus-visible) {
    border-color: #cf2843;
    background: linear-gradient(105deg, #e33a54, #cf2846);
    box-shadow: 0 12px 24px rgba(207, 40, 70, .3);
}

.cron-management-page .cron-inventory-table td,
.cron-management-page .cron-automation-list > div {
    color: var(--cron-ink);
    font-size: 11px;
}

.cron-management-page .cron-inventory-table th {
    color: var(--cron-muted);
    background: var(--cron-surface-subtle);
    font-size: 8px;
}

.cron-management-page .cron-inventory-table td {
    border-color: var(--cron-line);
}

.cron-management-page .cron-inventory-table tbody tr:hover td {
    background: #f3f7ff;
}

.cron-management-page .cron-inventory-table td b,
.cron-management-page .cron-automation-list b,
.cron-management-page .system-empty-inline-v6 b {
    color: var(--cron-ink);
    font-size: 11px;
}

.cron-management-page .cron-inventory-table td small,
.cron-management-page .cron-automation-list small,
.cron-management-page .system-empty-inline-v6 small {
    color: var(--cron-muted);
    font-size: 9px;
    line-height: 1.5;
}

.cron-management-page .cron-inventory-table code {
    color: #1b4eab;
    font-size: 9px;
}

.cron-management-page .cron-automation-list > div {
    border-color: var(--cron-line);
}

.cron-management-page .cron-automation-list > div:is(:hover, :focus-within) {
    background: #f4f7fc;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page {
    --cron-surface: #172238;
    --cron-surface-raised: #111b2d;
    --cron-surface-subtle: #101a2b;
    --cron-ink: #f4f7ff;
    --cron-muted: #b8c5da;
    --cron-soft-muted: #97a9c4;
    --cron-line: #34435d;
    --cron-line-strong: #465978;
    --cron-info: #a8c7ff;
    --cron-info-soft: #173157;
    --cron-control: #101a2a;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-worker-card {
    border-color: var(--cron-line) !important;
    background: linear-gradient(150deg, #1a2841 0%, #131e31 100%) !important;
    box-shadow: inset 0 1px 0 rgba(203, 220, 255, .06), 0 14px 30px rgba(0, 0, 0, .24) !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-worker-card.is-paused {
    border-color: #3a465d !important;
    background: linear-gradient(150deg, #182133 0%, #111927 100%) !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page :is(
    .cron-worker-card h3,
    .cron-worker-timeline dd,
    .cron-enable-toggle span,
    .cron-enable-toggle b,
    .cron-inventory-table td,
    .cron-inventory-table td b,
    .cron-automation-list > div,
    .cron-automation-list b,
    .system-empty-inline-v6 b
) {
    color: var(--cron-ink) !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page :is(
    .cron-worker-card header p,
    .cron-worker-message,
    .cron-enable-toggle small,
    .cron-worker-form > label:not(.cron-enable-toggle) > span,
    .cron-worker-form footer small,
    .cron-inventory-table td small,
    .cron-automation-list small,
    .system-empty-inline-v6 small
) {
    color: var(--cron-muted) !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-worker-icon {
    border-color: #3f67a5 !important;
    background: #152d50 !important;
    color: #a9c8ff !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-worker-timeline div {
    border-color: var(--cron-line) !important;
    background: #0f1929 !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-worker-timeline dt {
    color: var(--cron-soft-muted) !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-enable-toggle {
    border-color: var(--cron-line) !important;
    background: #0f1929 !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .system-input-suffix-v6 input {
    border-color: var(--cron-line-strong) !important;
    background: #0b1423 !important;
    color: #ffffff !important;
    caret-color: #ffffff;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .system-input-suffix-v6 input:focus {
    border-color: #84b0ff !important;
    box-shadow: 0 0 0 3px rgba(86, 143, 255, .18) !important;
    outline: 0;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .system-input-suffix-v6 b {
    border-color: var(--cron-line-strong) !important;
    background: #17253b !important;
    color: #c4d1e5 !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .system-text-button-v6 {
    border-color: #42679e !important;
    background: #18345d !important;
    color: #d6e6ff !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .system-text-button-v6:is(:hover, :focus-visible) {
    border-color: #78a8f5 !important;
    background: #214779 !important;
    color: #ffffff !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-run-form .system-primary-button-v6 {
    border-color: #f05b70 !important;
    background: linear-gradient(105deg, #e5415a, #c92d49) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(211, 47, 74, .26) !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-run-form .system-primary-button-v6:is(:hover, :focus-visible) {
    border-color: #ff8292 !important;
    background: linear-gradient(105deg, #f2536a, #dc3653) !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-inventory-table th {
    border-color: var(--cron-line) !important;
    background: #101a2b !important;
    color: #bdcbe0 !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-inventory-table td,
html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-automation-list > div {
    border-color: var(--cron-line) !important;
    background: transparent !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-inventory-table tbody tr:hover td,
html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-automation-list > div:is(:hover, :focus-within) {
    background: #1d2c44 !important;
}

html[data-color-scheme="dark"] body.admin-surface .cron-management-page .cron-inventory-table code {
    color: #b5ceff !important;
}

@media (max-width: 800px) {
    .cron-management-page .cron-worker-card {
        min-height: 0;
    }

    .cron-management-page .cron-worker-form {
        margin-top: 0;
    }

    .cron-management-page .cron-enable-toggle {
        padding: 9px;
    }
}