/* RAF TEKLİF SİSTEMİ — Front CSS v1.2.0 | zohi.net */
:root {
    --rts-border:  #dde3ed;
    --rts-text:    #2c3e50;
    --rts-muted:   #7f8c9a;
    --rts-white:   #ffffff;
    --rts-bg:      #f5f7fa;
    --rts-red:     #e74c3c;
    --rts-green:   #27ae60;
    --rts-radius:  8px;
}

/* ── Wrapper ── */
.rts-wrapper { max-width:1100px;margin:0 auto;padding:0 16px 40px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;color:var(--rts-text); }

/* ── Header ── */
.rts-header { display:flex;align-items:center;gap:20px;color:#fff;padding:20px 28px;border-radius:var(--rts-radius) var(--rts-radius) 0 0 }
.rts-logo img { height:52px;width:auto }
.rts-header-title h2 { margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:.5px }
.rts-header-title p  { margin:0;opacity:.85;font-size:13px }

/* ── Section ── */
.rts-section { background:#fff;border:1px solid var(--rts-border);border-top:none;padding:22px 28px }
.rts-section-title { font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e8f0fb }
.rts-section-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e8f0fb }

/* ── Form grid ── */
.rts-form-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }
@media(max-width:768px){ .rts-form-grid{grid-template-columns:1fr 1fr} }
@media(max-width:480px){ .rts-form-grid{grid-template-columns:1fr} }
.rts-field label { display:block;font-size:11px;font-weight:700;color:var(--rts-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px }
.rts-field input,
.rts-wrapper textarea,
.rts-fee-input { width:100%;border:1px solid var(--rts-border);border-radius:5px;padding:8px 11px;font-size:14px;color:var(--rts-text);background:#fff;box-sizing:border-box;transition:border-color .2s;outline:none }
.rts-field input:focus,.rts-wrapper textarea:focus,.rts-fee-input:focus { border-color:currentColor;box-shadow:0 0 0 3px rgba(26,95,170,.1) }
.req { color:var(--rts-red) }

/* ── Table ── */
.rts-table-wrapper { overflow-x:auto }
.rts-items-table { width:100%;border-collapse:collapse;font-size:13px }
.rts-items-table thead tr { background:#f0f4fb }
.rts-items-table th { padding:9px 7px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1a5faa;border-bottom:2px solid var(--rts-border) }
.rts-items-table td { padding:5px 5px;border-bottom:1px solid #f0f2f6;vertical-align:middle }
.rts-items-table tbody tr:nth-child(even) td { background:#fafbfd }
.rts-items-table tbody tr:hover td { background:#f0f5ff }
.rts-items-table input,.rts-items-table select { width:100%;border:1px solid #e0e6ef;border-radius:4px;padding:6px 7px;font-size:13px;color:var(--rts-text);background:#fff;box-sizing:border-box;outline:none }
.rts-items-table input:focus,.rts-items-table select:focus { border-color:#1a5faa;box-shadow:0 0 0 2px rgba(26,95,170,.1) }

/* product select — fills full cell, text input hidden until custom */
.col-urun .rts-product-select { width:100%;margin-bottom:0 }
.col-urun .rts-urun-input { margin-top:4px;font-size:12px }

/* Column widths */
.col-no    { width:36px;text-align:center;color:var(--rts-muted) }
.col-urun  { min-width:220px }
.col-olcu  { min-width:110px }
.col-mm    { min-width:90px }
.col-renk  { min-width:80px }
.col-adet  { min-width:75px }
.col-fiyat { min-width:130px }
.col-toplam{ min-width:120px;text-align:right;font-weight:600;white-space:nowrap }
.col-del   { width:38px;text-align:center }

/* Remove btn */
.rts-remove-row { background:none;border:none;color:var(--rts-muted);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:3px;transition:color .15s,background .15s;line-height:1 }
.rts-remove-row:hover { color:var(--rts-red);background:#fdecea }

/* ── Extra fees ── */
.rts-extra-fees { display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;padding:14px 16px;background:#fafbfc;border:1px solid var(--rts-border);border-radius:6px }
.rts-iskonto-row { background:#fff8f0;border-color:#ffe0b2 }
.rts-fee-row { display:flex;align-items:center;gap:10px;flex:1;min-width:220px }
.rts-fee-label { font-size:12px;font-weight:600;color:var(--rts-muted);white-space:nowrap;min-width:140px }
.rts-fee-input { max-width:140px }
.rts-fee-input.small { max-width:80px }

/* ── Totals ── */
.rts-totals-box { display:flex;justify-content:flex-end;margin-top:16px }
.rts-totals-inner { min-width:300px;border:1px solid var(--rts-border);border-radius:var(--rts-radius);overflow:hidden }
.rts-total-row { display:flex;justify-content:space-between;padding:9px 16px;font-size:14px;border-bottom:1px solid #f0f0f0 }
.rts-total-row span:last-child { font-weight:600 }
.rts-divider { border-top:2px solid var(--rts-border) }
.rts-grand { color:#fff;font-size:15px;font-weight:700 }
.rts-grand span:last-child { font-weight:700 }


/* ── Notes ── */
.rts-wrapper textarea { border-radius:5px;resize:vertical;min-height:80px }




/* ── Message ── */
.rts-message { padding:12px 18px;border-radius:6px;font-size:14px;font-weight:500;margin:16px 0 0 }
.rts-message.success { background:#eafaf1;color:var(--rts-green);border:1px solid #a9dfbf }
.rts-message.error   { background:#fdecea;color:var(--rts-red);border:1px solid #f1948a }

/* ── Modal ── */
.rts-modal { position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px }
.rts-modal-box { background:#fff;border-radius:10px;width:100%;max-width:480px;box-shadow:0 8px 40px rgba(0,0,0,.18);overflow:hidden }
.rts-modal-header { display:flex;align-items:center;justify-content:space-between;padding:16px 20px }
.rts-modal-header h3 { margin:0;font-size:15px;font-weight:700;color:#fff }
.rts-modal-close { background:none;border:none;font-size:18px;cursor:pointer;color:rgba(255,255,255,.8);line-height:1;padding:2px 6px }
.rts-modal-close:hover { color:#fff }
.rts-modal-body  { padding:20px }
.rts-modal-footer { padding:14px 20px;border-top:1px solid var(--rts-border);display:flex;gap:10px;justify-content:flex-end }

/* ── Footer blocks ── */
.rts-footer-block { margin-top:20px;background:#fff;border:1px solid var(--rts-border);border-radius:var(--rts-radius);padding:20px 28px }
.rts-footer-block h3 { font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e8f0fb }

/* Satış Şartları */
.rts-sartlar-list { display:grid;grid-template-columns:1fr 1fr;gap:4px 28px }
@media(max-width:600px){ .rts-sartlar-list{grid-template-columns:1fr} }
.rts-sart-item { font-size:12px;color:var(--rts-muted);padding:4px 0;border-bottom:1px solid #f4f5f7;line-height:1.5 }

/* Banka Bilgileri */
.rts-bank-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px }
.rts-bank-item { background:#fafbfd;border:1px solid var(--rts-border);border-radius:7px;padding:14px 16px }
.rts-bank-item-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:6px }
.rts-bank-name { font-size:13px;font-weight:700;color:#1a5faa }
.rts-bank-sube { font-size:11px;color:var(--rts-muted) }
.rts-bank-kurum-label { font-size:12px;color:var(--rts-text);margin-bottom:10px;font-weight:500 }
.rts-bank-iban-row { display:flex;align-items:center;gap:8px;flex-wrap:wrap }
.rts-iban-text { font-family:monospace;font-size:13px;font-weight:600;letter-spacing:1px;color:#2c3e50;background:#f0f4fb;padding:5px 10px;border-radius:4px;flex:1 }
.rts-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    background: var(--rts-btn-bg, #1a5faa);
    color: #fff;
    border: 2px solid var(--rts-btn-bg, #1a5faa);
    border-radius: 5px;
    padding: 5px 11px;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
    white-space: nowrap;
}
.rts-copy-btn:hover {
    background: #fff;
    color: var(--rts-btn-bg, #1a5faa);
    border-color: var(--rts-btn-bg, #1a5faa);
}
.rts-copy-btn.copied {
    background: #27ae60;
    color: #fff;
    border-color: #27ae60;
}
/* Kurum adı kopyala — daha küçük */
.rts-copy-btn-sm {
    font-size: 11px;
    padding: 3px 8px;
}

/* Kaşe / İmza */
.rts-kase-grid { display:grid;grid-template-columns:1fr 1fr;gap:28px }
@media(max-width:480px){ .rts-kase-grid{grid-template-columns:1fr} }
.rts-kase-box { text-align:center }
.rts-kase-label { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--rts-muted);margin-bottom:10px }
.rts-kase-area { border:1px dashed var(--rts-border);border-radius:6px;min-height:90px;display:flex;align-items:center;justify-content:center;background:#fafbfd }
.rts-kase-area img { max-height:80px;width:auto }
.rts-kase-empty::after { content:'İmza / Kaşe';font-size:12px;color:#ccc }

/* Success Overlay */
.rts-success-overlay { position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px }
.rts-success-box { background:#fff;border-radius:14px;padding:40px 32px;max-width:400px;width:100%;text-align:center;box-shadow:0 12px 50px rgba(0,0,0,.2) }
.rts-success-icon { width:64px;height:64px;background:var(--rts-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 18px }
.rts-success-box h3 { font-size:22px;font-weight:700;color:var(--rts-text);margin:0 0 10px }
.rts-success-box p { font-size:14px;color:var(--rts-muted);margin:0 0 4px;font-weight:600 }
.rts-success-sub { font-size:13px;color:#aaa }

/* ══════════════════════════════════════════════
   BUTONLAR — Kopyala butonu ile aynı sistem
══════════════════════════════════════════════ */

/* Tüm butonları sıfırla ve tek tip yap */
.rts-wrapper .rts-btn-add,
.rts-wrapper .rts-btn-submit,
.rts-wrapper .rts-btn-secondary,
.rts-wrapper .rts-copy-btn,
.rts-wrapper #rts-success-close,
.rts-wrapper #rts-submit-btn,
.rts-wrapper #rts-btn-pdf,
.rts-wrapper #rts-btn-mail,
.rts-wrapper #rts-btn-print,
.rts-wrapper #rts-add-row,
.rts-success-box #rts-success-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background-color: #1a5faa !important;
    color: #ffffff !important;
    border: 2px solid #1a5faa !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transition: background-color .18s, color .18s !important;
}

.rts-wrapper .rts-btn-add:hover,
.rts-wrapper .rts-btn-submit:hover,
.rts-wrapper .rts-btn-secondary:hover,
.rts-wrapper .rts-copy-btn:hover,
.rts-wrapper #rts-success-close:hover,
.rts-wrapper #rts-submit-btn:hover,
.rts-wrapper #rts-btn-pdf:hover,
.rts-wrapper #rts-btn-mail:hover,
.rts-wrapper #rts-btn-print:hover,
.rts-wrapper #rts-add-row:hover,
.rts-success-box #rts-success-close:hover {
    background-color: #ffffff !important;
    color: #1a5faa !important;
    border-color: #1a5faa !important;
}

/* SVG ikonlar hover'da mavi olsun */
.rts-wrapper .rts-btn-secondary:hover svg,
.rts-wrapper #rts-submit-btn:hover svg,
.rts-wrapper #rts-btn-pdf:hover svg,
.rts-wrapper #rts-btn-mail:hover svg,
.rts-wrapper #rts-btn-print:hover svg { stroke: #1a5faa !important; }

/* Disabled */
.rts-wrapper #rts-submit-btn:disabled,
.rts-wrapper #rts-submit-btn:disabled:hover {
    opacity: .5 !important;
    cursor: not-allowed !important;
    background-color: #1a5faa !important;
    color: #ffffff !important;
}

/* Kopyalandı */
.rts-wrapper .rts-copy-btn.copied,
.rts-wrapper .rts-copy-btn.copied:hover {
    background-color: #27ae60 !important;
    border-color: #27ae60 !important;
    color: #ffffff !important;
}

/* Boyutlar */
.rts-wrapper #rts-add-row,
.rts-wrapper .rts-btn-add        { padding: 8px 18px !important;  font-size: 13px !important; }
.rts-wrapper #rts-submit-btn,
.rts-wrapper .rts-btn-submit     { padding: 12px 28px !important; font-size: 15px !important; letter-spacing: .3px !important; }
.rts-wrapper #rts-btn-pdf,
.rts-wrapper #rts-btn-mail,
.rts-wrapper #rts-btn-print,
.rts-wrapper .rts-btn-secondary  { padding: 10px 18px !important; font-size: 13px !important; }
.rts-wrapper .rts-copy-btn       { padding: 5px 11px !important;  font-size: 12px !important; }
.rts-wrapper .rts-copy-btn-sm    { padding: 3px 8px !important;   font-size: 11px !important; }
.rts-success-box #rts-success-close { padding: 12px 40px !important; font-size: 15px !important; width: 100% !important; margin-top: 18px !important; }

/* Aksiyon satırı */
.rts-action-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
    padding-top: 4px;
}
.rts-secondary-btns { display: flex; gap: 10px; flex-wrap: wrap; }
@media (max-width: 600px) {
    .rts-action-row { flex-direction: column; align-items: stretch; }
    .rts-secondary-btns { justify-content: stretch; }
    .rts-secondary-btns .rts-btn-secondary { flex: 1; }
}

/* Banka kurum satırı */
.rts-bank-kurum-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.rts-bank-kurum-label { font-size: 12px; color: #2c3e50; font-weight: 500; flex: 1; }

/* Ara toplam vurgu */
.rts-ara-toplam { background: #f0f4fb; }
.rts-ara-toplam span:last-child { font-weight: 700; color: #1a5faa; }