/* =========================================================
   MARKER NORTH - DRIVER PROFILE PAGE
   ========================================================= */

:root {
    --profile-bg: #020b14;
    --profile-panel: #071522;
    --profile-panel-light: #0b1b2a;
    --profile-border: #20384d;
    --profile-border-soft: rgba(120, 163, 198, 0.18);
    --profile-text: #f7f9fc;
    --profile-muted: #9db3c7;
    --profile-gold: #ffb400;
    --profile-green: #42d567;
    --profile-blue: #36a2ff;
    --profile-purple: #a35cff;
    --profile-red: #ff5d68;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--profile-bg);
    color: var(--profile-text);
}

.driver-profile-main {
    min-width: 0;
    padding: 22px 24px 28px;
    background:
        radial-gradient(circle at 85% 8%, rgba(163, 92, 255, 0.12), transparent 30%),
        radial-gradient(circle at 15% 18%, rgba(54, 162, 255, 0.10), transparent 28%),
        var(--profile-bg);
}

/* =========================================================
   HERO
   ========================================================= */

.profile-hero-panel {
    overflow: hidden;
    border: 1px solid var(--profile-border);
    border-radius: 9px;
    background: linear-gradient(145deg, rgba(10, 27, 42, 0.98), rgba(5, 18, 29, 0.98));
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18), inset 0 1px rgba(255, 255, 255, 0.02);
}

.profile-banner {
    position: relative;
    min-height: 250px;
    background: linear-gradient( 110deg, rgba(2, 11, 20, 0.92), rgba(5, 20, 32, 0.88), rgba(2, 11, 20, 0.92) ), url("../images/marker-north-logo-transparent.png");
    background-color: #020b14;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 72% auto;
}

.profile-banner::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: 0.4;
}

.profile-banner-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent, rgba(2, 11, 20, 0.72));
}

.profile-banner-copy {
    display: none;
}

.profile-banner-copy span {
    color: var(--profile-gold);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.profile-banner-copy strong {
    max-width: 560px;
    color: white;
    font-size: 22px;
    line-height: 1.25;
}

.profile-identity-row {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    padding: 24px 24px 22px;
    margin-top: 0;
    position: relative;
    z-index: 3;
}

.profile-avatar-wrap {
    position: relative;
    width: 132px;
    height: 132px;
}

.profile-avatar-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    border: 4px solid #112c42;
    border-radius: 50%;
    background: #0b1b2a;
    object-fit: cover;
    box-shadow: 0 18px 28px rgba(0,0,0,0.38);
}

.profile-online-dot {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 20px;
    height: 20px;
    border: 3px solid #071522;
    border-radius: 50%;
    background: #6e7f8e;
}

.profile-online-dot.online {
    background: var(--profile-green);
    box-shadow: 0 0 12px rgba(66, 213, 103, 0.72);
}

.profile-identity-copy {
    min-width: 0;
    padding-top: 0;
}

.profile-name-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.profile-name-row h1 {
    margin: 0;
    color: white;
    font-size: 34px;
    line-height: 1.1;
    letter-spacing: -0.7px;
}

.profile-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(110, 127, 142, 0.16);
    color: #c2d2df;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.profile-status-pill.online {
    background: rgba(66, 213, 103, 0.15);
    color: #96ffaf;
}

.profile-tagline {
    max-width: 680px;
    margin: 8px 0 0;
    color: var(--profile-muted);
    font-size: 13px;
    line-height: 1.5;
}

.profile-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 13px;
}

.profile-badges span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 27px;
    padding: 0 10px;
    border: 1px solid var(--profile-border-soft);
    border-radius: 999px;
    background: rgba(8, 24, 38, 0.7);
    color: #d5e4ef;
    font-size: 10px;
    font-weight: 700;
}

.profile-badges i {
    color: var(--profile-gold);
}

.profile-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding-top: 54px;
}

.profile-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 170px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

.profile-action.primary {
    border: 1px solid var(--profile-gold);
    background: rgba(255, 180, 0, 0.12);
    color: var(--profile-gold);
}

.profile-action.secondary {
    border: 1px solid #315b7e;
    color: #91ccff;
}

.profile-action:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.profile-social-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 0 24px 22px;
}

