/* General */
.card-hover{transition:transform .2s, box-shadow .2s}
.card-hover:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem rgba(0,0,0,.08)}
.hero-gradient{background:linear-gradient(135deg,rgba(13,110,253,.08),rgba(25,135,84,.08));border:1px solid rgba(0,0,0,.05)}
.stepper{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:1rem 0}
.stepper .step{display:flex;align-items:center;gap:8px;padding:.5rem .75rem;border-radius:999px;background:#f8f9fa;color:#6c757d;border:1px solid #eee}
.stepper .idx{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;background:#e9ecef}
.stepper .active{background:#e7f1ff;color:#0d6efd;border-color:#b6d1ff}
.stepper .done{background:#e7f5ee;color:#198754;border-color:#bfe5cf}
.timeline{border-inline-start:4px solid #e9ecef;padding-inline-start:1rem;margin-top:1rem}
.timeline .item{position:relative;margin-bottom:1rem}
.timeline .item::before{content:"";position:absolute;inset-inline-start:-28px;top:4px;width:16px;height:16px;background:var(--dot,#bfe5cf);border-radius:50%}

/* Admin */
.admin-nav{background:#12161c}
.admin-nav .navbar-brand{color:#fff}
.admin-nav .nav-link{color:#dee2e6!important}
.admin-nav .nav-link:hover,.admin-nav .nav-link.active{color:#fff!important;background:rgba(255,255,255,.08);border-radius:.375rem}
.admin-wrapper{min-height:100vh;background:#0f1318;background:linear-gradient(180deg,#0f1318 0,#12161c 40%,#161b22 100%)}
.admin-content{padding:24px}
.admin-card{background:#1e242c;color:#e9ecef;border:1px solid rgba(255,255,255,.05)}
.admin-card .card-title{color:#fff}
.kpi .value{font-size:2rem;font-weight:700}
.badge-stage{display:inline-flex;align-items:center;gap:6px;padding:.35rem .6rem;border-radius:999px;color:#fff}
.table-darkish{--bs-table-bg:#1e242c;--bs-table-color:#eaecef}
.table-darkish td,.table-darkish th{vertical-align:middle}
.input[type=color]{height:38px;padding:2px}

/* Track Light UI - enhanced */
.public-wrapper .card{background:#fff;border:1px solid #e9ecef}
.public-wrapper .hero-card{background:#fff;border:1px solid #e9ecef;border-radius:.75rem;box-shadow:0 10px 24px rgba(0,0,0,.05);position:relative;overflow:hidden}
/* Progress bar on hero top */
.hero-progress{position:absolute;inset:0 0 auto 0;height:4px;background:#e9ecef}
.hero-progress .bar{height:100%;background:linear-gradient(90deg,#20c997,#198754);width:0}

.public-wrapper .stepper{display:flex;gap:.5rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.public-wrapper .stepper .step{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;background:#f9fafb;border:1px solid #eaeaea;position:relative}
.public-wrapper .stepper .step .idx{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #e9ecef;font-size:.8rem}
/* Colors: current red, done green, pending gray */
.public-wrapper .stepper .step.done{background:#e7f5ee;border-color:#cfead9}
.public-wrapper .stepper .step.current{background:#ffe8ea;border-color:#fec6cc}
.public-wrapper .stepper .step.current .idx{border-color:#dc3545}
.public-wrapper .stepper .step .title{color:#0f1321;font-weight:600}
/* Pulsing dot badge for current */
.public-wrapper .stepper .step.current::after{content:'';position:absolute;top:-6px;right:-6px;width:12px;height:12px;border-radius:50%;background:#dc3545;box-shadow:0 0 0 0 rgba(220,53,69,.7);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(220,53,69,.6)}70%{box-shadow:0 0 0 10px rgba(220,53,69,0)}100%{box-shadow:0 0 0 0 rgba(220,53,69,0)}}

/* Timeline */
.public-wrapper .timeline{border-inline-start:4px solid #e9ecef;margin-top:1rem;padding-inline-start:1rem}
.public-wrapper .timeline .item{background:#fff;border:1px solid #eee;border-radius:.5rem;padding:.75rem .9rem;margin-bottom:.75rem}
.public-wrapper .timeline .item .title{color:#0f1321;font-weight:700}
.public-wrapper .timeline .item .date{color:#6c757d}
.public-wrapper .timeline .item .message{color:#495057}



.admin-wrapper{min-height:100vh;background:#f6f8fb}
.admin-card{background:#fff;color:#0f1321;border:1px solid #e9eef5}
.admin-nav{background:#ffffff;border-bottom:1px solid #e6edf3}
.admin-nav .navbar-brand{color:#0f1321}
.admin-nav .nav-link{color:#334155 !important}
.admin-nav .nav-link:hover,.admin-nav .nav-link.active{color:#0f1321 !important;background:rgba(13,110,253,.08);border-radius:.375rem}
.table-darkish{--bs-table-bg:#ffffff;--bs-table-color:#0f1321}
.kpi .value{color:#0f1321}
.badge-stage{box-shadow:0 6px 12px rgba(0,0,0,.06)}