:root { --pico-font-size: 95%; }
form.inline { margin: 0; display: inline; }
form.inline button { margin: 0; padding: 0.25rem 0.75rem; }
form.inline button.link { padding: 0; width: auto; border: 0; background: none; color: var(--pico-primary); font-size: 0.85rem; text-decoration: underline; cursor: pointer; }
form.inline button.link.muted { color: var(--pico-muted-color); }
.narrow { max-width: 28rem; margin: 2rem auto; }
.error { color: var(--pico-del-color); }
.msg { padding: 0.75rem 1rem; }
.msg-error { border-left: 4px solid var(--pico-del-color); }
.msg-warning { border-left: 4px solid #d99a00; }
.msg-success { border-left: 4px solid var(--pico-ins-color); }
.nav-links { flex-wrap: wrap; }
.nav-links a { padding: 0.25rem 0.5rem; }
.table-wrap { overflow-x: auto; }
table { font-size: 0.9rem; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
.tag { display: inline-block; padding: 0 0.4rem; border-radius: 0.25rem; font-size: 0.8rem; background: var(--pico-muted-border-color); }
.tag-out { background: hsla(0, 70%, 50%, 0.35); }
.tag-doubtful, .tag-gtd { background: hsla(35, 90%, 50%, 0.35); }
.tag-coach_decision { background: hsla(260, 40%, 55%, 0.3); }
.tag-expected { background: hsla(140, 50%, 45%, 0.3); }
.tag-unverified { border: 1px dashed var(--pico-del-color); background: transparent; }
.muted { color: var(--pico-muted-color); }
.grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 1rem; }
.heat td.cell { cursor: pointer; text-align: right; font-variant-numeric: tabular-nums; }
.heat td.cell.dim { opacity: 0.25; }
.countdown { font-variant-numeric: tabular-nums; font-weight: 600; }
.captain { font-weight: 700; }
.rules li { margin-bottom: 0.25rem; }
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator { display: inline; }

/* Tom Select — Pico temasına uyum (açık/koyu). Kütüphanenin özgül seçicilerini (input-active, full) ezmek için. */
.ts-wrapper { margin-bottom: var(--pico-spacing); }
.ts-wrapper.single .ts-control,
.ts-wrapper.single.full .ts-control,
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper .ts-dropdown,
.ts-wrapper .ts-dropdown .optgroup-header {
  background: var(--pico-form-element-background-color);
  color: var(--pico-color);
  border-color: var(--pico-form-element-border-color);
}
.ts-wrapper.single .ts-control {
  padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
  border-radius: var(--pico-border-radius);
}
.ts-wrapper.focus .ts-control { border-color: var(--pico-primary-border); }
.ts-wrapper .ts-control input {
  border: 0 !important; padding: 0 !important; margin: 0 !important; height: auto !important;
  background: transparent !important; box-shadow: none !important; color: var(--pico-color);
  width: auto !important; min-width: 3rem; flex: 1 1 auto;
}
.ts-wrapper .ts-control .item { color: var(--pico-color); }
.ts-wrapper .ts-dropdown { border-radius: var(--pico-border-radius); }
.ts-wrapper .ts-dropdown .option, .ts-wrapper .ts-dropdown .no-results { padding: 0.4rem 0.75rem; }
.ts-wrapper .ts-dropdown .active { background: var(--pico-primary-background); color: var(--pico-primary-inverse); }
.ts-wrapper .ts-dropdown .option.disabled { opacity: 0.4; }
details.method { margin-bottom: var(--pico-spacing); }
details.method ol { margin-top: 0.5rem; }
details.method li { margin-bottom: 0.4rem; }
.hint { text-decoration: underline dotted; text-underline-offset: 2px; cursor: help; }
.hint:focus-visible { outline: 2px solid var(--pico-primary); outline-offset: 2px; border-radius: 2px; }
[data-tip] { cursor: help; }
a[data-tip] { cursor: pointer; }
/* İpucu kutusu (static/js/tips.js) — body'ye eklenir, tablolarda kesilmez */
.tip-box {
  position: fixed; z-index: 1000; max-width: min(24rem, calc(100vw - 16px));
  padding: 0.45rem 0.65rem; border-radius: 0.35rem; font-size: 0.82rem; line-height: 1.35;
  background: var(--pico-contrast-background, #1f2937); color: var(--pico-contrast-inverse, #fff);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35); pointer-events: none; white-space: normal;
}
details.method dl { margin: 0.5rem 0 0; }
details.method dt { font-weight: 600; margin-top: 0.6rem; }
details.method dd { margin: 0.15rem 0 0 0; color: var(--pico-muted-color); }
details.method code, details.method .formula { color: var(--pico-color); }
.ts-wrapper.multi .ts-control { background: var(--pico-form-element-background-color); border-color: var(--pico-form-element-border-color); }
.ts-wrapper.multi .ts-control > div { background: var(--pico-primary-background); color: var(--pico-primary-inverse); border-radius: 0.25rem; }
.ts-wrapper.multi .ts-control > div .remove { border-left-color: rgba(255, 255, 255, 0.3); }
nav details.dropdown { margin: 0; }
nav details.dropdown summary { padding: 0.25rem 0.5rem; }

/* Telefon: menü tek açılır listede */
.nav-mobile { display: none; }
.nav-mobile .menu-heading { font-size: 0.75rem; text-transform: uppercase; color: var(--pico-muted-color); padding: 0.5rem 0.75rem 0.1rem; }
.nav-mobile details.dropdown ul { max-height: 75vh; overflow-y: auto; }
.nav-mobile form.inline button.link { font-size: 1rem; text-decoration: none; padding: 0.25rem 0.75rem; }
@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-mobile { display: flex; }
  .hide-sm { display: none; }  /* telefonda ikinci planda kalan sütunlar */
}

.getting-started ol { margin-bottom: 0.5rem; }
.getting-started li.done { color: var(--pico-muted-color); text-decoration: line-through; }