.creator-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border: 1px solid var(--profile-border-soft);
    border-radius: 6px;
    background: rgba(10, 27, 42, 0.68);
    color: white;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

.creator-link.twitch i { color: #bf94ff; }
.creator-link.youtube i { color: #ff6262; }
.creator-link.discord i { color: #8fa7ff; }
.creator-link.website i { color: var(--profile-blue); }

.creator-link.disabled {
    color: var(--profile-muted);
    opacity: 0.68;
    pointer-events: none;
}

/* =========================================================
   PROFILE BODY
   ========================================================= */

.profile-content-grid {
    display: grid;
    grid-template-columns: minmax(340px, 0.9fr) minmax(0, 1.4fr);
    gap: 12px;
    margin-top: 12px;
}

.profile-panel {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--profile-border);
    border-radius: 7px;
    background: linear-gradient(145deg, rgba(10, 27, 42, 0.98), rgba(5, 18, 29, 0.98));
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14), inset 0 1px rgba(255, 255, 255, 0.015);
}

.profile-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.profile-panel-heading h2 {
    margin: 0;
    color: white;
    font-size: 16px;
    line-height: 1.2;
}

.profile-panel-heading span {
    display: block;
    margin-top: 4px;
    color: var(--profile-muted);
    font-size: 11px;
}

.profile-panel-heading > i {
    color: var(--profile-gold);
    font-size: 20px;
}

.status-highlight-card,
.creator-live-card {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 13px;
    border: 1px solid var(--profile-border-soft);
    border-radius: 6px;
    background: rgba(10, 27, 42, 0.64);
}

.status-highlight-icon,
.creator-live-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(54, 162, 255, 0.14);
    color: var(--profile-blue);
    font-size: 20px;
}

.creator-live-icon {
    background: rgba(163, 92, 255, 0.15);
    color: #bf94ff;
}

.status-highlight-card strong,
.creator-live-card strong {
    display: block;
    color: white;
    font-size: 13px;
}

.status-highlight-card span,
.creator-live-card span {
    display: block;
    margin-top: 4px;
    color: var(--profile-muted);
    font-size: 11px;
}

.profile-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.profile-detail-grid > div,
.recognition-list > div {
    padding: 11px;
    border: 1px solid var(--profile-border-soft);
    border-radius: 5px;
    background: rgba(5, 18, 29, 0.55);
}

.profile-detail-grid span,
.recognition-list span {
    display: block;
    color: var(--profile-muted);
    font-size: 10px;
}

.profile-detail-grid strong,
.recognition-list strong {
    display: block;
    overflow: hidden;
    margin-top: 5px;
    color: white;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.profile-bio-text {
    margin: 0;
    color: #c8d6e2;
    font-size: 13px;
    line-height: 1.65;
}

.career-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
}

.career-stat-grid article {
    min-height: 118px;
    padding: 14px;
    border: 1px solid var(--profile-border-soft);
    border-radius: 6px;
    background: rgba(10, 27, 42, 0.64);
    text-align: center;
}

.career-stat-grid span {
    color: var(--profile-muted);
    font-size: 10px;
}

.career-stat-grid strong {
    display: block;
    margin: 9px 0 6px;
    color: white;
    font-size: 32px;
    line-height: 1;
}

.career-stat-grid small {
    color: var(--profile-muted);
    font-size: 10px;
}

.achievement-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.achievement-card {
    min-height: 122px;
    padding: 14px;
    border: 1px solid var(--profile-border-soft);
    border-radius: 6px;
    background: rgba(10, 27, 42, 0.64);
}

.achievement-card i {
    color: var(--profile-gold);
    font-size: 22px;
}

.achievement-card strong {
    display: block;
    margin-top: 11px;
    color: white;
    font-size: 12px;
}

.achievement-card span {
    display: block;
    margin-top: 5px;
    color: var(--profile-muted);
    font-size: 10px;
    line-height: 1.4;
}

.achievement-card.locked {
    opacity: 0.72;
}

.recent-trip-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.profile-empty-state {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 12px;
    border: 1px dashed rgba(120, 163, 198, 0.24);
    border-radius: 6px;
    background: rgba(5, 18, 29, 0.45);
}

