/* YAKIN OSGB Başvuru Formu - Frontend */
:root{
  --ybf-primary:#0878e0;
  --ybf-border:#d0d7de;
  --ybf-bg:#ffffff;
  --ybf-muted:#5f6c7b;
  --ybf-radius:12px;
}

.ybf-wrap{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  background:var(--ybf-bg);
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--ybf-radius);
  padding:14px;
}

.ybf-title{
  font-weight:700;
  font-size:16px;
  line-height:1.25;
  margin:0 0 10px 0;
}

.ybf-msg{
  padding:10px 12px;
  border-radius:10px;
  margin:0 0 12px 0;
  font-size:14px;
}
.ybf-msg--ok{ background:rgba(0,128,0,.08); border:1px solid rgba(0,128,0,.18); }
.ybf-msg--err{ background:rgba(220,38,38,.08); border:1px solid rgba(220,38,38,.18); }

.ybf-form{
  margin:0;
}

.ybf-field{
  margin:0 0 10px 0;
}
.ybf-field label{
  display:block;
  font-size:13px;
  font-weight:600;
  margin:0 0 6px 0;
}

.ybf-cap-code{
  display:inline-block;
  margin-left:8px;
  padding:4px 10px;
  border-radius:10px;
  border:1px dashed rgba(0,0,0,.25);
  background:rgba(0,0,0,.04);
  font-weight:800;
  letter-spacing:.18em;
  user-select:none;
}

.ybf-field input,
.ybf-field select,
.ybf-field textarea{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  border:1px solid var(--ybf-border);
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
  line-height:1.25;
  background:#fff;
  outline:none;
}

.ybf-field textarea{ resize:vertical; min-height:84px; }

.ybf-field input:focus,
.ybf-field select:focus,
.ybf-field textarea:focus{
  border-color:rgba(8,120,224,.55);
  box-shadow:0 0 0 3px rgba(8,120,224,.12);
}

.ybf-actions{
  margin-top:12px;
}
.ybf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  border:0;
  border-radius:12px;
  padding:11px 14px;
  font-weight:700;
  cursor:pointer;
  background:var(--ybf-primary);
  color:#fff;
  transition:transform .08s ease, filter .12s ease;
}
.ybf-btn:hover{ filter:brightness(1.05); }
.ybf-btn:active{ transform:scale(.99); }

.ybf-note{
  margin-top:10px;
  font-size:12px;
  color:var(--ybf-muted);
}

.ybf-hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

/* Compact mode: a bit tighter for sidebar */
.ybf-compact{
  padding:12px;
}
.ybf-compact .ybf-field{ margin-bottom:8px; }
.ybf-compact .ybf-field input,
.ybf-compact .ybf-field select,
.ybf-compact .ybf-field textarea{
  padding:9px 11px;
}
.ybf-compact .ybf-field textarea{ min-height:74px; }

/* Larger screens: optionally 2-column for first two fields when there's space */
@media (min-width: 640px){
  .ybf-wrap:not(.ybf-compact) .ybf-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:10px 12px;
  }
  .ybf-wrap:not(.ybf-compact) .ybf-field:nth-child(1),
  .ybf-wrap:not(.ybf-compact) .ybf-field:nth-child(2){
    margin:0;
  }
  .ybf-wrap:not(.ybf-compact) .ybf-field:nth-child(3),
  .ybf-wrap:not(.ybf-compact) .ybf-field:nth-child(4),
  .ybf-wrap:not(.ybf-compact) .ybf-field:nth-child(5),
  .ybf-wrap:not(.ybf-compact) .ybf-field:nth-child(6),
  .ybf-wrap:not(.ybf-compact) .ybf-actions,
  .ybf-wrap:not(.ybf-compact) .ybf-note{
    grid-column:1 / -1;
    margin:0;
  }
}