/* ===== O'QUVCHI PSIXOLOGIYASI — HIMOYA (/api/oq_psix.php) ===== */
#page-oqpsix .gd-tabs{margin:0 0 14px;}
.op-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;}
.op-card{background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:16px;min-width:0;overflow-x:auto;}
.op-card.in{box-shadow:none;border:1px solid var(--border);padding:12px 14px;margin-bottom:10px;}
.op-card>h3{margin:0 0 12px;font-size:14.5px;font-weight:800;color:var(--navy-800);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.op-card>h3 small,.op-card h4 small{font-weight:600;color:var(--muted);font-size:12px;}
.op-card h4{margin:0 0 8px;font-size:13.5px;font-weight:800;color:var(--navy-800);}
.op-muted{color:var(--muted);font-size:12.5px;}
.op-qizil{color:var(--red);font-weight:700;}
.op-sariq{color:var(--amber);font-weight:700;}
.op-yukl,.op-bosh{padding:26px 10px;text-align:center;color:var(--muted);font-size:14px;}
.op-bosh{font-weight:700;color:var(--navy-700);}
.op-kut{opacity:.55;pointer-events:none;transition:opacity .15s;}
.op-grid2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;}
.op-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
@media (max-width:1000px){.op-grid2,.op-grid3{grid-template-columns:minmax(0,1fr);}}
.op-sub{font-weight:800;font-size:12.5px;color:var(--navy-700);margin:12px 0 6px;}
.op-mini{font-size:12.5px;color:var(--muted);margin-top:9px;line-height:1.5;}
.op-mini b{color:var(--text);}
.op-eslatma{font-size:12px;color:var(--muted);line-height:1.5;margin:4px 2px 0;}
/* Filtr */
.op-filtr{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:12px 14px;}
.op-f{display:flex;flex-direction:column;gap:4px;min-width:130px;}
.op-f label{font-size:11.5px;font-weight:700;color:var(--muted);}
.op-f select,.op-f input:not([type=checkbox]),.op-f textarea{border:1px solid var(--border);border-radius:9px;padding:8px 10px;font-size:13.5px;background:#fff;color:var(--text);font-family:inherit;outline:none;}
.op-f select:focus,.op-f input:focus,.op-f textarea:focus{border-color:var(--teal-400);}
.op-f textarea{resize:vertical;width:100%;}
.op-f-q{flex:1;min-width:180px;}
.op-fix{padding:8px 10px;border-radius:9px;background:var(--bg);font-size:13.5px;font-weight:600;}
/* KPI */
.op-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
@media (max-width:900px){.op-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
.op-kpi{background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:2px;border-left:4px solid var(--teal-500);}
.op-kpi.yaxshi{border-left-color:var(--green);}
.op-kpi b{font-size:26px;line-height:1.1;color:var(--navy-800);}
.op-kpi span{font-size:12.5px;font-weight:700;color:var(--navy-600);}
.op-kpi small{font-size:11.5px;color:var(--muted);}
/* Daraja va chiplar */
.op-dar{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-weight:800;font-size:12px;white-space:nowrap;color:var(--c,#555);background:color-mix(in srgb,var(--c,#555) 12%,#fff);border:1px solid color-mix(in srgb,var(--c,#555) 35%,#fff);}
.op-dar::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c,#555);}
.op-dar.kul{--c:#94a3b8;}
.op-chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#f1f5f9;border:1px solid var(--border);color:var(--navy-600);margin:1px 2px 1px 0;white-space:nowrap;}
.op-chip.q{background:#fef2f2;color:#b42318;border-color:#fecaca;}
.op-chip.s{background:#fff7e6;color:#b45309;border-color:#fde2a7;}
.op-chip.y{background:#ecfdf3;color:#067647;border-color:#b7ebcd;}
.op-krit{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#c0252f;color:#fff;font-size:10px;font-weight:800;line-height:1;}
/* Chiziqlar */
.op-bars{display:grid;gap:9px;}
.op-bar{display:grid;grid-template-columns:minmax(110px,190px) minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:13px;}
.op-bn{font-weight:600;line-height:1.25;}
.op-bv{font-weight:800;text-align:right;}
.op-bt{height:10px;background:#edf1f6;border-radius:6px;position:relative;}
.op-bt>i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;transition:width .4s;}
.op-bt>s{position:absolute;top:0;bottom:0;width:1px;background:rgba(16,28,51,.18);}
.op-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:10px;}
.op-legend span{display:inline-flex;align-items:center;gap:5px;}
.op-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;}
.op-stack{display:flex;height:16px;border-radius:8px;overflow:hidden;background:#edf1f6;}
.op-stack i{display:block;height:100%;}
.op-stack-l{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;}
.op-stack-l span{display:inline-flex;align-items:center;gap:5px;}
.op-stack-l i{width:10px;height:10px;border-radius:3px;display:inline-block;}
.op-stack-l small{color:var(--muted);}
.op-mat{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px;}
.op-mat:last-child{border-bottom:0;}
/* Jadval */
.op-scroll{overflow-x:auto;}
.op-jadval{width:100%;border-collapse:collapse;font-size:13px;}
.op-jadval th{text-align:left;font-size:11.5px;font-weight:800;color:var(--muted);padding:7px 8px;border-bottom:2px solid var(--border);white-space:nowrap;}
.op-jadval td{padding:8px;border-bottom:1px solid var(--border);vertical-align:top;}
.op-jadval .r{text-align:right;white-space:nowrap;}
.op-jadval td.n{white-space:nowrap;font-weight:700;width:46px;}
.op-bos-q{cursor:pointer;}
.op-bos-q:hover td{background:#f3f8fb;}
.op-yangi td:first-child{box-shadow:inset 3px 0 0 var(--red);}
.op-qatorkul td{color:var(--muted);}
.op-krit-q td{background:#fff5f5;}
.op-sabab{width:300px;min-width:220px;max-width:340px;white-space:normal;overflow-wrap:anywhere;font-size:12.5px;line-height:1.45;color:var(--navy-600);}
.op-mono{font-family:Consolas,'JetBrains Mono',monospace;font-weight:700;letter-spacing:1px;}
.op-amal{white-space:nowrap;text-align:right;}
.op-ikon{border:1px solid var(--border);background:#fff;border-radius:8px;width:30px;height:30px;font-size:14px;margin-left:4px;cursor:pointer;color:var(--navy-600);}
.op-ikon:hover{background:var(--bg);border-color:var(--teal-400);}
.op-sahifa{display:flex;gap:6px;justify-content:center;margin-top:14px;flex-wrap:wrap;}
.op-pg{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:34px;padding:6px 10px;font-weight:700;cursor:pointer;}
.op-pg.on{background:var(--teal-500);color:#fff;border-color:var(--teal-500);}
.op-tugmalar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:10px;}
.op-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer;padding-bottom:8px;}
/* Ogohlantirish va ro'yxatlar */
.op-ogoh{margin:10px 0;padding:10px 13px;border-radius:10px;background:#eef6ff;border:1px solid #cfe2fb;font-size:13px;line-height:1.5;}
.op-ogoh.s{background:#fff7e6;border-color:#fde2a7;}
.op-ogoh.q{background:#fef2f2;border-color:#fecaca;}
.op-xato{margin:8px 0;padding:9px 12px;border-radius:9px;background:#fef2f2;color:#b42318;font-weight:700;font-size:13px;}
.op-tavsiya{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px;line-height:1.5;}
.op-tavsiya li.m{font-weight:700;color:#8a1c24;}
.op-taxmin{border-left:4px solid var(--amber);}
.op-taxmin ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:13.5px;line-height:1.55;}
.op-takror{margin:0;padding-left:20px;display:grid;gap:8px;font-size:13.5px;}
/* Batafsil */
.op-bat-bosh{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:14px;}
.op-bat-d{display:flex;align-items:center;gap:12px;}
.op-ball{font-size:26px;font-weight:800;color:var(--navy-800);}
.op-tabs2{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px;border-bottom:1px solid var(--border);}
.op-tabs2 button{border:0;background:none;padding:8px 12px;font-weight:700;font-size:13px;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer;}
.op-tabs2 button.on{color:var(--teal-600);border-bottom-color:var(--teal-500);}
.op-bt-p[hidden]{display:none;}
.op-keys-bosh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;}
.op-tl{margin:10px 0;border-left:2px solid var(--border);padding-left:12px;display:grid;gap:8px;}
.op-tl-q{font-size:12.5px;line-height:1.45;}
.op-tl-q span{color:var(--muted);margin-right:8px;}
.op-keys-forma{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);}
.op-xavfli{margin-top:14px;padding-top:10px;border-top:1px dashed var(--border);}
#opModalIchi textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:9px 11px;font-size:13.5px;font-family:inherit;resize:vertical;outline:none;}
#opModalIchi textarea:focus{border-color:var(--teal-400);}
@media (max-width:640px){
  .op-bar{grid-template-columns:minmax(90px,1fr) minmax(0,1.3fr) 40px;gap:7px;}
  .op-kpi b{font-size:22px;}
}

/* Psixologik xarita (radar) va bola so'zlari */
.op-radar-w{max-width:340px;margin:4px auto;color:var(--text,inherit);}
.op-radar{width:100%;height:auto;display:block;overflow:visible;}
.op-bola-matn{margin:8px 0;padding:10px 12px;border-left:4px solid #0e7490;background:rgba(14,116,144,.08);border-radius:6px;font-style:italic;overflow-wrap:anywhere;}
.op-lbl{display:block;font-size:12.5px;font-weight:600;margin:8px 0 3px;opacity:.8;}
#opModal input[type=datetime-local],#opModal input[type=text]{width:100%;max-width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid rgba(128,128,128,.4);background:transparent;color:inherit;font:inherit;}
.op-vs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:8px;}