.profile-empty-state i {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(54, 162, 255, 0.13);
    color: var(--profile-blue);
    font-size: 18px;
}

.profile-empty-state strong {
    color: white;
    font-size: 13px;
}

.profile-empty-state span {
    color: var(--profile-muted);
    font-size: 11px;
}

.recognition-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.profile-caps-signature {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 11px;
    padding: 18px 20px 2px;
    color: var(--profile-muted);
    text-align: center;
}

.profile-caps-signature i {
    color: var(--profile-gold);
}

.profile-caps-signature strong {
    color: var(--profile-text);
    font-size: 11px;
}

.profile-caps-signature span {
    color: var(--profile-gold);
    letter-spacing: 0.7px;
}

.profile-caps-signature small {
    color: var(--profile-muted);
    font-size: 9px;
    font-style: italic;
}

/* =========================================================
   SHARED COMPONENT FIXES
   ========================================================= */

.driver-profile-page .dashboard-logo img {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    object-fit: contain;
}

.driver-profile-page .header-avatar img,
.driver-profile-page .sidebar-driver-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dashboard-sidebar {
    display: flex;
    flex-direction: column;
}

.dashboard-sidebar .sidebar-driver-card {
    margin-top: 34px;
}

.dashboard-sidebar .sidebar-sign-out {
    margin-top: 14px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1450px) {
    .profile-content-grid {
        grid-template-columns: 1fr;
    }

    .career-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1050px) {
    .profile-identity-row {
        grid-template-columns: 112px minmax(0, 1fr);
    }

    .profile-avatar-wrap {
        width: 112px;
        height: 112px;
    }

    .profile-actions {
        grid-column: 1 / -1;
        flex-direction: row;
        padding-top: 0;
    }

    .profile-social-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .achievement-preview-grid,
    .recognition-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .driver-profile-main {
        padding: 18px 14px 26px;
    }

    .profile-banner {
        min-height: 170px;
    }

    .profile-identity-row {
        grid-template-columns: 1fr;
        margin-top: -48px;
        text-align: center;
    }

    .profile-avatar-wrap {
        margin: 0 auto;
    }

    .profile-name-row,
    .profile-badges,
    .profile-actions {
        justify-content: center;
    }

    .profile-social-strip,
    .profile-detail-grid,
    .career-stat-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   RECENT VERIFIED TRIPS
   ========================================================= */

.recent-trip-card {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 72px;
    padding: 12px 14px;
    border: 1px solid var(--profile-border-soft);
    border-radius: 7px;
    background: rgba(10, 27, 42, 0.62);
}

    .recent-trip-card + .recent-trip-card {
        margin-top: 10px;
    }

.recent-trip-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(54, 162, 255, 0.15);
    color: var(--profile-blue);
    font-size: 16px;
}

.recent-trip-main {
    min-width: 0;
}

    .recent-trip-main strong {
        display: block;
        color: white;
        font-size: 14px;
        line-height: 1.2;
    }

        .recent-trip-main strong i {
            margin: 0 6px;
            color: var(--profile-gold);
            font-size: 11px;
        }

    .recent-trip-main span {
        display: block;
        margin-top: 5px;
        color: var(--profile-muted);
        font-size: 11px;
    }

.recent-trip-meta {
    text-align: right;
}

    .recent-trip-meta strong {
        display: block;
        color: white;
        font-size: 15px;
    }

    .recent-trip-meta span {
        display: block;
        margin-top: 5px;
        color: var(--profile-muted);
        font-size: 10px;
    }


/* ==========================================================
   PUBLIC DRIVER PROFILE MODE
   Keeps public profiles visible without exposing portal chrome
   ========================================================== */

body.public-driver-profile-page .dashboard-nav,
body.public-driver-profile-page .dashboard-user,
body.public-driver-profile-page .dashboard-sidebar {
    display: none !important;
}

body.public-driver-profile-page .dashboard-header {
    justify-content: flex-start;
}

body.public-driver-profile-page .dashboard-header-left {
    width: 100%;
}

