/* MK Prospection Agent PRO — CSS v2.0.0 */
.mkpro-wrap{--p:#2563eb;--a:#10b981;--g:#f59e0b;--d:#ef4444;--pu:#7c3aed;--bg:#0c0f1a;--bg2:#131726;--bg3:#181e30;--sf:#1f2640;--b1:rgba(255,255,255,.06);--b2:rgba(255,255,255,.11);--t1:#f0f2f8;--t2:#8892a8;--t3:#4a5270;--r:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--t1);border-radius:16px;overflow:hidden;border:1px solid var(--b1);max-width:1100px;margin:0 auto;}
.mkpro-wrap *{box-sizing:border-box;margin:0;padding:0;}

/* HEADER */
.mkpro-header{background:linear-gradient(135deg,#0f1f4a,var(--p));padding:16px 22px;display:flex;align-items:center;gap:12px;}
.mkpro-logo-circle{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;}
.mkpro-header-info h2{font-size:15px;font-weight:700;color:#fff;}
.mkpro-header-info p{font-size:11px;color:rgba(255,255,255,.65);margin-top:2px;}
.mkpro-header-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.mkpro-live-chip{display:flex;align-items:center;gap:5px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:10px;font-weight:500;padding:3px 9px;border-radius:20px;}
.mkpro-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:mkpro-blink 1.4s infinite;}
@keyframes mkpro-blink{0%,100%{opacity:1}50%{opacity:.3}}
.mkpro-api-chips{display:flex;gap:5px;}
.mkpro-api-chip{font-size:10px;padding:3px 8px;border-radius:20px;border:1px solid var(--b2);color:var(--t2);}
.mkpro-api-chip.on{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#6ee7b7;}
.mkpro-api-chip.off{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25);color:#fca5a5;}

/* TABS */
.mkpro-tabs{display:flex;background:var(--bg2);border-bottom:1px solid var(--b1);padding:0 12px;}
.mkpro-tab{padding:11px 16px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:500;color:var(--t2);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;}
.mkpro-tab:hover{color:var(--t1);}
.mkpro-tab.on{color:#93c5fd;border-bottom-color:var(--p);background:rgba(37,99,235,.06);}
.mkpro-nb{background:var(--d);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center;}

/* TAB CONTENT */
.mkpro-tab-content{padding:16px 20px;}

/* SEARCH PANEL */
.mkpro-search-panel{background:var(--bg3);border:1px solid var(--b1);border-radius:var(--r);padding:16px;margin-bottom:14px;}
.mkpro-filters{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}
.mkpro-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:130px;}
.mkpro-field label{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-weight:600;}
.mkpro-field select{background:var(--sf);border:1px solid var(--b2);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--t1);outline:none;transition:border .15s;}
.mkpro-field select:focus{border-color:rgba(37,99,235,.5);}
.mkpro-field select option{background:#131726;}

/* BUTTONS */
.mkpro-btn-primary{background:var(--p);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;height:38px;}
.mkpro-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);}
.mkpro-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;}
.mkpro-btn-secondary{background:var(--bg3);border:1px solid var(--b2);border-radius:8px;padding:9px 16px;font-size:13px;color:var(--t2);cursor:pointer;transition:all .15s;height:38px;}
.mkpro-btn-secondary:hover{border-color:var(--b3);color:var(--t1);}

/* KPIS */
.mkpro-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px;}
.mkpro-kpi{background:var(--bg3);border:1px solid var(--b1);border-radius:10px;padding:12px 14px;text-align:center;position:relative;overflow:hidden;}
.mkpro-kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}
.mkpro-kpi-b::before{background:var(--p);}
.mkpro-kpi-r::before{background:var(--d);}
.mkpro-kpi-g::before{background:var(--a);}
.mkpro-kpi-o::before{background:var(--g);}
.mkpro-kpi-p::before{background:var(--pu);}
.mkpro-kpi-val{font-size:24px;font-weight:700;color:var(--t1);}
.mkpro-kpi-lbl{font-size:10px;color:var(--t3);margin-top:3px;}

/* LOADING */
.mkpro-loading{text-align:center;padding:36px;color:var(--t2);}
.mkpro-spinner{width:26px;height:26px;border-radius:50%;border:2px solid var(--b2);border-top-color:var(--p);animation:mkpro-spin .75s linear infinite;margin:0 auto 10px;}
@keyframes mkpro-spin{to{transform:rotate(360deg)}}
.mkpro-loading p{font-size:13px;}

/* EMPTY */
.mkpro-empty{text-align:center;padding:50px 20px;color:var(--t2);}
.mkpro-empty-ic{font-size:36px;margin-bottom:10px;opacity:.5;}
.mkpro-empty p{font-size:14px;}
.mkpro-empty small{font-size:11px;color:var(--t3);display:block;margin-top:4px;}

/* RESULTS BAR */
.mkpro-results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px;}
.mkpro-results-bar h2{font-size:14px;font-weight:600;}
.mkpro-results-actions{display:flex;gap:8px;}

/* PROSPECT CARDS */
.mkpro-prospect-grid{display:flex;flex-direction:column;gap:8px;}
.mkpro-pcard{background:var(--bg3);border:1px solid var(--b1);border-radius:var(--r);padding:13px 15px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:start;cursor:pointer;transition:all .15s;}
.mkpro-pcard:hover{border-color:var(--b2);background:var(--sf);}
.mkpro-pcard.hot{border-left:3px solid var(--d);}
.mkpro-pcard.warm{border-left:3px solid var(--g);}
.mkpro-pcard.cold{border-left:3px solid var(--t3);}

