@import url('/assets/css/public-fonts.css');

.nl-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.nl-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid transparent; border-radius: 4px; font-size: 10px; font-weight: 650; line-height: 1.2; text-decoration: none; transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease; }
.nl-button:hover { transform: translateY(-1px); }
.nl-button-gold { background: var(--nl-gold); color: #17130a; }
.nl-button-gold:hover { background: var(--nl-gold-bright); color: #17130a; }
.nl-button-outline { border-color: #2d3236; background: transparent; color: var(--nl-text); }
.nl-button-outline:hover { border-color: #8a6a24; color: var(--nl-gold); }
.nl-stack { padding: 17px; border: 1px solid #262b2f; border-radius: 5px; background: rgba(15,18,20,.91); box-shadow: 0 24px 60px #0005; }
.nl-stack-top { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #22272b; color: #8e9498; font-size: 9px; }
.nl-status { color: #c8c9c5; }
.nl-status i { width: 5px; height: 5px; display: inline-block; margin-right: 5px; border-radius: 50%; background: var(--nl-gold); }
.nl-stack-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; padding: 12px 4px; border-bottom: 1px solid #202428; }
.nl-stack-number { color: var(--nl-gold); font-size: 9px; }
.nl-stack-label { color: #e2e1dd; font-size: 11px; font-weight: 600; }
.nl-stack-value { color: #969da0; font-size: 9px; text-align: right; }
.nl-stack-foot { margin: 14px 2px 0; color: #787f83; font-size: 9px; }
.nl-faq { border-top: 1px solid var(--nl-line); }
.nl-faq details { border-bottom: 1px solid var(--nl-line); }
.nl-faq summary { position: relative; padding: 16px 32px 16px 0; color: #d6d7d4; font-size: 11px; font-weight: 550; cursor: pointer; list-style: none; }
.nl-faq summary::-webkit-details-marker { display: none; }
.nl-faq summary::after { content: "+"; position: absolute; right: 3px; top: 11px; color: var(--nl-gold); font-size: 18px; font-weight: 400; }
.nl-faq details[open] summary::after { content: "−"; }
.nl-faq details p { max-width: 700px; padding: 0 0 17px; color: var(--nl-muted); font-size: 11px; line-height: 1.75; }