/* Four native-scale app replicas; all paint comes from the phone palette. */
.s1-scene{position:absolute;inset:0;color:var(--ap-text-primary);font-variant-numeric:tabular-nums}
.s1-headline{font-size:17px;line-height:22px;font-weight:600}
.s1-secondary{color:var(--ap-text-secondary)}
.s1-muted{color:var(--ap-text-muted)}
.s1-footnote{font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
.s1-button-row{display:flex;gap:10px;align-items:stretch}
.s1-button-row>*{flex:1;min-width:0}
.s1-button-row .ap-button{height:100%;padding-inline:10px}
/* Bugun (2026-10-15 yeni tema): Siradaki karti, adim, hava fotografi, yaklasan planlar, ihtiyaclar, oncelikler. */
.s1-plan-stripe{flex:none;align-self:stretch;width:4px;border-radius:2px}
/* Uzun dilde (RU) eylem kapsulu metnin altina iner; serit kartin sol dolgusunda mutlak durur. */
.s1-next{position:relative;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:10px 14px!important;padding:18px 16px 18px 30px!important}
.s1-next>.s1-plan-stripe{position:absolute;left:16px;top:16px;bottom:16px}
.s1-next-text{display:grid;gap:2px;flex:1 1 150px;min-width:0}
.s1-next-text b{overflow-wrap:break-word;hyphens:auto}
.s1-next-text b{font-size:17px;line-height:22px;font-weight:600}
.s1-next .ap-button{flex:none}
.s1-steps-value{display:flex;align-items:baseline;gap:6px}
.s1-steps-value b{font-size:32px;line-height:38px;font-weight:600;letter-spacing:-.4px}
.s1-steps-value span{font-size:15px;line-height:21px;font-weight:500;color:var(--ap-text-secondary)}
.s1-weather{position:relative;overflow:hidden;isolation:isolate}
.s1-weather-photo{position:absolute;z-index:-1;inset:0;background:right center/cover no-repeat;opacity:var(--ap-photo-opacity,1);-webkit-mask-image:linear-gradient(to right,transparent 0,rgb(0 0 0/.02) 35%,rgb(0 0 0/.12) 58%,rgb(0 0 0/.7) 80%,rgb(0 0 0/.96) 100%);mask-image:linear-gradient(to right,transparent 0,rgb(0 0 0/.02) 35%,rgb(0 0 0/.12) 58%,rgb(0 0 0/.7) 80%,rgb(0 0 0/.96) 100%)}
.s1-weather>:not(.s1-weather-photo){max-width:64%}
.s1-weather-now{display:flex;align-items:center;gap:10px;color:var(--ap-accent-ink)}
.s1-weather-now>div{display:grid}
.s1-weather-now b{font-size:22px;line-height:28px;font-weight:600;color:var(--ap-text-primary)}
.s1-upcoming{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 0}
.s1-upcoming+.s1-upcoming{border-top:.5px solid var(--ap-border-subtle)}
.s1-upcoming .s1-plan-stripe{align-self:center;height:44px}
.s1-upcoming>div{display:grid;gap:3px;flex:1;min-width:0}
.s1-upcoming span{font-size:16px;line-height:21px}
.s1-upcoming small{display:flex;align-items:center;gap:5px;font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
.s1-care{display:grid;gap:16px}
.s1-water-value{font-size:15px;line-height:21px;font-weight:500}
.s1-dose{display:flex;align-items:center;gap:12px;padding-top:4px}
.s1-dose>div{flex:1}
.s1-dose b{font-size:15px;line-height:21px;font-weight:600}
.s1-pending-dot{flex:none;width:20px;height:20px;border:1.5px solid var(--ap-border-strong);border-radius:50%}
.s1-priorities{display:grid;gap:10px;padding-top:8px}
.s1-priorities>div:first-child{display:grid;gap:2px}
.s1-priorities .ap-section-title{padding-top:0}
.s1-ranked{display:grid}
.s1-priority{display:flex;align-items:center;gap:12px;min-height:50px}
.s1-priority+.s1-priority,.s1-slot+.s1-slot{border-top:.5px solid var(--ap-border-subtle)}
.s1-priority>b{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:9px;background:var(--ap-surface-alt);color:var(--ap-accent-ink);font-size:13px;line-height:18px;font-weight:600}
.s1-priority>span{flex:1;min-width:0}
.s1-priority>small{font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
.s1-priority>svg{color:var(--ap-text-muted)}
.s1-today .s1-button-row{margin-top:4px}
.s1-proposal{transition:none!important}
.s1-slot{display:flex;align-items:center;gap:12px;min-height:46px}
.s1-slot time{flex:none;width:94px;font-size:13px;line-height:18px;font-weight:500;color:var(--ap-text-secondary)}
.s1-slot>span:not(.ap-badge){flex:1;min-width:0;font-weight:500}
@keyframes s1-rise{from{opacity:0;transform:translateY(10px)}}
/* Turun vurgusu: uygulamada karsiligi yok, bu yuzden yumusak hale (koyu cerceve degil). */
.s1-border-emphasis{border-color:color-mix(in srgb,var(--ap-accent-ink) 55%,var(--ap-border-subtle))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ap-accent) 16%,transparent)}
/* ---------- paket 1 yerel parcalari (2026-10-15 yeni tema) ---------- */
.s1-callout{font-size:15px;line-height:21px}
.s1-rise{animation:s1-rise .42s cubic-bezier(.22,1,.36,1) both}
.s1-pair{display:flex;gap:8px;align-items:stretch}
.s1-pair>*{flex:1;min-width:0}
.s1-pair .ap-button{height:100%;padding-inline:12px}
.s1-hairline{display:block;height:.5px;background:var(--ap-border-subtle)}
.s1-card-rule{border-top:.5px solid var(--ap-border-subtle);padding-top:4px}
/* Satir grubunda dokunus sarmalayicisi: ayirici cizgi sarmalayicinin ustune de gelir. */
.s1-scene .ap-row-group>*+:not(.ap-row),.s1-scene .ap-row-group>:not(.ap-row)+.ap-row{border-top:.5px solid var(--ap-border-subtle)}
.s1-scene .ap-row-group.s1-alt-group{background:var(--ap-surface-alt)}
/* Form alani: dipnot etiket, 14 kose, guclu kil payi kenar, zemine gomulu dolgu; odakta vurgu halkasi. */
.s1-field-unit{flex:none;font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.2px;color:var(--ap-text-secondary)}
/* Etiket + tutar satiri (amount-row.tsx): callout ikincil etiket, numericBody tutar. */
.s1-amount{display:flex;align-items:baseline;gap:12px;font-size:15px;line-height:21px}
.s1-amount>span{flex:1;min-width:0;color:var(--ap-text-secondary)}
.s1-amount>b{flex:none;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.s1-amount[data-strong=true]>b{font-size:17px;line-height:22px;font-weight:600}
.s1-amount[data-small=true]{font-size:13px;line-height:18px}
.s1-amount[data-small=true]>span{color:var(--ap-text-muted)}
.s1-amount>b[data-tone=positive]{color:var(--ap-positive)}
.s1-amount>b[data-tone=danger]{color:var(--ap-danger)}
.s1-sheet-section{display:grid;gap:8px}
/* Sayi kutusu (Stepper): 44 pt tonal daireler, ortada gomulu deger kutusu. */
.s1-stepper{display:grid;gap:8px}
.s1-stepper>div{display:flex;align-items:center;gap:8px}
.s1-stepper b{display:grid;place-items:center;flex:1;min-height:44px;border:1px solid var(--ap-border-strong);border-radius:14px;background:var(--ap-field-raised);font-size:15px;line-height:21px;font-weight:500;font-variant-numeric:tabular-nums}
.s1-step-button{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--ap-tonal-surface);color:var(--ap-accent-ink)}
/* Tonal hizli eylemler (ActionChips). */
.s1-chips{display:flex;gap:8px}
.s1-chips>span{display:grid;place-items:center;flex:1;min-height:44px;border-radius:22px;background:var(--ap-tonal-surface);color:var(--ap-accent-ink);font-size:15px;line-height:21px;font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- Plan (app/(tabs)/plan.tsx, day-views.tsx) ---------- */
.s1-period-controls{display:grid;gap:8px}
.s1-period{display:flex;align-items:center;gap:8px}
.s1-period-label{display:grid;flex:1;justify-items:center;align-content:center;gap:2px;min-height:54px;text-align:center}
.s1-period b{font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.2px}
.s1-period small{font-size:13px;line-height:18px;color:var(--ap-text-muted)}
.s1-quick{padding:12px!important}
/* Hizli giris dugmeleri (plan.tsx): birincil kalan genisligi alir, ikincil kendi genisliginde. */
.s1-quick-actions>:last-child{flex:none}
.s1-quick-actions .ap-button-secondary{padding-inline:16px}
.s1-input{display:flex;align-items:center;min-height:50px;padding:0 14px;border:1px solid var(--ap-border-strong);border-radius:14px;background:color-mix(in srgb,var(--ap-surface) 96.5%,var(--ap-text-primary));color:var(--ap-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Rota: 64 pt ray, 16 pt durak noktasi, kesik baglayici, plan rengi kart (16 kose). */
.s1-route{display:flex;flex-direction:column}
.s1-now{display:flex;align-items:center;height:24px;margin-bottom:8px}
.s1-now-dot{flex:none;width:9px;height:9px;margin-left:27.5px;border-radius:50%;background:var(--ap-accent-ink)}
.s1-now-line{flex:1;height:1.5px;background:var(--ap-accent-ink);opacity:.55}
.s1-now>span{margin-left:6px;font-size:11px;line-height:14px;font-weight:500;color:var(--ap-accent-ink);font-variant-numeric:tabular-nums}
.s1-connector{position:relative}
.s1-connector::before{content:'';position:absolute;left:31px;top:0;bottom:0;border-left:2px dashed var(--ap-border-strong)}
.s1-gap{position:absolute;left:84px;top:0;display:flex;align-items:center;gap:4px;min-height:44px;font-size:11px;line-height:14px;font-weight:500;color:var(--ap-text-muted)}
.s1-stop{display:flex;gap:8px}
.s1-rail{display:flex;flex:none;flex-direction:column;align-items:center;gap:4px;width:64px;font-size:13px;line-height:18px;font-weight:500;color:var(--ap-text-muted)}
.s1-stop-dot{flex:none;width:16px;height:16px;border:2px solid var(--ap-surface);border-radius:50%;background:var(--s1-tone)}
.s1-block-tap{flex:1;min-width:0}
.s1-stop>.s1-block{flex:1;min-width:0}
.s1-block{position:relative;display:grid;gap:2px;padding:8px 12px;border:1.5px solid transparent;border-radius:16px;background:var(--s1-fill);color:var(--ap-text-primary);transition:border-color .3s!important}
.s1-block[data-emphasis=true]{border-color:var(--ap-accent-ink)}
.s1-block b{font-size:15px;line-height:21px;font-weight:600}
.s1-block-time{display:flex;align-items:center;gap:4px;font-size:13px;line-height:18px;font-weight:500}
.s1-block-stripe{display:none;position:absolute;left:6px;top:8px;bottom:8px;width:4px;border-radius:2px;background:var(--s1-tone)}
.s1-scene[data-dark=true] .s1-block{padding-left:18px}
.s1-scene[data-dark=true] .s1-block-stripe{display:block}
.s1-route .ap-rolling,.s1-rail .ap-rolling{height:18px;line-height:18px}
.s1-route .ap-roll-static,.s1-route .ap-roll-col,.s1-route .ap-roll-track>span{height:18px;line-height:18px}

/* ---------- Para (app/(tabs)/money.tsx, money/add.tsx, money/cashflow.tsx) ---------- */
.s1-ledger-group{display:grid;gap:4px}
.s1-ledger{display:grid;gap:2px}
.s1-ledger>span{font-size:13px;line-height:18px;color:var(--ap-text-muted)}
.s1-ledger>b{font-size:32px;line-height:38px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.s1-ledger .ap-rolling,.s1-ledger .ap-roll-static,.s1-ledger .ap-roll-col,.s1-ledger .ap-roll-track>span{height:38px;line-height:38px}
.s1-section{display:grid;gap:8px}
.s1-section .ap-section-title{padding-top:0}
.s1-commit-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;color:var(--ap-accent-ink)}
.s1-save{display:grid;gap:8px}
.s1-outcome{display:grid;gap:8px}
.s1-keyboard{position:absolute;z-index:28;left:0;right:0;bottom:0;padding:0 6px 34px;background:var(--ap-surface-alt);border-top:1px solid var(--ap-border-subtle);transform:translateY(101%);transition:none!important}
.s1-keyboard-toolbar{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 15px;color:var(--ap-accent-ink);font-weight:600}
.s1-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.s1-key{display:flex;align-items:center;justify-content:center;height:47px;border-radius:6px;background:var(--ap-surface-raised);font-size:25px;line-height:30px;box-shadow:0 1px 1px var(--ap-border-strong)}
.s1-meter-block{display:grid;gap:8px}
.s1-meter{display:grid;gap:12px}
.s1-meter>div{display:grid;gap:6px}
.s1-meter>div>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:18px}
.s1-meter>div>div span{color:var(--ap-text-secondary)}
.s1-meter>div>div b{font-weight:500;font-variant-numeric:tabular-nums}
.s1-meter-track{display:block;height:5px;overflow:hidden;border-radius:3px;background:var(--ap-surface-alt)}
.s1-meter-track>i{display:block;width:100%;height:100%;background:var(--ap-accent);transform-origin:left;transition:none!important}
.s1-month{gap:8px!important}
.s1-month-head{display:flex;align-items:center;gap:12px;min-height:44px}
.s1-month-head>b{flex:1;min-width:0;font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.2px}
.s1-month-head>small{font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
.s1-month-lines{display:grid;gap:4px}
.s1-month-days{display:grid;gap:8px;padding-top:8px;border-top:.5px solid var(--ap-border-subtle)}
.s1-month-days>div{display:grid;gap:2px}
.s1-day-line{display:flex;align-items:baseline;gap:12px}
.s1-day-line>span{flex:1;min-width:0;font-size:16px;line-height:21px;font-weight:600;letter-spacing:-.1px;color:var(--ap-text-secondary)}
.s1-day-line>b{font-size:15px;line-height:21px;font-weight:500;font-variant-numeric:tabular-nums}

/* ---------- Antrenman (health/session, workout-session-body.tsx) ---------- */
.s1-sensing-line{margin-bottom:-8px!important}
.s1-elevated{background:var(--ap-surface-raised)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--ap-text-primary) 6%,transparent)}
.s1-exercise{font-size:32px;line-height:38px;font-weight:700;letter-spacing:-.4px}
.s1-set-line{font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.2px;color:var(--ap-text-secondary)}
.s1-tools{display:grid;gap:4px}
.s1-tools>div{display:flex;flex-wrap:wrap;gap:8px}
.s1-rest-heading{display:grid;gap:4px;text-align:center}
.s1-rest-heading h2{font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.2px}
.s1-rest-heading p{font-size:15px;line-height:21px;color:var(--ap-text-secondary)}
.s1-rest-next{display:grid;gap:4px;text-align:center}
.s1-rest-next>span:first-child{font-size:13px;line-height:18px;color:var(--ap-text-muted)}
.s1-rest-next>b{font-size:17px;line-height:22px;font-weight:600}
.s1-rest-next>small{font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
.s1-rest-next>.s1-planned{font-size:15px;line-height:21px;font-weight:500;font-variant-numeric:tabular-nums}
.s1-bpm{display:flex;align-items:baseline;gap:6px;font-size:32px;line-height:38px;font-weight:700;letter-spacing:-.4px}
.s1-bpm .ap-rolling,.s1-bpm .ap-roll-static,.s1-bpm .ap-roll-col,.s1-bpm .ap-roll-track>span{height:38px;line-height:38px}
.s1-weight-total{display:grid;justify-items:center;gap:4px;text-align:center}
.s1-weight-total>span{font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
.s1-weight-total>b{font-size:32px;line-height:38px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.s1-weight-total>small{font-size:13px;line-height:18px;color:var(--ap-text-muted)}
.s1-weight-sheet .ap-sheet-body{gap:12px}
.s1-lockscreen{position:absolute;inset:0;z-index:32;padding:78px 20px 50px;background:var(--ap-surface-alt);background-image:radial-gradient(ellipse at 25% 15%,color-mix(in srgb,var(--ap-accent) 28%,transparent),transparent 70%);isolation:isolate}
/* Giris solmasi cocuklarin kendisinde: sarmalayicida opaklik canli etkinligin camini backdrop kokune ayirirdi. */
.s1-lock-content{--s1-lock:1;display:flex;flex-direction:column;align-items:center;transition:none!important;width:100%}
.s1-lock-content>*{opacity:var(--s1-lock)}
.sc-screen:has(> .sc-layer:not([data-phase=exit]) .s1-lockscreen) > .sc-status > span:first-child{visibility:hidden}
.s1-lock-date{font-size:17px;line-height:22px;font-weight:500;margin-top:16px!important}
.s1-lock-time{font-size:84px;line-height:100px;font-weight:600;letter-spacing:-4px}
.s1-live-activity{align-self:stretch;display:grid;gap:15px;margin-top:82px;padding:17px 16px 14px;border-radius:24px;background:color-mix(in srgb,var(--ap-surface-raised) 72%,transparent);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);border:1px solid color-mix(in srgb,var(--ap-border-subtle) 65%,transparent);box-shadow:0 8px 28px color-mix(in srgb,var(--ap-text-primary) 8%,transparent)}
.s1-live-main{display:flex;align-items:center;gap:10px;justify-content:space-between}
.s1-live-main>div{flex:1;min-width:0}
.s1-live-main .ap-eyebrow{font-size:11px;line-height:14px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}
.s1-live-main .ap-progress{margin-top:7px;height:4px}
.s1-live-badge{display:grid;place-items:center;flex:none;width:40px;height:40px;border:2px solid var(--ap-accent);border-radius:50%;color:var(--ap-accent-ink)}
.s1-live-main h2{font-size:22px;line-height:28px;font-weight:600}
.s1-live-main p{font-size:11px;line-height:14px;color:var(--ap-text-secondary);margin-top:4px!important}
.s1-live-main>b{font-size:22px;line-height:28px;font-weight:600}
.s1-live-controls{display:flex;gap:7px;align-items:stretch}
.s1-live-controls>span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:0 9px;border-radius:999px;background:var(--ap-surface-alt);font-size:11px;line-height:14px;font-weight:600}
.s1-live-controls>.s1-live-next{flex:1;background:var(--ap-accent);color:var(--ap-on-accent)}
.s1-scene .ap-progress i,.s1-scene .ap-ring-value{transition:none!important}
.s1-scene .ap-countdown .ap-roll-track,.s1-live-main .ap-roll-track{transition:none!important}
.s1-scene[data-settled=true] *,.s1-scene[data-reduced=true] *{animation:none!important;transition:none!important}
.s1-scene[data-settled=true] .ap-tap-ring,.s1-scene[data-reduced=true] .ap-tap-ring{display:none!important}
@media(prefers-reduced-motion:reduce){
  .s1-scene *,.s1-scene *::before,.s1-scene *::after{animation:none!important;transition:none!important}
  .s1-scene .ap-tap-ring{display:none!important}
}
.s1-footnote.s1-muted{color:var(--ap-text-muted)}
/* Hizli kayit makbuzu (capture-receipt.tsx): ust guvenli alan + 56 + 4 = 122 pt'de, kenarlardan 20 pt iceride,
 * 24 pt koseli yaprak tonu cam panel; yesil tik, dipnot cumle, vurgu murekkebi "Plan'da ac" ve soluk kapat. */
.s1-receipt{position:absolute;z-index:26;top:122px;left:20px;right:20px;display:flex;align-items:center;gap:8px;padding-left:16px;border:.5px solid var(--ap-border-subtle);border-radius:24px;background:color-mix(in srgb,var(--ap-surface-raised) 86%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.1);backdrop-filter:blur(24px) saturate(1.1);box-shadow:inset 0 1px 0 var(--ap-glass-shine),0 5px 12px var(--ap-glass-shade);color:var(--ap-text-primary)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.s1-receipt{background:var(--ap-surface-raised)}}
.s1-receipt-check{color:var(--ap-positive)}
.s1-receipt-text{flex:1;min-width:0;padding:12px 0;font-size:13px;line-height:18px}
.s1-receipt-open{display:flex;align-items:center;flex:none;min-height:44px;padding:0 8px;font-size:13px;line-height:18px;color:var(--ap-accent-ink);white-space:nowrap}
.s1-receipt-close{display:grid;place-items:center;flex:none;width:44px;height:44px;color:var(--ap-text-muted)}

/* ---------- Plan rotasi: basili tut ve surukle (2026-10-15) ---------- */
/* Satirlar mutlak konumlu: duzenler (once, birakis, hizli kayit sonrasi) showcase-screens-1.tsx routeLayout ile. */
.s1-route{position:relative;display:block}
.s1-route>.s1-now{position:absolute;left:0;right:0;top:0;margin:0}
.s1-route>.s1-connector{position:absolute;left:0;right:0}
.s1-route>.s1-stop{position:absolute;left:0;right:0;top:0;transform-origin:62% 50%}
.s1-route>.s1-stop[data-lifted=true]{z-index:2}
.s1-route>.s1-stop[data-lifted=true] .s1-block{box-shadow:0 calc(16px * var(--s1-lift)) calc(30px * var(--s1-lift)) -12px rgb(0 0 0 / calc(.38 * var(--s1-lift)))}
/* Parmak: kartin uzerinde; basili tutarken cevresinde halka dolar. */
.s1-finger{position:absolute;z-index:4;left:66%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:color-mix(in srgb,var(--ap-text-primary) 26%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--ap-text-primary) 8%,transparent);pointer-events:none}
.s1-finger svg{position:absolute;left:-11px;top:-11px;width:44px;height:44px;transform:rotate(-90deg);overflow:visible}
.s1-finger circle{fill:none;stroke:var(--ap-accent-ink);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1 1}
.s1-scene[data-reduced=true] .s1-finger{display:none}
.s1-route>.s1-stop[data-lifted=true] .ap-roll-track{transition:none!important}

/* ---------- Antrenman: nabiz akisi ve muzik (2026-10-15) ---------- */
.s1-flow{gap:8px}
.s1-flow-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.s1-flow-head>b{font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.s1-flow-head>b .ap-rolling{height:28px;line-height:28px}
.s1-flow-head>b .ap-roll-static,.s1-flow-head>b .ap-roll-col,.s1-flow-head>b .ap-roll-track>span{height:28px;line-height:28px}
.s1-flow-head>span{font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
.s1-flow-chart{display:flex;gap:8px}
.s1-flow-ticks{display:flex;flex-direction:column;justify-content:space-between;height:120px;padding:2px 0;font-size:11px;line-height:13px;color:var(--ap-text-muted);font-variant-numeric:tabular-nums}
.s1-flow-plot{position:relative;flex:1;min-width:0}
.s1-flow-plot>svg{display:block;width:100%;height:120px;overflow:visible}
.s1-flow-plot rect{fill:var(--ap-accent-subtle);opacity:.5}
.s1-flow-plot polyline{fill:none;stroke:var(--ap-accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.s1-flow-dot{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--ap-accent-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ap-accent) 25%,transparent)}
.s1-flow-times{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;line-height:13px;color:var(--ap-text-muted);font-variant-numeric:tabular-nums}
.s1-music{color:var(--ap-text-secondary)}

/* ---------- Saat ve yol (showcase-screens-4.tsx, 2026-10-15) ---------- */
.s4-overlap{margin-top:2px}
.s4-overlap-row{display:flex;align-items:stretch;gap:8px;margin-top:4px}
.s4-overlap-row>i{flex:none;width:4px;border-radius:2px;background:var(--s4-tone)}
.s4-overlap-row>span{display:grid;gap:1px}
.s4-overlap-row b{font-size:15px;line-height:20px;font-weight:600;color:var(--ap-text-primary)}
.s4-overlap-row small{font-size:13px;line-height:18px;color:var(--ap-text-secondary);font-variant-numeric:tabular-nums}
.s4-place{display:grid;gap:8px}
.s4-departure{display:grid;gap:4px}
.s4-departure-title{font-size:17px;line-height:22px;font-weight:600}
.s4-departure-time{font-size:16px;line-height:21px;color:var(--ap-text-secondary)}
.s4-departure-actions{display:flex;margin-top:6px}
.s4-lock{transition:none}
.s4-notice-tap{align-self:stretch;margin-top:64px}
.s4-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:22px;background:color-mix(in srgb,var(--ap-surface-raised) 72%,transparent);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);border:1px solid color-mix(in srgb,var(--ap-border-subtle) 65%,transparent);box-shadow:0 8px 28px color-mix(in srgb,var(--ap-text-primary) 12%,transparent);text-align:left}
.s4-notice>div{display:grid;gap:1px;flex:1;min-width:0}
.s4-notice-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.s4-notice-head b{font-size:13px;line-height:18px;font-weight:600}
.s4-notice-head small{font-size:12px;line-height:16px;color:var(--ap-text-secondary)}
.s4-notice>div>b{font-size:15px;line-height:20px;font-weight:600}
.s4-notice p{font-size:15px;line-height:20px;color:var(--ap-text-primary)}
/* Otomatik set takibi durum kutusu ve akis grafiginin gostergesi (2026-10-15). */
.s1-auto{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:16px;background:var(--ap-accent-subtle);color:var(--ap-on-accent-subtle)}
.s1-auto>div{display:grid;gap:2px;min-width:0}
.s1-auto b{font-size:15px;line-height:20px;font-weight:600}
.s1-auto span{font-size:13px;line-height:18px}
.s1-flow-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;line-height:16px;color:var(--ap-text-secondary)}
.s1-flow-legend span{display:inline-flex;align-items:center;gap:6px}
.s1-flow-key-set{width:14px;height:2.5px;border-radius:2px;background:var(--ap-accent)}
.s1-flow-key-rest{width:12px;height:10px;border-radius:3px;background:var(--ap-accent-subtle)}
.s1-flow-mark{position:absolute;top:0;height:120px;border-left:1.5px dashed var(--ap-accent-ink)}
.s1-flow-mark small{position:absolute;top:-2px;right:4px;white-space:nowrap;font-size:10px;line-height:12px;font-weight:600;color:var(--ap-accent-ink);background:color-mix(in srgb,var(--ap-surface) 85%,transparent);padding:1px 3px;border-radius:4px}
/* Dostun, aracin, yolculugun (showcase-screens-5.tsx, 2026-10-15). */
.s5-line{display:flex;justify-content:space-between;gap:8px;font-size:15px;line-height:21px}
.s5-line>span{color:var(--ap-text-secondary)}
.s5-line>b{font-weight:600;font-variant-numeric:tabular-nums}
.s5-big{font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.s5-title{font-size:16px;line-height:21px;font-weight:600}
.s5-actions{display:flex;gap:8px;margin-top:4px}
.s5-divider{display:block;height:1px;margin:6px 0;background:var(--ap-border-subtle)}
.s5-progress{display:grid;gap:2px}
.s5-progress b{font-size:17px;line-height:22px;font-weight:600}
.s5-progress span{font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
/* Ekstreden kayda (showcase-screens-6.tsx, 2026-10-15). */
.s6-steps{display:flex;gap:6px;flex-wrap:wrap}
.s6-steps span{padding:5px 10px;border-radius:999px;font-size:12px;line-height:16px;font-weight:600;background:var(--ap-surface-alt);color:var(--ap-text-muted)}
.s6-steps span[data-state=active]{background:var(--ap-accent);color:var(--ap-on-accent)}
.s6-steps span[data-state=done]{background:var(--ap-accent-subtle);color:var(--ap-on-accent-subtle)}
.s6-file,.s6-done{display:flex;align-items:center;gap:10px}
.s6-file>div,.s6-done>div{display:grid;gap:1px;min-width:0}
.s6-file b,.s6-done b{font-size:16px;line-height:21px;font-weight:600}
.s6-file span,.s6-done span{font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
.s6-done>svg{color:var(--ap-positive)}
.s6-counts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.s6-big{font-size:30px;line-height:36px;font-weight:700;font-variant-numeric:tabular-nums}
.s6-question{font-size:17px;line-height:22px;font-weight:600}
.s6-suggestion{display:flex;align-items:center;gap:10px;padding:6px 0}
.s6-suggestion+.s6-suggestion,.ap-tap+.s6-suggestion,.ap-tap+.ap-tap .s6-suggestion,.s6-suggestion+.ap-tap .s6-suggestion{border-top:1px solid var(--ap-border-subtle)}
.s6-suggestion>div{display:grid;gap:2px;flex:1;min-width:0}
.s6-suggestion b{font-size:15px;line-height:20px;font-weight:600}
.s6-suggestion span{font-size:13px;line-height:18px;color:var(--ap-text-secondary)}
.s6-suggestion small{font-size:12px;line-height:16px;color:var(--ap-text-muted)}
.s6-suggestion strong{font-size:15px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums}