/* Bildirishnoma kartalari (2026-10-19): burchakda shaffof "oyna" (backdrop blur) + asl tarmoq logotipi. CRM tokenlari — mavzuga o'zi moslashadi. */
.nt-stack{position:fixed;z-index:3000;display:flex;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 24px);pointer-events:none;font-family:var(--sans,system-ui,sans-serif)}
.nt-stack.br{right:16px;bottom:16px;flex-direction:column-reverse}.nt-stack.bl{left:16px;bottom:16px;flex-direction:column-reverse}
.nt-stack.tr{right:16px;top:16px}.nt-stack.tl{left:16px;top:16px}
.nt-card{pointer-events:auto;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:start;padding:13px 36px 15px 13px;color:var(--text-main,#fff);cursor:pointer;overflow:hidden;
  background:rgba(22,30,38,.58);background:color-mix(in srgb,var(--bg-panel,#0f202e) 58%,transparent);
  -webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);
  border:1px solid rgba(255,255,255,.14);border-radius:18px;
  box-shadow:0 18px 50px -12px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);
  animation:nt-in .34s cubic-bezier(.18,.9,.3,1.15)}
html[data-theme="light"] .nt-card{background:rgba(255,255,255,.62);background:color-mix(in srgb,var(--bg-panel,#fff) 62%,transparent);border-color:rgba(255,255,255,.7);box-shadow:0 18px 50px -14px rgba(20,35,50,.35),0 2px 8px rgba(20,35,50,.08),inset 0 1px 0 rgba(255,255,255,.8)}
.nt-stack.tl .nt-card,.nt-stack.bl .nt-card{animation-name:nt-inl}
.nt-card.out{animation:nt-out .22s forwards}
@keyframes nt-in{from{opacity:0;transform:translateX(34px) scale(.96)}to{opacity:1;transform:none}}
@keyframes nt-inl{from{opacity:0;transform:translateX(-34px) scale(.96)}to{opacity:1;transform:none}}
@keyframes nt-out{to{opacity:0;transform:translateX(34px) scale(.97)}}
.nt-ic{width:44px;height:44px;filter:drop-shadow(0 3px 7px rgba(0,0,0,.3))}
.nt-ic svg,.nt-ic img{width:44px;height:44px;display:block}
.nt-top{display:flex;gap:8px;align-items:baseline}
.nt-ch{font-size:11.5px;font-weight:500;color:var(--text-dim)}
.nt-time{margin-left:auto;font-size:11px;color:var(--text-dim)}
.nt-name{font-weight:650;font-size:14.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt-msg{margin-top:1px;color:var(--text-main);opacity:.82;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.nt-act{display:flex;gap:8px;margin-top:10px}
.nt-act button{border:0;background:rgba(127,140,150,.22);color:var(--text-main);border-radius:9px;padding:5px 13px;font:inherit;font-size:12.5px;font-weight:550;cursor:pointer}
.nt-act button:hover{background:var(--accent);color:#fff}
.nt-x{position:absolute;right:9px;top:9px;width:22px;height:22px;border:0;background:transparent;color:var(--text-dim);border-radius:50%;cursor:pointer;font-size:17px;line-height:1;padding:0;opacity:0;transition:.15s}
.nt-card:hover .nt-x{opacity:1}
.nt-x:hover{background:rgba(127,140,150,.3);color:var(--text-main)}
.nt-bar{position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--accent);opacity:.7;transform-origin:left;animation:nt-bar var(--dur) linear forwards}
.nt-card:hover .nt-bar{animation-play-state:paused}
@keyframes nt-bar{to{transform:scaleX(0)}}
.nt-more{pointer-events:auto;align-self:flex-end;background:rgba(22,30,38,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-main);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 13px;font-size:12px;font-weight:600}
@media(max-width:600px){.nt-stack{left:12px!important;right:12px!important;width:auto}}
@media(prefers-reduced-motion:reduce){.nt-card{animation:none}}
/* Sozlamalar kartasi */
.nts-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--border-dark2,rgba(255,255,255,.1))}
.nts-row b{display:block;font-weight:550;font-size:14px}.nts-row small{display:block;color:var(--text-dim);font-size:12px;margin-top:1px}
.nts-sw{position:relative;width:40px;height:23px;flex:none;border:0;border-radius:999px;cursor:pointer;background:var(--border-dark2,#445);transition:.15s}
.nts-sw::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.15s}
.nts-sw[aria-pressed=true]{background:var(--accent)}.nts-sw[aria-pressed=true]::after{left:20px}
.nts-corner{display:grid;grid-template-columns:repeat(2,34px);grid-template-rows:repeat(2,26px);gap:4px;padding:4px;border:1px solid var(--border-dark2,rgba(255,255,255,.12));border-radius:8px;background:var(--bg-main)}
.nts-corner button{border:1px solid var(--border-dark2,rgba(255,255,255,.12));border-radius:5px;background:var(--bg-panel);cursor:pointer;padding:0}
.nts-corner button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}
.nts-seg{display:flex;flex-wrap:wrap;border:1px solid var(--border-dark2,rgba(255,255,255,.12));border-radius:9px;overflow:hidden}
.nts-seg button{border:0;background:transparent;color:var(--text-dim);padding:6px 11px;font:inherit;font-size:12.5px;cursor:pointer}
.nts-seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--text-main);font-weight:600}
.nts-sub{padding:2px 0 14px}
.nts-lab{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}
.nts-tones{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.nts-tone{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border-dark2,rgba(255,255,255,.12));border-radius:11px;background:var(--bg-main);color:var(--text-main);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.nts-tone svg{color:var(--text-dim);flex:none}
.nts-tone:hover{border-color:var(--accent)}
.nts-tone[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:600}
.nts-tone[aria-pressed=true] svg{color:var(--accent)}
.nts-vol{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:var(--text-dim)}
.nts-vol input{flex:1;accent-color:var(--accent)}
.nts-evs{display:grid;gap:2px;margin-top:8px}
.nts-ev{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:7px 0}
.nts-ev b{font-size:13.5px;font-weight:550}
.nts-lg{width:30px;height:30px;display:block}.nts-lg svg,.nts-lg img{width:30px;height:30px;display:block;border-radius:8px}
.nts-ev select{border:1px solid var(--border-dark2,rgba(255,255,255,.14));background:var(--bg-main);color:var(--text-main);border-radius:9px;padding:6px 10px;font:inherit;font-size:12.5px;max-width:150px}
.nts-test{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border-dark2,rgba(255,255,255,.1))}