/* ===================================================================
   Rapor Sayısı — sayi.contracoreapp.com
   Aydınlık premium tema — Lacivert (Opsiyon logosu) + Altın vurgu
   =================================================================== */
:root{
  --bg:#F3F5FA; --bg-1:#FFFFFF; --bg-2:#FFFFFF;
  --line:rgba(26,35,126,.12); --line-soft:rgba(18,33,61,.08);
  --navy:#1A237E; --navy-light:#2E3D9E;
  --gold:#B8863B; --gold-light:#C9A15A; --gold-dark:#8F6A2C;
  --gold-grad:linear-gradient(135deg,#D8B26B 0%,#B8863B 50%,#8F6A2C 100%);
  --text:#16213F; --text-2:#4B5670; --text-3:#8891A6;
  --red:#D64545; --green:#1E9E62;
  --radius:18px; --radius-sm:12px;
  --shadow:0 20px 45px -20px rgba(16,24,54,.16);
  --shadow-gold:0 14px 30px -10px rgba(184,134,59,.35);
  --ease:cubic-bezier(.22,1,.36,1);
  --font:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;
  -webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input{font-family:inherit}

/* ---------- Giriş ---------- */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
  background:radial-gradient(1000px 560px at 85% -8%,rgba(184,134,59,.10),transparent 60%),
             radial-gradient(800px 560px at 0% 10%,rgba(26,35,126,.07),transparent 55%),
             var(--bg)}
.login-card{width:100%;max-width:480px;background:#fff;
  border:1px solid var(--line);border-radius:22px;padding:52px 46px;box-shadow:var(--shadow)}
.login-card .lc-logo{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:34px}
.login-card .lc-logo .lc-logo-img{height:140px;width:auto;image-rendering:-webkit-optimize-contrast}
.login-card .lc-logo .t{font-weight:800;font-size:1.3rem;color:var(--navy)}
.login-card .lc-logo .s{font-size:.78rem;color:var(--gold-dark);letter-spacing:.12em;text-transform:uppercase;text-align:center}
.login-err{background:#FEF2F2;border:1px solid rgba(214,69,69,.3);color:var(--red);
  border-radius:var(--radius-sm);padding:11px 14px;font-size:.85rem;margin-bottom:16px}

.field{margin-bottom:16px}
.field label{display:block;font-size:.82rem;font-weight:600;color:var(--text-2);margin-bottom:7px}
.field input,input[type=text],input[type=date],input[type=password]{
  width:100%;background:#fff;border:1px solid #DCE1EC;
  border-radius:var(--radius-sm);padding:11px 13px;color:var(--text);font-size:.92rem;transition:border-color .2s,box-shadow .2s}
.field input:focus,input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,134,59,.14)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.88rem;
  padding:11px 18px;border-radius:var(--radius-sm);transition:all .2s var(--ease)}
