@font-face{font-family:VOSans;src:url(ibm-plex-sans-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:VOSans;src:url(ibm-plex-sans-latin-ext-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:VOSans;src:url(ibm-plex-sans-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:VOSans;src:url(ibm-plex-sans-latin-ext-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:VOSans;src:url(ibm-plex-sans-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:VOSans;src:url(ibm-plex-sans-latin-ext-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:VOSans;src:url(ibm-plex-sans-latin-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:VOSans;src:url(ibm-plex-sans-latin-ext-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:VOCond;src:url(barlow-semi-condensed-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:VOCond;src:url(barlow-semi-condensed-latin-ext-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:VOCond;src:url(barlow-semi-condensed-latin-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:VOCond;src:url(barlow-semi-condensed-latin-ext-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ======================================================================
   VEKTOR ORACLE · modern tasarım katmanı (APK + web, telefon + masaüstü)
   Fikir: "form defteri". Koyu pist şeridi, serin kâğıt zemin, altın ince çizgi.
   Sayılar daraltılmış başlık yazısı (Barlow Semi Condensed), metin IBM Plex Sans.
   Bu dosya en sonda yüklenir; mevcut davranışa dokunmaz, yalnız görünümü değiştirir.
   ====================================================================== */
:root{
  --vo-font:OracleSans,Roboto,"Noto Sans",system-ui,Arial,sans-serif;
  --vo-display:VOCond,VOSans,OracleSans,Roboto,system-ui,sans-serif;
  --vo-canvas:#eef2ef;--vo-surface:#fff;--vo-surface-2:#f5f8f6;--vo-line:#dbe3de;--vo-line-strong:#c3cfc8;
  --vo-ink:#0c1d2b;--vo-ink-2:#33485a;--vo-muted:#586c7c;
  --vo-navy:#091a28;--vo-navy-2:#12304a;
  --vo-primary:#0d6153;--vo-primary-strong:#09493f;--vo-primary-soft:#e1efea;
  --vo-gold:#c49a3c;--vo-gold-soft:#f7efd9;
  --vo-r-sm:6px;--vo-r-md:10px;--vo-r-lg:14px;
  --vo-shadow:0 1px 2px #0c1d2b12,0 4px 14px #0c1d2b0a;
  --vo-shadow-up:0 -1px 0 #0c1d2b14,0 -6px 20px #0c1d2b0f;
}
html body{font-family:var(--vo-font);background:var(--vo-canvas);color:var(--vo-ink);letter-spacing:0;-webkit-font-smoothing:antialiased}
html body table,html body .studio-table,html body td,html body th{font-variant-numeric:tabular-nums lining-nums}
html body h1,html body h2,html body h3,html body .race-number,html body .race-name h1{font-family:var(--vo-display);letter-spacing:.005em}

/* ---- üst şerit: pist ---- */
html body header.brand{position:relative;display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:56px;background:linear-gradient(180deg,#0b1f31,#091a28);border-bottom:2px solid var(--vo-gold);box-shadow:none}
html body header.brand img{width:36px;height:36px;border-radius:9px}
html body header.brand>div{flex:1;min-width:0}
html body header.brand b{font-family:var(--vo-display);font-weight:700;font-size:19px;letter-spacing:.06em;color:#fff}
html body header.brand small{display:block;margin-top:1px;font-size:10.5px;letter-spacing:.14em;color:#9db3c4;font-weight:500}
html body header.brand button{min-width:36px;height:36px;padding:0 10px;border-radius:9px;border:1px solid #ffffff2b;background:#ffffff14;color:#fff;font:600 13px var(--vo-font)}
html body header.brand button:hover{background:#ffffff26}
html body header.brand #appRelease,html body header.brand #oracleHelp,html body header.brand #import{display:none}

/* ---- durum satırı ve işlem çipleri: tek satır, yatay kaydırma ---- */
html body #edition{padding:0;margin:0 auto;background:transparent;border:0}
html body .edition-status{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--vo-surface);border-bottom:1px solid var(--vo-line);font-size:12.5px}
html body .edition-status b{font-family:var(--vo-display);font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--vo-primary)}
html body .edition-status span{flex:1;color:var(--vo-muted);text-align:right}
html body .edition-status button{height:30px;padding:0 12px;border-radius:15px;border:1px solid var(--vo-line-strong);background:#fff;color:var(--vo-ink);font:600 12.5px var(--vo-font)}
html body nav.app-actions{display:flex!important;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:8px 12px;background:var(--vo-canvas);scrollbar-width:none;border:0}
html body nav.app-actions::-webkit-scrollbar{display:none}
html body nav.app-actions button{flex:0 0 auto;height:32px;padding:0 13px;border-radius:16px;border:1px solid var(--vo-line-strong);background:#fff;color:var(--vo-ink-2);font:600 12.5px var(--vo-font);white-space:nowrap;box-shadow:none}
html body nav.app-actions button.unread{border-color:var(--vo-gold);background:var(--vo-gold-soft)}
html body #connectionStatus{margin:0 12px 4px auto;display:flex;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 24px);background:transparent;border:0;font-size:11.5px;color:var(--vo-muted);padding:2px 4px}
html body .production-time,html body .next-intro,html body .next-nav{display:none}

/* ---- tarih ve koşu seçimi ---- */
html body section.top-controls{background:transparent;border:0;box-shadow:none;padding:0 12px;margin-top:2px}
html body .day-row{display:flex;gap:8px;align-items:center}
html body .day-row select{flex:1;min-width:0}
html body select,html body input[type=search],html body input:not([type=checkbox]):not([type=radio]){min-height:42px;border-radius:var(--vo-r-sm);border:1px solid var(--vo-line-strong);background:#fff;font:500 14px var(--vo-font);color:var(--vo-ink)}
html body .day-row button,html body #programExcel{height:42px;border-radius:var(--vo-r-sm);border:1px solid var(--vo-line-strong);background:#fff;color:var(--vo-ink);font:600 13px var(--vo-font);padding:0 12px;white-space:nowrap}
html body #programExcel{background:var(--vo-primary-soft);border-color:#b7d6cd;color:var(--vo-primary-strong)}
html body .studio-nav{margin-top:8px;padding:10px 12px 0;background:#fff;border:1px solid var(--vo-line);border-radius:var(--vo-r-lg);box-shadow:var(--vo-shadow)}
html body .studio-nav label{font-size:11.5px;font-weight:600;color:var(--vo-muted);text-transform:none;letter-spacing:0}

/* ---- bölüm sekmeleri: altı çizgili ---- */
html body .section-tabs,html body nav#panels,html body .choice-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--vo-line);margin:8px -12px 0;padding:0 8px;scrollbar-width:none;background:#fff}
html body .section-tabs::-webkit-scrollbar,html body nav#panels::-webkit-scrollbar{display:none}
html body .section-tabs button,html body nav#panels button{flex:0 0 auto;height:42px;padding:0 13px;border:0;border-radius:0;background:transparent;color:var(--vo-muted);font:600 13px var(--vo-font);letter-spacing:.01em;text-transform:none;box-shadow:none;border-bottom:3px solid transparent;margin-bottom:-1px}
html body .section-tabs button.on,html body .section-tabs button.active,html body nav#panels button.active{color:var(--vo-ink);background:transparent;border-bottom-color:var(--vo-gold);box-shadow:none}

/* ---- koşu özeti: eyer numarası ---- */
html body .race-summary{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1px solid var(--vo-line);border-left:5px solid var(--vo-navy);border-radius:var(--vo-r-md);box-shadow:var(--vo-shadow)}
html body .race-number{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--vo-r-sm);background:var(--vo-navy);color:#fff;font:700 22px/1 var(--vo-display)}
html body .race-name h1{margin:0;font-size:17px;line-height:1.1;font-weight:700;color:var(--vo-ink)}
html body .race-name p{margin:3px 0 0;font-size:12.5px;color:var(--vo-ink-2)}

/* ---- tablolar ---- */
html body .table-scroll{border:1px solid var(--vo-line);border-radius:var(--vo-r-md);background:#fff;box-shadow:var(--vo-shadow)}
html body table th{background:#e9efec;color:var(--vo-ink-2);font:600 11.5px var(--vo-font);text-transform:none;letter-spacing:.02em}
html body table td{border-bottom:1px solid #e8eeea}
html body table tbody tr:nth-child(even) td:where(:not([style*=background]):not([class])){background-color:#fafcfb}

/* ---- alt sekme çubuğu ---- */
html body nav.bottom{background:#fff;border-top:1px solid var(--vo-line);box-shadow:var(--vo-shadow-up);gap:0;padding:0 6px calc(4px + env(safe-area-inset-bottom))}
html body nav.bottom button{position:relative;border:0;border-radius:0;background:transparent;color:var(--vo-muted);font:600 10.5px var(--vo-font);letter-spacing:.04em;box-shadow:none}
html body nav.bottom button.active{color:var(--vo-primary-strong);background:transparent}
html body nav.bottom button.active::before{content:"";position:absolute;left:22%;right:22%;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--vo-gold)}
html body nav.bottom svg{stroke-width:1.9}

/* ---- giriş / hesap kapısı ---- */
html body .gw-card{border-radius:var(--vo-r-lg)}
html body .gw-brand{padding:4px 0}
html body button{font-family:var(--vo-font)}

/* ---- masaüstü ---- */
@media (min-width:900px){
  html body header.brand{padding:10px max(24px,calc((100% - 1180px)/2))}
  html body .edition-status{padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2))}
  html body nav.app-actions{padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2))}
  html body .table-scroll table td{padding-top:9px;padding-bottom:9px}
}
@media (prefers-reduced-motion:reduce){html body *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---- düzeltmeler (ekran görüntüsü turu 1) ---- */
html body header.brand b{font-size:15px;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body header.brand small{font-size:9.5px;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
html body header.brand button{flex:none;padding:0 11px!important;height:34px;font-size:12.5px}
html body header.brand #update{width:34px;padding:0!important}
html body header.brand img{flex:none}
html body .race-summary .race-number,html body .race-number{background:var(--vo-navy)!important;color:#fff!important;width:38px;height:38px;border-radius:8px;font:700 22px/1 var(--vo-display)}
html body .race-summary{border-top:1px solid var(--vo-line)}
html body .studio-nav label,html body .studio-nav .label,html body .section-label{text-transform:none!important;letter-spacing:0!important;font-size:11.5px}
html body nav.bottom button,html body nav.bottom button span{text-transform:none;letter-spacing:.01em;white-space:nowrap;font-size:11px}
html body nav.bottom{padding-bottom:calc(6px + env(safe-area-inset-bottom))}
html body .section-tabs button,html body nav#panels button,html body .choice-tabs button{text-transform:none;letter-spacing:.01em;font-size:13px}
html body .section-tabs button.active,html body .choice-tabs button.active,html body .section-tabs button[aria-selected=true],html body .choice-tabs button[aria-selected=true]{background:transparent!important;color:var(--vo-ink)!important;border-bottom:3px solid var(--vo-gold)!important;box-shadow:none}
html body .section-tabs,html body .choice-tabs{margin:6px -12px 0}
html body{padding-bottom:84px}
@media (min-width:900px){
  html body nav.bottom{border-radius:14px 14px 0 0;border:1px solid var(--vo-line);border-bottom:0}
  html body header.brand b{font-size:18px}
}

/* masaüstü: işlem çipleri ve durum satırı üst şeritle aynı sütundan başlasın */
@media (min-width:900px){
  html body nav.app-actions,html body #connectionStatus{margin-left:0!important;margin-right:0!important;max-width:none!important;width:100%!important;box-sizing:border-box}
  html body #connectionStatus{padding-left:max(24px,calc((100% - 1180px)/2))!important;justify-content:flex-start}
}

/* ---- 2.7.16: yazılar 2.7.14 ölçüsüne döndü, taşma yok ---- */
html body .race-summary{padding:10px 12px;gap:10px}
html body,html body *{overflow-wrap:anywhere}
html body table,html body table *{overflow-wrap:normal}

/* ---- "Ekrana odaklan": menüleri gerçekten gizler, tablo ekranı yukarı çıkar ---- */
html body.studio-focus nav.app-actions,html body.studio-focus .edition-status,html body.studio-focus #connectionStatus,html body.studio-focus .fusion-progress,html body.studio-focus #status{display:none!important}
html body.studio-focus header.brand{min-height:44px;height:44px;padding-top:4px;padding-bottom:4px}
html body.studio-focus header.brand small{display:none}
html body.studio-focus .race-summary{padding:6px 10px}
html body.studio-focus .race-summary .race-number{width:30px;height:30px;font-size:18px}
