/* S64 blok 30: notes-screen. TASS Vision: oq fon, binafsha #7703fc, radius 18, soya yo'q.
   Tokenlar base.css dan (hodim), zaxira qiymatlar bilan (admin). Prefiks .nt-scr / .nt-ov. */

/* ---- hodim sheet: to'liq ekran ---- */
.sheet.full[data-kind="notes"] { height:96vh; max-height:96vh; }
.sheet.full[data-kind="notes"] .sbody { flex:1; min-height:0; display:flex; padding:0 12px 12px; overflow:hidden; }
@media (min-width:1024px) {
  .sheet.full[data-kind="notes"] { width:100vw; height:100vh; max-height:none; border-radius:0; }
  .sheet.full[data-kind="notes"] .sbody { padding:0 24px 20px; }
}

/* ---- admin overlay (deps.openSheet yo'q bo'lsa) ---- */
.nt-ov { position:fixed; inset:0; z-index:1000; display:flex; flex-direction:column; background:var(--card, #fff); color:var(--ink, #1c1b22); font-family:var(--font, 'Onest', system-ui, sans-serif); }
.nt-ov-head { display:flex; align-items:center; gap:8px; padding:14px 16px 8px 24px; }
.nt-ov-head h2 { flex:1; margin:0; font-size:18px; font-weight:600; }
.nt-ov-x { min-width:40px; height:40px; border:1px solid var(--line, #e8e7ee); border-radius:var(--ri, 12px); background:var(--card, #fff); color:var(--ink, #1c1b22); font-size:20px; cursor:pointer; }
.nt-ov-body { flex:1; min-height:0; display:flex; padding:0 24px 20px; }

/* ---- ekran ---- */
.nt-scr { flex:1; min-height:0; width:100%; display:grid; grid-template-columns:280px minmax(0, 1fr); gap:16px; color:var(--ink, #1c1b22); font-family:var(--font, 'Onest', system-ui, sans-serif); }
.nt-scr[data-ai="on"] { grid-template-columns:280px minmax(0, 1fr) 380px; }
.nt-scr [hidden], .nt-ov [hidden] { display:none !important; }
.nt-scr .caps { font-family:var(--font-caps, 'Manrope', sans-serif); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--gray, #6e6c78); }
.nt-scr .hint { font-size:13px; color:var(--gray, #6e6c78); }

/* chap ustun */
.nt-side { min-height:0; display:flex; flex-direction:column; gap:10px; border-right:1px solid var(--line, #e8e7ee); padding:8px 16px 0 0; overflow:auto; }
.nt-side-head { display:flex; flex-direction:column; gap:8px; }
.nt-search { width:100%; box-sizing:border-box; height:40px; padding:0 14px; border:1px solid var(--line, #e8e7ee); border-radius:var(--ri, 12px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:inherit; }
.nt-search:focus, .nt-title:focus, .nt-aip-text:focus { outline:2px solid var(--v, #7703fc); outline-offset:-1px; }
.nt-tpl { display:flex; flex-direction:column; gap:6px; padding:12px; border:1px solid var(--v-s, #d9c2fe); border-radius:var(--r, 18px); background:var(--v-t, #f3ecfe); }
.nt-tpl-b { display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:10px 12px; border:1px solid var(--line, #e8e7ee); border-radius:var(--r2, 14px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:inherit; text-align:left; cursor:pointer; }
.nt-tpl-b:hover, .nt-tpl-b:focus-visible { border-color:var(--v, #7703fc); }
.nt-tpl-t { font-weight:600; }
.nt-tpl-s { font-size:12.5px; color:var(--gray, #6e6c78); }
.nt-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.nt-item { width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:3px; padding:10px 12px; border:1px solid var(--line, #e8e7ee); border-radius:var(--r2, 14px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:inherit; text-align:left; cursor:pointer; }
.nt-item:hover { border-color:var(--v-s, #d9c2fe); }
.nt-item[aria-current="true"] { border-color:var(--v, #7703fc); background:var(--v-t, #f3ecfe); }
.nt-item-t { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.nt-item-m { font-size:12px; color:var(--gray, #6e6c78); }
.nt-item-s { font-size:13px; color:var(--gray, #6e6c78); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.nt-item-deal { font-size:11px; }
.nt-list-msg { font-size:13.5px; color:var(--gray, #6e6c78); padding:8px 2px; }
.nt-msg { padding:10px 12px; border-radius:var(--r2, 14px); background:var(--panel, #f4f4f7); color:var(--gray, #6e6c78); font-size:13.5px; }
.nt-restored { background:var(--blue-t, #eaf3fe); color:var(--ink, #1c1b22); }

/* markaz */
.nt-main { min-width:0; min-height:0; display:flex; flex-direction:column; }
.nt-none { flex:1; display:flex; align-items:center; justify-content:center; color:var(--gray, #6e6c78); text-align:center; padding:24px; }
.nt-note { flex:1; min-height:0; display:flex; flex-direction:column; gap:10px; padding-top:8px; }
.nt-bar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.nt-title { flex:1 1 220px; min-width:0; height:42px; padding:0 12px; border:1px solid transparent; border-radius:var(--ri, 12px); background:transparent; color:var(--ink, #1c1b22); font:600 18px/1.2 var(--font, 'Onest', system-ui, sans-serif); }
.nt-title:hover:not([readonly]) { border-color:var(--line, #e8e7ee); }
.nt-seg { display:inline-flex; padding:3px; gap:2px; border-radius:var(--pillr, 999px); background:var(--panel, #f4f4f7); }
.nt-seg-b { min-height:34px; padding:0 14px; border:0; border-radius:var(--pillr, 999px); background:transparent; color:var(--gray, #6e6c78); font:600 14px/1 var(--font, 'Onest', system-ui, sans-serif); cursor:pointer; }
.nt-seg-b[aria-pressed="true"] { background:var(--card, #fff); color:var(--v, #7703fc); }
.nt-status { font-size:12.5px; color:var(--gray, #6e6c78); white-space:nowrap; min-width:0; }
.nt-status[data-state="offline"], .nt-status[data-state="error"] { color:var(--amber, #d97706); }
.nt-status[data-state="conflict"] { color:var(--red-tx, #c22a43); }
.nt-aip-tg[aria-pressed="true"] { border-color:var(--v, #7703fc); color:var(--v, #7703fc); background:var(--v-t, #f3ecfe); }
.nt-card { padding:14px 16px; border:1px solid var(--line, #e8e7ee); border-radius:var(--r, 18px); background:var(--card, #fff); }
.nt-card p { margin:0 0 10px; }
.nt-confirm { border-color:var(--amber, #d97706); }
.nt-conflict { border-color:var(--red, #e2445c); }
.nt-cf-h { font-weight:600; margin-bottom:4px; }
.nt-cf-cols { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:8px 0 12px; }
.nt-cf-col { min-width:0; display:flex; flex-direction:column; gap:6px; }
.nt-cf-text { margin:0; max-height:180px; overflow:auto; padding:10px; border-radius:var(--ri, 12px); background:var(--surf, #f8f7fb); font:13px/1.45 var(--font, 'Onest', system-ui, sans-serif); white-space:pre-wrap; word-break:break-word; }
.nt-acts { display:flex; flex-wrap:wrap; gap:8px; }
.nt-body { flex:1; min-height:0; display:flex; flex-direction:column; }
.nt-pane { flex:1; min-height:0; }
.nt-pane-nb { overflow:auto; padding:4px 4px 24px; }
.nt-pane-bd { display:flex; flex-direction:column; gap:8px; }
.nt-pane-bd .nt-board { flex:1; min-height:320px; border:1px solid var(--line, #e8e7ee); background:#ffffff; }

/* AI paneli */
.nt-aip { min-height:0; overflow:auto; display:flex; flex-direction:column; gap:10px; padding:8px 0 16px 16px; border-left:1px solid var(--line, #e8e7ee); }
.nt-aip-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.nt-aip-head h3 { margin:0; font-size:16px; font-weight:600; }
.nt-aip-text { width:100%; box-sizing:border-box; min-height:140px; resize:vertical; padding:12px; border:1px solid var(--line, #e8e7ee); border-radius:var(--r2, 14px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:14px/1.45 var(--font, 'Onest', system-ui, sans-serif); }
.nt-aip-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.nt-aip-chars.bad { color:var(--red-tx, #c22a43); }
.nt-aip-keepl { display:inline-flex; align-items:center; gap:8px; font-size:14px; cursor:pointer; }
.nt-aip-keep { width:18px; height:18px; accent-color:var(--v, #7703fc); }
.nt-aip-run { border-color:var(--v, #7703fc); color:var(--v, #7703fc); }
.nt-aip-msg:empty { display:none; }

/* tugmalar (admin panelda .btn bo'lmasa zaxira) */
.nt-ov .btn, .nt-scr .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:0 16px; border:1px solid var(--line, #e8e7ee); border-radius:var(--ri, 12px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:600 14px/1 var(--font, 'Onest', system-ui, sans-serif); cursor:pointer; box-shadow:none; }
.nt-scr .btn.solid { background:var(--v, #7703fc); border-color:var(--v, #7703fc); color:var(--on-v, #fff); }
.nt-scr .btn.ghost { background:transparent; }
.nt-scr .btn.small { min-height:34px; padding:0 12px; font-size:13px; }
.nt-scr .btn:disabled { opacity:.5; cursor:default; }
.nt-scr .nt-back { display:none; }

/* ---- planshet: AI paneli ustiga ---- */
@media (max-width:1200px) {
  .nt-scr[data-ai="on"] { grid-template-columns:260px minmax(0, 1fr); }
  .nt-scr[data-ai="on"] .nt-aip { position:fixed; z-index:1001; top:0; right:0; bottom:0; width:min(400px, 100vw); box-sizing:border-box; padding:16px; background:var(--card, #fff); border-left:1px solid var(--line, #e8e7ee); }
}

/* ---- telefon: ro'yxat va yozuv alohida ekran, AI pastdan ---- */
@media (max-width:760px) {
  .nt-scr, .nt-scr[data-ai="on"] { display:flex; flex-direction:column; gap:0; }
  .nt-side { border-right:0; padding:8px 0 0; flex:1; }
  .nt-scr[data-view="note"] .nt-side { display:none; }
  .nt-scr[data-view="list"] .nt-main { display:none; }
  .nt-main { flex:1; }
  .nt-scr .nt-back { display:inline-flex; }
  .nt-title { flex-basis:100%; order:2; }
  .nt-bar .nt-seg { order:3; }
  .nt-cf-cols { grid-template-columns:1fr; }
  .nt-scr[data-ai="on"] .nt-aip { position:fixed; z-index:1001; left:0; right:0; bottom:0; top:auto; width:auto; max-height:80vh; padding:16px 16px calc(16px + var(--safe-b, 0px)); border-left:0; border-top:1px solid var(--line, #e8e7ee); border-radius:var(--r, 18px) var(--r, 18px) 0 0; background:var(--card, #fff); }
  .nt-pane-bd .nt-board { min-height:260px; }
}

/* ---- tungi mavzu: doska oq qoladi ---- */
[data-theme="dark"] .nt-pane-bd .nt-board { background:#ffffff; }
[data-motion="off"] .nt-scr * { transition:none; }

/* ---- S64b: shaxsiy daftar (tablar, eslatma, mijozga biriktirish) ---- */
.nt-tabs { display:flex; padding:3px; gap:2px; border-radius:var(--pillr, 999px); background:var(--panel, #f4f4f7); }
.nt-tab { flex:1; min-height:34px; padding:0 10px; border:0; border-radius:var(--pillr, 999px); background:transparent; color:var(--gray, #6e6c78); font:600 13px/1.1 var(--font, 'Onest', system-ui, sans-serif); cursor:pointer; }
.nt-tab[aria-selected="true"] { background:var(--card, #fff); color:var(--v, #7703fc); }
.nt-tab:focus-visible { outline:2px solid var(--v, #7703fc); outline-offset:1px; }
.nt-rem { display:flex; flex-direction:column; gap:6px; padding:10px; border:1px solid var(--v-s, #d9c2fe); border-radius:var(--r, 18px); background:var(--v-t, #f3ecfe); }
.nt-rem-i { display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:8px 10px; border:1px solid var(--line, #e8e7ee); border-radius:var(--r2, 14px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:inherit; text-align:left; cursor:pointer; }
.nt-rem-i:hover, .nt-rem-i:focus-visible { border-color:var(--v, #7703fc); }
.nt-rem-t { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.nt-rem-d { font-size:12px; color:var(--gray, #6e6c78); }
.nt-chip { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:6px 12px; border-radius:var(--pillr, 999px); background:var(--v-t, #f3ecfe); color:var(--ink, #1c1b22); font-size:13.5px; font-weight:600; align-self:flex-start; }
.nt-remrow { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.nt-rem-in { height:38px; padding:0 10px; border:1px solid var(--line, #e8e7ee); border-radius:var(--ri, 12px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:inherit; }
.nt-rem-in:focus { outline:2px solid var(--v, #7703fc); outline-offset:-1px; }
.nt-pick { display:flex; flex-direction:column; gap:8px; max-width:520px; }
.nt-pick-q { width:100%; box-sizing:border-box; height:40px; padding:0 14px; border:1px solid var(--line, #e8e7ee); border-radius:var(--ri, 12px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:inherit; }
.nt-pick-q:focus { outline:2px solid var(--v, #7703fc); outline-offset:-1px; }
.nt-pick-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; max-height:240px; overflow:auto; }
.nt-pick-i { width:100%; padding:9px 12px; border:1px solid var(--line, #e8e7ee); border-radius:var(--r2, 14px); background:var(--card, #fff); color:var(--ink, #1c1b22); font:inherit; text-align:left; cursor:pointer; }
.nt-pick-i:hover, .nt-pick-i:focus-visible { border-color:var(--v, #7703fc); background:var(--v-t, #f3ecfe); outline:none; }
.nt-pick-deals { display:flex; flex-direction:column; gap:6px; }
.nt-pick-d { justify-content:flex-start; text-align:left; }
.nt-aip-attach { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 12px; border:1px solid var(--amber, #d97706); border-radius:var(--r2, 14px); background:var(--panel, #f4f4f7); }
.nt-aip-attach-t { margin:0; font-weight:600; }
/* sarlavhadagi «Daftar» tugmasi belgisi (hodim va admin) */
.nt-hd-btn { position:relative; }
.nt-hd-badge { position:absolute; top:-4px; right:-4px; min-width:18px; height:18px; padding:0 5px; box-sizing:border-box; border-radius:var(--pillr, 999px); background:var(--v, #7703fc); color:#fff; font:700 11px/18px var(--font, 'Onest', system-ui, sans-serif); text-align:center; pointer-events:none; }
.nt-hd-badge[hidden] { display:none; }