.ys-returntrip-panel {
    padding-block: 24px;
}
.ys-returntrip-panel__header h1 {
    margin: 0 0 4px;
}
.ys-returntrip-panel__eyebrow {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.7;
}
.ys-returntrip-loading {
    padding: 32px;
    text-align: center;
    opacity: 0.7;
}

/* --- Toolbar --- */
.ys-returntrip-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 16px;
}

/* --- Buttons: primary / secondary / block / small danger link --- */
.ys-returntrip-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 12px;
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #1d2939;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.05s ease;
}
.ys-returntrip-btn:active {
    transform: scale(0.98);
}
.ys-returntrip-btn--primary {
    background: #0f62fe;
    border-color: #0f62fe;
    color: #fff;
}
.ys-returntrip-btn--primary:hover {
    background: #0b4fd1;
}
.ys-returntrip-btn--secondary {
    background: #f9fafb;
    border-color: #eaecf0;
    color: #344054;
}
.ys-returntrip-btn--block {
    width: 100%;
}

/* Small, low-priority destructive action (İptal) — a text link, not a button,
   so it never competes visually with the real actions above it. */
.ys-returntrip-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 6px 4px;
    min-height: 44px; /* small visually, full 44px touch target */
    background: none;
    border: none;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    width: 100%;
}
.ys-returntrip-link--danger {
    color: #b42318;
}
.ys-returntrip-link--danger:hover {
    text-decoration: underline;
}

/* --- Cards --- */
.ys-returntrip-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ys-returntrip-card {
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 1px 3px rgba(16, 24, 40, 0.04);
}
.ys-returntrip-card__route {
    font-size: 17px;
    font-weight: 700;
    color: #101828;
    margin-bottom: 2px;
}
.ys-returntrip-card__route-text {
    display: inline-block;
}
.ys-returntrip-card__listing {
    font-size: 13px;
    color: #667085;
    margin-bottom: 14px;
}

