/* Ortak mobil navigasyon ve destek alanı. */
.sidebar{height:auto;min-height:calc(100px + env(safe-area-inset-bottom));padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#e6f1fc;border-top:1px solid #b6d2eb;box-shadow:0 -5px 22px #102d591a;backdrop-filter:none}
.sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;margin:0}
.sidebar .nav{position:relative;width:100%;min-width:0;min-height:78px;margin:0;padding:10px 2px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #c7dcf0;border-radius:16px;background:#fff;color:#245b8d;font-size:inherit;transition:background .15s,color .15s;box-shadow:0 2px 5px #153e6506}
.sidebar .nav .nav-symbol{display:grid;place-items:center;width:38px;height:32px;border-radius:0;background:none;box-shadow:none;font-size:inherit}
.nav-symbol svg{display:block;width:28px;height:28px;stroke-width:2}
.sidebar .nav .nav-label{display:block;font-size:12px;line-height:18px;font-weight:700;white-space:nowrap;letter-spacing:0;color:inherit}
.sidebar .nav.active{color:#fff;background:#102d59;border-color:#102d59;box-shadow:0 4px 10px #102d5926}
.sidebar .nav.active .nav-symbol{background:none;box-shadow:none;color:#8bd5ff}
.sidebar .nav.active .nav-label{font-weight:800;color:#fff}
.sidebar .nav.active svg{stroke-width:2.2}
.sidebar .nav:focus-visible{outline:3px solid #389cdc;outline-offset:2px}
@media(hover:hover){.sidebar .nav:not(.active):hover{background:#d7edff;color:#102d59;border-color:#80b9e2}.support-card:hover{border-color:#80b9e2;background:#e1f1ff}}
main{padding-bottom:calc(118px + env(safe-area-inset-bottom))}
.app-footer{display:block;margin:24px 0 0;padding:0;color:#6e849a;font-size:10px}
.app-footer #support.support-card{width:100%;margin:0;min-height:78px;padding:16px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #b9d8f2;background:#eaf5ff;border-radius:18px;box-shadow:0 3px 14px #102d5903;color:#102d59;transition:background .15s,border-color .15s}
.support-card .support-symbol{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:#102d59;color:#8bd5ff}
.support-symbol svg{width:22px;height:22px}
.app-footer .support-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;color:#102d59}
.support-copy strong{font:700 15px 'DM Sans',Arial,sans-serif}
.app-footer .support-copy small{font-size:12px;line-height:1.6;color:#486b8d}
.support-card .support-arrow{display:block;width:18px;height:18px;color:#567a9b;flex:none}
.app-footer .footer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 3px 5px;font-size:9px;line-height:1.6;color:#8194a8}
.app-footer .footer-meta span{display:block;color:inherit}
@media(max-width:360px){.sidebar{padding-left:8px;padding-right:8px}.sidebar nav{gap:5px}.sidebar .nav .nav-label{font-size:11px}.app-footer #support.support-card{padding:14px;gap:10px}.app-footer .support-copy small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sidebar .nav,.sidebar .nav .nav-symbol,.app-footer #support.support-card{transition:none}}

/* Belirgin, oval çağrı zamanı seçenekleri. */
.timing{display:flex;gap:10px;padding:0;margin-top:16px;background:transparent;border-radius:0}
.timing button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 10px;border:1px solid #b5d6ef;border-radius:999px;background:#e5f3ff;color:#225983;font-size:12px;font-weight:700;line-height:18px;box-shadow:none}
.timing button svg{width:21px;height:21px;flex:none}
.timing button span{white-space:nowrap}
.timing button.selected{background:#102d59;border-color:#102d59;border-radius:999px;color:#fff;box-shadow:0 4px 12px #102d5926}
.timing button.selected svg{color:#8bd5ff}
.timing button:focus-visible{outline:3px solid #3b9ddd;outline-offset:3px}
@media(hover:hover){.timing button:not(.selected):hover{background:#cceaff;border-color:#77b8e6}}
@media(max-width:360px){.timing{gap:8px}.timing button{font-size:11px;padding:12px 8px;gap:6px}.timing button svg{width:19px;height:19px}}

.timing button[data-time="now"]{width:100%;flex:1;min-height:56px;font-size:14px}.timing button[data-time="now"] svg{width:23px;height:23px}

.same-day-note{display:flex;align-items:center;gap:8px;margin-top:15px;padding:12px 15px;border-radius:999px;background:#e6f3ff;color:#245d8c;font-size:12px;font-weight:600}
.same-day-note span{font-size:9px;color:#258ccf}
#continue.primary{min-height:56px;border-radius:999px;font-size:14px;font-weight:700;background:#102d59;color:white;box-shadow:0 4px 12px #102d5926;justify-content:center;gap:14px}
#continue.primary span{color:#8bd5ff}

.layout>.map-card{order:-1;height:310px}.map-card .map{min-height:230px}
.request-panel{border:1px solid #9dc8e9;background:#eaf5ff;border-radius:20px;padding:18px;margin-top:14px;color:#102d59}.request-heading{display:flex;align-items:center;gap:10px;font-size:15px}.request-countdown{margin-left:auto;white-space:nowrap;color:#185c91;font-size:13px}.request-countdown b{font-size:24px}.request-panel p{font-size:12px;line-height:1.8;color:#466c8e}.request-panel .text-button{color:#165a90}.request-spinner{width:22px;height:22px;border:3px solid #b8d9f2;border-top-color:#102d59;border-radius:50%;animation:request-spin 1s linear infinite}.request-panel[data-status="expired"]{background:#fff5e7;border-color:#e9cb9d}@keyframes request-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.request-spinner{animation:none}}