/* BarGoGo cinematic dashboard add-on: additive styles, no existing selectors changed */
#bg-cinematic { position:relative; isolation:isolate; overflow:hidden; border:1px solid #a97939; border-radius:20px; background:linear-gradient(100deg,#100b1d 3%,#281123 55%,#120e1d); color:#fff; box-shadow:0 12px 45px #03030a99; margin-bottom:25px; }
#bg-cinematic .bg-skyline {position:absolute;inset:0 0 auto 0;height:58%;background:linear-gradient(0deg,#100c1e 0%,#100c1e44 65%),url('/dashboard-skyline.jpg') center/cover no-repeat;opacity:.85;z-index:-1}
#bg-cinematic .bg-top {padding:30px 25px 20px;display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:240px}
#bg-cinematic .bg-brand {text-align:center; flex:1;min-width:0}
#bg-cinematic .bg-lawyer {font-size:65px;line-height:1;display:block;filter:drop-shadow(0 3px 6px #000);font-weight:900}
#bg-cinematic .bg-name {font-style:italic; font-size:clamp(42px,5.5vw,81px);font-weight:1000;letter-spacing:-4px;text-shadow:0 4px 20px #000}
#bg-cinematic .bg-name em {color:#f33b44;font-style:inherit}
#bg-cinematic .bg-credit{font-weight:750;font-size:clamp(9px,1vw,13px);letter-spacing:.09em;opacity:.9}
#bg-cinematic .bg-exam {border:1px solid #f45453;background:#180711de;border-radius:12px; padding:16px;min-width:170px;text-align:center;font-size:13px;text-transform:uppercase;font-weight:800;box-shadow:0 0 17px #fa35402c}
#bg-cinematic .bg-exam b {display:block;font-size:clamp(25px,3vw,38px);color:#ffd66e}
#bg-cinematic .bg-menu {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;padding:0 20px 20px}
#bg-cinematic .bg-tile {min-width:0;background:linear-gradient(165deg,#251c25f2,#0e0d16ed);border:1px solid #c0904d;border-radius:9px;padding:15px 5px;color:white;text-transform:uppercase;font-size:clamp(10px,1.1vw,14px);font-weight:850;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;line-height:1.15;text-align:center}
#bg-cinematic .bg-tile .bg-tile-icon{font-size:30px;line-height:1}
#bg-cinematic .bg-tile:hover,#bg-cinematic .bg-tile:focus-visible {border-color:#ff5353;box-shadow:0 0 16px #e83b4680;transform:translateY(-2px)}
#bg-cinematic .bg-tile:first-child {background:linear-gradient(150deg,#bc2030,#490e1d);border-color:#ff5360}
#bg-cinematic .bg-bottom {display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;gap:16px;padding:0 20px 20px}
#bg-cinematic .bg-car {min-height:245px;border-radius:12px;background:linear-gradient(90deg,#0002,#0000),url('/dashboard-car.jpg') center/cover no-repeat;box-shadow:inset 0 0 24px #0006}
#bg-cinematic .bg-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#bg-cinematic .bg-stat {background:#100d18dc;border:1px solid #89672d;border-radius:11px;padding:17px 12px}
#bg-cinematic .bg-stat small {color:#ebcc88;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}
#bg-cinematic .bg-stat strong {font-size:clamp(23px,3vw,40px);display:block;margin:10px 0 5px}
#bg-cinematic .bg-stat span {font-size:12px;color:#d0c5cd}
#bg-cinematic .bg-foot {font-size:11px;color:#e7d6bcaa;padding:0 20px 16px}
@media(max-width:1050px){#bg-cinematic .bg-menu {grid-template-columns:repeat(4,1fr)}#bg-cinematic .bg-bottom{grid-template-columns:1fr}#bg-cinematic .bg-car{min-height:230px}}
@media(max-width:560px){#bg-cinematic .bg-top{padding:20px 12px;flex-direction:column;min-height:220px}#bg-cinematic .bg-exam {width:100%;padding:8px}#bg-cinematic .bg-exam b{display:inline;font-size:23px}#bg-cinematic .bg-name{letter-spacing:-2px}#bg-cinematic .bg-menu{grid-template-columns:repeat(2,1fr);padding:0 11px 14px}#bg-cinematic .bg-bottom{padding:0 11px 10px}#bg-cinematic .bg-tile{min-height:82px}#bg-cinematic .bg-car{min-height:175px}}

/* Actual original solid running-lawyer mark instead of a scales-of-justice emoji. */
#bg-cinematic .bg-lawyer {display:block;line-height:0;margin:0 auto 2px;width:clamp(145px,25vw,280px);height:clamp(110px,17vw,190px);filter:drop-shadow(0 5px 10px #000b);}
#bg-cinematic .bg-lawyer img {display:block; width:100%;height:100%;object-fit:contain;object-position:center;}
@media(max-width:560px){#bg-cinematic .bg-lawyer{width:175px;height:128px}}