/* JDbrief Course Planner — header button + homepage banner */
.col-md-3.login.jdbp-has-pill{display:flex!important;justify-content:flex-end;align-items:center;gap:10px}
.col-md-3.login a{white-space:nowrap}
a.jdbp-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#1f2b52!important;border:0!important;color:#fff!important;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none!important;white-space:nowrap;box-shadow:0 1px 2px rgba(31,43,82,.25)}
a.jdbp-pill span,a.jdbp-pill svg{color:#fff!important}
a.jdbp-pill .jdbp-new{background:#f5b301;color:#1f2b52!important;border-radius:999px;font-size:11px;font-weight:800;padding:2px 7px;letter-spacing:.04em}
a.jdbp-pill:hover{background:#2c3d72!important}
.jdbp-band{display:flex;align-items:center;gap:22px;margin:0 0 22px;padding:16px 22px;border-radius:14px;background:linear-gradient(135deg,#1f2b52 0%,#2c3d72 100%);color:#fff}
.jdbp-band .jdbp-h{color:#fff!important;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 4px}
.jdbp-band p{margin:0!important;font-size:14.5px;color:#d6dcf0!important;line-height:1.45}
.jdbp-band .jdbp-kick{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f5b301;margin-bottom:6px}
.jdbp-band a.jdbp-go{flex:none;background:#fff!important;color:#1f2b52!important;font-weight:700;padding:10px 18px;border-radius:10px;text-decoration:none!important;font-size:15px}
.jdbp-band-txt{flex:1;min-width:0}
.jdbp-mini{flex:none;display:inline-grid;grid-template-columns:repeat(5,16px);grid-auto-rows:9px;gap:3px}
.jdbp-mini i{border-radius:2px;background:rgba(255,255,255,.12)}
.jdbp-mini i.a{background:#f5b301}.jdbp-mini i.b{background:#8fb3ff}.jdbp-mini i.c{background:#7fd4b0}
@media(max-width:767px){.jdbp-band{flex-wrap:wrap;gap:14px;padding:16px}.jdbp-band .jdbp-mini{display:none}.jdbp-band a.jdbp-go{width:100%;text-align:center}
 a.jdbp-pill{padding:7px 12px;font-size:13px}.col-md-3.login.jdbp-has-pill{gap:6px}}
/* header: give the button column the room it needs so it never slides under the search box's Submit button */
@media (min-width:768px){.row:has(>.jdbp-has-pill){flex-wrap:nowrap}.row>.jdbp-has-pill{flex:0 0 auto!important;width:auto!important;max-width:none!important;padding-left:18px!important}.row:has(>.jdbp-has-pill)>.col-md-6{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important}}
