.aol-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.aol-card{background:#fff;border-radius:18px;padding:24px;min-height:110px;box-shadow:0 8px 24px rgba(31,79,163,.12);border:1px solid #e6e6e6;font-weight:700;color:#1F4FA3;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .25s ease;text-decoration:none}.aol-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(31,79,163,.18);text-decoration:none}.aol-panel{background:#fff;border:1px solid #e6e6e6;border-radius:18px;padding:20px;margin:18px 0;box-shadow:0 8px 24px rgba(31,79,163,.08)}.aol-filter-form,.aol-create-assignment-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end}.aol-table-wrapper{overflow:auto;margin-top:18px}.aol-section-form{min-width:240px}.aol-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef3ff;color:#1F4FA3;font-size:12px;font-weight:700}.aol-danger{color:#b42318}.aol-success{color:#027a48}
.aol-branch-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px 14px;
    margin: 10px 0 18px;
}
.aol-check-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    background: #fff;
}
.aol-label {
    font-weight: 700;
    color: #1F4FA3;
    margin-top: 8px;
}

.aol-countdown-card {
    position: relative;
    overflow: hidden;
    margin: 22px 0;
    padding: 28px 24px;
    border-radius: 28px;
    background: radial-gradient(circle at 20% 20%, rgba(46,160,218,.20), transparent 35%), linear-gradient(135deg, #1F4FA3 0%, #6A2C91 58%, #8B5EA7 100%);
    color: #fff;
    box-shadow: 0 22px 55px rgba(31,79,163,.28);
    text-align: center;
}
.aol-countdown-card::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: conic-gradient(from 0deg, transparent, rgba(255,255,255,.28), transparent, rgba(255,255,255,.12), transparent);
    animation: aolSpin 8s linear infinite;
}
.aol-countdown-card > * { position: relative; z-index: 1; }
.aol-countdown-title { font-size: 20px; font-weight: 800; margin-bottom: 10px; }
.aol-countdown-time {
    direction: ltr;
    display: inline-block;
    min-width: 260px;
    padding: 16px 26px;
    border-radius: 22px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.28);
    backdrop-filter: blur(8px);
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 2px;
    box-shadow: inset 0 0 20px rgba(255,255,255,.08);
    animation: aolPulse 1.4s ease-in-out infinite;
}
.aol-countdown-subtitle { margin-top: 12px; opacity: .92; }
.aol-orbit {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 0 auto 12px;
    background: #fef4af;
    box-shadow: 0 0 0 8px rgba(254,244,175,.12), 0 0 30px rgba(254,244,175,.8);
    animation: aolFloat 2.2s ease-in-out infinite;
}
.aol-promote-btn {
    border-radius: 999px !important;
    padding: 12px 24px !important;
    font-weight: 800 !important;
    box-shadow: 0 14px 34px rgba(39,174,96,.25);
}
@keyframes aolSpin { to { transform: rotate(360deg); } }
@keyframes aolPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.025); } }
@keyframes aolFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }


.aol-filter-card {
    margin-top: 22px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 22px;
    padding: 24px;
    box-shadow: 0 14px 36px rgba(31, 79, 163, 0.10);
}
.aol-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    align-items: end;
}
.aol-all-trainees-box {
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(31, 79, 163, .08), rgba(106, 44, 145, .08));
    border: 1px dashed rgba(31, 79, 163, .30);
}
.aol-promotion-filter-form select:disabled {
    opacity: .55;
    background-color: #f1f3f7;
}

.aol-supervisor-report-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
    margin: 20px 0;
}
.aol-progress-card {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #ffffff, #f7fbff);
    border: 1px solid rgba(31, 79, 163, .12);
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 18px 42px rgba(31, 79, 163, .10);
    animation: aolFloatCard 4s ease-in-out infinite;
}
.aol-progress-card:before {
    content: '';
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(106,44,145,.18), transparent 65%);
    top: -50px;
    left: -40px;
    animation: aolPulseGlow 3s ease-in-out infinite;
}
.aol-progress-branch {
    position: relative;
    font-weight: 800;
    color: #1F4FA3;
    margin-bottom: 12px;
}
.aol-progress-number {
    position: relative;
    font-size: 30px;
    font-weight: 900;
    color: #6A2C91;
    margin-bottom: 12px;
}
.aol-progress-track {
    position: relative;
    height: 12px;
    border-radius: 999px;
    background: #e9eef8;
    overflow: hidden;
}
.aol-progress-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #1F4FA3, #2EA0DA, #6A2C91);
    animation: aolGrowBar 1.2s ease-out both;
}
.aol-progress-caption {
    position: relative;
    color: #345c66;
    font-size: 13px;
    margin-top: 10px;
}
@keyframes aolFloatCard {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
@keyframes aolPulseGlow {
    0%, 100% { opacity: .5; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.12); }
}
@keyframes aolGrowBar {
    from { width: 0; }
}

