/* Asya.Platform.Ui ortak bileşenleri. Renkler uygulamanın --brand / --primary değişkenlerinden gelir. */
.asya-numfmt { display: flex; flex-direction: column; gap: .75rem; }
.asya-numfmt p { margin: 0; font-size: .85rem; color: #64748b; }
.asya-numfmt-head h3 { margin: 0 0 .25rem; font-size: 1rem; font-weight: 700; }
.asya-numfmt-head p { margin: 0; font-size: .85rem; color: #64748b; }
.asya-numfmt-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
@media (max-width: 760px) { .asya-numfmt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.asya-numfmt-grid label { display: flex; flex-direction: column; gap: .3rem; margin: 0; font-size: .85rem; font-weight: 600; }
.asya-numfmt-grid select { width: 100%; padding: .4rem .5rem; border: 1px solid #cbd5e1; border-radius: .5rem; background: #fff; font: inherit; }
.asya-numfmt-grid small { font-weight: 400; color: #64748b; font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asya-numfmt-actions { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.asya-numfmt-btn { padding: .45rem 1rem; border: 0; border-radius: .5rem; background: var(--brand, var(--primary, #1B6CA8)); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.asya-numfmt-btn:disabled { opacity: .5; cursor: default; }
.asya-numfmt-muted { font-size: .85rem; color: #64748b; }
.asya-numfmt-msg { font-size: .85rem; }
.asya-numfmt-msg.is-ok { color: #047857; }
.asya-numfmt-msg.is-error { color: #b91c1c; }

.asya-fold { border: 1px solid var(--asya-border, #ddd6cb); border-radius: var(--asya-radius, 8px); background: var(--asya-surface, #fffcf8); box-shadow: var(--asya-shadow, 0 1px 3px rgba(28, 36, 34, .08)); overflow: hidden; }
.asya-fold > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: .35rem; margin: 0; padding: .7rem .95rem; background: var(--asya-surface, #fffcf8); color: var(--asya-text, #1c2422); font-weight: 700; border-bottom: 1px solid transparent; }
.asya-fold > summary::-webkit-details-marker { display: none; }
.asya-fold-chevron { display: inline-block; width: .9rem; transition: transform .15s ease; color: var(--asya-accent, #1B6CA8); }
.asya-fold-chevron::before { content: "\25B8"; }
.asya-fold[open] > summary { border-bottom-color: var(--asya-border, #ddd6cb); }
.asya-fold[open] > summary .asya-fold-chevron { transform: rotate(90deg); }
.asya-fold-side { margin-left: auto; font-size: .82rem; font-weight: 600; color: var(--asya-text-muted, #6b736f); }
.asya-btnbar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .55rem .95rem; background: var(--asya-bg, #f6f3ee); border-bottom: 1px solid var(--asya-border, #ddd6cb); }
.asya-btnbar-select { min-width: 12rem; padding: .35rem .55rem; border: 1px solid var(--asya-border, #ddd6cb); border-radius: .5rem; background: #fff; color: var(--asya-text, inherit); font: inherit; }
.asya-fold-body { padding: 1rem 1.15rem 1.15rem; }
.asya-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem 1rem; align-items: end; }
.asya-form.is-quad { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.asya-form-fields { display: contents; }
.asya-form-span { grid-column: 1 / -1; margin: 0; }
.asya-form-hint { margin: 0 0 .85rem; font-size: .85rem; color: #64748b; }
.asya-form .asya-form-hint { margin: 0; align-self: center; }
.asya-field { display: flex; flex-direction: column; gap: .35rem; margin: 0; min-width: 0; font-size: .875rem; font-weight: 600; color: var(--asya-text, #1c2422); }
.asya-field-label { line-height: 1.2; }
.asya-field small { font-weight: 400; color: #64748b; font-variant-numeric: tabular-nums; }
.asya-field.is-wide { grid-column: 1 / -1; }
.asya-field.is-line { grid-column: 1 / -1; align-self: center; }
.asya-field input:not([type="checkbox"]),
.asya-field select { width: 100%; box-sizing: border-box; min-height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; border: 1px solid #ced4da; border-radius: .375rem; background: #fff; font: inherit; font-weight: 400; color: inherit; }
.asya-checkline { display: flex; align-items: center; gap: .45rem; min-height: calc(1.5em + .75rem + 2px); font-weight: 400; }
.asya-checkline input { width: 1rem; height: 1rem; margin: 0; flex: 0 0 auto; }
.asya-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: 1rem; }
@media (max-width: 991.98px) {
    .asya-form, .asya-form.is-quad { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .asya-form, .asya-form.is-quad { grid-template-columns: 1fr; }
    .asya-field.is-wide, .asya-field.is-line, .asya-form-span { grid-column: auto; }
    .asya-field.is-check .asya-field-label { display: none; }
    .asya-form-actions .btn, .asya-form-actions button { flex: 1 1 auto; }
}

.asya-int { display: flex; flex-direction: column; gap: .75rem; margin: 0; padding: 0; border: 0; }
.asya-int-head h3 { margin: 0 0 .25rem; font-size: 1rem; font-weight: 700; }
.asya-int-head p, .asya-int-muted { margin: 0; font-size: .85rem; color: #64748b; }
.asya-int h4 { margin: .35rem 0 0; font-size: .95rem; font-weight: 700; }
.asya-int-card { display: flex; flex-direction: column; gap: .75rem; }
.asya-int-card header { font-weight: 700; }
.asya-int-card header small { font-weight: 500; color: #64748b; margin-left: .35rem; }
.asya-int-card header small span + span::before { content: " · "; }
.asya-int-place { display: flex; flex-direction: column; gap: .3rem; max-width: 24rem; margin: 0; font-size: .85rem; font-weight: 600; }
.asya-int-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .75rem; align-items: end; }
.asya-int-field, .asya-int-check { display: flex; flex-direction: column; gap: .3rem; margin: 0; min-width: 0; font-size: .85rem; font-weight: 600; }
.asya-int-check, .asya-int-field.is-check { flex-direction: row; align-items: center; gap: .45rem; align-self: center; }
.asya-int-check { grid-column: 1 / -1; align-self: start; }
.asya-int-field.is-wide { grid-column: span 2; }
.asya-int-place select,
.asya-int-field input:not([type="checkbox"]),
.asya-int-field select { width: 100%; box-sizing: border-box; padding: .4rem .5rem; border: 1px solid #cbd5e1; border-radius: .5rem; background: #fff; font: inherit; font-weight: 400; color: inherit; }
.asya-int-check input, .asya-int-field.is-check input { width: 1rem; height: 1rem; margin: 0; flex: 0 0 auto; }
.asya-int-secret { display: flex; gap: .4rem; align-items: center; min-width: 0; }
.asya-int-secret input { flex: 1; min-width: 0; }
.asya-int-maps { grid-column: 1 / -1; margin: .25rem 0 0; font-size: .85rem; font-weight: 700; }
.asya-int-caps { display: flex; flex-wrap: wrap; gap: .65rem; margin: 0; font-size: .85rem; color: var(--asya-text-muted, #64748b); }
.asya-int-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.asya-int-ok { color: #047857; font-size: .85rem; }
.asya-int-err { color: #b91c1c; font-size: .85rem; }
@media (max-width: 640px) {
    .asya-int-field.is-wide { grid-column: span 1; }
}