/*
Theme Name: NK CRM Theme
Description: bluestreakdigital ke liye creative CRM theme (logo + color coding). Plugin "NK CRM" zaroori hai.
Version: 2.0.0
Author: Nikhil
*/
:root{--blue:#4169E1;--purple:#6A4FD6;--orange:#FF7A45;--green:#1FA971;--ink:#1c2340;--mute:#6b7494;--line:#e3e8f5}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font:15px/1.55 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#f5f7ff radial-gradient(900px 420px at 0% -10%,rgba(65,105,225,.14),transparent 60%),radial-gradient(700px 380px at 100% 0%,rgba(255,122,69,.12),transparent 60%);background-attachment:fixed}
.nk-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;padding:10px 18px;box-shadow:0 2px 14px rgba(65,105,225,.12)}
.nk-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.nk-ico{height:42px;width:auto;display:block}
.nk-word{height:26px;width:auto;display:block}
.nk-pill{background:linear-gradient(120deg,var(--blue),var(--purple));color:#fff;font-weight:600;font-size:12px;letter-spacing:.08em;padding:5px 14px;border-radius:99px}
.nk-stripe{height:4px;background:linear-gradient(90deg,var(--blue),var(--purple) 55%,var(--orange))}
.nk-main{max-width:1060px;margin:0 auto;padding:18px 12px 36px}
.nk-hero{max-width:340px;margin:20px auto -14px;background:#fff;border-radius:20px;padding:18px 20px 10px;text-align:center;box-shadow:0 10px 30px rgba(65,105,225,.15)}
.nk-hero img{width:220px;max-width:100%;height:auto}
.nk-hero p{margin:2px 0 6px;color:var(--mute);font-size:13px}
.nk-foot{text-align:center;color:var(--mute);font-size:12px;padding:0 12px 24px}
body #nkcrm{--a:#4169E1;--l:#e3e8f5;color:var(--ink)}
body #nkcrm .hd{background:linear-gradient(120deg,#4169E1,#6A4FD6 62%,#FF7A45);color:#fff;border:0;border-radius:16px;padding:14px 18px;font-size:18px;box-shadow:0 8px 22px rgba(65,105,225,.25)}
body #nkcrm .hd a{color:#fff}
body #nkcrm .hd button{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45);color:#fff}
body #nkcrm h4{color:#2d3a8c;font-weight:600}
body #nkcrm h4::before{content:"";display:inline-block;width:8px;height:18px;border-radius:4px;background:linear-gradient(var(--blue),var(--orange));margin-right:8px;vertical-align:-3px}
body #nkcrm .tabs button{border-radius:99px;font-weight:500}
body #nkcrm .tabs button.on,body #nkcrm button.p{background:linear-gradient(120deg,#4169E1,#6A4FD6);border-color:transparent;color:#fff}
body #nkcrm .cd{border-radius:16px;box-shadow:0 4px 14px rgba(65,105,225,.08)}
body #nkcrm button.cd[data-s="pending"]{border-top:5px solid #FF7A45}
body #nkcrm button.cd[data-s="progress"]{border-top:5px solid #4169E1}
body #nkcrm button.cd[data-s="complete"]{border-top:5px solid #1FA971}
body #nkcrm button.cd[data-s="pending"].sel{border-color:#FF7A45;box-shadow:0 6px 16px rgba(255,122,69,.3)}
body #nkcrm button.cd[data-s="progress"].sel{border-color:#4169E1;box-shadow:0 6px 16px rgba(65,105,225,.3)}
body #nkcrm button.cd[data-s="complete"].sel{border-color:#1FA971;box-shadow:0 6px 16px rgba(31,169,113,.3)}
body #nkcrm .w{color:#e8590c}
body #nkcrm .g{color:#1FA971}
body #nkcrm .tk{border-radius:16px;border-color:#ffd9c7;border-left-color:#FF7A45;border-left-width:7px;background:#fff7f1;box-shadow:0 3px 10px rgba(30,40,90,.05)}
body #nkcrm .tk.progress{background:#f1f5ff;border-color:#d3defc;border-left-color:#4169E1}
body #nkcrm .tk.complete{background:#effaf5;border-color:#c5ecd9;border-left-color:#1FA971}
body #nkcrm .tk.pending button.on{background:#FF7A45;border-color:#FF7A45;color:#fff}
body #nkcrm .tk.progress button.on{background:#4169E1;border-color:#4169E1;color:#fff}
body #nkcrm .tk.complete button.on{background:#1FA971;border-color:#1FA971;color:#fff}
body #nkcrm .sc{border-radius:16px;box-shadow:0 4px 14px rgba(65,105,225,.08)}
body #nkcrm th{background:#eef2ff;color:#3a4a9f;font-weight:600}
body #nkcrm dialog{border:0;border-radius:18px;box-shadow:0 20px 50px rgba(30,40,90,.35)}
body #nkcrm dialog h3{color:#2d3a8c}
body #loginform input[type=text],body #loginform input[type=password]{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}
body #loginform input[type=submit]{width:100%;padding:10px;border:0;border-radius:10px;color:#fff;background:linear-gradient(120deg,#4169E1,#6A4FD6);font:inherit;font-weight:600;cursor:pointer}
@media(max-width:480px){.nk-ico{height:36px}.nk-word{height:21px}.nk-pill{display:none}}