/* BAB Trainee Portal — front-end styles, matches approved prototype */
.babtp-catalog, .babtp-dashboard, .babtp-program-view { --babtp-blue:#377DFF; --babtp-amber:#F5A623; --babtp-navy:#0A1628; --babtp-offwhite:#F4F6FB; --babtp-ink-soft:#4A5670; --babtp-line:#DFE6F5; --babtp-line-soft:#EEF2FA; --babtp-active-green:#1E9E6B; --babtp-active-green-bg:#E9F8F1; --babtp-pending-bg:#FFF6E9; --babtp-pending-ink:#B0740F; --babtp-declined-bg:#FBEAEA; --babtp-declined-ink:#B3261E; font-family:'Inter',sans-serif; color:var(--babtp-navy); }

.babtp-catalog h3, .babtp-dashboard h4, .babtp-program-view h1, .babtp-program-view h3 { font-family:'Plus Jakarta Sans',sans-serif; margin:0; }

/* Catalog */
.babtp-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;}
.babtp-pcard{background:#fff;border:1px solid var(--babtp-line);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(10,22,40,.04),0 8px 24px -12px rgba(10,22,40,.12);display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.babtp-pcard-cover{height:100px;background:linear-gradient(135deg,var(--babtp-navy),#1E3A6E);display:flex;align-items:flex-end;padding:14px;}
.babtp-pcard-cover.babtp-cover-amber{background:linear-gradient(135deg,#B9770E,var(--babtp-amber));}
.babtp-tag{background:rgba(255,255,255,.16);color:#fff;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;}
.babtp-pcard-body{padding:16px 18px 18px;flex:1;}
.babtp-pcard-body h3{font-size:16px;color:var(--babtp-navy);line-height:1.3;margin-bottom:8px;}
.babtp-desc{font-size:13.5px;color:var(--babtp-ink-soft);line-height:1.5;}
.babtp-start-badge{font-size:12px;color:var(--babtp-blue);font-weight:700;margin-top:10px;}

/* Buttons */
.babtp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:9px;font-size:14px;font-weight:700;text-decoration:none;border:none;cursor:pointer;}
.babtp-btn-primary{background:var(--babtp-blue);color:#fff;}
.babtp-btn-outline{background:#fff;color:var(--babtp-blue);border:1.5px solid var(--babtp-blue);}
.babtp-btn-sm{padding:7px 14px;font-size:13px;}

/* Chips */
.babtp-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:20px;}
.babtp-chip-active, .babtp-chip-completed{background:var(--babtp-active-green-bg);color:var(--babtp-active-green);}
.babtp-chip-enrolled{background:var(--babtp-pending-bg);color:var(--babtp-pending-ink);}
.babtp-chip-declined{background:var(--babtp-declined-bg);color:var(--babtp-declined-ink);}

/* Dashboard */
.babtp-dash-grid{display:flex;flex-direction:column;gap:14px;margin-top:18px;}
.babtp-dash-row{background:#fff;border:1px solid var(--babtp-line);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.babtp-dash-thumb{width:56px;height:56px;border-radius:10px;background:linear-gradient(135deg,var(--babtp-navy),#1E3A6E);flex-shrink:0;}
.babtp-dash-info{flex:1;min-width:200px;}
.babtp-dash-info h4{font-size:15px;margin-bottom:5px;}
.babtp-dash-progress-mini{display:flex;align-items:center;gap:10px;margin-top:8px;}
.babtp-dash-progress-mini .babtp-progress-track{width:140px;margin:0;}
.babtp-dash-progress-mini span{font-size:12px;font-weight:700;color:var(--babtp-ink-soft);}
.babtp-locked-note{font-size:12.5px;color:var(--babtp-pending-ink);margin-top:6px;}

/* Program hero */
.babtp-hero{background:linear-gradient(135deg,var(--babtp-navy) 0%,#1E3A6E 100%);border-radius:16px;padding:30px 30px 26px;color:#fff;margin-bottom:24px;}
.babtp-hero .babtp-tag{margin-right:8px;margin-bottom:12px;display:inline-block;}
.babtp-hero-status{margin-top:16px;}

.babtp-notice{border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:13.5px;font-weight:600;}
.babtp-notice-success{background:var(--babtp-active-green-bg);color:var(--babtp-active-green);}
.babtp-notice-error{background:var(--babtp-declined-bg);color:var(--babtp-declined-ink);}

.babtp-locked-banner{background:var(--babtp-pending-bg);border:1px solid #F1D9A8;border-radius:12px;padding:15px 17px;display:flex;gap:12px;align-items:flex-start;margin-bottom:22px;}
.babtp-locked-banner .babtp-ic{font-size:18px;line-height:1;}
.babtp-lb-title{font-weight:700;color:var(--babtp-pending-ink);font-size:14px;}
.babtp-lb-desc{color:#8A6110;font-size:13px;margin-top:3px;line-height:1.5;}

.babtp-enroll-box{margin-bottom:24px;}

.babtp-two-col{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start;}
@media (max-width:760px){.babtp-two-col{grid-template-columns:1fr;}}

.babtp-panel{background:#fff;border:1px solid var(--babtp-line);border-radius:14px;padding:22px;margin-bottom:18px;}
.babtp-panel h3{font-size:15px;margin-bottom:14px;}

.babtp-agenda-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--babtp-line-soft);font-size:14px;}
.babtp-agenda-item:last-child{border-bottom:none;}
.babtp-agenda-num{width:24px;height:24px;border-radius:7px;background:var(--babtp-line-soft);color:var(--babtp-ink-soft);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;}
.babtp-agenda-text .t{font-weight:600;color:var(--babtp-navy);}
.babtp-agenda-text .d{color:var(--babtp-ink-soft);font-size:13px;margin-top:2px;}

.babtp-progress-track{height:8px;background:var(--babtp-line-soft);border-radius:20px;overflow:hidden;margin-top:6px;}
.babtp-progress-fill{height:100%;background:var(--babtp-blue);border-radius:20px;}
.babtp-progress-label{display:flex;justify-content:space-between;font-size:12.5px;color:var(--babtp-ink-soft);margin-top:7px;font-weight:600;}

.babtp-material-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--babtp-line-soft);}
.babtp-material-row:last-child{border-bottom:none;}
.babtp-m-icon{width:36px;height:36px;border-radius:9px;background:#EAF1FF;color:var(--babtp-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;}
.babtp-m-icon.locked{background:var(--babtp-line-soft);color:#9FADC4;}
.babtp-m-icon.done{background:var(--babtp-active-green-bg);color:var(--babtp-active-green);}
.babtp-m-body{flex:1;min-width:0;}
.babtp-m-body .t{font-weight:600;font-size:14px;color:var(--babtp-navy);}
.babtp-m-body .t.locked{color:#9FADC4;}
.babtp-m-body .d{font-size:12px;color:var(--babtp-ink-soft);margin-top:2px;}
.babtp-m-action{flex-shrink:0;display:flex;align-items:center;gap:10px;}
.babtp-m-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--babtp-line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:transparent;font-size:13px;}
.babtp-m-check.checked{background:var(--babtp-active-green);border-color:var(--babtp-active-green);color:#fff;}
.babtp-lock-pill{font-size:11.5px;font-weight:700;color:#9FADC4;}

.babtp-redeem-form{display:flex;gap:8px;flex-wrap:wrap;}
.babtp-redeem-form input[type=text]{flex:1;min-width:140px;padding:9px 12px;border:1px solid var(--babtp-line);border-radius:8px;font-size:13.5px;}

.babtp-panel-enroll{max-width:420px;}
.babtp-register-form{display:flex;flex-direction:column;gap:14px;margin-top:6px;}
.babtp-register-form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--babtp-navy);}
.babtp-register-form input{padding:10px 12px;border:1px solid var(--babtp-line);border-radius:8px;font-size:14px;font-weight:400;color:var(--babtp-navy);}
.babtp-form-note{font-size:12.5px;color:var(--babtp-ink-soft);line-height:1.5;margin:0;}
.babtp-btn-full{width:100%;}
.babtp-form-alt{text-align:center;font-size:13px;margin:2px 0 0;}
.babtp-form-alt a{color:var(--babtp-blue);font-weight:600;}