.icon-tile--red, .tag-pill--red, .field-glyph--red { --tone: #FF3B30; }
.icon-tile--orange, .tag-pill--orange, .field-glyph--orange { --tone: #FF9500; }
.icon-tile--yellow, .tag-pill--yellow, .field-glyph--yellow { --tone: #FFCC00; --tone-fg: rgba(0,0,0,0.75); }
.icon-tile--green, .tag-pill--green, .field-glyph--green { --tone: #34C759; }
.icon-tile--mint, .tag-pill--mint, .field-glyph--mint { --tone: #00C7BE; --tone-fg: rgba(0,0,0,0.75); }
.icon-tile--teal, .tag-pill--teal, .field-glyph--teal { --tone: #30B0C7; }
.icon-tile--cyan, .tag-pill--cyan, .field-glyph--cyan { --tone: #32ADE6; }
.icon-tile--blue, .tag-pill--blue, .field-glyph--blue { --tone: #007AFF; }
.icon-tile--indigo, .tag-pill--indigo, .field-glyph--indigo { --tone: #5856D6; }
.icon-tile--purple, .tag-pill--purple, .field-glyph--purple { --tone: #AF52DE; }
.icon-tile--pink, .tag-pill--pink, .field-glyph--pink { --tone: #FF2D55; }
.icon-tile--brown, .tag-pill--brown, .field-glyph--brown { --tone: #A2845E; }
.icon-tile--gray, .tag-pill--gray, .field-glyph--gray { --tone: #8E8E93; }

.dark .icon-tile--red, .dark .tag-pill--red, .dark .field-glyph--red { --tone: #FF453A; }
.dark .icon-tile--orange, .dark .tag-pill--orange, .dark .field-glyph--orange { --tone: #FF9F0A; }
.dark .icon-tile--yellow, .dark .tag-pill--yellow, .dark .field-glyph--yellow { --tone: #FFD60A; }
.dark .icon-tile--green, .dark .tag-pill--green, .dark .field-glyph--green { --tone: #30D158; }
.dark .icon-tile--mint, .dark .tag-pill--mint, .dark .field-glyph--mint { --tone: #66D4CF; }
.dark .icon-tile--teal, .dark .tag-pill--teal, .dark .field-glyph--teal { --tone: #40C8E0; }
.dark .icon-tile--cyan, .dark .tag-pill--cyan, .dark .field-glyph--cyan { --tone: #64D2FF; --tone-fg: rgba(0,0,0,0.75); }
.dark .icon-tile--blue, .dark .tag-pill--blue, .dark .field-glyph--blue { --tone: #0A84FF; }
.dark .icon-tile--indigo, .dark .tag-pill--indigo, .dark .field-glyph--indigo { --tone: #5E5CE6; }
.dark .icon-tile--purple, .dark .tag-pill--purple, .dark .field-glyph--purple { --tone: #BF5AF2; }
.dark .icon-tile--pink, .dark .tag-pill--pink, .dark .field-glyph--pink { --tone: #FF375F; }
.dark .icon-tile--brown, .dark .tag-pill--brown, .dark .field-glyph--brown { --tone: #AC8E68; }
.dark .icon-tile--gray, .dark .tag-pill--gray, .dark .field-glyph--gray { --tone: #98989D; }

 
.field-glyph {
  font-size: 1.75rem;
  line-height: 1;
  height: 1.75rem;
  color: var(--tone);
}

 
.tag-pill {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  background: var(--tone);
  color: var(--tone-fg, #fff);
}
 
.tag-pill--muted {
  background: #f0f0f0;
  color: #525252;
}
.dark .tag-pill--muted {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.75);
}

 
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
.faq-answer.open {
  max-height: 500px;
}
.faq-chevron {
  transition: transform 0.3s ease;
}
.faq-chevron.open {
  transform: rotate(180deg);
}

 

.device {
  margin: 0 auto;
}

 
.device-screen {
  position: relative;
  overflow: hidden;
  background: #000;
}
.device-screen img {
   
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.device-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  padding: 6%;
  font-size: clamp(0.5rem, 2.4vw, 0.8rem);
  line-height: 1.35;
  color: #a3a3a3;
  background: rgba(0, 0, 0, 0.04);
}
.dark .device-placeholder {
  color: #737373;
  background: rgba(255, 255, 255, 0.04);
}

 
.device-iphone .device-frame,
.device-ipad .device-frame,
.device-mac-lid {
  background: linear-gradient(180deg, #1d1d1f 0%, #2c2c2e 100%);
}
.dark .device-iphone .device-frame,
.dark .device-ipad .device-frame,
.dark .device-mac-lid {
  background: linear-gradient(180deg, #2c2c2e 0%, #1d1d1f 100%);
}
 
.device-iphone .device-frame,
.device-ipad .device-frame {
  box-shadow:
    0 30px 60px -20px rgba(0, 0, 0, 0.35),
    0 8px 20px -6px rgba(0, 0, 0, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    inset 0 1px 2px rgba(255, 255, 255, 0.12);
}
.dark .device-iphone .device-frame,
.dark .device-ipad .device-frame {
  box-shadow:
    0 30px 60px -20px rgba(0, 0, 0, 0.6),
    0 8px 20px -6px rgba(0, 0, 0, 0.3),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 0 1px 2px rgba(255, 255, 255, 0.14);
}
 
.device-mac-lid {
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    inset 0 1px 2px rgba(255, 255, 255, 0.10);
}
.dark .device-mac-lid {
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 0 1px 2px rgba(255, 255, 255, 0.12);
}

 
.device-iphone {
  width: 100%;
  max-width: 260px;
}
.device-iphone .device-frame {
  position: relative;
  padding: 3.1%;
  border-radius: 16% / 7.4%;
}
.device-iphone .device-screen {
  aspect-ratio: 1206 / 2622;
  border-radius: 12% / 5.4%;
}
 
.device-iphone .device-screen::after {
  content: "";
  position: absolute;
  top: 2.4%;
  left: 50%;
  transform: translateX(-50%);
  width: 33%;
  aspect-ratio: 1 / 0.295;
  background: #000;
  border-radius: 999px;
  z-index: 3;
}

 
.device-ipad {
  width: 100%;
  max-width: 560px;
}
.device-ipad .device-frame {
  position: relative;
  padding: 2.1%;
  border-radius: 4.5% / 6%;
}
.device-ipad .device-screen {
  aspect-ratio: 2420 / 1668;
  border-radius: 1.8% / 2.6%;
}
 
.device-ipad .device-frame::after {
  content: "";
  position: absolute;
  top: 0.95%;
  left: 50%;
  transform: translateX(-50%);
  width: 0.8%;
  aspect-ratio: 1;
  background: #0a0a0b;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  z-index: 3;
}

 
.device-mac {
  width: 100%;
  max-width: 620px;
}
.device-mac-lid {
  position: relative;
  padding: 1.2%;
  border-radius: 16px 16px 0 0;
}
.device-mac .device-screen {
  aspect-ratio: 3024 / 1964;
  border-radius: 4px;
}
 
.device-mac .device-screen::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 13.5%;
  aspect-ratio: 1 / 0.13;
  background: #1d1d1f;
  border-radius: 0 0 5px 5px;
  z-index: 3;
}
.dark .device-mac .device-screen::after {
  background: #2c2c2e;
}
 
.device-mac-base {
  position: relative;
  width: 108%;
  margin-left: -4%;
  height: 14px;
  background: linear-gradient(180deg, #cfcfd3 0%, #a8a8ad 100%);
  border-radius: 0 0 11px 11px;
  box-shadow: 0 16px 30px -8px rgba(0, 0, 0, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.dark .device-mac-base {
  background: linear-gradient(180deg, #3a3a3d 0%, #1f1f21 100%);
  box-shadow: 0 16px 30px -8px rgba(0, 0, 0, 0.55),
              inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
 
.device-mac-base::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 14%;
  height: 42%;
  background: #aeaeb3;
  border-radius: 0 0 7px 7px;
}
.dark .device-mac-base::after {
  background: #2a2a2c;
}

 
.device-none {
  width: 100%;
}
.device-none .device-screen {
  aspect-ratio: 16 / 10;  
  background: transparent;
}
 
.device-none.has-shot .device-screen {
  aspect-ratio: auto;
}
 
.docs-content .device-iphone .device-screen img,
.docs-content .device-ipad .device-screen img,
.docs-content .device-mac .device-screen img,
.dark .docs-content .device-iphone .device-screen img,
.dark .docs-content .device-ipad .device-screen img,
.dark .docs-content .device-mac .device-screen img {
  border-radius: 0;
  margin: 0;
  box-shadow: none;
}

 
.docs-content .device.nb-shot--sheet .device-screen img,
.dark .docs-content .device.nb-shot--sheet .device-screen img {
  box-shadow: none;
  margin: 0;
}
 
.device.nb-shot--sheet {
  margin-block: 3rem;
}

 
.device.nb-shot--element {
  margin-block: 3rem;
}
.device.nb-shot--element .device-screen img,
.docs-content .device.nb-shot--element .device-screen img,
.dark .docs-content .device.nb-shot--element .device-screen img {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}

 
.nb-shot { margin: 1.5rem 0; }

.device-none.has-shot .device-screen img {
  height: auto;
  object-fit: contain;
   
  border-radius: 0.75rem;
}

 
.nb-video {
  width: 100%;
  height: auto;
}
.nb-video-placeholder {
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 6%;
  color: #a3a3a3;
  font-size: clamp(0.7rem, 2vw, 0.95rem);
  background: rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}
.dark .nb-video-placeholder {
  color: #737373;
  background: rgba(255, 255, 255, 0.04);
}

 
.device-duo {
  position: relative;
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  padding-bottom: 3.5%;  
}
.device-duo .device-ipad {
  width: 76%;
  margin: 0;
  max-width: none;
}
.device-duo .device-iphone {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 29%;
  margin: 0;
  max-width: none;
  z-index: 2;
  filter: drop-shadow(0 16px 30px rgba(0, 0, 0, 0.22));
}
.dark .device-duo .device-iphone {
  filter: drop-shadow(0 16px 30px rgba(0, 0, 0, 0.55));
}

 
.nb-slideshow {
   
}
.nb-slides {
  display: grid;
  grid-template-columns: minmax(0, 1fr);  
  align-items: center;
}
.nb-slide {
  grid-area: 1 / 1;  
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.nb-slide.is-active {
  opacity: 1;
  pointer-events: auto;
}
.nb-slide img {
  width: 100%;
  height: auto;
   
}

.nb-dots {
  display: flex;
  justify-content: center;
  gap: 0;  
  margin-top: 1.1rem;
}
 
.nb-dot {
  display: inline-flex;
  align-items: center;
  padding: 8px 7px;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
 
.nb-dot-bar {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.16);
  overflow: hidden;
  transition: width 0.3s ease, background-color 0.25s ease;
}
.dark .nb-dot-bar {
  background: rgba(255, 255, 255, 0.22);
}
.nb-dot:hover .nb-dot-bar {
  background: rgba(0, 0, 0, 0.3);
}
.dark .nb-dot:hover .nb-dot-bar {
  background: rgba(255, 255, 255, 0.4);
}
.nb-dot.is-active .nb-dot-bar {
  width: 32px;
}
 
.nb-dot-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #171717;
}
.dark .nb-dot-fill {
  background: #ffffff;
}

 
.nb-zoomable {
  cursor: pointer;
}
.nb-lightbox {
  position: fixed;
  inset: 0;
  z-index: 100;  
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4vw;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.nb-lightbox.is-open {
  opacity: 1;
  visibility: visible;
}
.nb-lightbox img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);
}


 
.nb-form-mock {
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.dark .nb-form-mock {
  background: #212121;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
 
.nb-form-mock__head {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  padding: 18px 18px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.dark .nb-form-mock__head { border-bottom-color: rgba(255, 255, 255, 0.08); }
.nb-form-mock__logo {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
}
.nb-form-mock__headtext { flex: 1; min-width: 0; }
.nb-form-mock__title {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
  color: #111;
}
.dark .nb-form-mock__title { color: #f5f5f5; }
.nb-form-mock__sub {
  margin-top: 0;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dark .nb-form-mock__sub { color: #aaa; }
 
.nb-form-mock__body { padding: 16px 18px 18px; }
.nb-form-mock__field { margin-bottom: 14px; }
.nb-form-mock__field label {
  display: block;
  font-size: 0.813rem;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}
.dark .nb-form-mock__field label { color: #e5e5e5; }
.nb-form-mock__input {
  width: 100%;
  padding: 10px 14px;
  font-size: 0.938rem;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  background: #fff;
  color: #1a1a1a;
}
.dark .nb-form-mock__input {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: #e5e5e5;
}
 
.nb-form-mock__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.nb-form-mock__tag {
  display: inline-block;
  padding: 5px 12px;
  font-size: 0.813rem;
  border: 1px solid #d5d5d5;
  border-radius: 980px;
  color: #555;
  background: #fff;
}
.dark .nb-form-mock__tag {
  border-color: rgba(255, 255, 255, 0.12);
  color: #888;
  background: rgba(255, 255, 255, 0.05);
}
.nb-form-mock__tag.is-on {
  background: #0088ff;
  border-color: #0088ff;
  color: #fff;
}
 
.nb-form-mock__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 0.813rem;
  font-weight: 500;
  color: #1a1a1a;
}
.dark .nb-form-mock__toggle { color: #e5e5e5; }
.nb-form-mock__switch {
  position: relative;
  width: 44px;
  height: 26px;
  border-radius: 26px;
  background: #34c759;
  flex-shrink: 0;
}
.nb-form-mock__switch::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 3px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transform: translateX(18px);
}
 
.nb-form-mock__submit {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 14px;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  background: #0088ff;
  border-radius: 980px;
}

 
 
.nb-collab {
  border-radius: 20px;
  background: #f5f5f5;
  padding: 12px 12px 14px;
}
.dark .nb-collab { background: #1b1b1b; }

 
.nb-collab__card {
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #ececec;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.dark .nb-collab__card {
  background: #242426;
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

 
.nb-collab__head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; }
.nb-collab__nbicon {
  width: 38px; height: 38px; border-radius: 10px;
  background: #ff3b7e;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.nb-collab__nbicon i { color: #fff; font-size: 21px; }
.nb-collab__nbtext { display: flex; flex-direction: column; line-height: 1.25; flex: 1; min-width: 0; }
.nb-collab__title { font-weight: 700; font-size: 0.9375rem; letter-spacing: -0.01em; color: #171717; }
.dark .nb-collab__title { color: #fff; }
.nb-collab__meta { font-size: 0.75rem; color: #9a9a9a; margin-top: 1px; }

 
.nb-collab__av {
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; color: #fff; font-weight: 700; flex-shrink: 0;
}
.nb-collab__av.av-sf   { background: #2FB5A4; }
.nb-collab__av.av-ac   { background: #E8922E; }
.nb-collab__av.av-jp   { background: #E6BE3A; }
.nb-collab__av.av-ps   { background: #32B58C; }
.nb-collab__av.av-sr   { background: #3B82F6; }
.nb-collab__av.av-more { background: #6B6B70; }

 
.nb-collab__avatars { display: flex; align-items: center; flex-shrink: 0; }
.nb-collab__avatars .nb-collab__av { width: 30px; height: 30px; font-size: 0.625rem; border: 2px solid #fff; }
.dark .nb-collab__avatars .nb-collab__av { border-color: #242426; }
.nb-collab__avatars .nb-collab__av + .nb-collab__av { margin-left: -9px; }

 
.nb-collab__plabel {
  font-weight: 700; font-size: 0.875rem; letter-spacing: -0.01em;
  color: #171717; margin: 16px 0 8px; padding-left: 4px;
}
.dark .nb-collab__plabel { color: #fff; }

 
.nb-collab__plist { padding: 4px 16px; }

 
.nb-collab__prow { display: flex; align-items: center; gap: 10px; padding: 9px 0; }
.nb-collab__prow + .nb-collab__prow { border-top: 1px solid #f0f0f0; }
.dark .nb-collab__prow + .nb-collab__prow { border-top-color: rgba(255, 255, 255, 0.07); }
.nb-collab__prow .nb-collab__av { width: 24px; height: 24px; font-size: 0.5625rem; }
.nb-collab__pname { min-width: 0; font-size: 0.8125rem; font-weight: 500; color: #171717; }
.dark .nb-collab__pname { color: #f0f0f0; }

 
.nb-collab__owner {
  font-size: 0.625rem; font-weight: 600;
  padding: 2px 9px; border-radius: 980px;
  color: #2563eb; background: rgba(59, 130, 246, 0.12);
}
.dark .nb-collab__owner { color: #5AA0FF; background: rgba(90, 160, 255, 0.16); }

 
.nb-collab__remove {
  margin-left: auto;
  width: 20px; height: 20px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0, 0, 0, 0.05); flex-shrink: 0;
}
.dark .nb-collab__remove { background: rgba(255, 255, 255, 0.08); }
.nb-collab__remove i { font-size: 14px; color: #9a9a9a; }
.dark .nb-collab__remove i { color: #8a8a8a; }

 
.nb-notify { display: flex; flex-direction: column; gap: 10px; }

 
.nb-notify__card {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px; border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 0.5px rgba(0, 0, 0, 0.04);
}
.dark .nb-notify__card {
  background: #1c1c1e;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: none;
}

 
.nb-notify__icon {
  width: 40px; height: 40px; border-radius: 9px; flex-shrink: 0;
  object-fit: cover;
}

.nb-notify__body { flex: 1; min-width: 0; }
.nb-notify__toprow {
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
}
.nb-notify__app {
  font-size: 0.875rem; font-weight: 700; letter-spacing: -0.01em;
  color: #171717; min-width: 0; line-height: 1.15;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dark .nb-notify__app { color: #ffffff; }
.nb-notify__time { font-size: 0.75rem; color: #8a8a8a; flex-shrink: 0; }
.dark .nb-notify__time { color: #8e8e8e; }
.nb-notify__text {
  font-size: 0.8125rem; color: #1f1f1f; margin-top: 0; line-height: 1.25;
}
.dark .nb-notify__text { color: #e5e5e5; }

 
.nb-widget {
  border-radius: 28px;
  padding: 6px 0;
  background: linear-gradient(180deg, #f4f4f5, #e9e9eb);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 0 0 0.5px rgba(0, 0, 0, 0.05);
}
.dark .nb-widget {
  background: linear-gradient(180deg, #2c2c2e, #1d1d1f);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.5), inset 0 0 0 0.5px rgba(255, 255, 255, 0.06);
}

.nb-widget__row { display: flex; align-items: center; gap: 15px; padding: 0 18px; }
.nb-widget__icon {
  width: 30px; flex-shrink: 0; text-align: center;
  font-size: 29px; line-height: 1;
}
 
.nb-widget__icon--recipe  { color: #34C759; }
.dark .nb-widget__icon--recipe  { color: #30D158; }
.nb-widget__icon--client  { color: #007AFF; }
.dark .nb-widget__icon--client  { color: #0A84FF; }
.nb-widget__icon--event   { color: #AF52DE; }
.dark .nb-widget__icon--event   { color: #BF5AF2; }
.nb-widget__icon--content { color: #FF3B30; }
.dark .nb-widget__icon--content { color: #FF453A; }

 
.nb-widget__body { flex: 1; min-width: 0; padding: 14px 0; }
.nb-widget__row + .nb-widget__row .nb-widget__body {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.dark .nb-widget__row + .nb-widget__row .nb-widget__body {
  border-top-color: rgba(255, 255, 255, 0.08);
}
.nb-widget__title {
  font-size: 0.9375rem; font-weight: 600; letter-spacing: -0.01em;
  color: #171717; line-height: 1.25;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dark .nb-widget__title { color: #ffffff; }
.nb-widget__sub {
  font-size: 0.8125rem; color: #8a8a8a; margin-top: 1px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dark .nb-widget__sub { color: #8e8e8e; }

 
.nb-spotlight {
  border-radius: 22px; overflow: hidden;
  background: #f5f5f6;
  border: 0.5px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18);
}
.dark .nb-spotlight {
  background: #161618;
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.6);
}

 
.nb-spotlight__search { display: flex; align-items: center; gap: 14px; padding: 15px 16px; }
.nb-spotlight__search i { font-size: 23px; color: #8a8a8a; flex-shrink: 0; }
.dark .nb-spotlight__search i { color: #98989d; }
.nb-spotlight__query {
  font-size: 1.4375rem; font-weight: 400; letter-spacing: -0.01em;
  color: #1c1c1e; min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dark .nb-spotlight__query { color: #f5f5f5; }
 
.nb-spotlight__open {
  flex-shrink: 0; white-space: nowrap; margin-left: -14px;
  font-size: 0.9375rem; color: #8a8a8a;
  background: rgba(0, 0, 0, 0.06); border-radius: 9px; padding: 3px 10px;
}
.dark .nb-spotlight__open { color: #98989d; background: rgba(255, 255, 255, 0.10); }
 
.nb-spotlight__searchicon {
  width: 32px; height: 32px; border-radius: 8px;
  margin-left: auto; flex-shrink: 0;
}

 
.nb-spotlight__divider { height: 1px; margin: 0 16px; background: rgba(0, 0, 0, 0.10); }
.dark .nb-spotlight__divider { background: rgba(255, 255, 255, 0.12); }

 
.nb-spotlight__tabs { display: flex; gap: 12px; padding: 9px 16px 11px; }
.nb-spotlight__tab {
  flex: 1; text-align: center; padding: 5px 0; border-radius: 10px;
  font-size: 0.8125rem; color: #4a4a4a;
  background: #ffffff; box-shadow: 0 1px 2.5px rgba(0, 0, 0, 0.12);
}
.dark .nb-spotlight__tab {
  color: #e5e5e5; background: rgba(255, 255, 255, 0.07); box-shadow: none;
}

 
.nb-spotlight__list { padding: 2px 8px 10px; }
.nb-spotlight__row {
  display: flex; align-items: center; gap: 14px;
  padding: 8px; border-radius: 15px;
}
 
.dark .nb-spotlight__row--tophit { background: rgba(255, 255, 255, 0.09); }
.nb-spotlight__icon { width: 40px; height: 40px; border-radius: 9px; flex-shrink: 0; }
.nb-spotlight__rtext { flex: 1; min-width: 0; }
.nb-spotlight__rtitle {
  font-size: 1.0625rem; color: #1c1c1e; line-height: 1.25;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dark .nb-spotlight__rtitle { color: #ffffff; }
.nb-spotlight__row--tophit .nb-spotlight__rtitle { font-weight: 600; }
.nb-spotlight__rsub {
  font-size: 0.8125rem; color: #8a8a8a; margin-top: 1px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dark .nb-spotlight__rsub { color: #98989d; }

 
.nb-spotlight__thumbs { display: flex; gap: 4px; flex-shrink: 0; margin-left: 12px; }
.nb-spotlight__thumb {
  width: 38px; height: 38px; border-radius: 6px; object-fit: cover;
  background: linear-gradient(135deg, #d6d6d6, #c0c0c0);
}
.dark .nb-spotlight__thumb { background: linear-gradient(135deg, #3a3a3c, #29292b); }

 
.section-divider {
  width: 40px;
  height: 4px;
  border: 0;
  border-radius: 999px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.13);
}
.dark .section-divider {
  background: rgba(255, 255, 255, 0.16);
}

 
.nb-fields {
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.04);
  padding: 14px;
  display: flex; flex-direction: column; gap: 10px;
}
.dark .nb-fields { background: #212121; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.06); }

 
.nb-fields__field { background: rgba(0, 0, 0, 0.05); border-radius: 10px; padding: 12px 14px; }
.dark .nb-fields__field { background: rgba(255, 255, 255, 0.06); }

 
.nb-fields__label {
  display: flex; align-items: center; gap: 6px;
  font-size: 0.625rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;
  color: rgba(60, 60, 67, 0.6);
}
.dark .nb-fields__label { color: rgba(235, 235, 245, 0.6); }
.nb-fields__label > i:first-child { font-size: 13px; color: rgba(60, 60, 67, 0.32); }
.dark .nb-fields__label > i:first-child { color: rgba(235, 235, 245, 0.3); }
.nb-fields__more { margin-left: auto; font-size: 16px; color: #1a1a1a; }
.dark .nb-fields__more { color: #ffffff; }

 
.nb-fields__value { margin-top: 7px; font-size: 0.9375rem; color: #1a1a1a; }
.dark .nb-fields__value { color: #f0f0f0; }

 
.nb-fields__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.nb-fields__tag { font-size: 0.8125rem; padding: 4px 12px; border-radius: 980px; background: rgba(0, 0, 0, 0.05); color: #555; }
.dark .nb-fields__tag { background: rgba(255, 255, 255, 0.07); color: #aaa; }
.nb-fields__tag.is-on { background: rgba(0, 136, 255, 0.16); color: #0077e6; }
.dark .nb-fields__tag.is-on { background: rgba(0, 136, 255, 0.22); color: #4da8ff; }

 
.nb-fields__stars { display: flex; gap: 3px; margin-top: 7px; }
.nb-fields__star { font-size: 18px; color: rgba(0, 0, 0, 0.18); }
.dark .nb-fields__star { color: rgba(255, 255, 255, 0.22); }
.nb-fields__star.on { color: #fbbf24; }

 
.nb-fields__valuerow { display: flex; align-items: center; gap: 10px; margin-top: 7px; }
.nb-fields__valuerow .nb-fields__value { margin-top: 0; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nb-fields__action {
  width: 30px; height: 30px; border-radius: 8px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0, 136, 255, 0.12); color: #0088ff;
}
.dark .nb-fields__action { background: rgba(0, 136, 255, 0.2); color: #4da8ff; }
.nb-fields__action i { font-size: 17px; }

 
.nb-fields__switch { position: relative; width: 46px; height: 28px; border-radius: 28px; background: #0088ff; margin-top: 8px; }
.nb-fields__switch::before {
  content: ""; position: absolute; width: 24px; height: 24px; border-radius: 50%;
  background: #fff; top: 2px; left: 2px; transform: translateX(18px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

 

 
.nb-fit { width:100%; margin:0 auto; overflow:hidden; border-radius:12px;
  box-shadow:0 22px 60px rgba(0,0,0,.22), 0 0 0 .5px rgba(0,0,0,.06); }
.dark .nb-fit { box-shadow:0 22px 60px rgba(0,0,0,.6); }
.nb-fit > .nb-tv, .nb-fit > .nb-nv, .nb-fit > .nb-cv, .nb-fit > .nb-fp, .nb-fit > .nb-nd { transform-origin:top left; }
 
.nb-fit--slide > .nb-tv, .nb-fit--slide > .nb-nv { height:622px; }

 
.nb-sf { display:inline-block; background:currentColor; flex-shrink:0;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain; }
.nb-sf-sidebar-left{-webkit-mask-image:url(../../img/sf/sidebar-left.png);mask-image:url(../../img/sf/sidebar-left.png)}
.nb-sf-book-badge-plus{-webkit-mask-image:url(../../img/sf/book-badge-plus.png);mask-image:url(../../img/sf/book-badge-plus.png)}
.nb-sf-rectangle-grid-1x2{-webkit-mask-image:url(../../img/sf/rectangle-grid-1x2.png);mask-image:url(../../img/sf/rectangle-grid-1x2.png)}
.nb-sf-square-fill-text-grid-1x2{-webkit-mask-image:url(../../img/sf/square-fill-text-grid-1x2.png);mask-image:url(../../img/sf/square-fill-text-grid-1x2.png)}
.nb-sf-line-3-horizontal-decrease{-webkit-mask-image:url(../../img/sf/line-3-horizontal-decrease.png);mask-image:url(../../img/sf/line-3-horizontal-decrease.png)}
.nb-sf-tablecells{-webkit-mask-image:url(../../img/sf/tablecells.png);mask-image:url(../../img/sf/tablecells.png)}
.nb-sf-square-and-pencil{-webkit-mask-image:url(../../img/sf/square-and-pencil.png);mask-image:url(../../img/sf/square-and-pencil.png)}
.nb-sf-ellipsis{-webkit-mask-image:url(../../img/sf/ellipsis.png);mask-image:url(../../img/sf/ellipsis.png)}
.nb-sf-magnifyingglass{-webkit-mask-image:url(../../img/sf/magnifyingglass.png);mask-image:url(../../img/sf/magnifyingglass.png)}
.nb-sf-line-3-horizontal-decrease-circle{-webkit-mask-image:url(../../img/sf/line-3-horizontal-decrease-circle.png);mask-image:url(../../img/sf/line-3-horizontal-decrease-circle.png)}
.nb-sf-equal-square{-webkit-mask-image:url(../../img/sf/equal-square.png);mask-image:url(../../img/sf/equal-square.png)}
.nb-sf-arrow-up-and-down-text-horizontal{-webkit-mask-image:url(../../img/sf/arrow-up-and-down-text-horizontal.png);mask-image:url(../../img/sf/arrow-up-and-down-text-horizontal.png)}
.nb-sf-rectangle-split-3x1{-webkit-mask-image:url(../../img/sf/rectangle-split-3x1.png);mask-image:url(../../img/sf/rectangle-split-3x1.png)}
.nb-sf-chevron-down{-webkit-mask-image:url(../../img/sf/chevron-down.png);mask-image:url(../../img/sf/chevron-down.png)}
.nb-sf-textformat{-webkit-mask-image:url(../../img/sf/textformat.png);mask-image:url(../../img/sf/textformat.png)}
.nb-sf-tag{-webkit-mask-image:url(../../img/sf/tag.png);mask-image:url(../../img/sf/tag.png)}
.nb-sf-chart-bar-fill{-webkit-mask-image:url(../../img/sf/chart-bar-fill.png);mask-image:url(../../img/sf/chart-bar-fill.png)}
.nb-sf-calendar{-webkit-mask-image:url(../../img/sf/calendar.png);mask-image:url(../../img/sf/calendar.png)}
.nb-sf-number{-webkit-mask-image:url(../../img/sf/number.png);mask-image:url(../../img/sf/number.png)}
.nb-sf-checkmark-circle{-webkit-mask-image:url(../../img/sf/checkmark-circle.png);mask-image:url(../../img/sf/checkmark-circle.png)}
.nb-sf-arrow-up-arrow-down{-webkit-mask-image:url(../../img/sf/arrow-up-arrow-down.png);mask-image:url(../../img/sf/arrow-up-arrow-down.png)}
.nb-sf-pencil{-webkit-mask-image:url(../../img/sf/pencil.png);mask-image:url(../../img/sf/pencil.png)}
.nb-sf-person-crop-circle{-webkit-mask-image:url(../../img/sf/person-crop-circle.png);mask-image:url(../../img/sf/person-crop-circle.png)}
.nb-sf-star{-webkit-mask-image:url(../../img/sf/star.png);mask-image:url(../../img/sf/star.png)}
.nb-sf-star-fill{-webkit-mask-image:url(../../img/sf/star-fill.png);mask-image:url(../../img/sf/star-fill.png)}
.nb-sf-dollarsign-circle{-webkit-mask-image:url(../../img/sf/dollarsign-circle.png);mask-image:url(../../img/sf/dollarsign-circle.png)}
.nb-sf-book-closed-fill{-webkit-mask-image:url(../../img/sf/book-closed-fill.png);mask-image:url(../../img/sf/book-closed-fill.png)}
.nb-sf-creditcard-fill{-webkit-mask-image:url(../../img/sf/creditcard-fill.png);mask-image:url(../../img/sf/creditcard-fill.png)}
.nb-sf-ticket-fill{-webkit-mask-image:url(../../img/sf/ticket-fill.png);mask-image:url(../../img/sf/ticket-fill.png)}
.nb-sf-shippingbox-fill{-webkit-mask-image:url(../../img/sf/shippingbox-fill.png);mask-image:url(../../img/sf/shippingbox-fill.png)}
.nb-sf-person-2-fill{-webkit-mask-image:url(../../img/sf/person-2-fill.png);mask-image:url(../../img/sf/person-2-fill.png)}
.nb-sf-text-alignleft{-webkit-mask-image:url(../../img/sf/text-alignleft.png);mask-image:url(../../img/sf/text-alignleft.png)}
.nb-sf-eye-slash{-webkit-mask-image:url(../../img/sf/eye-slash.png);mask-image:url(../../img/sf/eye-slash.png)}
.nb-sf-envelope{-webkit-mask-image:url(../../img/sf/envelope.png);mask-image:url(../../img/sf/envelope.png)}
.nb-sf-phone{-webkit-mask-image:url(../../img/sf/phone.png);mask-image:url(../../img/sf/phone.png)}
.nb-sf-link{-webkit-mask-image:url(../../img/sf/link.png);mask-image:url(../../img/sf/link.png)}
.nb-sf-function{-webkit-mask-image:url(../../img/sf/function.png);mask-image:url(../../img/sf/function.png)}
.nb-sf-chevron-left{-webkit-mask-image:url(../../img/sf/chevron-left.png);mask-image:url(../../img/sf/chevron-left.png)}

 
.nb-sf-minus{-webkit-mask-image:url(../../img/sf/minus.png);mask-image:url(../../img/sf/minus.png)}
.nb-sf-chevron-down-circle{-webkit-mask-image:url(../../img/sf/chevron-down-circle.png);mask-image:url(../../img/sf/chevron-down-circle.png)}
.nb-sf-arrow-right-circle{-webkit-mask-image:url(../../img/sf/arrow-right-circle.png);mask-image:url(../../img/sf/arrow-right-circle.png)}
.nb-sf-checklist{-webkit-mask-image:url(../../img/sf/checklist.png);mask-image:url(../../img/sf/checklist.png)}
.nb-sf-photo{-webkit-mask-image:url(../../img/sf/photo.png);mask-image:url(../../img/sf/photo.png)}
.nb-sf-paintpalette{-webkit-mask-image:url(../../img/sf/paintpalette.png);mask-image:url(../../img/sf/paintpalette.png)}
.nb-sf-bubble-left-and-bubble-right{-webkit-mask-image:url(../../img/sf/bubble-left-and-bubble-right.png);mask-image:url(../../img/sf/bubble-left-and-bubble-right.png)}
.nb-sf-timer{-webkit-mask-image:url(../../img/sf/timer.png);mask-image:url(../../img/sf/timer.png)}
.nb-sf-barcode{-webkit-mask-image:url(../../img/sf/barcode.png);mask-image:url(../../img/sf/barcode.png)}
.nb-sf-qrcode{-webkit-mask-image:url(../../img/sf/qrcode.png);mask-image:url(../../img/sf/qrcode.png)}
.nb-sf-bolt-fill{-webkit-mask-image:url(../../img/sf/bolt-fill.png);mask-image:url(../../img/sf/bolt-fill.png)}
.nb-sf-text-quote{-webkit-mask-image:url(../../img/sf/text-quote.png);mask-image:url(../../img/sf/text-quote.png)}

 
.nb-ft { display:inline-flex; align-items:center; gap:.5rem; white-space:nowrap; }
.nb-ft .nb-sf { width:15px; height:15px; }

 
.nb-ft .fc-blue   { color:#007AFF; } .dark .nb-ft .fc-blue   { color:#0A84FF; }
.nb-ft .fc-purple { color:#AF52DE; } .dark .nb-ft .fc-purple { color:#BF5AF2; }
.nb-ft .fc-pink   { color:#FF2D55; } .dark .nb-ft .fc-pink   { color:#FF375F; }
.nb-ft .fc-teal   { color:#30B0C7; } .dark .nb-ft .fc-teal   { color:#40C8E0; }
.nb-ft .fc-green  { color:#34C759; } .dark .nb-ft .fc-green  { color:#30D158; }
.nb-ft .fc-cyan   { color:#32ADE6; } .dark .nb-ft .fc-cyan   { color:#64D2FF; }
.nb-ft .fc-orange { color:#FF9500; } .dark .nb-ft .fc-orange { color:#FF9F0A; }
.nb-ft .fc-mint   { color:#00C7BE; } .dark .nb-ft .fc-mint   { color:#66D4CF; }
.nb-ft .fc-yellow { color:#FFCC00; } .dark .nb-ft .fc-yellow { color:#FFD60A; }
.nb-ft .fc-red    { color:#FF3B30; } .dark .nb-ft .fc-red    { color:#FF453A; }
.nb-ft .fc-indigo { color:#5856D6; } .dark .nb-ft .fc-indigo { color:#5E5CE6; }
.nb-ft .fc-brown  { color:#A2845E; } .dark .nb-ft .fc-brown  { color:#AC8E68; }
.nb-ft .fc-gray   { color:#8E8E93; } .dark .nb-ft .fc-gray   { color:#98989D; }

 
.nb-tv, .nb-nv, .nb-cv { width:100%; min-width:750px; background:#ffffff; color:#1c1c1e; font-size:11px; line-height:1.2; text-align:left; }
.dark .nb-tv, .dark .nb-nv, .dark .nb-cv { background:#1b1b1b; color:#fff; }

 
.nb-tv__chrome { position:relative; display:flex; align-items:center; gap:10px; padding:0 13px; height:42px; background:#f0f0f0; }
.dark .nb-tv__chrome { background:#2a2a2c; }
.nb-tv__lights { display:flex; gap:8px; }
.nb-tv__lights i { width:11px; height:11px; border-radius:50%; display:block; }
.nb-tv__lights .r{background:#ff5f57} .nb-tv__lights .y{background:#febc2e} .nb-tv__lights .g{background:#28c840}
.nb-tv__title { font-weight:600; font-size:12.5px; }

 
.nb-tv__glass { background:rgba(255,255,255,.6); border:.5px solid rgba(0,0,0,.05);
  box-shadow:0 .5px 1.5px rgba(0,0,0,.1), inset 0 .5px 0 rgba(255,255,255,.9); }
.dark .nb-tv__glass { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.1);
  box-shadow:0 .5px 1.5px rgba(0,0,0,.3), inset 0 .5px 0 rgba(255,255,255,.14); }
.nb-tv__lgroup { display:flex; align-items:center; gap:6px; }
.nb-tv__gbtn { display:flex; align-items:center; justify-content:center; width:31px; height:26px; border-radius:999px; color:#5a5a5e; }
.dark .nb-tv__gbtn { color:#c6c6c9; }
.nb-tv__gbtn .nb-sf { width:16px; height:16px; }
.nb-tv__tools { display:flex; align-items:center; gap:9px; padding:5px 11px; border-radius:999px; color:#5a5a5e; }
.dark .nb-tv__tools { color:#c6c6c9; }
.nb-tv__tools .nb-sf { width:15px; height:15px; }
.nb-tv__right { margin-left:auto; }
.nb-tv__seg { position:absolute; left:50%; transform:translateX(-50%); display:flex; gap:3px; padding:3px; border-radius:999px; }
.nb-tv__seg-b { width:30px; height:21px; border-radius:999px; display:flex; align-items:center; justify-content:center; color:#7a7a7e; }
.dark .nb-tv__seg-b { color:#aeaeb2; }
.nb-tv__seg-b.on { background:rgba(255,255,255,.95); color:#1c1c1e; box-shadow:0 1px 2.5px rgba(0,0,0,.2), inset 0 .5px 0 rgba(255,255,255,1); }
.dark .nb-tv__seg-b.on { background:rgba(255,255,255,.22); color:#fff; box-shadow:0 1px 2.5px rgba(0,0,0,.4), inset 0 .5px 0 rgba(255,255,255,.25); }
.nb-tv__seg-b .nb-sf { width:15px; height:14px; }

 
.nb-tv__search { display:flex; align-items:center; gap:8px; padding:7px 13px; border-bottom:1px solid #e6e6e6; }
.dark .nb-tv__search { border-bottom-color:rgba(255,255,255,.07); }
.nb-tv__search .mag { width:14px; height:14px; color:#a0a0a0; }
.nb-tv__search .ph { color:#a0a0a0; flex:1; font-size:12px; }
.dark .nb-tv__search .ph { color:#8a8a8a; }
.nb-tv__search-ic { display:flex; align-items:center; gap:13px; color:#9a9a9a; }
.nb-tv__search-ic .nb-sf { width:15px; height:15px; }
.nb-tv__search-ic .b { color:#0a84ff; }

 
 
.nb-tv__grid { display:grid; grid-template-columns:minmax(0,26fr) minmax(0,187fr) minmax(0,78fr) minmax(0,74fr) minmax(0,86fr) minmax(0,84fr) minmax(0,56fr) minmax(0,82fr) minmax(0,77fr); }
.nb-tv__hd, .nb-tv__row { display:grid; grid-template-columns:subgrid; grid-column:1 / -1; align-items:center; }
.nb-tv__hd { height:29px; border-bottom:1px solid #e6e6e6; }
.dark .nb-tv__hd { border-bottom-color:rgba(255,255,255,.07); }
.nb-tv__hc { display:flex; align-items:center; gap:2px; padding:0 7px; color:#9a9a9a; font-size:8.5px; font-weight:600; letter-spacing:.02em; text-transform:uppercase; white-space:nowrap; overflow:hidden; border-right:1px solid #efefef; height:100%; }
.dark .nb-tv__hc { color:#8a8a8a; border-right-color:rgba(255,255,255,.05); }
.nb-tv__hc:last-child { border-right:0; }
.nb-tv__hc .nb-sf { width:9px; height:9px; opacity:.7; }

 
.nb-tv__grp { grid-column:1 / -1; display:flex; align-items:center; gap:6px; padding:5px 12px; background:#f7f7f7; color:#7a7a7a; font-size:11px; }
.dark .nb-tv__grp { background:#232325; color:#9a9a9a; }
.nb-tv__grp .nb-sf { width:11px; height:11px; color:#a0a0a0; }
.nb-tv__grp .cnt { background:rgba(0,0,0,.07); color:#8a8a8a; border-radius:9px; padding:0 7px; font-size:9.5px; line-height:15px; }
.dark .nb-tv__grp .cnt { background:rgba(255,255,255,.1); color:#aaa; }

 
.nb-tv__row { height:33px; border-bottom:1px solid #f1f1f1; }
.dark .nb-tv__row { border-bottom-color:rgba(255,255,255,.05); }
.nb-tv__row.alt { background:#f8f8f9; }
.dark .nb-tv__row.alt { background:rgba(255,255,255,.025); }
.nb-tv__row.sel { background:#e8f1fe; box-shadow:inset 2px 0 0 #0a84ff; }
.dark .nb-tv__row.sel { background:rgba(10,132,255,.16); box-shadow:inset 2px 0 0 #0a84ff; }
.nb-tv__c { padding:0 8px; height:100%; display:flex; align-items:center; border-right:1px solid #f3f3f3; overflow:hidden; }
.dark .nb-tv__c { border-right-color:rgba(255,255,255,.04); }
.nb-tv__c:last-child { border-right:0; }
.nb-tv__c.num { color:#b8b8b8; font-size:10.5px; }
.dark .nb-tv__c.num { color:#6a6a6a; }
.nb-tv__title-c { gap:4px; padding-left:5px; }
 
.nb-tv__dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; background:transparent; }
.nb-tv__dot.unread { background:#007AFF; }
.dark .nb-tv__dot.unread { background:#0A84FF; }
.nb-tv__title-t { font-size:11.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nb-tv__title-t.wrap { white-space:normal; line-height:1.1; font-size:10.5px; }

 
.nb-tv__tag { font-size:10.5px; font-weight:500; padding:2px 8px; border-radius:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; color:#fff; }
.nb-tv__tag.tc-red{background:#FF3B30}    .dark .nb-tv__tag.tc-red{background:#FF453A}
.nb-tv__tag.tc-orange{background:#FF9500} .dark .nb-tv__tag.tc-orange{background:#FF9F0A}
.nb-tv__tag.tc-green{background:#34C759}  .dark .nb-tv__tag.tc-green{background:#30D158}
.nb-tv__tag.tc-blue{background:#007AFF}   .dark .nb-tv__tag.tc-blue{background:#0A84FF}
.nb-tv__tag.tc-purple{background:#AF52DE} .dark .nb-tv__tag.tc-purple{background:#BF5AF2}
.nb-tv__tag.tc-pink{background:#FF2D55}   .dark .nb-tv__tag.tc-pink{background:#FF375F}

 
.nb-tv__prog { display:flex; align-items:center; gap:6px; width:100%; }
.nb-tv__bar { flex:1; height:5px; border-radius:3px; background:#e6e6e6; overflow:hidden; min-width:0; }
.dark .nb-tv__bar { background:rgba(255,255,255,.1); }
.nb-tv__bar span { display:block; height:100%; border-radius:3px; }
.nb-tv__pct { color:#8a8a8a; font-size:10.5px; min-width:24px; text-align:right; }

.nb-tv__muted { color:#c2c2c2; }
.dark .nb-tv__muted { color:#6a6a6a; }
.nb-tv__val { font-size:11px; color:#3a3a3a; white-space:nowrap; }
.dark .nb-tv__val { color:#d4d4d4; }

 
.nb-tv__tog { width:29px; height:17px; border-radius:9px; background:#d6d6d6; position:relative; flex-shrink:0; }
.dark .nb-tv__tog { background:#48484a; }
.nb-tv__tog.on { background:#0a84ff; }
.nb-tv__tog::after { content:''; position:absolute; top:2px; left:2px; width:13px; height:13px; border-radius:50%; background:#fff; }
.nb-tv__tog.on::after { left:14px; }

 
 
.nb-nv__tb { display:flex; flex-direction:column; line-height:1.15; }
.nb-nv__tb-title { font-weight:600; font-size:12.5px; }
.nb-nv__tb-sub { font-size:9.5px; color:#9a9a9a; margin-top:1px; }
 
.nb-nv__cic { display:flex; align-items:center; gap:6px; margin-left:4px; }

 
.nb-nv { display:flex; flex-direction:column; }
.nb-nv__body { display:flex; align-items:stretch; flex:1; min-height:0; }

 
.nb-nv__sb { width:200px; flex-shrink:0; background:#f5f5f5; border-right:1px solid #e6e6e6; overflow:hidden; display:flex; flex-direction:column; }
.dark .nb-nv__sb { background:#202022; border-right-color:rgba(255,255,255,.06); }
.nb-nv__sb-head { font-size:10px; font-weight:600; color:#9a9a9a; padding:9px 13px 5px; }
.nb-nv__list { flex:1; overflow:hidden; }
.nb-nv__note { padding:7px 13px; border-bottom:1px solid #ececec; }
.dark .nb-nv__note { border-bottom-color:rgba(255,255,255,.05); }
.nb-nv__note.sel { background:#e2e2e4; }
.dark .nb-nv__note.sel { background:rgba(255,255,255,.10); }
.nb-nv__nt { display:flex; align-items:center; gap:4px; }
.nb-nv__dot { width:6px; height:6px; border-radius:50%; background:transparent; flex-shrink:0; }
.nb-nv__dot.unread { background:#007AFF; }
.dark .nb-nv__dot.unread { background:#0A84FF; }
.nb-nv__ntitle { font-size:11px; font-weight:600; color:#171717; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dark .nb-nv__ntitle { color:#fff; }
.nb-nv__nprev { margin-top:3px; }
.nb-nv__nline { font-size:10px; color:#9a9a9a; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nb-nv__ndate { font-size:9px; color:#b3b3b3; text-align:right; margin-top:3px; }
.dark .nb-nv__ndate { color:#6e6e72; }
.nb-nv__sb-foot { display:flex; align-items:center; justify-content:space-between; padding:7px 12px; border-top:1px solid #e6e6e6; font-size:9.5px; color:#8a8a8a; }
.dark .nb-nv__sb-foot { border-top-color:rgba(255,255,255,.06); }
.nb-nv__sb-foot .mr { display:flex; align-items:center; gap:4px; }
.nb-nv__sb-foot .nb-sf { width:11px; height:11px; }

 
.nb-nv__detail { flex:1; min-width:0; padding:18px 20px 20px; overflow:hidden; }
.nb-nv__dtitle { font-size:17px; font-weight:700; letter-spacing:-0.01em; color:#171717; }
.dark .nb-nv__dtitle { color:#fff; }
.nb-nv__dts { font-size:10.5px; color:#9a9a9a; margin-top:4px; }
.nb-nv__dmeta { display:flex; gap:14px; margin-top:5px; }
.nb-nv__dmeta span { display:flex; align-items:center; gap:4px; font-size:10px; color:#a8a8a8; }
.nb-nv__dmeta .nb-sf { width:11px; height:11px; }

 
.nb-nv__field { background:#f2f2f2; border-radius:12px; padding:11px 14px; margin-top:9px; }
.dark .nb-nv__field { background:#272727; }
.nb-nv__fh { display:flex; align-items:center; gap:5px; }
.nb-nv__fl { font-size:9px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#9a9a9a; }
.nb-nv__fh .nb-sf { width:11px; height:11px; color:#a8a8a8; }
.nb-nv__more { margin-left:auto; width:13px; height:13px; color:#b0b0b0; }
.dark .nb-nv__more { color:#8a8a8a; }
.nb-nv__fv { font-size:13px; color:#1c1c1e; margin-top:7px; }
.dark .nb-nv__fv { color:#fff; }

 
.nb-nv__tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.nb-nv__tag { font-size:11px; padding:3px 10px; border-radius:11px; background:rgba(0,0,0,.05); color:#70707a; white-space:nowrap; }
.dark .nb-nv__tag { background:rgba(255,255,255,.08); color:#bcbcc2; }
.nb-nv__tag.sel { color:#fff; }
.nb-nv__tag.sel.tc-purple { background:#AF52DE; } .dark .nb-nv__tag.sel.tc-purple { background:#BF5AF2; }
.nb-nv__tag.sel.tc-blue   { background:#007AFF; } .dark .nb-nv__tag.sel.tc-blue   { background:#0A84FF; }
.nb-nv__tag.sel.tc-red    { background:#FF3B30; } .dark .nb-nv__tag.sel.tc-red    { background:#FF453A; }
.nb-nv__tag.sel.tc-green  { background:#34C759; } .dark .nb-nv__tag.sel.tc-green  { background:#30D158; }
.nb-nv__tag.sel.tc-orange { background:#FF9500; } .dark .nb-nv__tag.sel.tc-orange { background:#FF9F0A; }

 
.nb-nv__prog-num { font-size:18px; font-weight:600; margin-top:6px; }
.nb-nv__prog-num small { font-size:12px; color:#9a9a9a; font-weight:400; margin-left:3px; }
.nb-nv__pbar { height:6px; border-radius:3px; background:#e0e0e2; overflow:hidden; margin-top:8px; }
.dark .nb-nv__pbar { background:rgba(255,255,255,.1); }
.nb-nv__pbar span { display:block; height:100%; background:#0a84ff; border-radius:3px; }

 
.nb-nv__chip { display:inline-flex; align-items:center; gap:6px; margin-top:8px; background:rgba(0,0,0,.05); border-radius:8px; padding:5px 10px; font-size:12px; }
.dark .nb-nv__chip { background:rgba(255,255,255,.08); }
.nb-nv__chip .nb-sf { width:13px; height:13px; color:#8a8a8a; }

 
 
.nb-cv { display:flex; min-width:1120px; height:650px; position:relative; background:#ffffff; }
.dark .nb-cv { background:#1b1b1b; }
.nb-cv__nbs, .nb-cv__main, .nb-cv__chrome, .nb-cv__tb-b, .nb-cv__tb-c, .nb-cv__list, .nb-cv__detail { box-sizing:border-box; }

 
.nb-cv__main { flex:1; min-width:0; display:flex; flex-direction:column; }
 
.nb-cv__chrome { display:flex; align-items:stretch; height:46px; flex-shrink:0; }
 
.nb-cv__tb-b { width:244px; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; padding:0 12px; border-right:1px solid #e6e6e6; }
.dark .nb-cv__tb-b { border-right-color:rgba(0,0,0,.6); }
.nb-cv__tb-c { flex:1; min-width:0; position:relative; display:flex; align-items:center; padding:0 13px; }
.nb-cv__tb-c .nb-tv__seg { left:50%; transform:translateX(-50%); }    
.nb-cv__mainbody { flex:1; min-height:0; display:flex; align-items:stretch; }
 
.nb-cv__tbicons { display:flex; align-items:center; gap:13px; color:#5a5a5e; }
.dark .nb-cv__tbicons { color:#c6c6c9; }
.nb-cv__tbicons .nb-sf { width:16px; height:16px; }
 
.nb-cv__tbtitle { display:flex; flex-direction:column; line-height:1.15; min-width:0; }
.nb-cv__tbtitle b { font-weight:600; font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nb-cv__tbtitle span { font-size:9.5px; color:#9a9a9a; margin-top:1px; white-space:nowrap; }

 
.nb-cv__nbs { width:212px; flex-shrink:0; margin:8px; border-radius:13px; overflow:hidden;
  display:flex; flex-direction:column; padding:0 8px 8px;
  background:#f6f6f7; border:.5px solid rgba(0,0,0,.08);
  box-shadow:0 .5px 1.5px rgba(0,0,0,.05), 0 5px 16px rgba(0,0,0,.06); }
.dark .nb-cv__nbs { background:#151515; border-color:rgba(255,255,255,.16);
  box-shadow:0 .5px 1.5px rgba(0,0,0,.3), 0 6px 18px rgba(0,0,0,.45); }
 
.nb-cv__nbs-top { display:flex; align-items:center; justify-content:space-between; padding:11px 5px 5px; }
.nb-cv__nbs-head { font-size:9.5px; font-weight:500; color:#9a9a9a; padding:8px 6px 6px; }
.nb-cv__nbs-head--mt { padding-top:14px; }
.nb-cv__nbrow { display:flex; align-items:center; gap:6px; padding:6px 6px; border-radius:7px; }
.nb-cv__nbrow.sel { background:#e6e6e8; }
.dark .nb-cv__nbrow.sel { background:rgba(255,255,255,.09); }
.nb-cv__nbdot { width:6px; height:6px; border-radius:50%; flex-shrink:0; background:transparent; }
.nb-cv__nbdot.unread { background:#007AFF; }
.dark .nb-cv__nbdot.unread { background:#0A84FF; }
 
.nb-cv__nbic { width:17px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.nb-cv__nbic .nb-sf { width:16px; height:15px; }
.nb-cv__nbtext { flex:1; min-width:0; overflow:hidden; line-height:1.2; }
 
.nb-cv__nbname { display:block; font-size:11px; font-weight:700; color:#171717; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dark .nb-cv__nbname { color:#fff; }
.nb-cv__nbcount { display:block; font-size:10px; color:#7e7e7e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:1px; }
.dark .nb-cv__nbcount { color:#a0a0a4; }
.nb-cv__nbav { width:14px; height:14px; flex-shrink:0; color:#9a9a9a; }
.dark .nb-cv__nbav { color:#7a7a7e; }
.nb-cv__nbav .nb-sf { width:100%; height:100%; }

 
.nb-cv__list { width:244px; flex-shrink:0; background:#fff; border-right:1px solid #e6e6e6; overflow:hidden; display:flex; flex-direction:column; }
.dark .nb-cv__list { background:#1b1b1b; border-right-color:rgba(0,0,0,.6); }

 
.nb-cv__list .nb-nv__sb-head { border-bottom:1px solid #e6e6e6; }
.dark .nb-cv__list .nb-nv__sb-head { border-bottom-color:rgba(255,255,255,.07); }
 
.nb-cv__list .nb-nv__nt { position:relative; }
.nb-cv__list .nb-nv__dot { position:absolute; left:-10px; top:50%; transform:translateY(-50%); margin:0; }
 
.nb-cv__list .nb-nv__nline { color:#7e7e7e; }
.dark .nb-cv__list .nb-nv__nline { color:#a0a0a4; }

 
.nb-cv__detail { flex:1; min-width:0; padding:16px 20px 20px; overflow:hidden; }
 
.nb-cv__detail .nb-nv__field { margin-top:13px; }
.nb-cv__detail .nb-nv__dmeta + .nb-nv__field { margin-top:17px; }
 
.nb-cv__detail .nb-nv__dmeta span { font-size:9.5px; color:#bcbcbc; }
.dark .nb-cv__detail .nb-nv__dmeta span { color:#6c6c70; }
.nb-cv__detail .nb-nv__dmeta .nb-sf { width:10px; height:10px; }

 
.nb-cv__money { font-size:15px; font-weight:600; margin-top:6px; color:#1c1c1e; }
.dark .nb-cv__money { color:#fff; }
.nb-cv__money span { color:#9a9a9a; font-weight:400; margin-right:5px; }

 
.nb-cv__stars { display:flex; gap:6px; margin-top:7px; }
.nb-cv__stars .nb-sf { width:17px; height:17px; color:#FBB90A; }
.nb-cv__stars .nb-sf.empty { color:#d0d0d2; }
.dark .nb-cv__stars .nb-sf.empty { color:#48484a; }
 
.nb-cv__rstars { display:inline-flex; gap:2px; vertical-align:-1px; }
.nb-cv__rstars .nb-sf { width:9px; height:9px; color:#9a9a9a; }

 
.nb-fp { position:relative; width:100%; min-width:680px; height:516px; display:flex; flex-direction:column;
  background:#ffffff; color:#1c1c1e; font-size:13px; line-height:1.2; text-align:left; }
.dark .nb-fp { background:#1b1b1b; color:#fff; }
 
.nb-fit:has(> .nb-fp) { border-radius:22px; border:1px solid rgba(0,0,0,.12); }
.dark .nb-fit:has(> .nb-fp) { border-color:rgba(255,255,255,.18); }

 
.nb-fp__head { display:flex; align-items:center; gap:12px; padding:12px 18px; border-bottom:1px solid #ececec; flex-shrink:0; }
.dark .nb-fp__head { border-bottom-color:rgba(0,0,0,.55); }
.nb-fp__back { width:32px; height:32px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:#f0f0f0; color:#3a3a3c; }
.dark .nb-fp__back { background:#2c2c2e; color:#d6d6d8; }
.nb-fp__back .nb-sf { width:10px; height:14px; }
.nb-fp__htitle { font-size:14px; font-weight:600; letter-spacing:-.01em; color:#1c1c1e; }
.dark .nb-fp__htitle { color:#fff; }

 
.nb-fp__body { flex:1; min-height:0; overflow:hidden; padding:16px 18px; display:flex; flex-direction:column; gap:20px; }
 
.nb-fp__search { display:flex; align-items:center; gap:8px; height:36px; padding:0 11px; border-radius:9px; flex-shrink:0; background:#f4f4f4; color:#8a8a8a; }
.dark .nb-fp__search { background:#252525; color:#98989a; }
.nb-fp__search .nb-sf { width:15px; height:15px; }
.nb-fp__search span { font-size:15px; }
.nb-fp__sec-label { font-size:13px; font-weight:500; color:#8a8a8a; margin-bottom:9px; }
.dark .nb-fp__sec-label { color:#9a9a9a; }
.nb-fp__grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }

 
.nb-fp__card { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  background:#f9f9f9; border-radius:14px; padding:22px 14px; }
.dark .nb-fp__card { background:#212121; }
.nb-fp__ic { width:26px; height:25px; margin-bottom:11px; }    
.nb-fp__ct { font-size:14px; font-weight:600; color:#1c1c1e; }
.dark .nb-fp__ct { color:#fff; }
.nb-fp__cs { font-size:12px; color:#8a8a8a; margin-top:4px; }
.dark .nb-fp__cs { color:#98989a; }

 
.nb-fp__ic.fc-blue   { color:#007AFF; } .dark .nb-fp__ic.fc-blue   { color:#0A84FF; }
.nb-fp__ic.fc-purple { color:#AF52DE; } .dark .nb-fp__ic.fc-purple { color:#BF5AF2; }
.nb-fp__ic.fc-pink   { color:#FF2D55; } .dark .nb-fp__ic.fc-pink   { color:#FF375F; }
.nb-fp__ic.fc-teal   { color:#30B0C7; } .dark .nb-fp__ic.fc-teal   { color:#40C8E0; }
.nb-fp__ic.fc-green  { color:#34C759; } .dark .nb-fp__ic.fc-green  { color:#30D158; }
.nb-fp__ic.fc-cyan   { color:#32ADE6; } .dark .nb-fp__ic.fc-cyan   { color:#64D2FF; }
.nb-fp__ic.fc-orange { color:#FF9500; } .dark .nb-fp__ic.fc-orange { color:#FF9F0A; }
.nb-fp__ic.fc-mint   { color:#00C7BE; } .dark .nb-fp__ic.fc-mint   { color:#66D4CF; }
.nb-fp__ic.fc-yellow { color:#FFCC00; } .dark .nb-fp__ic.fc-yellow { color:#FFD60A; }

 
.nb-fp__fade { position:absolute; left:0; right:0; bottom:0; height:64px; pointer-events:none;
  background:linear-gradient(rgba(255,255,255,0), #ffffff); }
.dark .nb-fp__fade { background:linear-gradient(rgba(27,27,27,0), #1b1b1b); }

 
.nb-nd { width:100%; min-width:540px; background:#ffffff; color:#1c1c1e; font-size:11px; line-height:1.2;
  text-align:left; padding:20px 22px 24px; }
.dark .nb-nd { background:#1b1b1b; color:#fff; }
.nb-fit:has(> .nb-nd) { max-width:540px; }    
.nb-nd .nb-nv__field { margin-top:11px; }
.nb-nd .nb-nv__dmeta + .nb-nv__field { margin-top:16px; }
.nb-nd__longtext { line-height:1.5; }
 
.nb-nd .nb-fields__switch { display:inline-block; }