/* v0.6.5 Supervisor assignment studio */
.aol-supervisor-hero {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    padding: 34px;
    margin: 18px 0 24px;
    color: #fff;
    background:
        radial-gradient(circle at 12% 18%, rgba(254,244,175,.35), transparent 18%),
        radial-gradient(circle at 90% 30%, rgba(46,160,218,.25), transparent 22%),
        linear-gradient(135deg, #1F4FA3 0%, #6A2C91 58%, #8B5EA7 100%);
    box-shadow: 0 26px 60px rgba(31, 79, 163, .22);
}
.aol-supervisor-hero:before {
    content: '';
    position: absolute;
    inset: -60%;
    background: conic-gradient(from 45deg, transparent, rgba(255,255,255,.20), transparent, rgba(255,255,255,.12), transparent);
    animation: aolSpin 12s linear infinite;
}
.aol-supervisor-hero > * { position: relative; z-index: 1; }
.aol-kicker { display: inline-block; padding: 7px 14px; border-radius: 999px; background: rgba(255,255,255,.16); font-weight: 800; margin-bottom: 12px; }
.aol-supervisor-hero h2 { color: #fff; font-size: 34px; font-weight: 900; margin: 0 0 10px; }
.aol-hero-subtitle { max-width: 780px; font-size: 16px; opacity: .95; line-height: 1.9; }
.aol-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; align-items: center; }
.aol-hero-link, .aol-branch-pill {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.24);
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800;
    backdrop-filter: blur(10px);
}
.aol-hero-link:hover { transform: translateY(-2px); background: rgba(255,255,255,.24); }
.aol-mini-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin: 20px 0; }
.aol-mini-stat {
    border-radius: 22px;
    padding: 20px;
    background: #fff;
    border: 1px solid rgba(31,79,163,.10);
    box-shadow: 0 16px 34px rgba(31,79,163,.08);
    text-align: center;
    animation: aolFloatCard 5s ease-in-out infinite;
}
.aol-mini-stat-icon { font-size: 26px; }
.aol-mini-stat-value { font-size: 32px; font-weight: 900; color: #6A2C91; line-height: 1.2; }
.aol-mini-stat-label { color: #345c66; font-weight: 800; }
.aol-empty-trainers {
    text-align: center;
    border-radius: 24px;
    padding: 34px;
    border: 1px dashed rgba(31,79,163,.35);
    background: linear-gradient(135deg, rgba(31,79,163,.06), rgba(106,44,145,.06));
}
.aol-muted { color: #667085; margin-bottom: 14px; }
.aol-assign-studio {
    display: grid;
    grid-template-columns: minmax(280px, .8fr) minmax(420px, 1.2fr);
    gap: 18px;
    align-items: stretch;
    margin: 22px 0;
}
.aol-studio-left, .aol-studio-right {
    background: #fff;
    border-radius: 28px;
    padding: 24px;
    border: 1px solid rgba(31,79,163,.10);
    box-shadow: 0 22px 54px rgba(31,79,163,.10);
}
.aol-studio-left h3, .aol-studio-right h3 { font-weight: 900; color: #1F4FA3; margin-top: 0; }
.aol-main-select { min-height: 48px; border-radius: 14px !important; }
.aol-trainer-chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 24px; }
.aol-trainer-chip {
    display: inline-flex;
    max-width: 100%;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f6f8ff;
    color: #345c66;
    border: 1px solid #e5eaf7;
    font-size: 12px;
    transition: all .25s ease;
}
.aol-trainer-chip.active { color: #fff; background: linear-gradient(135deg, #1F4FA3, #6A2C91); box-shadow: 0 10px 24px rgba(106,44,145,.22); }
.aol-path-grid { display: grid; gap: 12px; }
.aol-field-card { padding: 14px; border-radius: 18px; background: linear-gradient(135deg, #fbfdff, #f7f8ff); border: 1px solid #edf1f8; }
.aol-field-card label { font-weight: 900; color: #345c66; margin-bottom: 8px; display: block; }
.aol-selected-summary { margin-bottom: 12px; color: #345c66; font-weight: 800; }
#aol-selected-count { display: inline-flex; min-width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 999px; background: #6A2C91; color: #fff; margin: 0 4px; }
.aol-course-search { border-radius: 16px !important; min-height: 46px; margin-bottom: 14px; }
.aol-course-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; max-height: 440px; overflow: auto; padding: 4px; }
.aol-course-tile {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 14px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid #e8edf7;
    box-shadow: 0 8px 20px rgba(31,79,163,.05);
    transition: all .22s ease;
}
.aol-course-tile:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(31,79,163,.12); }
.aol-course-tile.selected { border-color: rgba(106,44,145,.55); background: linear-gradient(135deg, rgba(31,79,163,.08), rgba(106,44,145,.10)); }
.aol-course-check { transform: scale(1.2); }
.aol-course-icon { font-size: 22px; }
.aol-course-name { font-weight: 800; color: #1f2937; line-height: 1.5; }
.aol-submit-bar { position: sticky; bottom: 0; padding-top: 14px; margin-top: 14px; background: linear-gradient(180deg, rgba(255,255,255,0), #fff 35%); text-align: left; }
.aol-big-submit { border-radius: 999px !important; padding: 13px 24px !important; font-weight: 900 !important; box-shadow: 0 16px 36px rgba(106,44,145,.22); }
@media (max-width: 900px) { .aol-assign-studio { grid-template-columns: 1fr; } }

/* v0.6.6 Multi-diploma assignment studio */
.aol-diploma-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.aol-diploma-chip {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ffffff, #f7f8ff);
    border: 1px solid rgba(31,79,163,.14);
    color: #345c66;
    font-weight: 900;
    font-size: 13px;
    box-shadow: 0 8px 20px rgba(31,79,163,.06);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.aol-diploma-chip:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(31,79,163,.12);
}
.aol-diploma-chip input {
    accent-color: #6A2C91;
}
.aol-diploma-chip:has(input:checked) {
    color: #fff;
    background: linear-gradient(135deg, #1F4FA3, #6A2C91);
    box-shadow: 0 14px 30px rgba(106,44,145,.22);
}
.aol-diploma-all {
    border: 0;
    color: #fff;
    background: linear-gradient(135deg, #2EA0DA, #1F4FA3);
}
.aol-course-tile {
    position: relative;
    overflow: hidden;
}
.aol-course-tile::after {
    content: '';
    position: absolute;
    inset-inline-start: -40px;
    top: -60px;
    width: 100px;
    height: 180px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
    transform: rotate(25deg);
    opacity: 0;
    transition: opacity .25s ease, inset-inline-start .45s ease;
}
.aol-course-tile:hover::after {
    opacity: 1;
    inset-inline-start: 110%;
}
.aol-course-badge {
    margin-inline-start: auto;
    display: inline-flex;
    align-items: center;
    max-width: 140px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(46,160,218,.10);
    color: #1F4FA3;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* v0.6.9 Trainer preparation window + supervisor progress dashboard */
.aol-trainer-prep-panel {
    margin-top: 24px;
    border: 1px solid rgba(31,79,163,.10);
    background:
        radial-gradient(circle at 10% 10%, rgba(46,160,218,.12), transparent 24%),
        radial-gradient(circle at 90% 0%, rgba(106,44,145,.10), transparent 28%),
        #ffffff;
}
.aol-inline-window-form {
    margin: 16px 0 20px;
}
.aol-window-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}
.aol-trainer-window-card {
    margin: 18px 0;
    padding: 26px;
    border-radius: 28px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #1F4FA3, #6A2C91, #8B5EA7);
    box-shadow: 0 22px 54px rgba(31,79,163,.18);
    position: relative;
    overflow: hidden;
}
.aol-trainer-window-card:before {
    content: '';
    position: absolute;
    inset: -30%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.18), transparent);
    transform: rotate(18deg);
    animation: aolSweep 4.8s ease-in-out infinite;
}
@keyframes aolSweep {
    0% { transform: translateX(-40%) rotate(18deg); opacity: .25; }
    50% { opacity: .7; }
    100% { transform: translateX(42%) rotate(18deg); opacity: .25; }
}
.aol-trainer-progress-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 14px;
    margin-top: 14px;
}
.aol-trainer-progress-card {
    position: relative;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid #edf1f8;
    background: #fff;
    box-shadow: 0 12px 28px rgba(31,79,163,.08);
    transition: all .25s ease;
    overflow: hidden;
}
.aol-trainer-progress-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(31,79,163,.14);
}
.aol-trainer-progress-card.done {
    border-color: rgba(69,162,94,.24);
    background: linear-gradient(135deg, rgba(69,162,94,.08), #fff);
}
.aol-trainer-progress-card.pending {
    border-color: rgba(223,159,62,.25);
    background: linear-gradient(135deg, rgba(223,159,62,.08), #fff);
}
.aol-progress-avatar {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(31,79,163,.10), rgba(106,44,145,.10));
    font-size: 24px;
    margin-bottom: 10px;
}
.aol-progress-name {
    font-weight: 900;
    color: #1F4FA3;
    margin-bottom: 6px;
}
.aol-progress-status {
    display: inline-flex;
    margin-top: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    background: linear-gradient(135deg, #df9f3e, #8B5EA7);
}
.aol-trainer-progress-card.done .aol-progress-status {
    background: linear-gradient(135deg, #2EA0DA, #1F4FA3);
}


/* Workflow Engine */
.aol-workflow-shell {
    direction: rtl;
    margin: 22px 0 28px;
    padding: 22px;
    border-radius: 28px;
    background: radial-gradient(circle at top right, rgba(46,160,218,.16), transparent 32%), linear-gradient(135deg, #ffffff, #f7fbff);
    border: 1px solid rgba(31, 79, 163, .12);
    box-shadow: 0 18px 45px rgba(31, 79, 163, .12);
    position: relative;
    overflow: hidden;
}
.aol-workflow-shell:before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(106,44,145,.08);
    left: -70px;
    top: -70px;
    animation: aolFloatGlow 5s ease-in-out infinite alternate;
}
.aol-workflow-header { position: relative; z-index: 1; margin-bottom: 18px; }
.aol-workflow-header h3 { margin: 4px 0 6px; color: #1F4FA3; font-weight: 900; }
.aol-workflow-subtitle { color: #526272; font-size: .95rem; }
.aol-workflow-steps {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 14px;
}
.aol-workflow-step {
    min-height: 150px;
    padding: 16px;
    border-radius: 22px;
    background: rgba(255,255,255,.92);
    border: 1px solid #e7edf7;
    box-shadow: 0 10px 25px rgba(31,79,163,.08);
    display: flex;
    gap: 12px;
    align-items: flex-start;
    position: relative;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.aol-workflow-step:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(31,79,163,.14); }
.aol-step-num {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    font-weight: 900;
    color: white;
    background: linear-gradient(135deg, #1F4FA3, #2EA0DA);
    box-shadow: 0 8px 18px rgba(46,160,218,.35);
}
.aol-step-body h4 { margin: 2px 0 8px; font-size: 1rem; color: #203041; font-weight: 900; }
.aol-step-owner { font-size: .78rem; color: #6A2C91; font-weight: 800; }
.aol-step-note { color: #657487; font-size: .86rem; line-height: 1.55; }
.aol-step-badge {
    position: absolute;
    left: 12px;
    bottom: 12px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 900;
    background: #edf2f7;
    color: #526272;
}
.aol-step-open { border-color: rgba(46,160,218,.45); animation: aolPulseBorder 1.8s ease-in-out infinite; }
.aol-step-open .aol-step-badge { background: #e7f7ff; color: #1B76C4; }
.aol-step-scheduled .aol-step-badge { background: #fff4d8; color: #8a5a00; }
.aol-step-done { border-color: rgba(32,166,99,.35); }
.aol-step-done .aol-step-num { background: linear-gradient(135deg, #1d8f56, #2fc179); }
.aol-step-done .aol-step-badge { background: #e8f8ee; color: #137a45; }
.aol-step-waiting { opacity: .82; }
.aol-workflow-role-hint {
    margin-top: 16px;
    padding: 13px 16px;
    border-radius: 18px;
    background: rgba(31,79,163,.07);
    color: #1F4FA3;
    font-weight: 800;
}
.aol-workflow-kpis {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}
.aol-workflow-kpi {
    padding: 16px;
    border-radius: 22px;
    background: white;
    border: 1px solid #e7edf7;
    box-shadow: 0 8px 22px rgba(31,79,163,.08);
}
.aol-workflow-kpi-number { font-size: 1.8rem; font-weight: 900; color: #1F4FA3; }
.aol-workflow-kpi-label { font-weight: 900; color: #203041; }
.aol-workflow-kpi-caption { color: #718096; font-size: .82rem; }
.aol-workflow-branch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px;
}
.aol-workflow-branch-card {
    padding: 15px;
    border-radius: 20px;
    background: rgba(255,255,255,.9);
    border: 1px solid #e7edf7;
}
.aol-workflow-branch-card h4 { font-size: 1rem; font-weight: 900; color: #1F4FA3; margin-bottom: 10px; }
.aol-mini-line { color: #526272; font-size: .86rem; margin: 5px 0; }
@keyframes aolPulseBorder {
    0%, 100% { box-shadow: 0 10px 25px rgba(31,79,163,.08); }
    50% { box-shadow: 0 12px 35px rgba(46,160,218,.22); }
}
@keyframes aolFloatGlow {
    from { transform: translate(0, 0) scale(1); }
    to { transform: translate(28px, 18px) scale(1.08); }
}

/* Enrolment debug report */
.aol-debug-summary {
    background: #fff;
    border: 1px solid #e7edf7;
    border-radius: 18px;
    padding: 18px 22px;
    margin: 18px 0;
    box-shadow: 0 10px 28px rgba(31, 79, 163, .08);
}
.aol-debug-line { margin: 6px 0; color: #24364f; }
.aol-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin: 18px 0 24px;
}
.aol-stat-card {
    background: linear-gradient(135deg, #ffffff, #f5f8ff);
    border-radius: 20px;
    padding: 18px;
    text-align: center;
    border: 1px solid #e6edf8;
    box-shadow: 0 12px 26px rgba(31,79,163,.10);
    animation: aolFloatIn .45s ease both;
}
.aol-stat-card span { display: block; font-size: 32px; font-weight: 800; color: #1F4FA3; }
.aol-stat-card small { display: block; color: #53657d; margin-top: 6px; }
.aol-stat-card.success span { color: #198754; }
.aol-stat-card.warning span { color: #b7791f; }
.aol-stat-card.danger span { color: #dc3545; }
.aol-status-success, .aol-status-warning, .aol-status-danger, .aol-status-muted {
    display: inline-block;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
}
.aol-status-success { background: #e6f6ec; color: #198754; }
.aol-status-warning { background: #fff5df; color: #946200; }
.aol-status-danger { background: #fde8e8; color: #b42318; }
.aol-status-muted { background: #eef2f7; color: #53657d; }
@keyframes aolFloatIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


.aol-preparation-header-link {
    font-weight: 700;
    border-radius: 14px;
    padding-inline: 14px !important;
}
.aol-preparation-header-link:hover {
    background: rgba(31, 79, 163, 0.08);
}

/* v0.7.3 Creative compact workflow + cleaner admin form */
.aol-soft-note {
    margin: 12px 0 20px;
    padding: 14px 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(46,160,218,.10), rgba(106,44,145,.08));
    border: 1px solid rgba(31,79,163,.12);
    color: #1F4FA3;
    font-weight: 800;
}
.aol-workflow-v073 {
    padding: 26px;
    background:
        radial-gradient(circle at 8% 12%, rgba(254,244,175,.38), transparent 16%),
        radial-gradient(circle at 92% 20%, rgba(46,160,218,.22), transparent 26%),
        linear-gradient(135deg, #fff 0%, #f8fbff 60%, #f3f7ff 100%);
}
.aol-workflow-titlebar {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}
.aol-roadmap-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    font-size: 26px;
    color: #fff;
    background: linear-gradient(135deg, #1F4FA3, #6A2C91);
    box-shadow: 0 14px 28px rgba(106,44,145,.22);
    animation: aolFloat 2.6s ease-in-out infinite;
}
.aol-kicker-dark {
    color: #6A2C91;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .3px;
}
.aol-workflow-v073 .aol-workflow-titlebar h3 {
    margin: 2px 0 4px;
    font-weight: 950;
    color: #16223a;
}
.aol-roadmap-steps {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 10px;
    align-items: stretch;
}
.aol-roadmap-step {
    position: relative;
    min-height: 132px;
    border-radius: 24px;
    padding: 18px 18px 42px;
    background: rgba(255,255,255,.95);
    border: 1px solid #e6edf8;
    box-shadow: 0 15px 34px rgba(31,79,163,.09);
    transition: all .25s ease;
    overflow: hidden;
}
.aol-roadmap-step:before {
    content: '';
    position: absolute;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    inset-inline-end: -34px;
    top: -36px;
    background: rgba(46,160,218,.10);
}
.aol-roadmap-step:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 44px rgba(31,79,163,.16);
}
.aol-roadmap-step-icon {
    width: 44px;
    height: 44px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    font-size: 22px;
    background: #eef6ff;
    margin-bottom: 10px;
}
.aol-roadmap-step-content h4 {
    margin: 0 0 8px;
    color: #15233d;
    font-size: 16px;
    font-weight: 950;
}
.aol-roadmap-num {
    position: absolute;
    inset-inline-end: 14px;
    bottom: 12px;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 950;
    background: linear-gradient(135deg, #6A2C91, #1F4FA3);
}
.aol-roadmap-line {
    width: 32px;
    align-self: center;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(31,79,163,.15), rgba(106,44,145,.55), rgba(31,79,163,.15));
    position: relative;
}
.aol-roadmap-line:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6A2C91;
    top: -3px;
    inset-inline-end: 0;
    animation: aolPulse 1.6s ease-in-out infinite;
}
.aol-roadmap-step.aol-step-active {
    border-color: rgba(46,160,218,.50);
    background: linear-gradient(135deg, rgba(46,160,218,.10), #fff);
    animation: aolPulseBorder 1.9s ease-in-out infinite;
}
.aol-roadmap-step.aol-step-done {
    border-color: rgba(32,166,99,.36);
    background: linear-gradient(135deg, rgba(32,166,99,.08), #fff);
}
.aol-roadmap-step.aol-step-done .aol-roadmap-step-icon { background: #e8f8ee; }
.aol-roadmap-step.aol-step-scheduled .aol-roadmap-step-icon { background: #fff4df; }
.aol-roadmap-step.aol-step-waiting { opacity: .86; }
.aol-roadmap-progress {
    height: 10px;
    border-radius: 999px;
    background: #edf2fb;
    overflow: hidden;
    margin-top: 18px;
    position: relative;
    z-index: 1;
}
.aol-roadmap-progress-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #6A2C91, #2EA0DA, #1F4FA3);
    animation: aolGrowBar 1.1s ease-out both;
}
.aol-workflow-kpis-compact { margin-top: 18px; }
.aol-admin-schedule-card {
    margin: 18px 0 26px;
    padding: 24px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid rgba(31,79,163,.12);
    box-shadow: 0 18px 44px rgba(31,79,163,.10);
}
.aol-admin-window-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 18px;
    align-items: end;
}
.aol-admin-window-form .aol-label,
.aol-admin-window-form .aol-branch-list {
    grid-column: 1 / -1;
}
.aol-admin-window-form label[for="starttime"],
.aol-admin-window-form label[for="endtime"] {
    font-weight: 900;
    color: #1F4FA3;
    margin-bottom: -8px;
}
.aol-admin-window-form input[type="datetime-local"] {
    min-height: 48px;
    border-radius: 16px !important;
    border: 1px solid #d9e3f3;
    box-shadow: 0 8px 20px rgba(31,79,163,.04);
}
.aol-save-window-btn {
    grid-column: 1 / -1;
    min-height: 50px;
    border-radius: 18px !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, #1F4FA3, #6A2C91) !important;
    box-shadow: 0 16px 34px rgba(106,44,145,.22);
}
@media (max-width: 1000px) {
    .aol-roadmap-steps { grid-template-columns: 1fr; }
    .aol-roadmap-line { display: none; }
}
@media (max-width: 720px) {
    .aol-admin-window-form { grid-template-columns: 1fr; }
}


/* AOL professional datetime picker */
.aol-smart-datetime,
input.aol-smart-datetime,
.aol-date-input {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: plaintext !important;
    cursor: pointer;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%235b6b83' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='3'/%3E%3Cpath d='M8 2v4M16 2v4M3 10h18'/%3E%3C/svg%3E") no-repeat 12px center;
    padding-left: 44px !important;
}

.aol-dtp-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .18);
    z-index: 9998;
    backdrop-filter: blur(2px);
}

.aol-dtp-panel {
    position: fixed;
    z-index: 9999;
    width: min(420px, calc(100vw - 32px));
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(99, 102, 241, .18);
    border-radius: 24px;
    box-shadow: 0 24px 70px rgba(31,79,163,.22);
    padding: 18px;
    direction: rtl;
    animation: aolPickerIn .22s ease both;
}

@keyframes aolPickerIn {
    from { opacity: 0; transform: translateY(10px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.aol-dtp-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    color: #0f172a;
    font-weight: 800;
}

.aol-dtp-pill {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #2563eb, #9333ea);
    color: #fff;
    box-shadow: 0 12px 26px rgba(147,51,234,.25);
}

.aol-dtp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 14px;
}

.aol-dtp-field label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    margin-bottom: 6px;
}

.aol-dtp-field input {
    direction: ltr !important;
    text-align: left !important;
    width: 100%;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    padding: 10px 12px;
    font-weight: 700;
    color: #0f172a;
    background: #f8fafc;
}

.aol-dtp-actions {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 8px;
}

.aol-dtp-actions button {
    border: 0;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 800;
    cursor: pointer;
}

.aol-dtp-confirm {
    color: #fff;
    flex: 1;
    background: linear-gradient(135deg, #2563eb, #9333ea);
    box-shadow: 0 10px 24px rgba(37,99,235,.22);
}

.aol-dtp-today {
    background: #eef6ff;
    color: #1d4ed8;
}

.aol-dtp-clear {
    background: #fff1f2;
    color: #be123c;
}

/* v0.7.5 Branch Manager refreshed UI */
.aol-bm-page {
    --aol-blue: #1F4FA3;
    --aol-sky: #2EA0DA;
    --aol-purple: #6A2C91;
    --aol-green: #18a058;
    --aol-orange: #df8a13;
    direction: rtl;
}
.aol-bm-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 18px 0 22px;
    padding: 28px;
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(circle at 16% 16%, rgba(254,244,175,.34), transparent 18%),
        radial-gradient(circle at 86% 20%, rgba(46,160,218,.25), transparent 26%),
        linear-gradient(135deg, #1F4FA3 0%, #345cbb 42%, #6A2C91 100%);
    box-shadow: 0 26px 70px rgba(31, 79, 163, .22);
    animation: aolBmRise .55s ease both;
}
.aol-bm-hero:before {
    content: '';
    position: absolute;
    inset: -80%;
    background: conic-gradient(from 30deg, transparent, rgba(255,255,255,.18), transparent, rgba(255,255,255,.10), transparent);
    animation: aolSpin 15s linear infinite;
}
.aol-bm-hero > * { position: relative; z-index: 1; }
.aol-bm-kicker {
    display: inline-flex;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.22);
    font-weight: 900;
    margin-bottom: 10px;
}
.aol-bm-hero h2 { color: #fff; margin: 0 0 8px; font-weight: 950; font-size: 34px; }
.aol-bm-branch { opacity: .96; font-weight: 800; }
.aol-bm-status-row { display: flex; gap: 12px; flex-wrap: wrap; }
.aol-bm-status {
    min-width: 138px;
    padding: 14px 16px;
    border-radius: 20px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.22);
    backdrop-filter: blur(12px);
    font-weight: 950;
    text-align: center;
}
.aol-bm-status span { display: block; font-size: 12px; font-weight: 700; opacity: .88; margin-top: 4px; }
.aol-bm-status.is-on { box-shadow: inset 0 0 0 1px rgba(254,244,175,.35), 0 0 26px rgba(254,244,175,.18); }
.aol-bm-status.is-off { opacity: .78; }
.aol-bm-grid {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
    gap: 18px;
    align-items: stretch;
}
.aol-bm-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border-radius: 28px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(31,79,163,.11);
    box-shadow: 0 22px 58px rgba(31,79,163,.09);
    animation: aolBmRise .5s ease both;
}
.aol-bm-card:before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, #1F4FA3, #2EA0DA, #6A2C91);
}
.aol-bm-wide { grid-column: 1 / -1; margin-top: 18px; }
.aol-bm-card-head { display: flex; align-items: center; gap: 13px; margin-bottom: 18px; }
.aol-bm-card-head h3 { margin: 0; color: #10233f; font-weight: 950; }
.aol-bm-sub { color: #64748b; font-weight: 700; font-size: 13px; line-height: 1.7; }
.aol-bm-step-badge {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    font-weight: 950;
    background: linear-gradient(135deg, #1F4FA3, #6A2C91);
    box-shadow: 0 14px 30px rgba(106,44,145,.22);
}
.aol-bm-step-badge.green { background: linear-gradient(135deg, #18a058, #2EA0DA); }
.aol-bm-step-badge.orange { background: linear-gradient(135deg, #df8a13, #f2bf58); }
.aol-bm-step-badge.blue { background: linear-gradient(135deg, #2EA0DA, #1F4FA3); }
.aol-bm-countdown, .aol-bm-mini-countdown {
    margin: 10px 0 18px;
    padding: 18px;
    border-radius: 22px;
    text-align: center;
    background: linear-gradient(135deg, rgba(31,79,163,.08), rgba(106,44,145,.08));
    border: 1px solid rgba(106,44,145,.12);
}
.aol-bm-countdown-label { color: #345c66; font-weight: 900; margin-bottom: 6px; }
.aol-bm-countdown-time, .aol-bm-mini-time { font-size: 34px; color: #6A2C91; font-weight: 950; letter-spacing: 1px; direction: ltr; }
.aol-bm-mini-time { font-size: 25px; }
.aol-bm-filter-grid, .aol-bm-date-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: 14px;
}
.aol-bm-date-grid { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
.aol-bm-field label {
    display: block;
    margin-bottom: 8px;
    color: #1F4FA3;
    font-weight: 900;
}
.aol-bm-field .form-control,
.aol-bm-date-form .form-control,
.aol-bm-form .form-control {
    min-height: 48px;
    border-radius: 16px !important;
    border: 1px solid #d9e3f3;
    box-shadow: 0 8px 20px rgba(31,79,163,.04);
}
.aol-bm-option-box {
    margin: 16px 0;
    padding: 16px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(46,160,218,.08), rgba(106,44,145,.06));
    border: 1px dashed rgba(31,79,163,.22);
}
.aol-bm-option-box label { font-weight: 900; color: #10233f; }
.aol-bm-hint { color: #64748b; font-size: 13px; font-weight: 700; margin-top: 6px; }
.aol-bm-primary-btn {
    min-height: 50px;
    border: 0 !important;
    border-radius: 18px !important;
    padding: 12px 26px !important;
    font-weight: 950 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #18a058, #49b85f) !important;
    box-shadow: 0 18px 36px rgba(24,160,88,.22);
    transition: transform .18s ease, box-shadow .18s ease;
}
.aol-bm-primary-btn.purple { width: 100%; margin-top: 14px; background: linear-gradient(135deg, #1F4FA3, #6A2C91) !important; box-shadow: 0 18px 36px rgba(106,44,145,.22); }
.aol-bm-primary-btn:hover { transform: translateY(-2px); box-shadow: 0 24px 44px rgba(31,79,163,.24); }
.aol-bm-locked, .aol-bm-empty, .aol-bm-scheduled {
    border-radius: 22px;
    padding: 24px;
    background: #f8fafc;
    border: 1px dashed #d8e2f0;
    text-align: center;
}
.aol-bm-locked-icon { font-size: 36px; margin-bottom: 8px; animation: aolPulseGlow 2s ease-in-out infinite; }
.aol-bm-supervisor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}
.aol-bm-progress-card {
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, #fff, #f8fbff);
    border: 1px solid rgba(31,79,163,.10);
    box-shadow: 0 12px 28px rgba(31,79,163,.06);
}
.aol-bm-progress-title { color: #1F4FA3; font-weight: 950; margin-bottom: 10px; }
.aol-bm-progress-number { color: #6A2C91; font-size: 28px; font-weight: 950; direction: ltr; }
.aol-bm-progress-track { height: 10px; border-radius: 999px; overflow: hidden; background: #e9eef8; margin: 10px 0; }
.aol-bm-progress-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, #1F4FA3, #2EA0DA, #6A2C91); animation: aolGrowBar 1s ease both; }
.aol-bm-table { overflow: hidden; border-radius: 18px; }
@keyframes aolBmRise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 980px) {
    .aol-bm-hero { flex-direction: column; align-items: stretch; }
    .aol-bm-grid { grid-template-columns: 1fr; }
    .aol-bm-filter-grid, .aol-bm-date-grid { grid-template-columns: 1fr; }
}


/* v0.7.8 - Prominent trainer activation panel inside the new supervisor UI */
.aol-visible-trainer-activation {
    margin: 24px 0;
    padding: 24px;
    border-radius: 24px;
    border: 1px solid rgba(107, 76, 230, .22);
    background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(245,240,255,.92));
    box-shadow: 0 18px 45px rgba(80, 70, 180, .10);
    position: relative;
    overflow: hidden;
}
.aol-visible-trainer-activation:before {
    content: "";
    position: absolute;
    inset: -40% auto auto -10%;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(126, 87, 255, .18), transparent 65%);
    animation: aolFloatGlow 5s ease-in-out infinite alternate;
}
.aol-trainer-activation-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}
.aol-trainer-activation-icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2452d9, #8e35db);
    color: #fff;
    box-shadow: 0 14px 30px rgba(98, 73, 220, .28);
    animation: aolPulseIcon 1.8s ease-in-out infinite;
}
.aol-trainer-window-form { position: relative; z-index: 1; }
.aol-trainer-window-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr)) minmax(220px, .8fr);
    gap: 14px;
    align-items: end;
}
.aol-trainer-activation-submit {
    min-height: 54px;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #2d6cdf, #9033d9) !important;
    border: 0 !important;
    box-shadow: 0 16px 34px rgba(94, 75, 220, .26);
}
.aol-trainer-window-card {
    margin-top: 18px;
    border-radius: 22px;
    padding: 18px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #1f4fa3, #8b3bc5);
    box-shadow: 0 18px 45px rgba(31, 79, 163, .20);
}
.aol-trainer-dashboard-stats { margin-top: 12px; }
@keyframes aolFloatGlow {
    from { transform: translate3d(0,0,0) scale(1); opacity: .55; }
    to { transform: translate3d(30px,25px,0) scale(1.08); opacity: .9; }
}
@keyframes aolPulseIcon {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-2px) scale(1.05); }
}
@media (max-width: 900px) {
    .aol-trainer-window-grid { grid-template-columns: 1fr; }
}


/* v0.7.9 - visible supervisor trainer activation section */
.aol-trainer-launch-panel {
    margin: 22px 0 26px !important;
    padding: 24px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(106,44,145,.22) !important;
    background:
        radial-gradient(circle at 8% 20%, rgba(254,244,175,.45), transparent 26%),
        radial-gradient(circle at 90% 0%, rgba(46,160,218,.16), transparent 34%),
        linear-gradient(135deg, #ffffff, #fbf7ff) !important;
    box-shadow: 0 18px 45px rgba(31,79,163,.10) !important;
}
.aol-trainer-launch-content {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}
.aol-trainer-launch-alerts .alert {
    margin: 8px 0;
    border-radius: 14px;
}
.aol-prominent-window-form {
    margin-top: 16px;
}
.aol-prominent-window-form .aol-field-card {
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(31,79,163,.12);
    border-radius: 18px;
    padding: 12px;
}
.aol-prominent-window-form label {
    display: block;
    font-weight: 800;
    margin-bottom: 8px;
    color: #1F4FA3;
}
.aol-smart-datetime,
input[type="datetime-local"],
input[type="date"],
input[type="time"] {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: plaintext !important;
}

/* v0.8.9 - Trainer section checkbox cards */
.aol-section-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0 8px;
}

.aol-section-check-item {
    position: relative;
}

.aol-section-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.aol-section-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 96px;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 18px;
    border: 1px solid #d9e3f0;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    cursor: pointer;
    font-weight: 800;
    color: #1F4FA3;
    box-shadow: 0 6px 18px rgba(31, 79, 163, 0.08);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

.aol-section-label:hover {
    transform: translateY(-2px);
    border-color: #8B5EA7;
    box-shadow: 0 12px 26px rgba(31, 79, 163, 0.14);
}

.aol-section-checkmark {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bfd0e8;
    color: transparent;
    background: #fff;
    font-size: 14px;
    transition: all .2s ease;
}

.aol-section-checkbox:checked + .aol-section-label {
    background: linear-gradient(135deg, #1F4FA3, #6A2C91);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 14px 32px rgba(106, 44, 145, .28);
    transform: translateY(-3px) scale(1.02);
}

.aol-section-checkbox:checked + .aol-section-label .aol-section-checkmark {
    color: #1F4FA3;
    background: #fff;
    border-color: #fff;
}

.aol-section-checkbox:focus + .aol-section-label {
    outline: 3px solid rgba(31, 79, 163, .18);
    outline-offset: 3px;
}


.aol-section-debug {
    background: #f8fbff;
    border: 1px dashed #b7c8e8;
    border-radius: 14px;
    padding: 10px 12px;
    line-height: 1.8;
    color: #345c66;
}