/* ══════════════════════════════════════════════════════════════
   TTM BUX — tətbiqin görünüşü
   ══════════════════════════════════════════════════════════════ */
:root{
  --lac:#0E2233; --lac2:#16324C; --goy:#1B6EC2; --goy-ac:#E8F1FB;
  --teal:#0F8B8D; --metn:#1A2432; --metn2:#41505F; --boz:#6B7A8C;
  --xett:#E5EBF2; --fon:#F4F6FA; --ag:#fff;
  --yasil:#1B7A3E; --sari:#A8611B; --qirmizi:#A61B1B;
  --r:14px; --kolge:0 1px 2px rgba(14,34,51,.05),0 8px 24px rgba(14,34,51,.06);
}
body{background:var(--fon); color:var(--metn); font-size:14.6px; line-height:1.6}
h1,h2,h3,h4{letter-spacing:-.3px; font-weight:650}

/* ── yuxarı panel ── */
.navbar{background:linear-gradient(120deg,#0E2233 0%,#16324C 55%,#1B6EC2 190%) !important;
  border:none; box-shadow:0 2px 14px rgba(14,34,51,.18); min-height:64px; padding:.35rem 1rem}
.navbar .navbar-brand{padding:0; margin-right:2rem}
.brend{display:flex; align-items:center; gap:10px; color:#fff; font-size:19px}
.brend svg{width:22px; height:22px; opacity:.92}
.brend-ad{font-weight:700; letter-spacing:-.4px}
.brend-alt{font-size:11.5px; letter-spacing:2px; text-transform:uppercase;
  opacity:.62; margin-left:2px; padding-left:10px; border-left:1px solid rgba(255,255,255,.22)}
.navbar .nav-link{color:rgba(255,255,255,.74) !important; font-weight:520; font-size:14px;
  border-radius:9px; padding:.5rem .85rem !important; margin:0 2px; transition:.16s}
.navbar .nav-link:hover{color:#fff !important; background:rgba(255,255,255,.09)}
.navbar .nav-link.active{color:#fff !important; background:rgba(255,255,255,.14);
  box-shadow:inset 0 -2px 0 #66A9E8}
.navbar .nav-link svg{margin-right:5px; vertical-align:-2px}

/* ── səhifə ── */
.sehife{max-width:1580px; margin:0 auto; padding:22px 26px 46px}
.sehife-bas{display:flex; justify-content:space-between; align-items:flex-end;
  gap:18px; margin:6px 0 20px; flex-wrap:wrap}
.sehife-bas h2{margin:0 0 3px; font-size:23px}
.sehife-bas p{margin:0; color:var(--boz); font-size:13.6px}
.sehife-bas-sag{display:flex; gap:8px}

/* ── göstərici kartları ── */
.kpi-set{margin-bottom:20px}
.kpi-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); gap:14px}
.kpi{position:relative; background:var(--ag); border:1px solid var(--xett); border-radius:var(--r);
  padding:16px 18px 15px 20px; box-shadow:var(--kolge); overflow:hidden;
  display:flex; gap:13px; align-items:flex-start; transition:.18s}
.kpi::before{content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--accent); border-radius:4px 0 0 4px}
.kpi:hover{transform:translateY(-2px); box-shadow:0 10px 30px rgba(14,34,51,.11)}
.kpi-ikon{width:38px; height:38px; border-radius:11px; display:flex; align-items:center;
  justify-content:center; background:color-mix(in srgb, var(--accent) 12%, #fff);
  color:var(--accent); flex:0 0 38px}
.kpi-ikon svg{width:19px; height:19px}
.kpi-ad{font-size:11px; letter-spacing:1.1px; text-transform:uppercase; color:var(--boz);
  font-weight:600; margin-bottom:3px}
.kpi-deyer{font-size:23px; font-weight:680; letter-spacing:-.7px; line-height:1.15; color:var(--lac)}
.kpi-alt{font-size:12.2px; color:var(--boz); margin-top:2px}

/* ── kart ── */
.kart{background:var(--ag); border:1px solid var(--xett); border-radius:var(--r);
  box-shadow:var(--kolge); margin-bottom:18px; overflow:hidden}
.kart-bas{display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:13px 18px; border-bottom:1px solid var(--xett); background:linear-gradient(#FCFDFF,#F8FAFD)}
.kart-bas-sol{display:flex; align-items:center; gap:9px; font-weight:640; font-size:14.4px; color:var(--lac)}
.kart-bas-sol svg{width:16px; height:16px; color:var(--goy)}
.kart-alt{font-size:11.6px; color:var(--boz); letter-spacing:.2px}
.kart-govde{padding:16px 18px}
.kart-govde > .kart-govde{padding:0}

/* ── şəbəkələr ── */
.set-2{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.set-3-8{display:grid; grid-template-columns:340px 1fr; gap:18px}
.set-4-8{display:grid; grid-template-columns:300px 1fr; gap:18px}
@media (max-width:1100px){
  .set-2,.set-3-8,.set-4-8{grid-template-columns:1fr}
  .sehife{padding:16px 14px 40px}
}

/* ── nişanlar ── */
.nisan{display:inline-flex; align-items:center; gap:5px; font-size:11.4px; font-weight:640;
  padding:3px 9px; border-radius:20px; letter-spacing:.3px; white-space:nowrap}
.nisan-yasil{background:#E7F5EC; color:var(--yasil); border:1px solid #C8E4D4}
.nisan-sari{background:#FBF2E4; color:var(--sari); border:1px solid #EFDCBE}
.nisan-qirmizi{background:#FBEAEA; color:var(--qirmizi); border:1px solid #EFCACA}
.nisan-goy{background:var(--goy-ac); color:var(--goy); border:1px solid #CBE0F6}
.nisan-boz{background:#F1F4F8; color:var(--boz); border:1px solid var(--xett)}
.noqte{display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:7px}
.noqte.yasil{background:#22A45D; box-shadow:0 0 0 4px rgba(34,164,93,.15)}
.noqte.qirmizi{background:#D64545; box-shadow:0 0 0 4px rgba(214,69,69,.15)}

/* ── düymələr ── */
.btn{font-size:13.5px; font-weight:580; border-radius:9px; padding:.5rem .95rem; transition:.16s}
.btn-esas{background:linear-gradient(135deg,#1B6EC2,#1557A0); border:none; color:#fff;
  box-shadow:0 3px 12px rgba(27,110,194,.28)}
.btn-esas:hover{background:linear-gradient(135deg,#1E7BD6,#1B6EC2); color:#fff; transform:translateY(-1px)}
.btn-yasil{background:linear-gradient(135deg,#1B7A3E,#146130); border:none; color:#fff;
  box-shadow:0 3px 12px rgba(27,122,62,.24)}
.btn-yasil:hover{color:#fff; transform:translateY(-1px)}
.btn-xeberdar{background:#FBF2E4; border:1px solid #EFDCBE; color:var(--sari)}
.btn-xeberdar:hover{background:#F7E7CF; color:var(--sari)}
.btn-tehlukesiz{background:#FBEAEA; border:1px solid #EFCACA; color:var(--qirmizi); font-weight:640}
.btn-tehlukesiz:hover{background:#F6D9D9; color:var(--qirmizi)}
.btn-yumshak{background:#fff; border:1px solid var(--xett); color:var(--metn2)}
.btn-yumshak:hover{background:#F7F9FC; border-color:#CBD8E6; color:var(--lac)}
.btn.disabled,.btn:disabled{opacity:.45; transform:none}

/* ── komanda dəstələri ── */
.duyme-seti{display:flex; gap:9px; flex-wrap:wrap; margin-top:12px}
.filtr-seti{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:6px}
@media (max-width:700px){.filtr-seti{grid-template-columns:1fr}}

/* ── cüt sətir ── */
.cüt{display:flex; justify-content:space-between; gap:14px; padding:7px 0;
  border-bottom:1px dashed var(--xett); font-size:13.6px}
.cüt:last-child{border-bottom:none}
.cüt-a{color:var(--boz)}
.cüt-b{font-weight:620; color:var(--lac); text-align:right}

/* ── sağlamlıq ── */
.saglam-setir{display:flex; align-items:center; font-weight:620; font-size:14px;
  padding-bottom:10px; margin-bottom:8px; border-bottom:1px solid var(--xett)}
.saglam-set .xeta-metn{color:var(--qirmizi); font-size:13px; background:#FBEAEA;
  padding:9px 12px; border-radius:9px; margin:8px 0 12px}

/* ── ay paneli ── */
.fayl-set{margin-top:14px}
.fayl-bas{display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap}
.fayl-setir{display:flex; align-items:center; gap:9px; padding:8px 0;
  border-bottom:1px dashed var(--xett); font-size:13.4px}
.fayl-setir:last-child{border-bottom:none}
.fayl-ikon svg{width:15px; height:15px}
.fayl-setir.var .fayl-ikon{color:#22A45D}
.fayl-setir.yox .fayl-ikon{color:#C3CDD9}
.fayl-setir.yox .fayl-ad{color:var(--boz)}
.fayl-ad{flex:1; font-weight:560}
.fayl-alt{color:var(--boz); font-size:11.8px; max-width:150px; text-align:right;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.problem-set{margin-top:12px; background:#FBEAEA; border-radius:10px; padding:10px 12px}
.problem{display:flex; gap:8px; font-size:12.8px; color:var(--qirmizi); padding:3px 0}
.problem svg{width:14px; height:14px; flex:0 0 14px; margin-top:2px}

/* ── addımlar ── */
.addim-set{display:flex; flex-direction:column; gap:12px}
.addim{display:flex; gap:14px; padding:14px 16px; border:1px solid var(--xett);
  border-radius:12px; background:#FCFDFF; transition:.16s}
.addim:hover{border-color:#CBD8E6; background:#fff}
.addim.sonuk{opacity:.52}
.addim-no{width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:var(--goy-ac);
  color:var(--goy); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px}
.addim-govde{flex:1}
.addim-bas{font-weight:640; font-size:14.2px; margin-bottom:2px}
.addim-govde p{margin:0 0 8px; color:var(--boz); font-size:12.9px}
.addim-tehlukesiz{display:flex; align-items:center; gap:8px; font-size:12.4px; color:var(--boz);
  background:#F4F7FB; border-radius:9px; padding:9px 12px; margin-top:2px}
.addim-tehlukesiz svg{width:15px; height:15px; color:var(--teal)}
.form-check{margin:4px 0 10px; font-size:13px}
.form-check-label{color:var(--metn2)}

/* ── konsol ── */
.konsol-qutu{background:#0B1A28; border-radius:12px; padding:0; overflow:hidden}
.konsol-qutu pre{margin:0; padding:15px 18px; color:#C5D8E8; font-size:12.4px;
  line-height:1.55; max-height:340px; overflow:auto; background:transparent; border:none;
  font-family:"SF Mono",ui-monospace,Menlo,monospace; white-space:pre-wrap; word-break:break-word}
.konsol-qutu pre::-webkit-scrollbar{width:9px}
.konsol-qutu pre::-webkit-scrollbar-thumb{background:#274257; border-radius:9px}

/* ── nəticə ── */
.netice-set .netice-ust{display:flex; justify-content:space-between; align-items:center;
  margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid var(--xett)}
.netice-bas{font-weight:660; font-size:15px; color:var(--lac)}
.netice-fayl{display:flex; align-items:center; gap:8px; margin-top:12px; padding:9px 12px;
  background:#F4F7FB; border-radius:9px; font-size:12.6px; color:var(--metn2);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.netice-fayl svg{width:15px; height:15px; color:var(--teal); flex:0 0 15px}
.son-ay-bas{display:flex; align-items:center; gap:10px; font-weight:660; font-size:15.5px;
  color:var(--lac); margin-bottom:8px; padding-bottom:10px; border-bottom:1px solid var(--xett)}

/* ── boş vəziyyət ── */
.bos{text-align:center; padding:34px 18px; color:var(--boz)}
.bos-ikon svg{width:34px; height:34px; color:#C3CDD9; margin-bottom:10px}
.bos-metn{font-size:13.4px}

/* ── sual kartları ── */
.sual-set{display:grid; grid-template-columns:repeat(auto-fill,minmax(255px,1fr)); gap:10px;
  margin:14px 0 18px}
.sual-kart{display:flex; gap:10px; align-items:flex-start; padding:11px 13px;
  border:1px solid var(--xett); border-radius:11px; background:#fff; cursor:pointer;
  transition:.15s; position:relative}
.sual-kart:hover{border-color:#B9D3EE; background:#F8FBFF; transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(27,110,194,.10)}
.sual-kart.secili{border-color:var(--goy); background:var(--goy-ac);
  box-shadow:0 0 0 2px rgba(27,110,194,.14)}
.sual-no{width:22px; height:22px; flex:0 0 22px; border-radius:6px; background:#EEF3F9;
  color:var(--boz); font-size:11.5px; font-weight:700; display:flex; align-items:center;
  justify-content:center}
.sual-kart.secili .sual-no{background:var(--goy); color:#fff}
.sual-metn{font-size:13px; line-height:1.42; color:var(--metn)}
.sual-qrup{position:absolute; right:10px; bottom:6px; font-size:10.4px; color:#A7B4C4;
  letter-spacing:.4px; text-transform:uppercase}

/* ── AI ── */
.ai-zola{display:flex; align-items:center; gap:14px; flex-wrap:wrap; background:#fff;
  border:1px solid var(--xett); border-radius:12px; padding:11px 16px; margin-bottom:18px;
  box-shadow:var(--kolge)}
.ai-nisan{display:flex; align-items:center; gap:7px; font-weight:640; font-size:13.2px}
.ai-nisan.var{color:var(--yasil)}
.ai-nisan.yox{color:var(--sari)}
.ai-nisan svg{width:16px; height:16px}
.ai-detallar{font-size:12.4px; color:var(--boz)}
.ai-ipucu{margin-left:auto; font-size:12.2px; color:var(--goy); background:var(--goy-ac);
  padding:5px 11px; border-radius:8px}
.ai-bos{text-align:center; padding:44px 20px; color:var(--boz)}
.ai-bos svg{width:38px; height:38px; color:#C3CDD9; margin-bottom:12px}
.ai-bos h3{margin:0 0 4px; font-size:16px; color:var(--metn)}
.ai-cavab{background:#fff; border:1px solid var(--xett); border-radius:12px; padding:18px;
  box-shadow:var(--kolge); margin-top:6px}
.ai-cavab-bas{display:flex; justify-content:space-between; align-items:center; gap:12px;
  margin-bottom:12px; flex-wrap:wrap}
.ai-cavab-sual{font-weight:660; font-size:15.4px; color:var(--lac)}
.ai-cavab-metn{background:linear-gradient(#F8FBFF,#F2F7FD); border-left:3px solid var(--goy);
  border-radius:0 10px 10px 0; padding:13px 16px; font-size:13.8px; color:var(--metn2);
  margin-bottom:14px}
.ai-cavab-qrafik{margin:6px 0 12px}
.ai-cavab-alt{margin-top:12px}
.ai-xeta{display:flex; gap:9px; background:#FBEAEA; color:var(--qirmizi); border-radius:10px;
  padding:12px 15px; font-size:13px; margin-top:10px}
.ai-xeta svg{width:16px; height:16px; flex:0 0 16px; margin-top:2px}
.ai-izah{display:flex; gap:10px; margin-top:12px; background:#F1F9F4; border:1px solid #C8E4D4;
  border-radius:10px; padding:13px 15px; font-size:13.4px; color:#155F32}
.ai-izah svg{width:17px; height:17px; flex:0 0 17px; margin-top:2px}

/* ── söhbət ── */
.sohbet{max-height:430px; overflow-y:auto; padding:4px 2px 10px}
.sohbet-bos{text-align:center; padding:40px 20px; color:var(--boz)}
.sohbet-bos svg{width:36px; height:36px; color:#C3CDD9; margin-bottom:12px}
.sohbet-bos h3{margin:0 0 4px; font-size:16px; color:var(--metn)}
.sohbet-mesajlar{display:flex; flex-direction:column; gap:10px}
.mesaj{display:flex}
.mesaj.menim{justify-content:flex-end}
.mesaj-metn{padding:11px 15px; border-radius:14px; font-size:13.5px; max-width:78%;
  white-space:pre-wrap; line-height:1.55}
.mesaj.ai .mesaj-metn{background:#fff; border:1px solid var(--xett); border-bottom-left-radius:5px}
.mesaj.menim .mesaj-metn{background:linear-gradient(135deg,#1B6EC2,#1557A0); color:#fff;
  border-bottom-right-radius:5px}
.sohbet-giris{margin-top:14px; border-top:1px solid var(--xett); padding-top:14px}
.sohbet-giris textarea{font-size:13.6px; border-radius:10px; resize:vertical}
.sohbet-duyme{display:flex; gap:9px; margin-top:9px}
.serh-qutu{margin-top:14px}
.serh-metn{background:#fff; border:1px solid var(--xett); border-radius:12px; padding:18px 20px;
  font-size:14px; line-height:1.7; white-space:pre-wrap; box-shadow:var(--kolge)}

/* ── ayarlar ── */
.açar-blok{background:#FCFDFF; border:1px solid var(--xett); border-radius:12px; padding:16px}
.açar-blok h4{font-size:14px; margin:0 0 10px; color:var(--lac)}
.kicik-izah{font-size:12.6px; color:var(--boz); margin:0 0 12px}
.modal-siyahı{margin:10px 0 0; padding-left:20px; font-size:13.4px; color:var(--metn2)}
.modal-siyahı li{margin:4px 0}
.qirmizi-metn{color:var(--qirmizi); font-weight:600}
.xebardar-qutu{display:flex; gap:9px; background:#FBF2E4; border:1px solid #EFDCBE;
  border-radius:10px; padding:11px 14px; font-size:12.9px; color:#7A4A12; margin-top:12px}
.xebardar-qutu svg{width:16px; height:16px; flex:0 0 16px; margin-top:2px}

/* ── tablar ── */
.nav-tabs{border-bottom:1px solid var(--xett); gap:4px}
.nav-tabs .nav-link{border:none; color:var(--boz); font-size:13.6px; font-weight:580;
  border-radius:9px 9px 0 0; padding:.55rem .95rem}
.nav-tabs .nav-link:hover{background:#EEF3F9; color:var(--lac)}
.nav-tabs .nav-link.active{color:var(--goy); background:#fff; border-bottom:2px solid var(--goy)}
.tab-content{padding-top:16px}
.card{border:none !important; box-shadow:none !important}

/* ── cədvəl ── */
.table{font-size:13.2px}
table.dataTable thead th{background:#F7F9FC !important; color:var(--metn2) !important;
  font-weight:640; font-size:12.4px; border-bottom:1px solid var(--xett) !important;
  letter-spacing:.2px; padding:9px 10px !important; white-space:nowrap}
table.dataTable tbody td{padding:7px 10px !important; border-color:#F1F4F8 !important}
table.dataTable tbody tr:hover{background:#F8FBFF !important}
table.dataTable.stripe tbody tr.odd{background:#FCFDFE}
.dt-sag{text-align:right; font-variant-numeric:tabular-nums}
.dt-ust,.dt-alt{padding:8px 2px; font-size:12.8px; color:var(--boz)}
.dt-ust input,.dt-ust select{border:1px solid var(--xett); border-radius:8px;
  padding:4px 8px; font-size:12.8px}
.dt-ust{display:flex; justify-content:flex-end; gap:10px; align-items:center}

/* ── kənar ── */
.shiny-notification{background:#0E2233; color:#fff; border:none; border-radius:11px;
  font-size:13.2px; box-shadow:0 12px 34px rgba(14,34,51,.28)}
.modal-content{border:none; border-radius:16px; box-shadow:0 30px 70px rgba(14,34,51,.3)}
.modal-header{border-bottom:1px solid var(--xett); padding:16px 20px}
.modal-title{font-size:16px; font-weight:660; color:var(--lac)}
.modal-body{padding:18px 20px; font-size:13.8px; color:var(--metn2)}
.modal-footer{border-top:1px solid var(--xett); padding:12px 18px; gap:8px}
.footer{display:none}
select.form-select, .form-control, .form-control:focus{border-color:var(--xett);
  border-radius:9px; font-size:13.6px}
.form-control:focus{border-color:#9CC4EA; box-shadow:0 0 0 3px rgba(27,110,194,.12)}
label.control-label,.form-label{font-size:12.6px; font-weight:600; color:var(--metn2);
  margin-bottom:4px}

/* ── yenilənmə zamanı solğunlaşmanı aradan qaldır ── */
body{--shiny-fade-opacity:1}
.recalculating,
.recalculating > *,
div:where(.shiny-html-output):has(> *).recalculating > *{opacity:1 !important; transition:none !important}

/* ══════════════════════════════════════════════════════════════
   AI CAVABI — zəngin görünüş (rənglər, iri şriftlər, metrikalar)
   ══════════════════════════════════════════════════════════════ */
.ai-netice{
  position:relative; margin-top:15px; padding:0 0 18px; border-radius:16px;
  background:linear-gradient(180deg,#FBFDFF 0%,#F5F9FE 100%);
  border:1px solid #D9E6F4; box-shadow:0 6px 26px rgba(27,110,194,.10);
  overflow:hidden;
}
.ai-netice::before{content:""; position:absolute; left:0; top:0; right:0; height:4px;
  background:linear-gradient(90deg,#1B6EC2,#0F8B8D 55%,#6C4AB6)}
.ai-netice-bas{display:flex; align-items:center; gap:12px; padding:15px 20px 13px;
  border-bottom:1px solid #E4EEF9; background:rgba(255,255,255,.72)}
.ai-netice-ikon{width:40px; height:40px; flex:0 0 40px; border-radius:12px; color:#fff;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#1B6EC2,#0F8B8D); box-shadow:0 4px 12px rgba(27,110,194,.28)}
.ai-netice-ikon svg{width:21px; height:21px}
.ai-netice-matn{flex:1; min-width:0}
.ai-netice-basliq{font-size:17px; font-weight:700; letter-spacing:-.3px; color:#0E2233}
.ai-netice-alt{font-size:12.6px; color:#6B7A8C; margin-top:1px}
.ai-netice-nisan{display:inline-flex; align-items:center; gap:5px; font-size:11.6px;
  font-weight:700; letter-spacing:.6px; color:#fff; padding:4px 11px; border-radius:20px;
  background:linear-gradient(135deg,#6C4AB6,#1B6EC2); box-shadow:0 3px 10px rgba(108,74,182,.25)}
.ai-netice-nisan svg{width:13px; height:13px}

/* mətn */
.ai-netice .ai-metn{padding:16px 20px 2px}
.ai-metn{font-size:15.6px; line-height:1.78; color:#22303F}
.ai-metn .ai-p{margin:0 0 11px}
.ai-metn .ai-p:last-child{margin-bottom:0}
.ai-metn .ai-h{font-size:14.6px; font-weight:700; color:#0E2233; margin:15px 0 7px;
  padding-left:11px; border-left:3px solid #1B6EC2; letter-spacing:0}
.ai-metn .ai-ul,.ai-metn .ai-ol{margin:2px 0 12px; padding-left:22px}
.ai-metn .ai-ul li,.ai-metn .ai-ol li{margin:5px 0; padding-left:2px}
.ai-metn .ai-ul li::marker{color:#1B6EC2}
.ai-metn .ai-ol li::marker{color:#0F8B8D; font-weight:700}
.ai-metn b{color:#0E2233; font-weight:680}
.ai-metn code{background:#EEF3F9; color:#1557A0; border-radius:5px; padding:1px 6px;
  font-size:.92em; font-family:"SF Mono",ui-monospace,Menlo,monospace}

/* rəqəm və faiz vurğusu */
.reqem{background:#FFF3D9; color:#8A4B00; font-weight:700; border-radius:6px;
  padding:1px 6px; white-space:nowrap; box-shadow:inset 0 0 0 1px #F2DFB8}
.faiz{color:#0F6E70; font-weight:700; background:#E7F6F6; border-radius:6px;
  padding:1px 5px; white-space:nowrap}

/* metrika kartları */
.metrika-set{display:grid; grid-template-columns:repeat(3,1fr); gap:11px;
  margin:16px 20px 0}
@media (max-width:760px){.metrika-set{grid-template-columns:1fr}}
.metrika{display:flex; gap:11px; align-items:center; border-radius:13px;
  padding:12px 14px; border:1px solid transparent}
.m-ikon{width:34px; height:34px; flex:0 0 34px; border-radius:10px; display:flex;
  align-items:center; justify-content:center; background:rgba(255,255,255,.75)}
.m-ikon svg{width:17px; height:17px}
.m-govde{min-width:0}
.m-bas{font-size:10.6px; letter-spacing:.9px; text-transform:uppercase; color:#6B7A8C;
  font-weight:700; margin-bottom:1px}
.m-deyer{font-size:19px; font-weight:700; letter-spacing:-.5px; line-height:1.2; color:#0E2233}
.m-alt{font-size:11.6px; color:#6B7A8C; margin-top:1px; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis}
.m-vaxt{background:linear-gradient(135deg,#EDF5FE,#E3EFFC); border-color:#CFE2F7}
.m-vaxt .m-ikon{color:#1B6EC2}
.m-vaxt .m-deyer{color:#1557A0}
.m-token{background:linear-gradient(135deg,#EAF7F7,#E0F2F2); border-color:#C4E6E6}
.m-token .m-ikon{color:#0F8B8D}
.m-token .m-deyer{color:#0B6E70}
.m-xerc{background:linear-gradient(135deg,#FDF4E6,#FBEBDA); border-color:#F0DCBB}
.m-xerc .m-ikon{color:#A8611B}
.m-xerc .m-deyer{color:#8A4B00}

/* söhbətdə yığcam metrika */
.metrika-slim{display:flex; gap:8px; flex-wrap:wrap; margin-top:7px}
.ms{display:inline-flex; align-items:center; gap:5px; font-size:11.6px; font-weight:600;
  padding:3px 9px; border-radius:20px; border:1px solid transparent}
.ms svg{width:12px; height:12px}
.ms-vaxt{background:#EDF5FE; border-color:#CFE2F7; color:#1557A0}
.ms-token{background:#EAF7F7; border-color:#C4E6E6; color:#0B6E70}
.ms-xerc{background:#FDF4E6; border-color:#F0DCBB; color:#8A4B00}

/* söhbətdə zəngin mətn bir az kiçik */
.mesaj-ai-metn{padding:11px 15px !important}
.mesaj-ai-metn .ai-metn{font-size:14.2px; line-height:1.7}
.mesaj-ai-metn .ai-p{margin:0 0 7px}
.mesaj-ai-metn .ai-ul,.mesaj-ai-metn .ai-ol{margin:2px 0 7px; padding-left:18px}

/* böyük xəta kartı */
.ai-xeta-boyuk{align-items:flex-start; padding:14px 16px; border-radius:13px}
.ai-xeta-bas{font-weight:700; margin-bottom:2px; color:#8E1616}

/* söhbətdə AI mesajı: balon və metrikalar alt-alta */
.mesaj.ai{flex-direction:column; align-items:flex-start; gap:0}
.mesaj.ai .metrika-slim{margin-top:8px; margin-left:4px}
.ai-netice .metrika-set{cursor:help}

/* ── AI açarı qutusu ── */
.acar-qutu{display:flex; gap:11px; background:linear-gradient(135deg,#F3F8FF,#EAF2FC);
  border:1px solid #CFE2F7; border-radius:12px; padding:13px 15px; margin-bottom:12px}
.acar-qutu svg{width:18px; height:18px; color:#1B6EC2; flex:0 0 18px; margin-top:2px}
.acar-bas{font-weight:700; font-size:13.6px; color:#0E2233; margin-bottom:2px}
.acar-metn{font-size:12.7px; color:#41505F; line-height:1.6}
.acar-metn code{background:#fff; border:1px solid #D9E6F4; border-radius:5px;
  padding:1px 5px; font-size:11.8px; color:#1557A0}
.acar-veziyyet{display:flex; flex-direction:column; gap:6px; margin:0 0 14px}
.acar-setir{display:flex; align-items:center; gap:8px; font-size:12.9px; color:#41505F;
  background:#FCFDFF; border:1px solid #E5EBF2; border-radius:9px; padding:8px 12px}
.acar-setir .acar-noqte{width:8px; height:8px; border-radius:50%; flex:0 0 8px; background:#C3CDD9}
.acar-setir.var{border-color:#C8E4D4; background:#F2FAF5}
.acar-setir.var .acar-noqte{background:#22A45D; box-shadow:0 0 0 3px rgba(34,164,93,.14)}
.acar-setir.yox{border-color:#EFDCBE; background:#FDF8EF}
.acar-setir.yox .acar-noqte{background:#D9A22B; box-shadow:0 0 0 3px rgba(217,162,43,.14)}

/* ── Baza səhifəsi ── */
.hizli-set{display:flex; gap:8px; flex-wrap:wrap}
.baza-meta{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:14px;
  padding:10px 14px; background:#F7FAFE; border:1px solid #DCE8F5; border-radius:10px;
  font-size:12.6px; color:#41505F}
.baza-meta .bm{display:inline-flex; align-items:center; gap:6px; padding:3px 10px;
  border-radius:20px; background:#fff; border:1px solid #E5EBF2}
.baza-meta .bm svg{width:13px; height:13px; color:#1B6EC2}
.baza-meta .bm-yasil{background:#F2FAF5; border-color:#C8E4D4; color:#1B7A3E}
.baza-meta .bm-yasil svg{color:#1B7A3E}
.baza-meta.xeta{background:#FBEAEA; border-color:#EFCACA; color:#A61B1B}
.baza-meta.xeta svg{width:15px; height:15px; color:#A61B1B}

/* ── məlumat zolağı ── */
.info-zola{display:flex; gap:9px; align-items:flex-start; margin-top:14px; padding:11px 14px;
  background:#F2F7FD; border:1px solid #D5E5F7; border-radius:10px; font-size:12.8px;
  color:#41505F; line-height:1.55}
.info-zola svg{width:16px; height:16px; flex:0 0 16px; color:#1B6EC2; margin-top:1px}
.info-zola b{color:#0E2233}

/* ── Tətbiqin idarəsi: Başla / Bağla ── */
.idare-set{display:flex; gap:12px; flex-wrap:wrap}
.btn-boyuk{font-size:15px; padding:.72rem 1.55rem; font-weight:650; border-radius:11px}
.btn-boyuk svg{margin-right:6px}
.idare-izah{font-size:12.7px; color:#6B7A8C; margin:12px 0 0; line-height:1.62; max-width:900px}
.baslama-bos{display:flex; align-items:center; gap:9px; margin-top:15px; padding:12px 15px;
  background:#F7F9FC; border:1px dashed #D9E2EC; border-radius:10px; font-size:13px; color:#6B7A8C}
.baslama-bos svg{width:16px; height:16px}
.baslama-set{margin-top:16px; border:1px solid #E5EBF2; border-radius:12px; overflow:hidden}
.baslama-bas{display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding:11px 15px; background:#F7FAFE; border-bottom:1px solid #E5EBF2}
.baslama-vaxt{font-size:12.2px; color:#6B7A8C; font-variant-numeric:tabular-nums}
.baslama-setir{display:flex; align-items:center; gap:10px; padding:9px 15px;
  border-bottom:1px dashed #EEF2F7; font-size:13px}
.baslama-setir:last-child{border-bottom:none}
.baslama-setir.xeta{background:#FDF6F6}
.bs-no{width:20px; height:20px; flex:0 0 20px; border-radius:50%; background:#EEF3F9;
  color:#6B7A8C; font-size:11px; font-weight:700; display:flex; align-items:center;
  justify-content:center}
.bs-ikon{display:flex; align-items:center}
.bs-ikon svg{width:16px; height:16px}
.baslama-setir.ok .bs-ikon{color:#22A45D}
.baslama-setir.xeta .bs-ikon{color:#D64545}
.bs-ad{font-weight:600; color:#0E2233; min-width:155px}
.bs-metn{flex:1; color:#6B7A8C; font-size:12.4px; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap}
.bs-vaxt{font-size:11.4px; color:#A7B4C4; font-variant-numeric:tabular-nums}
@media (max-width:640px){.bs-ad{min-width:auto}.bs-metn{display:none}}

/* Baza: ay süzgəci nişanları */
.baza-meta .bm-goy{background:#EEF5FD; border-color:#CFE0F6; color:#1557A0}
.baza-meta .bm-goy svg{color:#1B6EC2}
.baza-meta .bm-sari{background:#FDF6E9; border-color:#EFDCBE; color:#8A4B00}
.baza-meta .bm-sari svg{color:#A8611B}

/* ── Fayllar tabı ── */
.fayl-ust{display:flex; gap:10px; align-items:flex-end; margin-bottom:14px; flex-wrap:wrap}
.fayl-ust .form-group{margin-bottom:0}
.fayl-secim{display:flex; justify-content:space-between; align-items:center; gap:14px;
  margin-top:14px; padding:13px 16px; background:#F7FAFE; border:1px solid #DCE8F5;
  border-radius:12px; flex-wrap:wrap}
.fayl-secim.bos{color:#6B7A8C; font-size:13px; justify-content:flex-start; gap:9px}
.fayl-secim.bos svg{width:16px; height:16px}
.fayl-ad{display:flex; align-items:center; gap:9px; font-size:13.6px; min-width:0}
.fayl-ad svg{width:16px; height:16px; color:#1B7A3E; flex:0 0 16px}
.fayl-ad b{color:#0E2233; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.fayl-alt{color:#6B7A8C; font-size:11.8px}

/* Fayllar: seçim sətri */
.fayl-secim{display:flex; gap:14px; align-items:flex-end; margin-top:14px;
  padding:14px 16px; background:#F7FAFE; border:1px solid #DCE8F5; border-radius:12px;
  flex-wrap:wrap}
.fayl-secim-sol{flex:1; min-width:280px}
.fayl-secim .form-group{margin-bottom:0}
.fayl-secim .btn{margin-bottom:1px}

/* Tətbiqdən çıxış */
.baglanma-info{display:flex; gap:9px; align-items:flex-start; margin-top:14px; padding:11px 14px;
  background:#F7FAFE; border:1px solid #DCE8F5; border-radius:10px; font-size:12.8px;
  color:#41505F; line-height:1.55}
.baglanma-info svg{width:16px; height:16px; flex:0 0 16px; color:#1B6EC2; margin-top:1px}

/* Navbar «Bağla» düyməsi */
.btn-ust{padding:.38rem .85rem; font-size:13px; margin-left:8px; border-radius:9px;
  background:#FBEAEA; border:1px solid #EFCACA; color:#A61B1B; font-weight:640}
.btn-ust:hover{background:#F6D9D9; color:#A61B1B}
.navbar .btn-ust svg{width:14px; height:14px; margin-right:5px; vertical-align:-2px}

/* ── ARTİ loqosu + T.Talıbov (yuxarı sol künc) ── */
.navbar .navbar-brand{padding:0; margin-right:1.6rem}
/* ARTİ loqosu — sağ yuxarı künc */
/* ── alt status zolağı ── */
.alt-zola{position:sticky; bottom:0; z-index:20; display:flex; gap:16px; align-items:center; flex-wrap:wrap; padding:9px 26px;
  background:#0E2233; color:#9CC0E0; font-size:11.8px; letter-spacing:.2px}
.alt-zola .alt-b{display:inline-flex; align-items:center; gap:6px}
.alt-zola .alt-b svg{width:13px; height:13px; opacity:.8}
.alt-zola .alt-sag{margin-left:auto; color:#6E93B5}
@media (max-width:700px){.alt-zola{padding:8px 14px; gap:10px}.alt-zola .alt-sag{display:none}}
/* rol nişanı (navbar) */
.rol-yer{display:inline-flex; align-items:center; margin-left:10px}
.rol-yer .nisan{font-size:10.6px; padding:3px 9px}
.duyme-sonuk{opacity:.45; cursor:not-allowed}
.tab-content{padding-bottom:40px}

/* sənədlər səhifəsi — kiçik cədvəl */
.tablo-mini{width:100%; border-collapse:collapse; font-size:13.4px; margin:6px 0 0}
.tablo-mini th{text-align:left; padding:7px 9px; background:#EDF3F9; color:#16324A;
  font-size:11.6px; text-transform:uppercase; letter-spacing:.5px; border-bottom:1px solid #E3E9F0}
.tablo-mini td{padding:7px 9px; border-bottom:1px solid #EEF2F7}
.tablo-mini tr:last-child td{border-bottom:0}
.sehife{padding-bottom:26px}

/* ══════════════ BREnd loqosu (navbar) ══════════════ */
.navbar .brend-loqo{width:30px; height:30px; display:block; border-radius:8px;
  box-shadow:0 1px 4px rgba(0,0,0,.28)}
.navbar .brend{gap:9px}
@media (max-width:991px){.navbar .brend-alt{display:none}}

/* Navbar «Çıxış» */
.btn-cixis.btn-ust{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22);
  color:#EAF2FA; font-weight:600}
.btn-cixis.btn-ust:hover{background:rgba(255,255,255,.16); color:#fff}
.navbar .btn-cixis.btn-ust svg{width:14px; height:14px; margin-right:5px; vertical-align:-2px}

/* ── Hesab kartı ── */
.cut-set{margin:2px 0 14px}
.hesab-btn,.admin-btn{display:flex; gap:9px; flex-wrap:wrap; margin:6px 0 12px}
.hesab-btn .btn,.admin-btn .btn{padding:.42rem .9rem; font-size:13px; border-radius:9px}
.admin-btn{margin-bottom:10px}
.admin-btn .btn svg,.hesab-btn .btn svg{width:14px; height:14px; margin-right:5px; vertical-align:-2px}

/* birdəfəlik parol qutusu (modal) */
.parol-qutu{margin:12px 0; padding:14px 16px; background:#0E2233; border-radius:10px;
  text-align:center; user-select:all}
.parol-qutu code{font-size:19px; letter-spacing:1.6px; color:#8FD3FF;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; background:none}

/* ══════════════ GİRİŞ EKRANI ══════════════ */
html,body{height:100%}
.giris-ekran{min-height:100vh; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:22px; padding:34px 18px;
  background:
    radial-gradient(1100px 520px at 50% -10%, #16324A 0%, rgba(14,34,51,0) 62%),
    linear-gradient(180deg,#0E2233 0%,#0B1B29 58%,#0A1723 100%)}
.giris-kart{width:100%; max-width:404px; background:#fff; border-radius:16px;
  padding:34px 32px 28px; box-shadow:0 18px 50px rgba(0,0,0,.34), 0 2px 6px rgba(0,0,0,.18)}
.giris-kart-gen{max-width:452px}
.giris-brend{display:flex; align-items:center; gap:13px; margin-bottom:26px}
.giris-loqo{border-radius:12px; display:block; box-shadow:0 4px 14px rgba(27,110,194,.22)}
.giris-brend .giris-ad h1{font-size:22px; font-weight:740; letter-spacing:-.6px;
  color:#0E2233; margin:0; line-height:1.15}
.giris-brend .giris-ad p{font-size:12.4px; color:#7A8899; margin:2px 0 0; letter-spacing:.3px}
.giris-form{display:flex; flex-direction:column}
.giris-basliq{margin:-4px 0 16px}
.giris-basliq h2{font-size:17.5px; font-weight:680; color:#16324A; margin:0 0 4px}
.giris-basliq p{font-size:12.8px; color:#7A8899; margin:0; line-height:1.5}
.giris-sahe{margin-bottom:15px}
.giris-sahe label{display:block; font-size:12.4px; font-weight:640; color:#41505F;
  margin-bottom:6px; letter-spacing:.1px}
.giris-input{width:100%; height:auto !important; padding:10px 12px !important; font-size:14.4px !important;
  border:1px solid #D5DEE8 !important; border-radius:9px !important; background:#FBFCFE !important;
  box-shadow:none !important; transition:border-color .16s, box-shadow .16s, background .16s}
.giris-input:focus{border-color:#1B6EC2 !important; background:#fff !important;
  box-shadow:0 0 0 3px rgba(27,110,194,.14) !important; outline:none}
.giris-form .form-group{margin-bottom:0}
.giris-form .checkbox{margin:0 0 20px}
.giris-form .checkbox label{font-size:12.8px; color:#5B6B7C; display:flex;
  align-items:center; gap:8px; cursor:pointer}
.giris-form .checkbox input[type=checkbox]{margin:0; accent-color:#1B6EC2; width:15px; height:15px}
.giris-duyme{width:100%; padding:11px 16px !important; font-size:14.6px !important;
  font-weight:660; border-radius:9px !important; margin-top:2px}
.giris-xeta{margin-top:13px; padding:10px 12px; border-radius:9px; font-size:12.9px;
  line-height:1.45; background:#FDECEC; border:1px solid #F3C9C9; color:#A61B1B}
.giris-ipucu{display:flex; gap:9px; align-items:flex-start; margin-top:20px;
  padding-top:16px; border-top:1px solid #EEF2F7; font-size:11.9px; line-height:1.55; color:#7A8899}
.giris-ipucu svg{width:15px; height:15px; flex:0 0 15px; color:#1B6EC2; margin-top:1px}
.giris-alt{font-size:11.8px; color:#6E93B5; letter-spacing:.3px}
.giris-cixis-link{margin-top:14px; background:none; border:none; padding:0 !important;
  color:#6E7C8C; font-size:12.6px; text-decoration:underline; text-underline-offset:3px;
  box-shadow:none; align-self:center}
.giris-cixis-link:hover{color:#A61B1B; background:none}
@media (max-width:440px){
  .giris-kart{padding:26px 20px 22px; border-radius:13px}
  .giris-ekran{padding:22px 13px; gap:16px}
  .giris-brend{margin-bottom:20px}
}