/* ══════════════════════════════════════════════════════════════════
 * SATIŞ — Başvurular ve Paketler (3.20)
 *
 * Kendi kendine kayıt akışının yönetici tarafı. Görünüm Operasyon
 * Merkezi'yle aynı dili konuşur: kart, satır, durum etiketi.
 * ══════════════════════════════════════════════════════════════════ */

.st-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.st-ust h1{margin:0 0 4px}
.st-ust p{margin:0;font-size:13px;color:#5b6b78;max-width:600px;line-height:1.55}
.st-btn{padding:10px 16px;border:1px solid #cfe0e3;border-radius:11px;background:#fff;color:#0f5f59;
  font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;font-family:inherit}
.st-btn:hover{background:#f2f9f9}
.st-btn.ana{background:#0f766e;border-color:#0f766e;color:#fff}
.st-btn.ana:hover{background:#0c5f59}
.st-btn.red{border-color:#e6cccc;color:#a33}
.st-btn.red:hover{background:#fdf2f2}
.st-btn[disabled]{opacity:.55;cursor:default}

.st-sayac{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0 18px}
.st-kutu{border:1px solid #dbe4e8;border-radius:14px;background:#fff;padding:14px 16px}
.st-kutu i{display:block;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.4px;
  text-transform:uppercase;color:#7d919b;margin-bottom:6px}
.st-kutu b{display:block;font-size:26px;line-height:1.1;color:#12313d;font-weight:800}
.st-kutu small{display:block;margin-top:5px;font-size:12px;color:#64798a}
.st-kutu.bekleyen{border-color:#f0dcb4;background:#fffdf7}
.st-kutu.bekleyen b{color:#b45309}

.st-kart{border:1px solid #dbe4e8;border-radius:16px;background:#fff;padding:18px 20px;margin-bottom:16px}
.st-kart>h3{margin:0 0 4px;font-size:15.5px;color:#12313d}
.st-kart>p.st-not{margin:0 0 14px;font-size:12.5px;color:#5b6b78;line-height:1.55}

/* ---- sipariş satırı ---- */
.st-sip{border:1px solid #e0e8ec;border-radius:14px;background:#fbfdfd;padding:15px 16px;margin-bottom:11px}
.st-sip.beklemede{border-left:4px solid #d97706}
.st-sip.onaylandi{border-left:4px solid #0f766e}
.st-sip.reddedildi{border-left:4px solid #94a3b8;opacity:.75}
.st-sip-ust{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.st-sip-ust b{font-size:15px;color:#12313d}
.st-no{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#7d919b}
.st-et{font-style:normal;font-size:11.5px;font-weight:800;border-radius:99px;padding:3px 10px;margin-left:auto}
.st-et.beklemede{background:#fff3da;color:#8a5a00}
.st-et.onaylandi{background:#e2f6f1;color:#0b6b60}
.st-et.reddedildi{background:#eef3f5;color:#64748b}
.st-bilgi{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 18px;font-size:13px;margin-bottom:11px}
.st-bilgi div{display:flex;gap:8px;min-width:0}
.st-bilgi span{flex:0 0 96px;color:#7d919b}
.st-bilgi em{font-style:normal;color:#25404d;overflow-wrap:anywhere}
.st-tutar{font-weight:800;color:#0f766e}
.st-dug{display:flex;gap:7px;flex-wrap:wrap}
.st-bos{padding:30px 16px;text-align:center;font-size:13px;color:#6b8490}
.st-bos b{display:block;font-size:15px;color:#153a45;margin-bottom:5px}

/* ---- paket düzenleyici ---- */
.st-paket{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.st-pk{border:1px solid #e0e8ec;border-radius:14px;background:#fbfdfd;padding:16px}
.st-pk.one{border-color:#0f766e}
.st-pk h4{margin:0 0 12px;font-size:15px;display:flex;align-items:center;gap:8px}
.st-pk h4 em{font-style:normal;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;
  background:#e2f6f1;color:#0b6b60}
.st-pk h4 em.kapali{background:#eef3f5;color:#7d919b}
.st-sat{display:grid;grid-template-columns:1fr 96px;gap:8px;align-items:center;margin-bottom:8px}
.st-sat>label{font-size:12.5px;color:#5b6b78}
.st-sat input[type=text],.st-sat input[type=number]{width:100%;padding:8px 10px;border:1px solid #d7e2e7;
  border-radius:9px;font-size:13.5px;text-align:right;font-family:inherit;color:#183241;background:#fff}
.st-sat.genis{grid-template-columns:1fr}
.st-sat.genis input{text-align:left}
.st-onay{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0}
.st-onay label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#25404d;cursor:pointer}
.st-onay input{width:auto;margin:0}
.st-baglanti{margin-top:16px;padding:14px 16px;border:1px solid #dbe4e8;border-radius:13px;background:#fbfdfd;
  font-size:13px;color:#5b6b78;line-height:1.6}
.st-baglanti b{color:#12313d}
.st-baglanti code{background:#eef3f6;padding:1px 6px;border-radius:5px;font-size:12px}

@media(max-width:760px){
  .st-ust{flex-direction:column}
  .st-bilgi span{flex:0 0 84px}
}

/* ---- site renk seçici (Panel → Site) ---- */
.sa-ton{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.sa-t{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 9px;border:1px solid #d7e2e7;
  border-radius:9px;background:#fff;cursor:pointer;font:600 12.5px/1 inherit;color:#25404d}
.sa-t:hover{border-color:#9fb8c2}
.sa-t.on{border-color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e;background:#f2f9f9}
.sa-t i{width:16px;height:16px;border-radius:4px;display:block;border:1px solid rgba(0,0,0,.14)}
.sa-ton-el{display:flex;align-items:center;gap:8px}
.sa-ton-el input[type=color]{width:42px;height:38px;padding:2px;border:1px solid #d7e2e7;border-radius:9px;
  background:#fff;cursor:pointer}
.sa-metin{display:flex;flex-wrap:wrap;gap:8px}
.sa-m{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 9px;border:1px solid #d7e2e7;
  border-radius:9px;background:#fff;cursor:pointer;font:600 12.5px/1 inherit;color:#25404d}
.sa-m:hover{border-color:#9fb8c2}
.sa-m.on{border-color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e;background:#f2f9f9}
.sa-m i{position:relative;width:18px;height:18px;border-radius:4px;display:block;
  border:1px solid rgba(0,0,0,.14);overflow:hidden}
.sa-m i b{position:absolute;left:3px;top:6px;right:3px;height:2px;border-radius:1px;display:block}