.mkpro-av{width:42px;height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;}
.av-r{background:rgba(245,158,11,.15);color:#fcd34d;}
.av-b{background:rgba(37,99,235,.15);color:#93c5fd;}
.av-g{background:rgba(16,185,129,.15);color:#6ee7b7;}
.av-p{background:rgba(124,58,237,.15);color:#c4b5fd;}
.av-o{background:rgba(239,68,68,.15);color:#fca5a5;}
.av-s{background:rgba(107,114,128,.15);color:#d1d5db;}

.mkpro-pc-name{font-size:14px;font-weight:600;color:var(--t1);}
.mkpro-pc-type{font-size:11px;color:var(--t3);margin-top:2px;}
.mkpro-pc-contacts{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;}
.mkpro-cc{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--t2);background:var(--sf);border:1px solid var(--b1);border-radius:5px;padding:3px 7px;}
.mkpro-needs{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px;}
.mkpro-ntag{font-size:10px;font-weight:500;padding:2px 7px;border-radius:20px;}
.n-site{background:rgba(37,99,235,.14);color:#93c5fd;}
.n-seo{background:rgba(16,185,129,.14);color:#6ee7b7;}
.n-social{background:rgba(245,158,11,.14);color:#fcd34d;}
.n-gmb{background:rgba(239,68,68,.14);color:#fca5a5;}
.n-ads{background:rgba(124,58,237,.14);color:#c4b5fd;}
.n-rep{background:rgba(107,114,128,.14);color:#d1d5db;}

.mkpro-pc-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.mkpro-score-pill{font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap;}
.sp-h{background:rgba(239,68,68,.15);color:#fca5a5;}
.sp-m{background:rgba(245,158,11,.15);color:#fcd34d;}
.sp-l{background:rgba(107,114,128,.15);color:#d1d5db;}
.mkpro-action-btns{display:flex;gap:4px;}
.mkpro-abt{font-size:10px;padding:4px 9px;border-radius:6px;border:1px solid var(--b2);background:transparent;color:var(--t2);cursor:pointer;transition:all .14s;}
.mkpro-abt:hover{background:var(--p);color:#fff;border-color:var(--p);}
.mkpro-abt.wa:hover{background:#25d366;border-color:#25d366;}

/* SAVED BAR */
.mkpro-saved-bar{display:flex;gap:8px;margin-bottom:14px;align-items:center;flex-wrap:wrap;}
.mkpro-saved-bar select{background:var(--sf);border:1px solid var(--b2);border-radius:8px;padding:7px 10px;font-size:13px;color:var(--t1);outline:none;}

/* STATUS SELECT */
.mkpro-status-sel{font-size:11px;padding:3px 7px;border-radius:6px;background:var(--bg3);border:1px solid var(--b2);color:var(--t1);cursor:pointer;outline:none;}

/* MODAL */
.mkpro-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;}
.mkpro-modal-inner{background:var(--bg2);border:1px solid var(--b2);border-radius:18px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;padding:24px;position:relative;}
.mkpro-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--t2);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;}
.mkpro-modal-close:hover{background:var(--sf);}
.mkpro-dp-name{font-size:19px;font-weight:700;color:var(--t1);margin:4px 0 3px;}
.mkpro-dp-sub{font-size:12px;color:var(--t3);margin-bottom:16px;}
.mkpro-dp-section{margin-bottom:16px;}
.mkpro-dp-section h3{font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;padding-bottom:6px;border-bottom:1px solid var(--b1);margin-bottom:10px;}
.mkpro-info-row{display:flex;gap:8px;margin-bottom:7px;font-size:13px;}
.mkpro-info-row .lbl{color:var(--t3);min-width:80px;font-size:11px;padding-top:1px;}
.mkpro-info-row .val{color:var(--t1);flex:1;line-height:1.4;}
.mkpro-pitch-tabs{display:flex;gap:4px;margin-bottom:10px;}
.mkpro-ptab{font-size:11px;padding:5px 12px;border-radius:6px;border:1px solid var(--b2);background:transparent;color:var(--t2);cursor:pointer;transition:all .14s;}
.mkpro-ptab.on{background:var(--p);color:#fff;border-color:var(--p);}
.mkpro-pitch-box{background:var(--bg3);border:1px solid var(--b1);border-radius:9px;padding:13px;font-size:12px;color:var(--t1);line-height:1.65;white-space:pre-wrap;min-height:80px;}
.mkpro-pitch-loading{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t2);padding:12px;}
.mkpro-dp-actions{display:flex;flex-direction:column;gap:7px;margin-top:4px;}
.mkpro-dp-btn{width:100%;padding:10px;border-radius:9px;font-size:13px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .18s;}
.mkpro-dp-btn.wa{background:#25d366;color:#fff;}
.mkpro-dp-btn.wa:hover{background:#1ebe5d;}
.mkpro-dp-btn.em{background:var(--p);color:#fff;}
.mkpro-dp-btn.em:hover{background:#1d4ed8;}
.mkpro-dp-btn.ca{background:var(--sf);border:1px solid var(--b2);color:var(--t1);}
.mkpro-dp-btn.ca:hover{border-color:var(--b3);}
.mkpro-note-area{width:100%;background:var(--sf);border:1px solid var(--b2);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--t1);resize:vertical;min-height:60px;font-family:inherit;outline:none;}

/* FOOTER */
.mkpro-footer{font-size:10px;color:var(--t3);text-align:center;padding:10px;border-top:1px solid var(--b1);background:var(--bg2);}
.mkpro-footer a{color:var(--p);}

/* RESPONSIVE */
@media(max-width:640px){
  .mkpro-filters{flex-direction:column;}
  .mkpro-kpis{grid-template-columns:repeat(2,1fr);}
  .mkpro-pcard{grid-template-columns:36px 1fr;}
  .mkpro-pc-right{display:none;}
  .mkpro-header-right{display:none;}
}