/* --- Status row: dot + label + hint --- */
.ys-returntrip-card__status {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: #f9fafb;
    border-radius: 12px;
    margin-bottom: 12px;
}
.ys-returntrip-card__status-label {
    font-size: 14px;
    font-weight: 600;
    color: #1d2939;
}
.ys-returntrip-card__status-hint {
    font-size: 12.5px;
    color: #667085;
    margin-top: 2px;
    line-height: 1.4;
}
.ys-returntrip-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 5px;
    flex-shrink: 0;
    background: #98a2b3;
}
.ys-returntrip-dot--active {
    background: #12b76a;
    box-shadow: 0 0 0 0 rgba(18, 183, 106, 0.5);
    animation: ys-returntrip-pulse 2s ease-out infinite;
}
.ys-returntrip-dot--paused { background: #f79009; }
.ys-returntrip-dot--done { background: #98a2b3; }
.ys-returntrip-dot--off { background: #d0d5dd; }
.ys-returntrip-dot--idle { background: #0f62fe; }

@media (prefers-reduced-motion: no-preference) {
    @keyframes ys-returntrip-pulse {
        0% { box-shadow: 0 0 0 0 rgba(18, 183, 106, 0.45); }
        70% { box-shadow: 0 0 0 8px rgba(18, 183, 106, 0); }
        100% { box-shadow: 0 0 0 0 rgba(18, 183, 106, 0); }
    }
}

/* --- Location row: compact info + small toggle, not a long button --- */
.ys-returntrip-card__location {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid #eaecf0;
    border-radius: 12px;
    margin-bottom: 14px;
}
.ys-returntrip-card__location-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.ys-returntrip-card__location-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #98a2b3;
}
.ys-returntrip-card__location-value {
    font-size: 13.5px;
    color: #344054;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ys-returntrip-card__location-updated {
    color: #667085;
}
.ys-returntrip-toggle {
    flex-shrink: 0;
    min-height: 44px; /* full touch target even though it reads visually compact */
    padding: 6px 16px;
    border-radius: 999px;
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}
.ys-returntrip-toggle[aria-pressed="true"] {
    background: #fef3f2;
    border-color: #fda29b;
    color: #b42318;
}

/* --- Actions --- */
.ys-returntrip-card__actions {
    display: flex;
    flex-direction: column;
}
.ys-returntrip-card__row2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
}

/* --- Empty state --- */
.ys-returntrip-empty-state {
    text-align: center;
    padding: 48px 24px;
    background: #f9fafb;
    border: 1px dashed #d0d5dd;
    border-radius: 16px;
}
.ys-returntrip-empty-state__title {
    font-size: 16px;
    font-weight: 600;
    color: #1d2939;
    margin: 0 0 8px;
}
.ys-returntrip-empty-state__body {
    font-size: 14px;
    color: #667085;
    max-width: 420px;
    margin: 0 auto;
    line-height: 1.5;
}

/* --- Alerts --- */
.ys-returntrip-alert {
    padding: 12px 16px;
    border-radius: 10px;
    background: #ecfdf3;
    color: #067647;
    margin-bottom: 12px;
    font-size: 14px;
}
.ys-returntrip-alert--error {
    background: #fef3f2;
    color: #b42318;
}

/* --- Modal --- */
.ys-returntrip-modal {
    position: fixed;
    inset: 0;
    background: rgba(16, 24, 40, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    /* 04.09.2026 düzeltmesi: mobilde işletme alt navigasyon çubuğu
       (.ys-corporate-mobile-nav, ys-corporate-mobile-nav.css) z-index:9990
       ile position:fixed — bu modal 1000'de kalınca "Oluştur" gibi alt
       kısımdaki butonlar o çubuğun ALTINDA kalıp dokunuşları hiç almıyordu
       ("mobilde oluştur tepkisiz" şikayetinin kök nedeni). Çubuğun üstüne
       çıkacak şekilde yükseltildi. */
    z-index: 10000;
    padding: 16px;
}
.ys-returntrip-modal__dialog {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    max-width: 480px;
    width: 100%;
    max-height: 86vh;
    overflow-y: auto;
}
.ys-returntrip-modal__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.ys-returntrip-modal__head h2 {
    font-size: 17px;
    margin: 0;
}
.ys-returntrip-modal__close {
    border: none;
    background: none;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
}

/* --- Forms (new trip / offer) --- */
[data-ys-returntrip-form] label {
    display: block;
    margin-bottom: 14px;
    font-size: 13.5px;
    font-weight: 600;
    color: #344054;
}
[data-ys-returntrip-form] input,
[data-ys-returntrip-form] select,
[data-ys-returntrip-form] textarea {
    display: block;
    width: 100%;
    margin-top: 6px;
    padding: 10px 12px;
    min-height: 44px;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
}
[data-ys-returntrip-form] textarea {
    min-height: 72px;
}
.ys-returntrip-origin-preview {
    display: block;
    margin-top: 6px;
    font-size: 12.5px;
    font-weight: 400;
    color: #12b76a;
}
/* --- Match list / cards --- */
.ys-returntrip-match-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ys-returntrip-match-card {
    border: 1px solid #eaecf0;
    border-radius: 14px;
    padding: 14px;
}
.ys-returntrip-match-card__facts {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}
.ys-returntrip-match-card__fact {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 13.5px;
}
.ys-returntrip-match-card__fact span {
    color: #667085;
}
.ys-returntrip-match-card__fact strong {
    color: #1d2939;
    text-align: right;
}
.ys-returntrip-status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    background: #eef2ff;
    color: #3538cd;
}

/* --- Desktop: two-column card layout (mobile stays the reference).
   .ys-returntrip-card__main (rota/ilan/durum) and .ys-returntrip-card__side
   (konum/aksiyonlar) are each a single grid item, so there is no row-span
   bookkeeping to keep in sync with the markup. --- */
@media (min-width: 720px) {
    .ys-returntrip-card {
        display: grid;
        grid-template-columns: 1.3fr 1fr;
        gap: 24px;
        align-items: start;
    }
    .ys-returntrip-card__side {
        display: flex;
        flex-direction: column;
    }
    .ys-returntrip-card__side .ys-returntrip-card__location {
        margin-bottom: 14px;
    }
    /* Geçmiş Dönüşler kartlarında __side yok (04.09.2026, salt okunur) —
       tek sütuna düşür, aksi halde ikinci grid sütunu boş yer kaplar. */
    .ys-returntrip-card--history {
        grid-template-columns: 1fr;
    }
}

/* --- Boş Dönüş yeniden tasarımı (04.09.2026): dönüş türü seçici + il/ilçe alanları --- */
[data-ys-returntrip-form] fieldset.ys-returntrip-trip-type {
    margin: 0 0 14px;
    padding: 0;
    border: 0;
}
[data-ys-returntrip-form] fieldset.ys-returntrip-trip-type legend {
    margin-bottom: 6px;
    padding: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #344054;
}
[data-ys-returntrip-form] label.ys-returntrip-radio {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-weight: 400;
}
[data-ys-returntrip-form] label.ys-returntrip-radio input[type="radio"] {
    display: inline-block;
    width: auto;
    min-height: 0;
    margin: 0;
}
[data-ys-returntrip-form] .ys-optional {
    color: #8598a8;
    font-size: 10px;
    font-weight: 600;
}
[data-ys-returntrip-form] label[data-planned-field][hidden] {
    display: none;
}

/* 07.09.2026 — Boş Dönüş paneli / arama sayfasıyla ortak uygulama teması. */
.ys-returntrip-panel {
    --rt-ink: #102d49;
    --rt-muted: #657b91;
    --rt-blue: #0872e5;
    --rt-orange: #ff9f1a;
    --rt-line: #dce7f1;
    position: relative;
    width: min(100%, 1160px);
    margin: 0 auto;
    padding: 24px 0 64px;
    color: var(--rt-ink);
    box-sizing: border-box;
}
.ys-returntrip-panel .ys-returntrip-panel__header {
    position: relative;
    min-height: 218px;
    padding: 38px 42px 74px;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 88% 18%, rgba(49,153,255,.34), transparent 31%), linear-gradient(135deg,#061a32 0%,#0a335e 55%,#0b64b8 145%);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 30px;
    box-shadow: 0 24px 70px rgba(8,37,69,.19);
    box-sizing: border-box;
    isolation: isolate;
}
.ys-returntrip-panel .ys-returntrip-panel__header::before,
.ys-returntrip-panel .ys-returntrip-panel__header::after { position:absolute; content:""; pointer-events:none; }
.ys-returntrip-panel .ys-returntrip-panel__header::before {
    z-index:-1; top:-120px; right:-65px; width:360px; height:360px; border:1px solid rgba(255,255,255,.10); border-radius:50%;
    box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 92px rgba(255,255,255,.02);
}
.ys-returntrip-panel .ys-returntrip-panel__header::after {
    z-index:-1; right:58px; bottom:50px; width:170px; height:52px; opacity:.42;
    background:radial-gradient(circle at 8px 26px,#ffad26 0 5px,transparent 6px),radial-gradient(circle at 162px 26px,#fff 0 5px,transparent 6px),linear-gradient(90deg,transparent 8px,rgba(255,255,255,.75) 9px 161px,transparent 162px) center/100% 2px no-repeat;
}
.ys-returntrip-panel .ys-returntrip-panel__header>div { position:relative; z-index:1; max-width:680px; }
.ys-returntrip-panel .ys-returntrip-panel__eyebrow {
    display:inline-flex; align-items:center; min-height:30px; margin-bottom:14px; padding:5px 12px; color:#ddecff; background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14); border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.10em; line-height:1; opacity:1; backdrop-filter:blur(8px);
}
.ys-returntrip-panel .ys-returntrip-panel__eyebrow::before { width:7px; height:7px; margin-right:7px; background:var(--rt-orange); border-radius:50%; box-shadow:0 0 0 4px rgba(255,159,26,.15); content:""; }
.ys-returntrip-panel .ys-returntrip-panel__header h1 { margin:0 0 10px; color:#fff; font-size:clamp(34px,5vw,50px); font-weight:800; letter-spacing:-.035em; line-height:1.05; }
.ys-returntrip-panel .ys-returntrip-panel__header p { max-width:620px; margin:0; color:rgba(235,245,255,.80); font-size:15px; line-height:1.65; }
.ys-returntrip-panel .ys-returntrip-app { position:relative; z-index:2; margin-top:-48px; }

.ys-returntrip-panel .ys-returntrip-toolbar {
    display:grid; grid-template-columns:minmax(150px,1fr) minmax(150px,1fr); width:min(100%,470px); margin:0 22px 24px auto; padding:11px;
    gap:9px; background:rgba(255,255,255,.97); border:1px solid rgba(213,225,237,.90); border-radius:20px;
    box-shadow:0 18px 44px rgba(20,55,88,.14),0 2px 7px rgba(20,55,88,.05); backdrop-filter:blur(16px) saturate(140%); box-sizing:border-box;
}
.ys-returntrip-panel .ys-returntrip-toolbar .ys-returntrip-btn { min-height:49px; padding:10px 14px; border-radius:14px; font-size:12.5px; font-weight:800; }
.ys-returntrip-panel .ys-returntrip-toolbar .ys-returntrip-btn--primary { color:#fff; background:linear-gradient(135deg,#0877ec,#075fc4); border:0; box-shadow:0 9px 20px rgba(8,114,229,.20); }
.ys-returntrip-panel .ys-returntrip-toolbar .ys-returntrip-btn--secondary { color:#27465f; background:#f4f8fb; border-color:#e1eaf2; }

.ys-returntrip-panel .ys-returntrip-cards { display:grid; grid-template-columns:1fr; gap:15px; }
.ys-returntrip-panel .ys-returntrip-card {
    position:relative; padding:21px; overflow:hidden; background:#fff; border:1px solid #dfe9f2; border-radius:22px;
    box-shadow:0 10px 28px rgba(20,55,88,.07); box-sizing:border-box;
}
.ys-returntrip-panel .ys-returntrip-card::before { position:absolute; top:0; right:0; left:0; height:3px; background:linear-gradient(90deg,var(--rt-blue),#55a9fb 70%,var(--rt-orange)); content:""; }
.ys-returntrip-panel .ys-returntrip-card__route { display:flex; min-height:42px; margin:0 0 8px; padding-left:54px; align-items:center; color:var(--rt-ink); font-size:18px; font-weight:850; letter-spacing:-.015em; line-height:1.3; }
.ys-returntrip-panel .ys-returntrip-card__route::before { position:absolute; display:inline-flex; width:42px; height:42px; margin-left:-54px; align-items:center; justify-content:center; color:#d97900; background:#fff2df; border-radius:14px; font-family:"Font Awesome 5 Free"; font-size:16px; font-weight:900; content:"\f4d7"; }
.ys-returntrip-panel .ys-returntrip-card__listing { margin:0 0 15px 54px; color:#667d92; font-size:12.5px; line-height:1.45; }
.ys-returntrip-panel .ys-returntrip-card__status { margin:0; padding:12px 14px; background:#f5f9fc; border:1px solid #e5edf4; border-radius:14px; }
.ys-returntrip-panel .ys-returntrip-card__status-label { color:#203e58; font-weight:800; }
.ys-returntrip-panel .ys-returntrip-card__location { margin:0 0 12px; padding:11px 13px; background:#f8fbfd; border-color:#dfe9f2; border-radius:14px; }
.ys-returntrip-panel .ys-returntrip-card__location-label { color:#8195a8; font-size:10px; font-weight:800; }
.ys-returntrip-panel .ys-returntrip-card__location-value { color:#2d4a63; font-weight:650; }
.ys-returntrip-panel .ys-returntrip-toggle { min-height:40px; color:#1266b5; background:#eaf4ff; border-color:#d5e9ff; font-size:11.5px; font-weight:800; }
.ys-returntrip-panel .ys-returntrip-card__actions .ys-returntrip-btn { min-height:48px; border-radius:14px; font-size:12px; font-weight:800; }
.ys-returntrip-panel .ys-returntrip-card__actions>.ys-returntrip-btn--primary { color:#fff; background:linear-gradient(135deg,#0877ec,#075fc4); border:0; box-shadow:0 9px 20px rgba(8,114,229,.17); }
.ys-returntrip-panel .ys-returntrip-card__row2 { gap:8px; margin-top:8px; }
.ys-returntrip-panel .ys-returntrip-card__row2 .ys-returntrip-btn { color:#34536d; background:#f4f8fb; border-color:#dfe8f0; }
.ys-returntrip-panel .ys-returntrip-link--danger { margin-top:7px; color:#b64a42; font-size:11.5px; }

.ys-returntrip-panel .ys-returntrip-empty-state {
    position:relative; display:flex; min-height:250px; padding:48px 24px 35px; align-items:center; justify-content:center; flex-direction:column; text-align:center;
    background:radial-gradient(circle at 50% 33%,rgba(8,114,229,.055),transparent 34%),#fff; border:1px solid #dfe9f2; border-radius:24px;
    box-shadow:0 10px 28px rgba(20,55,88,.055); box-sizing:border-box;
}
.ys-returntrip-panel .ys-returntrip-empty-state::before { display:inline-flex; width:60px; height:60px; margin-bottom:17px; align-items:center; justify-content:center; color:var(--rt-blue); background:#eaf4ff; border:1px solid #d6eaff; border-radius:20px; box-shadow:0 9px 20px rgba(8,114,229,.12); font-family:"Font Awesome 5 Free"; font-size:23px; font-weight:900; content:"\f4d7"; }
.ys-returntrip-panel .ys-returntrip-empty-state__title { margin:0 0 7px; color:var(--rt-ink); font-size:18px; font-weight:850; letter-spacing:-.015em; }
.ys-returntrip-panel .ys-returntrip-empty-state__body { max-width:500px; margin:0; color:var(--rt-muted); font-size:13px; line-height:1.65; }
.ys-returntrip-panel .ys-returntrip-loading { min-height:210px; padding:82px 24px 24px; color:#687f94; text-align:center; background:#fff; border:1px solid #dfe9f2; border-radius:24px; font-size:13px; font-weight:700; }
.ys-returntrip-panel .ys-returntrip-loading::before { display:block; width:34px; height:34px; margin:-48px auto 15px; border:3px solid #dcecff; border-top-color:var(--rt-blue); border-radius:50%; content:""; animation:ys-rt-panel-spin .75s linear infinite; }
@keyframes ys-rt-panel-spin { to { transform:rotate(360deg); } }

/* Panel modals: same visual family; existing events and data attributes remain untouched. */
.ys-returntrip-modal { padding:18px; background:rgba(3,20,38,.66); backdrop-filter:blur(7px); }
.ys-returntrip-modal__dialog { width:min(100%,520px); padding:24px; background:#fff; border:1px solid rgba(255,255,255,.65); border-radius:24px; box-shadow:0 28px 80px rgba(2,21,40,.28); }
.ys-returntrip-modal__head { margin-bottom:18px; }
.ys-returntrip-modal__head h2 { color:#102d49; font-size:21px; font-weight:850; letter-spacing:-.02em; }
.ys-returntrip-modal__close { display:inline-flex; width:40px; min-width:40px; height:40px; min-height:40px; padding:0; align-items:center; justify-content:center; color:#526d84; background:#f0f5f9; border-radius:13px; }
[data-ys-returntrip-form] label { color:#3f5970; font-size:12.5px; font-weight:750; }
[data-ys-returntrip-form] input,[data-ys-returntrip-form] select,[data-ys-returntrip-form] textarea { min-height:48px; color:#102d49; background:#f8fbfd; border-color:#d9e5ef; border-radius:13px; outline:0; }
[data-ys-returntrip-form] input:focus,[data-ys-returntrip-form] select:focus,[data-ys-returntrip-form] textarea:focus { background:#fff; border-color:#58a5f4; box-shadow:0 0 0 4px rgba(8,114,229,.10); }
[data-ys-returntrip-form] fieldset.ys-returntrip-trip-type { padding:12px; background:#f6fafd; border:1px solid #e0eaf2; border-radius:15px; }
[data-ys-returntrip-form] label.ys-returntrip-radio { min-height:42px; margin:0 0 6px; padding:8px 10px; background:#fff; border:1px solid #e2eaf1; border-radius:11px; }
[data-ys-returntrip-form] label.ys-returntrip-radio:last-child { margin-bottom:0; }
[data-ys-returntrip-form] .ys-returntrip-btn--primary { min-height:52px; background:linear-gradient(135deg,#0877ec,#075fc4); border:0; border-radius:15px; font-weight:800; }

@media (max-width:767px) {
    .ys-returntrip-panel { width:100%; padding:8px 4px 48px; }
    .ys-returntrip-panel .ys-returntrip-panel__header { min-height:226px; padding:28px 22px 78px; border-radius:26px; box-shadow:0 18px 48px rgba(8,37,69,.18); }
    .ys-returntrip-panel .ys-returntrip-panel__header::before { top:-120px; right:-145px; }
    .ys-returntrip-panel .ys-returntrip-panel__header::after { display:none; }
    .ys-returntrip-panel .ys-returntrip-panel__eyebrow { min-height:27px; margin-bottom:12px; font-size:9.5px; }
    .ys-returntrip-panel .ys-returntrip-panel__header h1 { max-width:285px; font-size:clamp(31px,10vw,39px); }
    .ys-returntrip-panel .ys-returntrip-panel__header p { max-width:none; overflow-wrap:anywhere; font-size:12.5px; line-height:1.55; }
    .ys-returntrip-panel .ys-returntrip-app { min-width:0; max-width:100%; margin-top:-54px; box-sizing:border-box; }
    .ys-returntrip-panel .ys-returntrip-toolbar { grid-template-columns:1fr 1fr; width:calc(100% - 20px); margin:0 auto 18px; padding:9px; gap:7px; border-radius:19px; }
    .ys-returntrip-panel .ys-returntrip-toolbar .ys-returntrip-btn { min-width:0; min-height:48px; padding:8px 7px; border-radius:13px; font-size:11px; white-space:nowrap; }
    .ys-returntrip-panel .ys-returntrip-cards { gap:12px; }
    .ys-returntrip-panel .ys-returntrip-card { display:block; min-width:0; padding:17px; border-radius:20px; }
    .ys-returntrip-panel .ys-returntrip-card__route { min-height:38px; padding-left:48px; font-size:16px; }
    .ys-returntrip-panel .ys-returntrip-card__route::before { width:38px; height:38px; margin-left:-48px; border-radius:13px; font-size:14px; }
    .ys-returntrip-panel .ys-returntrip-card__listing { margin-left:48px; font-size:11.5px; }
    .ys-returntrip-panel .ys-returntrip-card__side { margin-top:15px; }
    .ys-returntrip-panel .ys-returntrip-card__location { gap:8px; }
    .ys-returntrip-panel .ys-returntrip-card__row2 { grid-template-columns:1fr 1fr; }
    .ys-returntrip-panel .ys-returntrip-empty-state { min-height:235px; padding:38px 20px 30px; border-radius:21px; }
    .ys-returntrip-panel .ys-returntrip-empty-state::before { width:54px; height:54px; border-radius:18px; font-size:20px; }
    .ys-returntrip-panel .ys-returntrip-empty-state__title { font-size:16px; }
    .ys-returntrip-panel .ys-returntrip-empty-state__body { font-size:12px; }
    .ys-returntrip-modal { padding:0; align-items:flex-end; }
    .ys-returntrip-modal__dialog { width:100%; max-width:none; max-height:min(90vh,720px); padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px)); border:0; border-radius:26px 26px 0 0; box-shadow:0 -18px 55px rgba(2,21,40,.24); }
    .ys-returntrip-modal__dialog::before { display:block; width:42px; height:4px; margin:-8px auto 14px; background:#dbe5ed; border-radius:999px; content:""; }
}
@media (max-width:359px) {
    .ys-returntrip-panel { padding-right:2px; padding-left:2px; }
    .ys-returntrip-panel .ys-returntrip-toolbar { width:calc(100% - 12px); }
    .ys-returntrip-panel .ys-returntrip-toolbar .ys-returntrip-btn { font-size:10px; }
    .ys-returntrip-panel .ys-returntrip-card__row2 { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
    .ys-returntrip-panel *,.ys-returntrip-panel *::before,.ys-returntrip-panel *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}
