/* TiboForm — ön yüz. Temanın yazı tipini ve metin rengini (color:inherit) kullanır.
   Tema vurgu rengi: .tfm{--tfm-ac:var(--tema-rengi)} (varsayılanlar :where ile sıfır özgüllüktedir). */
:where(.tfm){--tfm-ac:var(--tfm-color,#2563eb);--tfm-on:#fff;--tfm-line:color-mix(in srgb,currentColor 28%,transparent);--tfm-soft:color-mix(in srgb,currentColor 5%,transparent);--tfm-radius:10px;--tfm-err:#dc2626}
:where(.tfm.is-dark){--tfm-line:rgba(255,255,255,.28);--tfm-soft:rgba(255,255,255,.06);--tfm-err:#f87171;color:#f3f4f6}
.tfm{max-width:720px;font-family:inherit}
.tfm *{box-sizing:border-box}
.tfm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:0 0 16px}
.tfm-f{grid-column:1/-1;display:grid;gap:6px;margin:0;min-width:0}
.tfm-f.is-half{grid-column:auto}
.tfm-f[hidden]{display:none}
.tfm-f>label,.tfm-f legend{font-size:14px;font-weight:600;color:inherit}
.tfm-f input:not([type=checkbox]):not([type=radio]):not([type=file]),.tfm-f select,.tfm-f textarea{width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--tfm-line);border-radius:var(--tfm-radius);font:inherit;background:var(--tfm-soft);color:inherit;color-scheme:light dark}
.tfm-f select option{color:#111827;background:#fff}
.tfm-f textarea{min-height:120px;resize:vertical}
.tfm-f input::placeholder,.tfm-f textarea::placeholder{color:inherit;opacity:.5}
.tfm-f input:focus,.tfm-f select:focus,.tfm-f textarea:focus{outline:2px solid var(--tfm-ac);outline-offset:1px;border-color:transparent}
.tfm-f input:user-invalid,.tfm-f select:user-invalid,.tfm-f textarea:user-invalid{border-color:var(--tfm-err)}
.tfm-f fieldset{margin:0;padding:0;border:0;display:grid;gap:6px;min-width:0}
.tfm-check{display:flex;align-items:flex-start;gap:8px;font-size:14px;cursor:pointer}
.tfm-check input{margin-top:3px;accent-color:var(--tfm-ac)}
.tfm-check a{color:inherit;text-decoration:underline}
.tfm-req{color:var(--tfm-err)}
.tfm-heading p{margin:6px 0 0;font-size:15px;opacity:.85}
.tfm-sec{margin:10px 0 0;padding:0 0 6px;font-size:17px;border-bottom:1px solid var(--tfm-line);color:inherit}
.tfm-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.tfm-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tfm-btn{min-height:48px;padding:0 28px;border:0;border-radius:var(--tfm-radius);background:var(--tfm-ac);color:var(--tfm-on);font:inherit;font-weight:700;cursor:pointer}
.tfm-btn:hover{filter:brightness(1.08)}
.tfm-btn:focus-visible{outline:2px solid var(--tfm-ac);outline-offset:3px}
.tfm-btn.is-ghost{background:transparent;color:inherit;border:1px solid var(--tfm-line)}
.tfm-err{margin:0 0 14px;padding:10px 14px;border-radius:var(--tfm-radius);background:color-mix(in srgb,var(--tfm-err) 12%,transparent);border:1px solid color-mix(in srgb,var(--tfm-err) 35%,transparent);color:inherit}
.tfm-done,.tfm-closed{display:flex;align-items:center;gap:14px;padding:20px;border-radius:14px;background:color-mix(in srgb,var(--tfm-ac) 8%,transparent);border:1px solid color-mix(in srgb,var(--tfm-ac) 30%,transparent)}
.tfm-done span{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tfm-ac);color:var(--tfm-on);font-size:22px}
.tfm-done p,.tfm-closed p{margin:0;font-weight:600}
@media (max-width:560px){.tfm-grid{grid-template-columns:1fr}.tfm-f.is-half{grid-column:1/-1}}