/* resources/api.blade.php icin harici stiller */
.api-h3 { font-size:16px; font-weight:700; margin-bottom:12px; }
.api-table-wrap { overflow:hidden; border-radius:8px; border:1px solid #e5e7eb; }
.api-h3-sm { font-size:16px; font-weight:700; margin-bottom:10px; }
.api-desc { color:#6b7280; font-size:14px; margin-bottom:12px; }
.api-lead { color:#6b7280; font-size:15px; line-height:1.7; max-width:840px; }
.api-btn-link { text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.api-status-badge { background:#dcfce7; color:#166534; padding:3px 10px; border-radius:6px; font-size:12px; font-family:monospace; font-weight:800; margin-left:8px; }
.api-code--tight { margin:0; }
.api-h3-xs { font-size:16px; font-weight:700; margin-bottom:6px; }
.api-h3-lg { font-size:16px; font-weight:700; margin-bottom:14px; }
.api-desc-lg { color:#6b7280; font-size:14px; margin-bottom:14px; }
.api-note-sm { color:#6b7280; font-size:13px; margin-top:10px; }
.api-muted { color:#6b7280; }
.api-label { color:#374151; font-size:13px; font-weight:700; margin-bottom:6px; }
.api-status-badge--purple { background:#ede9fe; color:#5b21b6; padding:3px 10px; border-radius:6px; font-size:12px; font-family:monospace; font-weight:800; margin-left:8px; }
.api-code-shell { background:#0f172a; border-radius:12px; padding:20px 24px; }
.api-th-100 { width:100px; }
.api-err-wrap { overflow:hidden; }
.api-faq-wrap { max-width:880px; margin:0 auto; }
.api-td-strong { font-weight:600; color:#0F172A; }
.api-btn-row { display:flex; flex-wrap:wrap; gap:10px; }
.api-label-alt { color:#374151; font-size:13px; font-weight:700; margin:14px 0 6px; }
.api-live-badge { background:#dcfce7; color:#166534; padding:4px 14px; border-radius:99px; font-size:14px; font-weight:700; margin-left:10px; vertical-align:middle; }

/* API sayfasi yardimci stiller */
.api-code {
    background: #0f172a;
    color: #e2e8f0;
    padding: 20px 24px;
    border-radius: 12px;
    font-family: 'Monaco','Menlo','Consolas',ui-monospace,monospace;
    font-size: 13px;
    overflow-x: auto;
    line-height: 1.7;
    margin: 16px 0;
    position: relative;
}
.api-code .tk   { color: #fbbf24; }
.api-code .ts   { color: #86efac; }
.api-code .tcm  { color: #64748b; font-style: italic; }
.api-code .tf   { color: #60a5fa; }
.api-code .tn   { color: #f87171; }
.api-method {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 6px;
    font-family: ui-monospace,monospace;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .5px;
}
.api-method-get  { background: #dbeafe; color: #1e40af; }
.api-method-post { background: #dcfce7; color: #166534; }
.api-method-delete { background: #fee2e2; color: #991b1b; }
.api-tab-bar { display: flex; gap: 0; border-bottom: 1px solid #1e293b; margin-bottom: 14px; }
.api-tab {
    padding: 9px 18px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-weight: 700;
    color: #94a3b8;
    border-bottom: 2px solid transparent;
    font-size: 13px;
    font-family: inherit;
    transition: color .15s;
}
.api-tab.on { color: #fff; border-bottom-color: #3D5AFE; }
.api-pane   { color: #e2e8f0; font-family: ui-monospace,monospace; font-size: 13px; line-height: 1.7; margin: 0; }
.ptbl { width: 100%; border-collapse: collapse; margin-top: 14px; }
.ptbl th, .ptbl td { padding: 10px 14px; text-align: left; border-bottom: 1px solid #e5e7eb; font-size: 13px; }
.ptbl th { background: #f9fafb; font-weight: 700; color: #374151; }
.ptbl code { background: #fef2f2; color: #3D5AFE; padding: 2px 6px; border-radius: 4px; font-size: 12px; }
/* API kartlari */
.api-section { padding: 72px 0; }
.api-section.alt { background: #f8fafc; }
.api-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 32px;
    margin-top: 20px;
}
.api-ep-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}
.api-ep-head h2 {
    font-size: clamp(18px,2.4vw,24px);
    font-weight: 800;
    margin: 0;
    font-family: ui-monospace,monospace;
    color: #0F172A;
}
/* stat kartlari */
.api-stats { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
.api-stat {
    flex: 1 1 calc(33.33% - 14px);
    min-width: 180px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 28px 24px;
    text-align: center;
}
.api-stat-n { font-size: 38px; font-weight: 800; color: #3D5AFE; line-height: 1; }
.api-stat-l { font-size: 13px; color: #6b7280; margin-top: 6px; }
/* webhook event chips */
.ev-grid { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.ev-chip {
    flex: 1 1 calc(50% - 7px);
    min-width: 240px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 18px;
}
.ev-code { background: #0f172a; color: #fbbf24; padding: 4px 10px; border-radius: 6px; font-size: 13px; font-weight: 700; font-family: ui-monospace,monospace; }
.ev-desc { color: #6b7280; font-size: 13px; margin: 10px 0 0; }
/* hero */
.api-hero { padding: 88px 0 64px; background: linear-gradient(135deg, #0b1929 0%, #0F172A 60%, #2d1540 100%); color: #fff; }
.api-hero-inner { text-align: center; max-width: 860px; margin: 0 auto; }
.api-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(14,165,164,.25);
    color: #c4b5fd;
    border: 1px solid rgba(14,165,164,.4);
    padding: 6px 16px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 22px;
}
.api-hero h1 {
    font-family: 'Inter',sans-serif;
    font-size: clamp(32px,5vw,52px);
    font-weight: 800;
    line-height: 1.12;
    margin-bottom: 20px;
}
.api-hero p { font-size: clamp(15px,1.8vw,18px); opacity: .85; line-height: 1.7; margin-bottom: 36px; }
/* hizli nav */
.api-nav { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 8px; }
.api-nav a {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.85);
    border: 1px solid rgba(255,255,255,.2);
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s;
}
.api-nav a:hover { background: rgba(255,255,255,.18); color: #fff; }
/* CTA son bolum */
.api-cta { padding: 80px 0; background: linear-gradient(135deg, #0b4482 0%, #0F172A 100%); color: #fff; text-align: center; }
.api-cta h2 { font-family: 'Inter',sans-serif; font-size: clamp(28px,4vw,40px); font-weight: 800; margin-bottom: 18px; }
.api-cta p  { font-size: 17px; max-width: 680px; margin: 0 auto 30px; opacity: .85; line-height: 1.7; }
.api-cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
/* hata kodu tablosu */
.err-table { width: 100%; border-collapse: collapse; }
.err-table th, .err-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid #f3f4f6; font-size: 14px; }
.err-table th { background: #f9fafb; font-weight: 700; color: #374151; border-bottom: 1px solid #e5e7eb; }
.err-badge { color: #fff; padding: 3px 10px; border-radius: 6px; font-family: ui-monospace,monospace; font-weight: 800; font-size: 13px; }
/* callout */
.api-callout { border-left: 4px solid; padding: 18px 22px; border-radius: 10px; margin-top: 22px; font-size: 14px; }
.api-callout.warn  { background: #fef3c7; border-color: #f59e0b; color: #78350f; }
.api-callout.info  { background: #eff6ff; border-color: #3b82f6; color: #1e3a8a; }
.api-callout.danger{ background: #fef2f2; border-color: #ef4444; color: #7f1d1d; }
/* eski inline style yerine yardimci */
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }