:root{--mspind-bg:#f6f8fc;--mspind-card:#fff;--mspind-text:#111827;--mspind-muted:#6b7280;--mspind-border:#e5e7eb;--mspind-primary:#2563eb;--mspind-secondary:#22c55e;--mspind-tertiary:#f59e0b;--mspind-danger:#ef4444;--mspind-radius:18px;--mspind-shadow:0 14px 40px rgba(15,23,42,.08)}
.mspind-wrap,.mspind-public{font-family:Tahoma,Arial,sans-serif;color:var(--mspind-text);background:var(--mspind-bg);padding:24px;box-sizing:border-box;direction:rtl}.mspind-wrap *,.mspind-public *{box-sizing:border-box}.mspind-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:24px;border-radius:24px;margin:0 0 22px;box-shadow:var(--mspind-shadow)}.mspind-hero h1{margin:0 0 8px;font-size:26px;line-height:1.5;color:#fff}.mspind-hero p{margin:0;color:#dbeafe;font-size:14px;line-height:1.9}.mspind-btn{border:0;background:#fff;color:#1d4ed8;text-decoration:none;padding:12px 18px;border-radius:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 20px rgba(0,0,0,.08)}.mspind-btn:hover{color:#0f172a}.mspind-btn.secondary{background:#eef2ff;color:#1d4ed8;box-shadow:none}.mspind-btn.wide{width:100%;margin-top:18px;background:#1d4ed8;color:#fff}.mspind-grid{display:grid;gap:18px}.mspind-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mspind-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mspind-card,.mspind-panel{background:var(--mspind-card);border:1px solid var(--mspind-border);border-radius:var(--mspind-radius);box-shadow:var(--mspind-shadow);padding:18px;min-width:0}.mspind-card-head,.mspind-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.mspind-card h2,.mspind-panel h2{font-size:17px;margin:5px 0 0;line-height:1.5}.mspind-panel h3{font-size:15px;margin:20px 0 10px;border-top:1px solid var(--mspind-border);padding-top:16px}.mspind-chip{display:inline-flex;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.mspind-type{background:#f8fafc;border:1px solid var(--mspind-border);border-radius:12px;padding:6px 10px;color:#475569;font-size:12px}.mspind-note,.mspind-chart-purpose{font-size:12px;line-height:1.8;color:var(--mspind-muted);margin:10px 0 0}.mspind-chart{position:relative;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #edf2f7;border-radius:16px;padding:12px;overflow:hidden}.mspind-chart-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.mspind-chart-title strong{font-size:14px}.mspind-chart-title span{font-size:11px;color:#64748b;background:#f1f5f9;padding:4px 9px;border-radius:999px}.mspind-svg-wrap{position:relative;width:100%;overflow:hidden}.mspind-svg-wrap svg{width:100%;height:auto;display:block}.mspind-anim-bar{transform-box:fill-box;transform-origin:bottom;animation:mspindGrow .65s ease both;filter:drop-shadow(0 8px 12px rgba(37,99,235,.12))}@keyframes mspindGrow{from{transform:scaleY(.05);opacity:.3}to{transform:scaleY(1);opacity:1}}.mspind-tooltip{display:none;position:absolute;z-index:4;background:#0f172a;color:#fff;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.7;box-shadow:0 12px 28px rgba(15,23,42,.25);pointer-events:none}.mspind-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:12px;color:#475569}.mspind-legend span{display:inline-flex;align-items:center;gap:6px}.mspind-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.mspind-shortcode-box{margin-top:20px;background:#fff;border:1px dashed #93c5fd;color:#1e3a8a;padding:14px;border-radius:16px;font-weight:700}.mspind-shortcode-box code{direction:ltr;display:inline-block;background:#eff6ff;padding:4px 8px;border-radius:8px}.mspind-editor-layout{display:grid;grid-template-columns:minmax(360px,42%) minmax(0,58%);gap:18px;align-items:start}.mspind-form-panel{position:sticky;top:42px;max-height:calc(100vh - 70px);overflow:auto}.mspind-form-panel::-webkit-scrollbar{width:8px}.mspind-form-panel::-webkit-scrollbar-thumb{background:#dbeafe;border-radius:20px}.mspind-panel label{display:block;font-size:13px;font-weight:700;margin:0 0 7px;color:#334155}.mspind-panel input,.mspind-panel select,.mspind-panel textarea{width:100%;border:1px solid #dbe3ef;border-radius:12px;padding:11px 12px;background:#fff;color:#111827;box-shadow:inset 0 1px 2px rgba(15,23,42,.03);font-family:Tahoma,Arial,sans-serif}.mspind-panel textarea{min-height:80px;resize:vertical}.mspind-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mspind-field:nth-child(3),.mspind-field:nth-child(4){grid-column:1/-1}.mspind-switches{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--mspind-border);border-radius:14px;padding:12px}.mspind-switches label{margin:0;display:flex;align-items:center;gap:8px}.mspind-switches input{width:auto}.mspind-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mspind-color-row{background:#f8fafc;border:1px solid var(--mspind-border);border-radius:14px;padding:10px;display:grid;grid-template-columns:1fr 54px 64px;gap:8px;align-items:center}.mspind-color-row label{margin:0}.mspind-color-row input[type=color]{height:38px;padding:3px;border-radius:10px}.mspind-eye,.mspind-del-row{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:10px;padding:9px 10px;cursor:pointer}.mspind-value-row{display:grid;grid-template-columns:1.3fr repeat(3,.8fr) 68px;gap:8px;background:#f8fafc;border:1px solid var(--mspind-border);border-radius:16px;padding:10px;margin-bottom:9px}.mspind-del-row{color:#b91c1c;border-color:#fecaca}.mspind-values-head{display:flex;justify-content:flex-start;margin-bottom:10px}.mspind-empty{border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b;border-radius:16px;padding:24px;text-align:center;line-height:1.8}.mspind-live-preview{min-height:420px}.mspind-public{border-radius:24px}.mspind-public-head{background:#fff;border:1px solid var(--mspind-border);border-radius:22px;padding:22px;margin-bottom:18px;box-shadow:var(--mspind-shadow)}.mspind-public-head h2{margin:0 0 7px;font-size:25px}.mspind-public-head p{margin:0;color:var(--mspind-muted)}.mspind-public-section{margin:24px 0}.mspind-public-section h3{font-size:20px;margin:0 0 14px;padding:0 12px;border-right:5px solid #2563eb}.mspind-chart-card{min-height:470px}
@media(max-width:1200px){.mspind-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.mspind-editor-layout{grid-template-columns:1fr}.mspind-form-panel{position:relative;top:auto;max-height:none}}@media(max-width:720px){.mspind-wrap,.mspind-public{padding:14px}.mspind-hero{display:block}.mspind-hero .mspind-btn,.mspind-hero button{margin-top:14px;width:100%}.mspind-grid-3,.mspind-grid-2,.mspind-form-grid,.mspind-colors{grid-template-columns:1fr}.mspind-value-row{grid-template-columns:1fr 1fr}.mspind-value-row [data-v=label],.mspind-value-row .mspind-del-row{grid-column:1/-1}.mspind-color-row{grid-template-columns:1fr 54px 64px}.mspind-card,.mspind-panel{padding:14px}.mspind-card-head{display:block}.mspind-type{margin-top:8px;display:inline-flex}}
/* MSPIND v1.1 additions */
.mspind-editor-layout{grid-template-columns:260px minmax(360px,36%) minmax(0,1fr)}
.mspind-editor-sidebar{background:#0f172a;color:#e5e7eb;border-radius:18px;padding:14px;box-shadow:var(--mspind-shadow);position:sticky;top:42px;max-height:calc(100vh - 70px);overflow:auto}
.mspind-editor-sidebar h2{font-size:15px;color:#fff;margin:4px 4px 12px}.mspind-side-group{border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:10px;background:rgba(255,255,255,.03);overflow:hidden}.mspind-side-page,.mspind-side-indicator{width:100%;border:0;cursor:pointer;font-family:Tahoma,Arial,sans-serif;text-align:right}.mspind-side-page{display:flex;align-items:center;justify-content:space-between;background:transparent;color:#fff;padding:12px;font-weight:700}.mspind-side-page span{transition:.2s}.mspind-side-group.is-open .mspind-side-page span{transform:rotate(180deg)}.mspind-side-items{display:none;padding:0 8px 10px}.mspind-side-group.is-open .mspind-side-items{display:block}.mspind-side-indicator{background:rgba(255,255,255,.06);color:#cbd5e1;margin-top:6px;padding:10px;border-radius:10px;line-height:1.5}.mspind-side-indicator:hover,.mspind-side-indicator.is-active{background:#2563eb;color:#fff}.mspind-side-group.is-active{border-color:rgba(96,165,250,.65)}
.mspind-help{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:14px;padding:10px 12px;line-height:1.8;margin-bottom:10px;font-size:12px}.mspind-color-row{grid-template-columns:1fr 54px 64px 1.1fr}.mspind-color-row .mspind-legend-label-input{grid-column:auto}.mspind-value-row{grid-template-columns:1.25fr repeat(3,.72fr) .95fr 68px}.mspind-value-row select{min-width:0}.mspind-svg-wrap svg line{vector-effect:non-scaling-stroke}
@media(max-width:1350px){.mspind-editor-layout{grid-template-columns:230px 1fr}.mspind-preview-panel{grid-column:1/-1}.mspind-form-panel{position:relative;top:auto;max-height:none}.mspind-editor-sidebar{position:relative;top:auto;max-height:none}}
@media(max-width:900px){.mspind-editor-layout{grid-template-columns:1fr}.mspind-color-row{grid-template-columns:1fr 54px 64px}.mspind-color-row .mspind-legend-label-input{grid-column:1/-1}.mspind-value-row{grid-template-columns:1fr 1fr}.mspind-value-row [data-v=label],.mspind-value-row .mspind-del-row,.mspind-value-row select{grid-column:1/-1}}
/* MSPIND v2.0 statistical pages */
.mspind-kpi-card{min-height:220px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#eef6ff);border:1px solid #dbeafe;box-shadow:var(--mspind-shadow);display:flex;align-items:center;gap:18px;padding:24px}.mspind-kpi-card strong{display:block;font-size:17px;margin-bottom:12px}.mspind-kpi-card b{display:block;font-size:44px;line-height:1;color:#0f172a;margin-bottom:12px}.mspind-kpi-card span{display:block;color:#64748b;line-height:1.8}.mspind-kpi-icon{width:54px;height:54px;border-radius:18px;box-shadow:0 16px 30px rgba(37,99,235,.20);flex:0 0 auto}.mspind-svg-wrap svg path,.mspind-svg-wrap svg rect,.mspind-svg-wrap svg circle,.mspind-svg-wrap svg polygon{transition:.2s ease}.mspind-svg-wrap svg path:hover,.mspind-svg-wrap svg rect:hover,.mspind-svg-wrap svg circle:hover,.mspind-svg-wrap svg polygon:hover{filter:brightness(.94);transform-origin:center}
/* MSPIND v2.1 results generator */
.mspind-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.mspind-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mspind-conditional-box{background:#fff;border:1px solid var(--mspind-border);border-radius:18px;padding:18px;margin-bottom:18px;box-shadow:var(--mspind-shadow)}.mspind-template-editor,.mspind-setting-editor{margin-top:18px}.mspind-big-textarea{min-height:300px!important;line-height:1.9;font-size:14px}.mspind-check{display:flex!important;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--mspind-border);border-radius:12px;padding:10px 12px;margin:0 0 12px!important}.mspind-check input{width:auto!important}.mspind-actions{display:flex;gap:10px;align-items:center;margin-top:12px}.mspind-token-grid{display:flex;flex-wrap:wrap;gap:8px}.mspind-token-grid code{background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;padding:7px 10px;border-radius:10px;direction:ltr}.mspind-editor-status{padding:10px 12px;border-radius:12px;margin:0 0 12px;font-weight:700}.mspind-editor-status.ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.mspind-editor-status.bad{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.mspind-chart-actions{display:flex;justify-content:flex-start;margin-top:12px}.mspind-results-btn,.mspind-copy-results,.mspind-print-results,.mspind-results-close{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;font-family:Tahoma,Arial,sans-serif;font-weight:700}.mspind-results-btn{background:#2563eb;color:#fff;box-shadow:0 8px 18px rgba(37,99,235,.18)}.mspind-results-overlay{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:999999;display:none;align-items:center;justify-content:center;padding:22px}.mspind-results-modal{width:min(1100px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid #e5e7eb}.mspind-results-header{position:sticky;top:0;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;z-index:1}.mspind-results-header h2{margin:0 0 4px;color:#fff;font-size:22px}.mspind-results-header p{margin:0;color:#dbeafe}.mspind-results-header .mspind-results-close{background:rgba(255,255,255,.14);color:#fff;font-size:24px;line-height:1;padding:7px 12px}.mspind-results-body{padding:18px 22px}.mspind-results-body section{border:1px solid #e5e7eb;border-radius:18px;padding:16px;margin-bottom:14px;background:#fff}.mspind-results-body h3{margin:0 0 10px;font-size:17px;color:#0f172a;border-right:4px solid #2563eb;padding-right:10px}.mspind-results-body h4{margin:0 0 8px;color:#1e3a8a}.mspind-results-body p{line-height:2;margin:0;color:#334155}.mspind-results-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px}.mspind-results-table th,.mspind-results-table td{border:1px solid #e5e7eb;padding:10px;text-align:right}.mspind-results-table th{background:#f8fafc;color:#0f172a}.mspind-reco-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mspind-reco-grid>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.mspind-final-report-text{width:100%;min-height:150px;border:1px solid #cbd5e1;border-radius:14px;padding:12px;line-height:2;font-family:Tahoma,Arial,sans-serif;resize:vertical;background:#fbfdff}.mspind-results-footer{position:sticky;bottom:0;background:#f8fafc;border-top:1px solid #e5e7eb;padding:14px 22px;display:flex;gap:10px;justify-content:flex-start}.mspind-copy-results{background:#2563eb;color:#fff}.mspind-print-results{background:#e0f2fe;color:#075985}.mspind-results-footer .mspind-results-close{background:#e5e7eb;color:#334155}@media(max-width:900px){.mspind-form-grid-3,.mspind-reco-grid{grid-template-columns:1fr}.mspind-hero-actions{justify-content:stretch}.mspind-hero-actions .mspind-btn{width:100%}.mspind-results-overlay{padding:8px}.mspind-results-header,.mspind-results-footer{display:block}.mspind-results-footer button{margin:4px 0;width:100%}}
@media print{body>*:not(.mspind-results-overlay){display:none!important}.mspind-results-overlay{position:static!important;display:block!important;background:#fff!important;padding:0!important}.mspind-results-modal{box-shadow:none!important;max-height:none!important;width:100%!important}.mspind-results-footer,.mspind-results-header .mspind-results-close{display:none!important}}
.mspind-token-chip{background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;padding:8px 12px;border-radius:10px;cursor:pointer;font-family:Tahoma,Arial,sans-serif;font-weight:700;box-shadow:0 2px 6px rgba(37,99,235,.05)}
.mspind-token-chip:hover{background:#dbeafe;border-color:#93c5fd}

/* Phase 3 interaction tools */
.mspind-brush-info{position:absolute;left:16px;bottom:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px 12px;font-size:12px;color:#111827;box-shadow:0 8px 24px rgba(15,23,42,.08);z-index:4}
.mspind-visual-map{display:flex;gap:10px;align-items:center;justify-content:center;margin:10px 0 0;font-size:12px;color:#374151;flex-wrap:wrap}
.mspind-visual-map span{display:inline-block;width:24px;height:10px;border-radius:999px;border:1px solid rgba(0,0,0,.08)}
.mspind-analysis-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 16px 36px rgba(15,23,42,.08);min-height:220px}
.mspind-analysis-card h3{margin:0 0 16px;font-size:20px;color:#111827}
.mspind-analysis-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.mspind-analysis-kpis span{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:12px;color:#374151}
.mspind-analysis-kpis b{display:block;color:#111827;margin-top:4px}
.mspind-results-footer .mspind-export-results{background:#0f172a;color:#fff;border:0;border-radius:12px;padding:10px 16px;cursor:pointer}

.mspind-open-front{background:#2563eb!important;color:#fff!important}.mspind-frontend-body{margin:0;background:#f1f5f9;font-family:Tahoma,Arial,sans-serif}.mspind-front-wrap{max-width:1760px;margin:0 auto;padding:28px}.mspind-front-section{margin-top:22px}.mspind-section-title{display:flex;align-items:center;gap:12px;margin:10px 0 14px}.mspind-section-title h2{margin:0;color:#0f172a;font-size:22px}.mspind-front-wrap .mspind-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1200px){.mspind-front-wrap .mspind-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.mspind-front-wrap{padding:14px}.mspind-front-wrap .mspind-grid-3{grid-template-columns:1fr}}