body.public-driver-profile-page .driver-profile-public-nav { display:flex; align-items:center; gap:10px; margin-left:28px; }
body.public-driver-profile-page .driver-profile-public-nav a { display:inline-flex; align-items:center; gap:8px; border:1px solid transparent; border-radius:6px; color:#c8d9e5; font-size:.76rem; font-weight:800; padding:9px 12px; text-decoration:none; transition:border-color .18s ease,background .18s ease,color .18s ease; }
body.public-driver-profile-page .driver-profile-public-nav a:hover { border-color:rgba(69,157,211,.62); background:rgba(18,71,108,.2); color:#f2f8fc; }
body.public-driver-profile-page .driver-profile-public-nav a[data-driver-profile-portal-link] { border-color:rgba(244,183,29,.62); background:rgba(244,183,29,.09); color:#ffd061; }
body.public-driver-profile-page .driver-profile-public-nav a[data-driver-profile-portal-link]:hover { background:rgba(244,183,29,.18); }

body.public-driver-profile-page .dashboard-layout {
    display: block;
}

body.public-driver-profile-page .driver-profile-main {
    width: 100%;
    max-width: 1720px;
    margin: 0 auto;
    padding: 24px;
}

body.public-driver-profile-page .profile-actions .profile-action.secondary {
    display: none;
}

.recent-trip-card {
    color: inherit;
    text-decoration: none;
}

.recent-trip-card:hover {
    border-color: rgba(255, 191, 53, .7);
    transform: translateY(-1px);
}

.recognition-panel {
    align-self: start;
}

/* Refined public-driver profile presentation. */
body.public-driver-profile-page .driver-profile-main { max-width:1600px; padding-top:26px; background:radial-gradient(circle at 85% 8%,rgba(33,119,181,.11),transparent 28%),radial-gradient(circle at 12% 18%,rgba(244,180,0,.055),transparent 23%),var(--profile-bg); }
body.public-driver-profile-page .profile-hero-panel { border-color:rgba(48,132,186,.62); border-radius:13px; background:var(--profile-bg); box-shadow:0 16px 34px rgba(0,0,0,.22); }
body.public-driver-profile-page .profile-banner { min-height:178px; background:linear-gradient(100deg,rgba(2,11,20,.97),rgba(3,16,27,.86) 53%,rgba(2,11,20,.93)),radial-gradient(circle at 78% 22%,rgba(30,130,190,.18),transparent 30%),url("../images/marker-north-logo-transparent.png"); background-position:center,center,80% center; background-size:auto,auto,42% auto; }
body.public-driver-profile-page .profile-banner::after { opacity:.3; background:repeating-linear-gradient(125deg,transparent 0 38px,rgba(80,174,231,.08) 39px 40px); }
body.public-driver-profile-page .profile-banner-shade { background:linear-gradient(90deg,rgba(244,180,0,.08),transparent 42%),linear-gradient(180deg,transparent,rgba(2,11,20,.82)); }
body.public-driver-profile-page .profile-banner-copy { position:absolute; z-index:2; top:24px; left:28px; display:grid; gap:6px; max-width:420px; }
body.public-driver-profile-page .profile-banner-copy span { color:#ffc32a; font-size:.68rem; letter-spacing:.15em; }
body.public-driver-profile-page .profile-banner-copy strong { color:#e8f2f8; font-size:1.05rem; line-height:1.3; }
body.public-driver-profile-page .profile-identity-row { grid-template-columns:120px minmax(0,1fr) 178px; gap:21px; margin-top:-42px; padding:0 26px 22px; }
body.public-driver-profile-page .profile-avatar-wrap { width:120px; height:120px; }
body.public-driver-profile-page .profile-avatar-wrap img { border-color:#f4b71d; background:#06111c; box-shadow:0 0 0 4px rgba(244,183,29,.09),0 18px 28px rgba(0,0,0,.4); }
body.public-driver-profile-page .profile-online-dot { right:7px; bottom:7px; border-color:#071522; }
body.public-driver-profile-page .profile-identity-copy { align-self:end; padding-bottom:2px; }
body.public-driver-profile-page .profile-name-row h1 { color:#f3f7fa; font-size:clamp(1.75rem,2.5vw,2.5rem); letter-spacing:-.04em; }
body.public-driver-profile-page .profile-status-pill { border:1px solid rgba(119,157,187,.3); background:rgba(6,25,40,.78); color:#c7d9e5; }
body.public-driver-profile-page .profile-tagline { color:#b1c8d9; font-size:.78rem; }
body.public-driver-profile-page .profile-badges span { border-color:rgba(52,143,199,.45); background:rgba(5,27,44,.72); color:#d9e9f3; font-size:.65rem; }
body.public-driver-profile-page .profile-actions { align-self:end; border:1px solid rgba(55,139,194,.4); border-radius:9px; background:rgba(3,15,26,.68); padding:11px; }
body.public-driver-profile-page .profile-actions .profile-action.primary { min-width:0; border-color:#f4b71d; background:rgba(244,183,29,.12); color:#ffd15a; }
body.public-driver-profile-page .profile-social-strip { gap:9px; padding:0 26px 23px; }
body.public-driver-profile-page .creator-link { min-height:48px; border-color:rgba(53,128,179,.42); border-radius:8px; background:rgba(4,16,27,.62); color:#dcecf5; font-size:.7rem; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
body.public-driver-profile-page .creator-link:not(.disabled):hover { border-color:#f4b71d; background:rgba(9,32,48,.82); transform:translateY(-1px); }
body.public-driver-profile-page .creator-link.disabled { opacity:.82; }
body.public-driver-profile-page .creator-link { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr); justify-content:start; min-height:62px; overflow:hidden; padding:10px 13px; text-align:left; }
body.public-driver-profile-page .creator-link::after { position:absolute; right:-16px; bottom:-28px; width:78px; height:78px; border-radius:50%; content:""; background:currentColor; opacity:.1; pointer-events:none; }
body.public-driver-profile-page .creator-link i { position:relative; z-index:1; display:grid; width:32px; height:32px; place-items:center; border:1px solid currentColor; border-radius:9px; background:rgba(3,13,22,.58); font-size:.92rem; }
body.public-driver-profile-page .creator-link span { position:relative; z-index:1; overflow:hidden; color:#e0edf5; font-size:.72rem; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
body.public-driver-profile-page .creator-link.disabled { opacity:1; }.creator-link.disabled span { color:#9db2c2; }
body.public-driver-profile-page .creator-link.twitch { border-color:rgba(177,119,255,.52); color:#bc8cff; background:linear-gradient(115deg,rgba(76,37,124,.25),rgba(4,16,27,.7) 62%); }.creator-link.youtube { border-color:rgba(255,98,98,.5); color:#ff6d73; background:linear-gradient(115deg,rgba(127,33,42,.23),rgba(4,16,27,.7) 62%); }.creator-link.discord { border-color:rgba(134,153,255,.5); color:#99adff; background:linear-gradient(115deg,rgba(39,54,134,.24),rgba(4,16,27,.7) 62%); }.creator-link.website { border-color:rgba(70,190,239,.5); color:#69d0ff; background:linear-gradient(115deg,rgba(18,97,137,.22),rgba(4,16,27,.7) 62%); }
body.public-driver-profile-page .creator-link:not(.disabled):hover { transform:translateY(-2px); filter:brightness(1.1); }
body.public-driver-profile-page .profile-content-grid { gap:13px; margin-top:13px; }
body.public-driver-profile-page .profile-panel { border-color:rgba(53,130,184,.54); border-radius:10px; background:rgba(3,12,21,.78); box-shadow:none; padding:19px; }
body.public-driver-profile-page .profile-panel-heading { border-bottom:1px solid rgba(65,136,181,.3); margin-bottom:15px; padding-bottom:12px; }
body.public-driver-profile-page .profile-panel-heading h2 { color:#f0f6fa; font-size:1.05rem; }.profile-panel-heading > i { color:#ffc32a; }
body.public-driver-profile-page .profile-panel-heading span { color:#9eb9cc; font-size:.69rem; }
body.public-driver-profile-page .status-highlight-card,body.public-driver-profile-page .creator-live-card { border-color:rgba(63,138,185,.42); border-radius:8px; background:rgba(4,19,31,.62); }
body.public-driver-profile-page .profile-detail-grid > div,body.public-driver-profile-page .recognition-list > div { border-color:rgba(63,138,185,.34); border-radius:7px; background:rgba(4,16,27,.58); }
body.public-driver-profile-page .profile-career-panel { grid-column:1 / -1; }
body.public-driver-profile-page .profile-secondary-stack { display:grid; min-width:0; height:100%; grid-template-rows:minmax(0,1.2fr) minmax(0,.8fr); gap:13px; }
body.public-driver-profile-page .profile-secondary-stack .profile-panel { min-height:0; }
body.public-driver-profile-page .achievements-panel .profile-empty-state { min-height:0; }
body.public-driver-profile-page .career-stat-grid article { min-height:112px; border-color:rgba(63,138,185,.42); border-radius:8px; background:rgba(4,19,31,.62); }
body.public-driver-profile-page .career-stat-grid article { position:relative; display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:12px; align-items:center; overflow:hidden; padding:15px; text-align:left; }
body.public-driver-profile-page .career-stat-grid article::after { position:absolute; right:-24px; bottom:-33px; content:""; width:100px; height:100px; border-radius:50%; background:currentColor; filter:blur(2px); opacity:.09; pointer-events:none; }
body.public-driver-profile-page .career-stat-grid article > i { grid-row:span 3; display:grid; width:45px; height:45px; place-items:center; border:1px solid currentColor; border-radius:50%; background:rgba(4,17,28,.66); font-size:1.15rem; }
body.public-driver-profile-page .career-stat-grid article span { color:#b2cada; font-size:.66rem; font-weight:800; }
body.public-driver-profile-page .career-stat-grid article strong { position:relative; z-index:1; margin:3px 0 2px; font-size:1.6rem; }
body.public-driver-profile-page .career-stat-grid article small { color:#8eaabd; font-size:.63rem; }
body.public-driver-profile-page .career-stat-miles { color:#65caff; }.career-stat-miles > i { color:#65caff; }.career-stat-deliveries { color:#72e28d; }.career-stat-deliveries > i { color:#72e28d; }.career-stat-mpg { color:#ffd061; }.career-stat-mpg > i { color:#ffd061; }.career-stat-longest-trip { color:#b99aff; }.career-stat-longest-trip > i { color:#b99aff; }
body.public-driver-profile-page .career-stat-grid article:nth-child(1) strong { color:#65caff; }.profile-career-panel .career-stat-grid article:nth-child(2) strong { color:#72e28d; }.profile-career-panel .career-stat-grid article:nth-child(3) strong { color:#ffd061; }.profile-career-panel .career-stat-grid article:nth-child(4) strong { color:#b99aff; }
body.public-driver-profile-page .career-stat-imported-history { color:#76d5ff; }.career-stat-imported-history > i { color:#76d5ff; }.profile-career-panel .career-stat-grid article:nth-child(5) strong { color:#76d5ff; }
body.public-driver-profile-page .profile-empty-state { border-color:rgba(63,138,185,.34); border-style:solid; border-radius:8px; background:rgba(4,16,27,.58); }
body.public-driver-profile-page .profile-bio-text { color:#c9dbe7; font-size:.82rem; line-height:1.7; }
@media (max-width:1050px) { body.public-driver-profile-page .profile-identity-row { grid-template-columns:104px minmax(0,1fr); }.profile-identity-row .profile-actions { grid-column:1 / -1; justify-self:start; }.profile-identity-row .profile-avatar-wrap { width:104px; height:104px; } }
@media (max-width:1450px) { body.public-driver-profile-page .profile-secondary-stack { height:auto; grid-template-rows:auto; } }
@media (max-width:700px) { body.public-driver-profile-page .profile-banner { min-height:150px; background-size:auto,auto,64% auto; }.profile-banner-copy { top:16px !important; left:18px !important; }.profile-banner-copy strong { font-size:.88rem !important; }.profile-identity-row { margin-top:-34px !important; padding:0 18px 18px !important; }.profile-social-strip { grid-template-columns:1fr 1fr; padding:0 18px 18px; }.profile-career-panel { grid-column:auto; } }
@media (max-width:700px) { body.public-driver-profile-page .driver-profile-public-nav { gap:4px; margin-left:auto; } body.public-driver-profile-page .driver-profile-public-nav a { font-size:.68rem; padding:7px 8px; } }