{{-- resources/views/probation/_styles.blade.php
     Shared visual tokens for all probation views. Include via:
     @push('styles') @include('probation._styles') @endpush --}}
<style>
    .grad-blue{background:linear-gradient(135deg,#3498db,#2c3e50)}
    .grad-green{background:linear-gradient(135deg,#27ae60,#16a085)}
    .grad-teal{background:linear-gradient(135deg,#16a085,#1abc9c)}
    .grad-amber{background:linear-gradient(135deg,#f39c12,#d35400)}
    .grad-red{background:linear-gradient(135deg,#e74c3c,#c0392b)}
    .grad-purple{background:linear-gradient(135deg,#9b59b6,#8e44ad)}
    .grad-slate{background:linear-gradient(135deg,#5a6b7b,#34495e)}

    /* themed hero header — gives every work-stream its own identity */
    .pcase-hero{border-radius:16px;color:#fff;padding:1.4rem 1.6rem;position:relative;overflow:hidden;
        box-shadow:0 6px 20px rgba(16,24,40,.12)}
    .pcase-hero::after{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;
        background:rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
    .pcase-hero > *{position:relative;z-index:1}
    .pcase-hero .hicon{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.18);
        display:flex;align-items:center;justify-content:center;font-size:1.5rem}
    .pcase-hero h2{font-weight:700;margin:0;line-height:1.1}
    .pcase-hero .tagline{font-size:.92rem;opacity:.9}
    .pcase-hero .intro{font-size:.86rem;opacity:.85;max-width:640px}
    .pcase-hero a.btn-light{font-weight:600}

    /* capture guidance panel */
    .capture-guide{border:1px dashed #cdd7e2;background:#f8fbfe;border-radius:14px;padding:1rem 1.2rem}
    .capture-guide h6{font-weight:700;color:#2c3e50;margin-bottom:.6rem}
    .capture-guide ul{list-style:none;margin:0;padding:0}
    .capture-guide li{display:flex;gap:.55rem;align-items:flex-start;padding:.28rem 0;font-size:.86rem;color:#445}
    .capture-guide li i{color:#27ae60;margin-top:.18rem}

    /* stat tiles */
    .pkpi{border:none;border-radius:14px;color:#fff;height:100%;
        box-shadow:0 2px 8px rgba(16,24,40,.08)}
    .pkpi .card-body{padding:1rem 1.15rem}
    .pkpi h6{font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;opacity:.9;font-weight:700;margin:0}
    .pkpi h3{font-weight:700;margin:.2rem 0 0}
    .pkpi small{opacity:.85}

    /* cards + form help */
    .pcard{border:none;border-radius:14px;box-shadow:0 1px 3px rgba(16,24,40,.07)}
    .pcard>.card-header{background:#fff;border-bottom:1px solid #eef0f3;font-weight:600;border-radius:14px 14px 0 0}
    .p-help{font-size:.78rem;color:#8895a7;margin-top:.2rem}
    .flag-row{display:flex;gap:.6rem;align-items:flex-start;padding:.5rem;border:1px solid #eef0f3;border-radius:10px;margin-bottom:.5rem}
    .flag-row .form-check{margin:0}
    .flag-row .desc{font-size:.78rem;color:#8895a7}
    .step-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;
        background:#eef2f7;color:#5a6b7b;font-size:.72rem;font-weight:700;margin-right:.4rem}
</style>