.btn-gold{background:var(--gold-grad);color:#2B1D08;box-shadow:var(--shadow-gold)}
.btn-gold:hover{transform:translateY(-2px)}
.btn-gold:disabled{opacity:.55;transform:none;cursor:default}
.btn-ghost{border:1px solid #DCE1EC;color:var(--text-2)}
.btn-ghost:hover{color:var(--text);border-color:var(--gold)}

/* ---------- Üst bar ---------- */
.topbar{display:flex;align-items:center;gap:16px;padding:18px 34px;border-bottom:1px solid var(--line-soft);
  background:#fff;position:sticky;top:0;z-index:40}
.tb-logo{height:54px;width:auto}
.pt{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.ps{font-size:.82rem;color:var(--text-3)}
.tb-right{margin-left:auto}

.content{padding:30px 40px 60px;max-width:100%}

/* ---------- Üretilen numara banner'ı (sadece üretimden sonra görünür) ---------- */
.gen-banner{background:#ECFDF5;border:1px solid rgba(30,158,98,.3);border-radius:var(--radius);
  padding:22px 26px;margin-bottom:24px;animation:genPop .4s var(--ease)}
@keyframes genPop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.gb-lab{font-size:.78rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.gb-hint{text-transform:none;letter-spacing:0;font-size:.74rem;opacity:.8}
.gb-val{font-size:1.7rem;font-weight:800;color:var(--green);letter-spacing:-.01em}

/* ---------- Sekmeler ---------- */
.tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--line-soft)}
.tab-btn{padding:12px 20px;font-weight:700;font-size:.92rem;color:var(--text-3);border-radius:10px 10px 0 0;
  transition:all .2s var(--ease);position:relative;top:1px}
.tab-btn:hover{color:var(--text-2)}
.tab-btn.active{color:var(--gold-dark);border-bottom:2px solid var(--gold)}
.tab-count{display:inline-block;margin-left:6px;background:rgba(184,134,59,.14);color:var(--gold-dark);
  font-size:.74rem;font-weight:800;padding:1px 8px;border-radius:999px}
.tab-panel{display:none}
.tab-panel.active{display:block}

/* ---------- Kart ---------- */
.card{background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px rgba(16,24,54,.04)}
.card-wide{width:100%}
.card-narrow{width:100%;max-width:900px;margin:0 auto}
.card-h{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line-soft)}
.card-h h3{font-size:1.05rem;font-weight:700;color:var(--navy)}
.card-h .hr{margin-left:auto;font-size:.85rem}
.card-h .hr a{color:var(--gold-dark);font-weight:700}
.card-b{padding:28px}
.card-b.flush{padding:0}

/* ---------- Form (Yeni Kayıt) — ferah 2 kolon ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;max-width:860px}
.form-grid .field-wide{grid-column:1 / -1}
@media (max-width:640px){.form-grid{grid-template-columns:1fr}}
textarea{width:100%;background:#fff;border:1px solid #DCE1EC;
  border-radius:var(--radius-sm);padding:11px 13px;color:var(--text);font-size:.92rem;font-family:inherit;
  resize:vertical;transition:border-color .2s}
textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,134,59,.14)}
.opt-tag{font-weight:500;color:var(--text-3);text-transform:none;letter-spacing:0}

/* ---------- Combobox (yaz + alttan filtrelenmiş öneri listesi) ---------- */
.combo{position:relative}
.combo-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius-sm);max-height:230px;overflow-y:auto;
  z-index:50;box-shadow:var(--shadow);display:none}
.combo-list.open{display:block}
.combo-item{padding:9px 13px;font-size:.85rem;cursor:pointer;border-bottom:1px solid var(--line-soft)}
.combo-item:last-child{border-bottom:none}
.combo-item:hover{background:rgba(184,134,59,.10)}

/* ---------- Tablo (Kayıtlar — geniş, ferah) ---------- */
.table-scroll{overflow-x:auto}
.rec-table{width:100%;border-collapse:collapse;font-size:.92rem}
.rec-table th{text-align:left;padding:15px 20px;color:var(--text-3);font-weight:700;font-size:.74rem;
  text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line-soft);white-space:nowrap;
  background:#FAFBFE}
.rec-table td{padding:15px 20px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.rec-table td.nowrap{white-space:nowrap}
.rec-table td.col-firma{min-width:260px}
.rec-table td.col-tur{min-width:280px}
.rec-table td.col-vd{min-width:160px}
.rec-table td.col-not{min-width:160px;color:var(--text-2)}
.rec-table tr:hover td{background:#FAF7F0}
.rec-table tr.cancelled{opacity:.5}
.rec-table .empty{text-align:center;color:var(--text-3);padding:40px}
.btn-cancel{color:var(--red);font-size:.8rem;font-weight:600;border:1px solid rgba(214,69,69,.3);
  border-radius:8px;padding:6px 10px;background:#fff}
.btn-cancel:hover{background:#FEF2F2}

/* ---------- Faaliyet Belgesi ---------- */
.doc-card{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid var(--line);
  border-radius:var(--radius);background:#FAFBFE}
.doc-ico{font-size:2.2rem}
.doc-info{flex:1}
.doc-name{font-weight:700;font-size:1rem;color:var(--text)}
.doc-sub{font-size:.82rem;color:var(--text-3);margin-top:2px}
.doc-empty{color:var(--text-3);font-size:.92rem;padding:20px 0}

/* ---------- Tıkla-kopyala ---------- */
.copyable{cursor:pointer;transition:color .15s}
.copyable:hover{color:var(--gold-dark)}
.copyable.copied{color:var(--green)!important}