
        .driver-route-card {
            margin-top: 10px;
            background: linear-gradient(145deg, #ffffff, #f7fbff);
            border: 1px solid rgba(7,26,62,.10);
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 14px 34px rgba(4,9,28,.10);
        }
        .driver-route-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            padding: 10px 12px 8px;
            color: var(--azul);
            font-weight: 950;
            font-size: .88rem;
        }
        .driver-route-head small {
            color: #64748b;
            font-size: .70rem;
            font-weight: 850;
        }
        .driver-route-map {
            height: 235px;
            min-height: 220px;
            width: 100%;
            background: #eef5ff;
            border-top: 1px solid rgba(7,26,62,.08);
            border-bottom: 1px solid rgba(7,26,62,.08);
        }
        .driver-route-hint {
            padding: 9px 12px;
            color: #42526e;
            font-size: .78rem;
            font-weight: 800;
            text-align: left;
        }
        .driver-route-actions {
            display: flex;
            gap: 7px;
            flex-wrap: wrap;
            padding: 0 12px 12px;
        }
        .driver-route-actions a,
        .driver-route-actions span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            border-radius: 999px;
            padding: 7px 11px;
            font-size: .76rem;
            font-weight: 950;
            text-decoration: none;
            border: 0;
        }
        .driver-route-actions .go-store { background: #fff3cd; color: #664d03; }
        .driver-route-actions .go-client { background: #d1e7dd; color: #0f5132; }
        .driver-route-actions .disabled-route { background: #eef2f7; color: #94a3b8; }
        .driver-order-summary {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 8px;
            margin-top: 10px;
        }
        .driver-order-summary .summary-pill {
            background: #f8fafc;
            border: 1px solid rgba(7,26,62,.08);
            border-radius: 14px;
            padding: 9px 10px;
            color: #334155;
            font-size: .78rem;
            font-weight: 900;
            line-height: 1.25;
        }
        .driver-order-details-toggle {
            width: 100%;
            margin: 10px 0 0;
            border: 0;
            border-radius: 999px;
            padding: 10px 12px;
            background: linear-gradient(135deg, #071a3e, #B00045);
            color: #fff;
            font-weight: 950;
            cursor: pointer;
            box-shadow: 0 10px 20px rgba(176,0,69,.18);
        }
        .driver-order-details-panel {
            display: none;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px dashed rgba(7,26,62,.16);
        }
        .driver-order-details-panel.open { display: block; }
        .driver-route-card.collapsed-map .driver-route-map,
        .driver-route-card.collapsed-map .driver-route-hint,
        .driver-route-card.collapsed-map .driver-route-actions { display: none; }
        @media (max-width: 520px) {
            .driver-route-map { height: 215px; min-height: 205px; }
            .driver-order-summary { grid-template-columns: 1fr 1fr; }
            .driver-order-summary .summary-pill { font-size: .72rem; padding: 8px; }
        }
