/* NKD news rating + reactions widget (web + Kordon WebView). Light + dark aware.
   Combined stars+emoji+feedback → Send. Individualized desktop dialog / mobile bottom-sheet. */
.nkd-nr{margin:1.5rem 0;padding:1rem 1.15rem;border:1px solid rgba(0,0,0,.1);border-radius:14px;background:rgba(0,0,0,.02)}
.nkd-nr-title{font-weight:600;font-size:1rem;margin-bottom:.6rem}
.nkd-nr-stars{display:flex;gap:.15rem;margin-bottom:.7rem}
.nkd-nr-star{font-size:1.9rem;line-height:1;background:none;border:none;padding:0 .05rem;cursor:pointer;color:#f5b301;transition:transform .08s}
.nkd-nr-star:hover,.nkd-nr-star.on{transform:scale(1.12)}
.nkd-nr-emojis{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.2rem}
.nkd-nr-emoji{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:58px;padding:.4rem .3rem;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;cursor:pointer;transition:border-color .1s,transform .08s}
.nkd-nr-emoji span{font-size:1.4rem;line-height:1}
.nkd-nr-emoji small{font-size:.62rem;color:#666;text-align:center}
.nkd-nr-emoji:hover{transform:translateY(-1px)}
.nkd-nr-emoji.on{border-color:#0d6efd;background:#eaf1ff;box-shadow:0 0 0 2px rgba(13,110,253,.15)}
.nkd-nr-fb{margin-top:.8rem}
.nkd-nr-fb-q{font-size:.9rem;margin:0 0 .4rem;color:#444}
.nkd-nr-fb-t{width:100%;border:1px solid rgba(0,0,0,.2);border-radius:8px;padding:.5rem;font:inherit;resize:vertical}
.nkd-nr-actions{display:flex;align-items:center;gap:.75rem;margin-top:.7rem}
.nkd-nr-send{border:none;border-radius:8px;padding:.5rem 1.3rem;font:inherit;font-weight:600;background:#0d6efd;color:#fff;cursor:pointer;transition:opacity .1s}
.nkd-nr-send:disabled{opacity:.45;cursor:not-allowed}
.nkd-nr-later{background:none;border:none;color:#888;text-decoration:underline;font:inherit;cursor:pointer;padding:0}
.nkd-nr-thanks{margin-top:.6rem;font-weight:600;color:#198754}
.news-avg-stars{white-space:nowrap;color:#f5b301;font-weight:600}

/* ---- modal overlay (shared) ---- */
.nkd-nr-overlay{position:fixed;inset:0;z-index:10800;background:rgba(0,0,0,0);display:flex;transition:background .18s ease}
.nkd-nr-overlay.nkd-nr-open{background:rgba(0,0,0,.5)}
.nkd-nr-box{background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.nkd-nr--modal{margin:0;border:none;background:none;padding:1.25rem}

/* DESKTOP = centered dialog card */
.nkd-nr-overlay--dialog{align-items:center;justify-content:center;padding:1.5rem}
.nkd-nr-overlay--dialog .nkd-nr-box{border-radius:16px;max-width:440px;width:100%;transform:translateY(12px) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease}
.nkd-nr-overlay--dialog.nkd-nr-open .nkd-nr-box{transform:none;opacity:1}
.nkd-nr-overlay--dialog .nkd-nr-emoji:hover{background:#f2f6ff}

/* MOBILE = bottom sheet, big tap targets, slides up */
.nkd-nr-overlay--sheet{align-items:flex-end;justify-content:stretch}
.nkd-nr-overlay--sheet .nkd-nr-box{border-radius:20px 20px 0 0;width:100%;max-height:88vh;overflow:auto;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.nkd-nr-overlay--sheet.nkd-nr-open .nkd-nr-box{transform:none}
.nkd-nr-overlay--sheet .nkd-nr--modal{padding:1.4rem 1.25rem 2rem}
.nkd-nr-overlay--sheet .nkd-nr--modal::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:rgba(0,0,0,.18);margin:-.4rem auto 1rem}
.nkd-nr-overlay--sheet .nkd-nr-star{font-size:2.3rem;padding:0 .15rem}
.nkd-nr-overlay--sheet .nkd-nr-emoji{min-width:0;flex:1}
.nkd-nr-overlay--sheet .nkd-nr-send{flex:1;padding:.75rem 1rem;font-size:1.05rem}
.nkd-nr-overlay.nkd-nr-closing{background:rgba(0,0,0,0)}
.nkd-nr-overlay--sheet.nkd-nr-closing .nkd-nr-box{transform:translateY(100%)}
.nkd-nr-overlay--dialog.nkd-nr-closing .nkd-nr-box{opacity:0;transform:translateY(12px) scale(.98)}

/* ---- dark ---- */
@media (prefers-color-scheme: dark){
  .nkd-nr{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
  .nkd-nr-emoji{background:#1e1e22;border-color:rgba(255,255,255,.16)}
  .nkd-nr-emoji small{color:#aaa}
  .nkd-nr-emoji.on{background:#12263f;border-color:#4c8dff}
  .nkd-nr-fb-q{color:#bbb}
  .nkd-nr-fb-t{background:#1a1a1d;color:#eee;border-color:rgba(255,255,255,.2)}
  .nkd-nr-box{background:#212125}
  .nkd-nr-overlay--sheet .nkd-nr--modal::before{background:rgba(255,255,255,.25)}
}
html[data-theme="dark"] .nkd-nr{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
html[data-theme="dark"] .nkd-nr-emoji{background:#1e1e22;border-color:rgba(255,255,255,.16)}
html[data-theme="dark"] .nkd-nr-fb-t{background:#1a1a1d;color:#eee}
html[data-theme="dark"] .nkd-nr-box{background:#212125}