#nyugtazom-nav-connect-tab{display:flex;align-items:center;gap:10px}
#nyugtazom-nav-connect-tab svg{flex:0 0 auto}
.settings-content.ny-nav-connect-active>*:not(#nyugtazom-nav-connect-panel){display:none!important}

.ny-nav-connect-card{width:100%;position:relative;overflow:visible}
.ny-nav-panel-head{align-items:flex-start;margin-bottom:18px}
.ny-nav-eyebrow{display:block;margin-bottom:7px;font-size:11px;font-weight:850;letter-spacing:.16em;color:#789100}
.ny-nav-panel-head h2{margin-bottom:5px!important}
.ny-nav-panel-head p{max-width:720px}
.ny-nav-head-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#eff9c9,#e3f59f);color:#789100;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 8px 20px rgba(123,149,21,.09)}
.ny-nav-head-icon svg{width:23px;height:23px}

.ny-nav-status{display:flex;align-items:flex-start;gap:13px;border-radius:16px;padding:17px 18px;margin:0 0 18px;border:1px solid}
.ny-nav-status-icon{width:31px;height:31px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}
.ny-nav-status-copy strong{display:block;font-size:14px;margin:1px 0 3px}
.ny-nav-status-copy small{display:block;color:#66706a;font-size:13px;line-height:1.5}
.ny-nav-status-copy p{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(90,110,40,.13);font-size:13px;line-height:1.55;color:#4d5b45}
.ny-nav-status-ok{background:linear-gradient(135deg,#f7fce9,#f1f9dc);border-color:#d4e99f}
.ny-nav-status-ok .ny-nav-status-icon{background:#dfff72;color:#344600;box-shadow:0 0 0 5px rgba(180,222,49,.12)}
.ny-nav-status-warn{background:#fff9e8;border-color:#eadba7}
.ny-nav-status-warn .ny-nav-status-icon{background:#ffe593;color:#755800;box-shadow:0 0 0 5px rgba(214,168,35,.10)}

.ny-nav-company-card{padding:17px 18px;border:1px solid #e1e5df;border-radius:16px;margin-bottom:16px;background:#fff;box-shadow:0 4px 14px rgba(23,31,27,.025)}
.ny-nav-company-label{display:block;font-size:11px;font-weight:850;letter-spacing:.09em;color:#8a918d;margin-bottom:7px}
.ny-nav-company-main{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap}
.ny-nav-company-main>strong{font-size:17px;color:#17201b}
.ny-nav-company-main>span{font-size:13px;color:#646d68;background:#f5f7f4;border:1px solid #e5e9e3;border-radius:999px;padding:5px 9px}
.ny-nav-company-card>small{display:block;color:#8b928e;font-size:12px;margin-top:7px}

.ny-nav-help{display:flex;gap:14px;padding:18px;border:1px solid #e1e5df;background:linear-gradient(145deg,#fafcf9,#f5f8f4);border-radius:16px;margin-bottom:18px}
.ny-nav-help-icon{width:36px;height:36px;border-radius:12px;background:#d5ff42;color:#18201c;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 7px 16px rgba(156,196,0,.13)}
.ny-nav-help-icon svg{width:19px;height:19px}
.ny-nav-help strong{display:block;margin:1px 0 5px;font-size:14px}
.ny-nav-help p{margin:0;color:#68716c;line-height:1.58;font-size:13px}

.ny-nav-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.ny-nav-field{margin:0!important}
.ny-nav-field-wide{grid-column:auto}
.ny-nav-field>span{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:24px}
.ny-nav-field input{font-family:inherit}
.ny-nav-field>small{display:block;margin-top:6px;color:#8a918d;font-size:11.5px;line-height:1.4}
.ny-nav-saved{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:10.5px;font-weight:800;color:#657f0d;background:#eff9c9;border:1px solid #dceca6;border-radius:999px;padding:3px 8px;white-space:nowrap}
.ny-nav-saved span{font-size:11px}

.ny-nav-edit-banner{display:flex;flex-direction:column;gap:3px;margin-bottom:16px;padding:14px 16px;border-radius:14px;background:#fff8dc;border:1px solid #ead78c;color:#665017}
.ny-nav-edit-banner strong{font-size:13.5px}
.ny-nav-edit-banner span{font-size:12px;line-height:1.45}

.ny-nav-show-row{display:flex!important;align-items:center;gap:9px;margin:14px 0 16px!important;color:#626a65;font-size:13px;cursor:pointer}
.ny-nav-show-row input{width:17px!important;height:17px!important;min-height:0!important;margin:0!important;accent-color:#9bc400}

.ny-nav-security-note{display:flex;align-items:flex-start;gap:13px;border:1px solid #dbe6c4;background:linear-gradient(135deg,#f8fbea,#f3f8e1);border-radius:16px;padding:16px 17px;color:#66705f}
.ny-nav-security-icon{width:35px;height:35px;flex:0 0 auto;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#e7f5b9;color:#6c830d}
.ny-nav-security-icon svg{width:19px;height:19px}
.ny-nav-security-note strong{display:block;color:#283126;font-size:13.5px;margin:1px 0 4px}
.ny-nav-security-note p{margin:0;font-size:12.5px;line-height:1.55}
.ny-nav-security-note small{display:block;margin-top:8px;padding-top:8px;border-top:1px solid rgba(96,119,23,.12);font-size:11.7px;line-height:1.5;color:#747d6e}

.ny-nav-saved-block{border:1px solid #e0e5de;border-radius:16px;background:#fff;padding:18px;margin-bottom:16px}
.ny-nav-saved-block-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid #edf0eb}
.ny-nav-saved-block-head>div{display:flex;flex-direction:column;gap:4px}
.ny-nav-saved-block-head strong{font-size:17px;color:#1c241f}
.ny-nav-kicker{font-size:10.5px;font-weight:850;letter-spacing:.1em;color:#8a918d}
.ny-nav-saved-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}
.ny-nav-saved-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;background:#f8faf7;border:1px solid #e8ece6;border-radius:12px}
.ny-nav-saved-grid>div>span:first-child{font-size:11.5px;color:#747c77;font-weight:700}
.ny-nav-replace-note{padding:14px 15px;border-radius:13px;background:#fafafa;border:1px dashed #dfe3de}
.ny-nav-replace-note strong{display:block;font-size:13px;margin-bottom:4px}
.ny-nav-replace-note p{margin:0;font-size:12px;line-height:1.5;color:#707773}

.ny-nav-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.ny-nav-actions-between{justify-content:space-between}
.ny-nav-actions .primary-button{min-width:190px}
.ny-nav-form-message{min-height:20px;margin-top:12px;font-size:13px;font-weight:650}
.ny-nav-form-message.success{color:#608000}
.ny-nav-form-message.error{color:#bf2533}

.ny-nav-save-toast{position:sticky;top:12px;z-index:25;display:flex;align-items:center;gap:11px;margin:-4px 0 14px;padding:12px 14px;border:1px solid #cfe48a;background:rgba(247,252,232,.97);backdrop-filter:blur(8px);border-radius:14px;box-shadow:0 12px 30px rgba(45,69,10,.12);animation:nyNavToastIn .28s ease-out both}
.ny-nav-save-toast>span{width:30px;height:30px;border-radius:10px;background:#d5ff42;color:#243000;display:flex;align-items:center;justify-content:center;font-weight:900}
.ny-nav-save-toast strong,.ny-nav-save-toast small{display:block}
.ny-nav-save-toast strong{font-size:13.5px}
.ny-nav-save-toast small{font-size:11.8px;color:#697264;margin-top:2px}
@keyframes nyNavToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

.ny-nav-fireworks{position:fixed;inset:0;z-index:999999;pointer-events:none;overflow:hidden;background:radial-gradient(circle at center,rgba(213,255,66,.035),transparent 52%)}
.ny-nav-firework-burst{position:absolute;width:1px;height:1px;animation:nyNavBurstFlash .7s ease-out var(--delay) both}
.ny-nav-firework-burst::after{content:"";position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 28px 10px rgba(255,255,255,.65);animation:nyNavFlash .5s ease-out var(--delay) both}
.ny-nav-firework-burst i{position:absolute;left:0;top:0;width:var(--size);height:calc(var(--size)*1.8);border-radius:999px;background:var(--color);box-shadow:0 0 8px var(--color);transform-origin:center;opacity:0;animation:nyNavFirework 1.15s cubic-bezier(.12,.72,.24,1) calc(var(--delay) + var(--piece-delay)) both}
@keyframes nyNavFirework{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.2)}10%{opacity:1}68%{opacity:1;transform:rotate(var(--angle)) translateY(calc(var(--distance)*-1)) scale(1)}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance)*-1.18)) translateX(10px) scale(.35)}}
@keyframes nyNavFlash{0%{opacity:0;transform:scale(.2)}20%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(2.5)}}
@keyframes nyNavBurstFlash{from{opacity:.9}to{opacity:1}}

.ny-nav-loading{display:flex;align-items:center;justify-content:center;gap:11px;min-height:220px;color:#69716d}
.ny-nav-loading span{width:20px;height:20px;border:2px solid #dce2d8;border-top-color:#92b800;border-radius:50%;animation:nyNavSpin .7s linear infinite}
@keyframes nyNavSpin{to{transform:rotate(360deg)}}
.ny-nav-error{padding:18px;border:1px solid #efc8cc;background:#fff5f5;border-radius:14px;color:#8d1d28}
.ny-nav-error p{margin:6px 0 0}

@media(max-width:960px){
  .ny-nav-saved-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .ny-nav-fields{grid-template-columns:1fr}
  .ny-nav-company-main{align-items:flex-start;flex-direction:column;gap:8px}
  .ny-nav-actions,.ny-nav-actions-between{flex-direction:column-reverse}
  .ny-nav-actions .primary-button,.ny-nav-actions .secondary-button{width:100%}
  .ny-nav-saved-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .ny-nav-saved-grid{grid-template-columns:1fr}
  .ny-nav-status{padding:15px}
}

/* 2026-08-25: NAV összekötés előfeltételek + interaktív útmutató */
.ny-nav-status-error{background:#fff3f3;border-color:#efc4c8}
.ny-nav-status-error .ny-nav-status-icon{background:#ffd9dc;color:#9b1f2c;box-shadow:0 0 0 5px rgba(194,45,59,.08)}
.ny-nav-status-error .ny-nav-status-copy strong{color:#8d1d28}
.ny-nav-guide-link{display:inline-flex;align-items:center;margin-top:10px;font-size:12.5px;font-weight:800;color:#5f7900;text-decoration:none;background:#eff9c9;border:1px solid #d7e99c;border-radius:999px;padding:7px 11px;transition:transform .15s ease,background .15s ease}
.ny-nav-guide-link:hover{background:#e7f5b9;transform:translateY(-1px)}

/* 2026-08-27: látványosabb interaktív útmutató */
.ny-nav-guide-link-strong{display:grid!important;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;margin-top:14px!important;padding:14px 16px!important;border-radius:14px!important;background:#dfff62!important;color:#172019!important;border:1px solid #bfd93d!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(111,139,28,.16)}
.ny-nav-guide-link-strong>span{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:#172019;color:#dfff62;display:grid;place-items:center;font-size:16px}
.ny-nav-guide-link-strong>strong{font-size:14px;line-height:1.2}
.ny-nav-guide-link-strong>small{display:block;color:#526058;font-size:11px;margin-top:3px}
.ny-nav-guide-link-strong:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(111,139,28,.20)}


/* 2026-08-27: finomhangolt NAV oldal */
.ny-nav-security-note{margin-top:6px}

/* Interaktív útmutató: továbbra is jól látható, de modernebb és visszafogottabb */
.ny-nav-guide-link-strong{
  grid-template-columns:38px 1fr!important;
  column-gap:11px!important;
  margin-top:13px!important;
  padding:12px 14px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#f4fadf,#edf7c8)!important;
  border:1px solid #d5e5a4!important;
  box-shadow:0 6px 16px rgba(72,94,18,.10)!important;
}
.ny-nav-guide-link-strong>span{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:#172019!important;
  color:#dfff62!important;
  font-size:14px!important;
}
.ny-nav-guide-link-strong>strong{
  font-size:13.5px!important;
  line-height:1.25!important;
}
.ny-nav-guide-link-strong>small{
  color:#69736c!important;
  font-size:10.8px!important;
  margin-top:2px!important;
}
.ny-nav-guide-link-strong:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,#f0f8d6,#e8f3bb)!important;
  border-color:#cbdc94!important;
  box-shadow:0 9px 20px rgba(72,94,18,.13)!important;
}