:root{
    --burs-bg:#fff; --burs-fg:#222; --burs-muted:#666;
    --burs-primary:#0f766e; --burs-border:#e5e7eb; --burs-error:#dc2626;
    --burs-radius:10px;
}
.burs-wrap{
    font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;
    color:var(--burs-fg); background:var(--burs-bg);
    /* Daha geniş görünüm için max-width artırıldı ve padding azaltıldı */
    padding:10px; max-width:1280px; margin:0 auto;
}
.burs-card{
    border:1px solid var(--burs-border);
    border-radius:var(--burs-radius);
    box-shadow:0 4px 14px rgba(0,0,0,.04);
}
/* Üst/alt bilgilendirme alanları daha ince padding ve daha küçük font */
.burs-head, .burs-foot{
    padding:8px 10px; font-size:12px; color:var(--burs-muted); line-height:1.4;
}
.burs-head[contenteditable], .burs-foot[contenteditable]{outline:1px dashed #ddd; border-radius:8px}

/* Form iç boşlukları kısaltıldı */
.burs-form{padding:10px}

/* Çok satıra sığması için 5 kolona kadar çıkarıldı, aralıklar kısaltıldı */
.burs-grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0,1fr));
    gap:6px 8px; /* dikey 6px, yatay 8px */
}
@media (max-width:1200px){ .burs-grid{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:992px){ .burs-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:720px){ .burs-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .burs-grid{ grid-template-columns:1fr; } }

/* Alanların dikey boşlukları azaltıldı */
.burs-field{display:flex; flex-direction:column; gap:3px; min-width:0;}

/* Daha küçük etiket */
.burs-label{font-size:12px; line-height:1.2}
.burs-req{color:var(--burs-error)}

/* Input/select daha kompakt: padding ve font küçültüldü, yükseklik azaldı */
.burs-input, .burs-select{
    font-size:12.5px; padding:7px 8px;
    border:1px solid var(--burs-border); border-radius:8px; outline:none; background:#fff;
    transition:border-color .12s, box-shadow .12s;
}
.burs-input:focus, .burs-select:focus{
    border-color:var(--burs-primary); box-shadow:0 0 0 2px rgba(15,118,110,.12);
}

/* Hata mesajı daha kompakt */
.burs-error-msg{font-size:11px; color:var(--burs-error); min-height:12px}

/* Butonlar daha ince ve sıkı hizalı */
/* Aksiyon satırı: dikey hizalamayı sabitle, gerekirse sar (wrap) */
.burs-actions{
    display:flex;
    align-items:center;      /* buton ve captcha aynı hizada */
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;          /* dar ekranda alt satıra geçsin ama bozulmasın */
}

/* .burs-actions içindeki ilk .burs-field = captcha alanı (sola yasla) */
.burs-actions > .burs-field{
    display:flex;
    flex-direction:row;      /* label + input aynı satırda */
    align-items:center;
    gap:8px;
    margin-right:auto;       /* butonları sağa iter */
    padding:0;               /* ekstra iç boşluğu kaldır */
    min-width:0;
}

/* Captcha etiketini kompakt yap */
.burs-actions > .burs-field .burs-label{
    margin:0;
    font-size:12px;
    line-height:1.2;
    white-space:nowrap;
}

/* Etiketin yanındaki küçük grup (input + yenile) tek satırda kalsın */
.burs-actions > .burs-field > div{
    display:flex;
    align-items:center;
    gap:6px;
}

/* Captcha input ve yenile butonunu kompaktlaştır */
#burs-captcha-answer{ width:72px; padding:6px 8px; }
#burs-captcha-refresh{ padding:6px 10px; }

/* Hata mesajı satırda fazla yer kaplamasın */
.burs-actions .burs-error-msg{
    min-height:0;
    font-size:11px;
}


/* Button loader */
.burs-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.burs-btn .burs-btn__text { transition: opacity .15s ease; }
.burs-btn .burs-btn__spinner{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px; height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none;
}
.burs-btn.is-loading .burs-btn__text{ opacity: 0; }
.burs-btn.is-loading .burs-btn__spinner{
    opacity: 1;
    animation: burs-spin .8s linear infinite;
}
@keyframes burs-spin {
    to { transform: translate(-50%,-50%) rotate(360deg); }
}
/* Yükleme sırasında etkileşimi kapatmak için */
.burs-btn.is-loading,
.burs-btn:disabled { cursor: not-allowed; opacity: .9; }


.burs-btn{font-size:12.5px; padding:7px 10px; border-radius:8px; cursor:pointer; border:1px solid transparent}
.burs-btn-primary{background:var(--burs-primary); color:#fff}
.burs-btn-ghost{background:#fff; color:#111; border-color:var(--burs-border)}

/* Hata durumu vurgusu daraltıldı */
.burs-invalid{border-color:var(--burs-error)!important; box-shadow:0 0 0 2px rgba(220,38,38,.12)!important}

/* Toast daha küçük ve kenara daha yakın */
.burs-toast{
    position:fixed; inset:auto 10px 10px auto; background:#111; color:#fff;
    padding:8px 10px; border-radius:8px; font-size:12.5px;
    opacity:0; pointer-events:none; transform:translateY(6px);
    transition:opacity .15s, transform .15s
}
.burs-toast.burs-show{opacity:1; transform:translateY(0)}


/* 6'lı satır düzeni */
.burs-grid-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;              /* aralık */
    align-items: start;
}

/* Responsive kırılımlar */
@media (max-width: 1100px) {
    .burs-grid-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .burs-grid-6 { grid-template-columns: 1fr; }
}