/* oak-natlib.css — styling for the National Library cross-link chip + popover. */
.nl-chip{margin-left:8px;flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:4px;
  background:rgba(94,234,212,.10);border:1px solid rgba(94,234,212,.32);color:#5eead4;
  border-radius:999px;padding:2px 9px;font:600 .72rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.nl-chip:hover{background:rgba(94,234,212,.20);border-color:#5eead4}
.nl-chip .nl-n{color:#eef2ff}
.nl-chip .nl-pdfn{color:#86efac;font-weight:700}
.nl-chip-pdf{border-color:rgba(134,239,172,.40)}

.nl-pop{position:fixed;z-index:100000;max-height:60vh;overflow:auto;
  background:rgba(12,17,26,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(94,234,212,.28);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.55);
  padding:8px;font:400 .8rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;color:#cdd6e6}
.nl-head{font:700 .68rem/1 -apple-system,sans-serif;letter-spacing:.04em;text-transform:uppercase;
  color:#5eead4;padding:4px 6px 8px;border-bottom:1px solid rgba(94,234,212,.16);margin-bottom:6px}
.nl-item{padding:7px 6px;border-bottom:1px solid rgba(154,163,196,.10)}
.nl-item:last-child{border-bottom:0}
.nl-itop{display:flex;align-items:center;gap:7px;margin-bottom:3px}
.nl-y{color:#9aa3c4;font-weight:600;font-size:.74rem}
.nl-b{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:5px}
.nl-b-D{background:#1e3a5f;color:#9ec5ff}
.nl-b-A{background:#143e30;color:#86efac}
.nl-open{margin-left:auto;color:#6cb8ff;text-decoration:none;font-weight:700}
.nl-open:hover{color:#9ec5ff}
.nl-ti{color:#eef2ff;font-size:.79rem;line-height:1.35}
.nl-act{margin-top:5px}
.nl-dl{display:inline-flex;align-items:center;gap:5px;background:rgba(134,239,172,.12);border:1px solid rgba(134,239,172,.34);
  color:#86efac;text-decoration:none;border-radius:7px;padding:3px 9px;font-weight:600;font-size:.72rem}
.nl-dl:hover{background:rgba(134,239,172,.22);border-color:#86efac}
.nl-rest{color:#6b7499;font-size:.7rem;font-style:italic}

/* inline link next to the ↗ oak.uz source link (defense / title rows) */
.nl-src{flex:0 0 auto;align-self:center;margin-left:6px;display:inline-flex;align-items:center;gap:1px;
  text-decoration:none;font-size:.9rem;line-height:1;padding:2px 5px;border-radius:6px;
  border:1px solid rgba(94,234,212,.30);background:rgba(94,234,212,.08);color:#5eead4;white-space:nowrap;
  transition:background .15s,border-color .15s}
.nl-src:hover{background:rgba(94,234,212,.20);border-color:#5eead4}
.nl-src .nl-dn{color:#86efac;font-weight:700;font-size:.74rem}
.nl-src-pdf{border-color:rgba(134,239,172,.38);background:rgba(134,239,172,.10)}
.nl-src-pdf:hover{border-color:#86efac;background:rgba(134,239,172,.20)}
@media (max-width:560px){.nl-chip{padding:2px 7px;font-size:.68rem}.nl-pop{max-height:70vh}.nl-src{font-size:.82rem}}

/* Browse table ("Yozuvlarni ko'rish") — fit all 9 columns on screen, no horizontal scroll.
   Desktop only; narrow screens keep the oak-mobile responsive treatment. Long cells ellipsize
   (oak-natlib.js adds hover tooltips). Column % sum to 100%. */
@media (min-width:900px){
  #t-records{table-layout:fixed;width:100%;font-size:12px}
  #t-records th,#t-records td{padding:6px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #t-records td:nth-child(1),#t-records th:nth-child(1){width:6.5%}   /* SANA */
  #t-records td:nth-child(2),#t-records th:nth-child(2){width:4.5%}   /* DARAJA */
  #t-records td:nth-child(3),#t-records th:nth-child(3){width:10%}    /* FAN TARMOG'I */
  #t-records td:nth-child(4),#t-records th:nth-child(4){width:11%}    /* IXTISOSLIK */
  #t-records td:nth-child(5),#t-records th:nth-child(5){width:23%}    /* SARLAVHA */
  #t-records td:nth-child(6),#t-records th:nth-child(6){width:14%}    /* TADQIQOTCHI */
  #t-records td:nth-child(7),#t-records th:nth-child(7){width:14%}    /* RAHBAR */
  #t-records td:nth-child(8),#t-records th:nth-child(8){width:13%}    /* MUASSASA */
  #t-records td:nth-child(9),#t-records th:nth-child(9){width:4%;min-width:52px;overflow:visible}  /* actions */
  #browse .scroll{overflow-x:hidden}
}