/* Teklif formu (/b/) — yalnız bu sayfaya özgü kurallar; jetonlar style.css'ten.
   Yeni renk/yazı tipi/gölge yok. Kart-radyo kalıbı: kanal ve seçmeli sorular. */
.brief-wrap{max-width:44rem}
.brief-wrap .sub{margin-bottom:1rem}

/* güven satırı: üç doğru vaat */
.brief-guven{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 1.5rem;padding:0;list-style:none;font-size:.875rem;color:var(--ink2)}
.brief-guven li{position:relative;padding-left:1rem}
.brief-guven li::before{content:"";position:absolute;left:0;top:.5em;width:.4rem;height:.4rem;border-radius:50%;background:var(--blue)}

/* bölüm başlığı */
.brief-bolum{margin:1.5rem 0 1rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.9375rem;font-weight:600;color:var(--ink)}
.brief-bolum:first-of-type{margin-top:0}

/* bal küpü: görsel ve odak dışı */
.bal{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* seçmeli gruplar */
.brief-wrap fieldset.field{min-width:0;margin-left:0;margin-right:0;padding:0;border:0}
.brief-wrap fieldset.field legend{display:block;width:100%;padding:0;margin-bottom:.45rem;font-size:.8375rem;font-weight:600;color:var(--ink)}
.brief-wrap .field .yardim{margin-top:0;margin-bottom:.5rem}
.brief-wrap .field .yardim--ust{margin-top:-.25rem}
.istege{font-weight:400;color:var(--ink3)}
.istege[hidden]{display:none}

.kart-sec{display:grid;gap:.5rem}
.kart-sec--iki{grid-template-columns:1fr 1fr}
.brief-wrap .kart-sec label{
  display:flex;align-items:flex-start;gap:.75rem;margin:0;min-height:48px;padding:.75rem .9rem;
  font-size:.9375rem;font-weight:400;color:var(--ink2);
  background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-xs);cursor:pointer;
  transition:border-color .18s var(--ease),background-color .18s var(--ease);
}
.brief-wrap .kart-sec label:hover{border-color:var(--blue);background:var(--paper2)}
.brief-wrap .kart-sec label:has(input:checked){border-color:var(--blue);background:var(--tint);color:var(--ink)}
.brief-wrap .kart-sec label:has(input:focus-visible){box-shadow:0 0 0 4px rgba(47,107,242,.16)}
.brief-wrap .field .kart-sec input[type=radio],.brief-wrap .field .kart-sec input[type=checkbox]{width:1.5rem;height:1.5rem;margin:0}
.kart-sec strong{display:block;font-size:.9375rem;font-weight:600;color:var(--ink)}
.kart-sec small{display:block;font-size:.875rem;color:var(--ink2)}

/* dosya alanı: ana kit girdi dili */
.field input[type=file]{padding:.6rem .9rem;font-size:.9375rem;color:var(--ink2);cursor:pointer}
.field input[type=file]::file-selector-button{min-height:44px;margin-right:.75rem;padding:.35rem .9rem;font:inherit;font-size:.875rem;font-weight:600;color:var(--blue-metin);background:var(--paper2);border:1.5px solid var(--line);border-radius:var(--r-xs);cursor:pointer}
.field select{cursor:pointer}

/* hata: alanın yanında, renk tek başına değil (metin + kenarlık) */
.alan-hata{margin:.45rem 0 0;font-size:.875rem;font-weight:600;color:var(--bad)}
.brief-wrap [aria-invalid=true]:not([type=radio]):not([type=checkbox]){border-color:var(--bad)}
.brief-wrap .kart-sec label:has(input[aria-invalid=true]){border-color:var(--bad)}
.brief-wrap .msg:focus{outline:2px solid var(--bad);outline-offset:2px}
.brief-ozet{margin:.5rem 0 0;padding-left:1.25rem}
.brief-ozet a{display:inline-block;padding:.35rem 0;color:inherit;text-decoration:underline}

.brief-not{margin:1rem 0 0;font-size:.875rem;color:var(--ink3)}
.brief-wrap .btn.blok{margin-top:1.5rem}

/* başarı ekranı */
.brief-alt-baslik{margin:1.5rem 0 .75rem;font-size:1rem}
.brief-adim{margin:0 0 1.5rem;padding-left:1.25rem;font-size:.9375rem;color:var(--ink2)}
.brief-adim li{margin-bottom:.5rem;padding-left:.35rem}
.brief-eylem{display:flex;flex-wrap:wrap;gap:.75rem}
.brief-no{margin:1.25rem 0 0}

/* iş türü kartları + türe özgü bloklar */
.kart-sec--tur{grid-template-columns:1fr 1fr}
.tur-blok[hidden],.sorular[hidden],.soru[hidden]{display:none}
.sorular{margin-top:.5rem}
.sayac{display:block;margin-top:.35rem;font-size:.875rem;color:var(--ink3);text-align:right}

/* kod ekranı */
.brief-kod-satir{margin-bottom:.25rem}
.brief-kod{margin:0 0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2rem;font-weight:600;letter-spacing:.02em;color:var(--ink);overflow-wrap:anywhere}

@media (max-width:520px){
  .kart-sec--tur{grid-template-columns:1fr}
  .brief-kod{font-size:1.5rem}
  .kart-sec--iki{grid-template-columns:1fr}
  .brief-eylem .btn{width:100%}
}