/* MF Analytics Dashboard — WordPress Plugin v1.0 */
.mfacd{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#111;max-width:1000px;margin:0 auto 2.5rem;background:#fff;border:1px solid #e0dfd8;border-radius:14px;overflow:hidden;}
.mfacd *{box-sizing:border-box;}

/* Topbar */
.mfacd-topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:#0f172a;gap:12px;flex-wrap:wrap;}
.mfacd-brand{display:flex;align-items:center;gap:8px;}
.mfacd-brand-name{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.3px;}
.mfacd-brand-name span{color:#60a5fa;}
.mfacd-topbar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.mfacd-updated{font-size:11px;color:#64748b;white-space:nowrap;}

/* Global search */
.mfacd-gs-wrap{position:relative;}
.mfacd-gsearch{border:1px solid #334155;border-radius:8px;background:#1e293b;color:#e2e8f0;font-size:13px;padding:8px 12px;width:240px;outline:none;font-family:inherit;}
.mfacd-gsearch::placeholder{color:#64748b;}
.mfacd-gsearch:focus{border-color:#60a5fa;}
.mfacd-gsuggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e293b;border:1px solid #334155;border-radius:8px;list-style:none;margin:0;padding:4px 0;z-index:9999;max-height:240px;overflow-y:auto;display:none;}
.mfacd-gsuggest.open{display:block;}
.mfacd-gsuggest li{padding:8px 14px;font-size:12px;color:#cbd5e1;cursor:pointer;line-height:1.4;}
.mfacd-gsuggest li em{display:block;font-style:normal;font-size:10px;color:#64748b;margin-top:1px;}
.mfacd-gsuggest li:hover{background:#1a73e8;color:#fff;}
.mfacd-gsuggest li:hover em{color:#bfdbfe;}

/* Strip */
.mfacd-strip{display:flex;flex-wrap:wrap;border-bottom:1px solid #e0dfd8;background:#f8fafc;}
.mfacd-strip-item{flex:1 1 120px;padding:11px 16px;border-right:1px solid #e0dfd8;text-align:center;}
.mfacd-strip-item:last-child{border-right:none;}
.mfacd-strip-lbl{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;}
.mfacd-strip-val{font-size:16px;font-weight:700;color:#0f172a;}
.mfacd-green{color:#16a34a;}

/* Search section */
.mfacd-search-section{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 20px;border-bottom:1px solid #e0dfd8;background:#fff;}
@media(max-width:620px){.mfacd-search-section{grid-template-columns:1fr;}}
.mfacd-search-block{position:relative;}
.mfacd-search-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;}
.mfacd-search-box{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:0 10px;transition:border-color .15s;}
.mfacd-search-box:focus-within{border-color:#1a73e8;background:#fff;}
.mfacd-search-ico{font-size:15px;color:#94a3b8;margin-right:6px;}
.mfacd-sinput{flex:1;border:none;outline:none;font-size:13px;padding:9px 6px;background:transparent;color:#0f172a;font-family:inherit;}
.mfacd-sinput::placeholder{color:#94a3b8;}
.mfacd-sclear{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:13px;padding:3px 5px;display:none;line-height:1;}
.mfacd-sclear-show{display:block!important;}
.mfacd-slist{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;list-style:none;margin:0;padding:4px 0;z-index:999;max-height:220px;overflow-y:auto;box-shadow:0 4px 16px rgba(0,0,0,.1);display:none;}
.mfacd-slist-open{display:block!important;}
.mfacd-slist li{padding:8px 14px;font-size:12px;color:#1e293b;cursor:pointer;line-height:1.4;}
.mfacd-slist li em{display:block;font-style:normal;font-size:10px;color:#94a3b8;margin-top:1px;}
.mfacd-slist li:hover,.mfacd-suggestion-active{background:#eff6ff;color:#1a73e8;}
.mfacd-pop-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}
.mfacd-pop-chip{font-size:11px;padding:4px 10px;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;color:#475569;background:#fff;font-family:inherit;transition:all .12s;}
.mfacd-pop-chip:hover{background:#eff6ff;border-color:#bfdbfe;color:#1a73e8;}

/* States */
.mfacd-state{text-align:center;padding:56px 24px;}
.mfacd-state-icon{font-size:42px;margin-bottom:12px;}
.mfacd-state-title{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:8px;}
.mfacd-state-desc{font-size:13px;color:#64748b;max-width:440px;margin:0 auto;line-height:1.6;}
.mfacd-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#1a73e8;border-radius:50%;animation:mfacd-spin .7s linear infinite;margin:0 auto 12px;}
@keyframes mfacd-spin{to{transform:rotate(360deg);}}

/* Fund header */
.mfacd-fund-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e0dfd8;background:#f8fafc;flex-wrap:wrap;}
.mfacd-fund-name{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:6px;line-height:1.35;}
.mfacd-fund-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px;}
.mfacd-badge{font-size:10px;font-weight:600;padding:3px 10px;border-radius:20px;background:#dbeafe;color:#1e40af;}
.mfacd-fund-house{font-size:12px;color:#64748b;}
.mfacd-bench-lbl{font-size:11px;color:#64748b;margin-top:2px;}
.mfacd-nav-box{text-align:right;flex-shrink:0;}
.mfacd-nav-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;}
.mfacd-nav-value{font-size:26px;font-weight:700;color:#0f172a;}
.mfacd-nav-date{font-size:11px;color:#94a3b8;margin-top:2px;}

/* Metrics row */
.mfacd-metrics-row{display:flex;flex-wrap:wrap;border-bottom:1px solid #e0dfd8;}
.mfacd-met{flex:1 1 90px;padding:12px 10px;text-align:center;border-right:1px solid #e0dfd8;}
.mfacd-met:last-child{border-right:none;}
.mfacd-met-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;}
.mfacd-met-val{font-size:16px;font-weight:700;color:#0f172a;}
.mfacd-met-pos{color:#16a34a;}
.mfacd-met-neg{color:#dc2626;}
.mfacd-pos{color:#16a34a;}
.mfacd-neg{color:#dc2626;}

/* Tabs */
.mfacd-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #e0dfd8;background:#f8fafc;padding:0 14px;overflow-x:auto;}
.mfacd-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 13px;font-size:12px;color:#475569;cursor:pointer;font-family:inherit;margin-bottom:-1px;transition:all .12s;white-space:nowrap;}
.mfacd-tab:hover{color:#0f172a;}
.mfacd-tab-active{color:#1a73e8!important;border-bottom-color:#1a73e8!important;font-weight:600;}

/* Panels */
.mfacd-panel{display:none;padding:18px 20px;}
.mfacd-panel-active{display:block;}
.mfacd-chart-wrap{position:relative;width:100%;}

/* Period buttons */
.mfacd-period-bar{display:flex;gap:4px;margin-bottom:12px;}
.mfacd-period-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:4px 11px;font-size:11px;color:#475569;cursor:pointer;font-family:inherit;transition:all .12s;}
.mfacd-period-btn:hover{border-color:#1a73e8;color:#1a73e8;}
.mfacd-period-active{background:#1a73e8!important;border-color:#1a73e8!important;color:#fff!important;}

/* Legend */
.mfacd-legend{display:flex;gap:14px;margin-bottom:10px;font-size:11px;color:#475569;flex-wrap:wrap;}
.mfacd-leg-item{display:flex;align-items:center;gap:5px;}
.mfacd-leg-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0;}

/* Risk grid */
.mfacd-risk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;}
.mfacd-risk-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;}
.mfacd-risk-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;}
.mfacd-risk-val{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:3px;}
.mfacd-risk-desc{font-size:11px;color:#94a3b8;line-height:1.4;}

/* Benchmark panel */
.mfacd-bench-info{background:#fef9c3;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:12px;color:#713f12;line-height:1.5;}
.mfacd-compare-table{overflow-x:auto;margin-top:16px;}
.mfacd-compare-table table{width:100%;border-collapse:collapse;font-size:12px;}
.mfacd-compare-table th{padding:8px 12px;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e2e8f0;text-align:left;background:#f8fafc;font-weight:500;}
.mfacd-compare-table td{padding:9px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;}
.mfacd-compare-table tr:last-child td{border-bottom:none;}
.mfacd-cmp-pos{color:#16a34a;font-weight:600;}
.mfacd-cmp-neg{color:#dc2626;font-weight:600;}

/* SIP */
.mfacd-sip-controls{display:flex;flex-wrap:wrap;gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:13px 16px;margin-bottom:14px;}
.mfacd-sip-controls label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:160px;font-size:12px;color:#475569;}
.mfacd-sip-controls strong{color:#0f172a;}
.mfacd-sip-controls input[type=range]{width:100%;accent-color:#1a73e8;}
.mfacd-sip-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px;}
.mfacd-sip-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;}
.mfacd-sip-stat-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;}
.mfacd-sip-stat-val{font-size:14px;font-weight:700;color:#0f172a;}

/* Responsive */
@media(max-width:600px){
  .mfacd-met:nth-child(5),.mfacd-met:nth-child(6),.mfacd-met:nth-child(7){display:none;}
  .mfacd-nav-value{font-size:20px;}
  .mfacd-gsearch{width:160px;}
}
