/* Social Publisher – Portal */
.wsp-wrap{max-width:860px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1e293b}
.wsp-hdr{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:2px solid #e2e8f0;margin-bottom:18px}
.wsp-nav{display:flex;gap:2px;border-bottom:2px solid #e2e8f0;margin-bottom:22px;flex-wrap:wrap}
.wsp-nav a{padding:9px 15px;text-decoration:none;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.9em;font-weight:500}
.wsp-nav a.active,.wsp-nav a:hover{color:#4f46e5}
.wsp-nav a.active{border-bottom-color:#4f46e5}
.wsp-alert{padding:11px 15px;border-radius:8px;margin-bottom:14px;font-size:.93em}
.wsp-ok{background:#dcfce7;color:#166534;border:1px solid #86efac}
.wsp-err{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
.wsp-warn{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}
.wsp-info{background:#eff6ff;color:#1e40af;border:1px solid #93c5fd}
.wsp-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:7px;font-size:.88em;font-weight:600;cursor:pointer;border:none;text-decoration:none}
.wsp-btn-p{background:#4f46e5;color:#fff}
.wsp-btn-p:hover{background:#3730a3;color:#fff}
.wsp-btn-o{background:transparent;color:#4f46e5;border:2px solid #4f46e5}
.wsp-btn-o:hover{background:#4f46e5;color:#fff}
.wsp-btn-d{background:#fee2e2;color:#dc2626}
.wsp-btn-d:hover{background:#dc2626;color:#fff}
.wsp-btn-sm{padding:4px 10px;font-size:.8em}
.wsp-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.wsp-stat{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 20px;text-align:center;flex:1;min-width:90px}
.wsp-stat big{display:block;font-size:1.7em;font-weight:700}
.wsp-stat small{color:#64748b;font-size:.78em}
.wsp-prog-bg{height:7px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin-bottom:18px}
.wsp-prog{height:100%;border-radius:99px;transition:width .3s}
.wsp-table{width:100%;border-collapse:collapse;font-size:.9em}
.wsp-table th{background:#f8fafc;padding:9px 11px;text-align:left;border-bottom:2px solid #e2e8f0;font-weight:600}
.wsp-table td{padding:9px 11px;border-bottom:1px solid #e2e8f0;vertical-align:middle}
.wsp-table tr:last-child td{border:none}
.wsp-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.75em;font-weight:700;text-transform:uppercase}
.wsp-s-active{background:#dcfce7;color:#166534}
.wsp-s-revoked,.wsp-s-failed,.wsp-s-error{background:#fee2e2;color:#991b1b}
.wsp-s-pending{background:#fef3c7;color:#92400e}
.wsp-s-done{background:#dcfce7;color:#166534}
.wsp-s-processing{background:#dbeafe;color:#1e40af}
.wsp-s-cancelled{background:#f1f5f9;color:#64748b}
.wsp-pf{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.78em;font-weight:600;text-transform:capitalize;color:#fff}
.wsp-pf-facebook{background:#1877f2}
.wsp-pf-instagram{background:#e1306c}
.wsp-pf-youtube{background:#ff0000}
.wsp-pf-tiktok{background:#010101}
.wsp-pf-linkedin{background:#0a66c2}
.wsp-code{display:block;background:#1e293b;color:#7dd3fc;padding:10px 14px;border-radius:7px;font-size:.9em;margin:6px 0;user-select:all}
.wsp-newkey{display:block;background:#f0fdf4;border:1.5px dashed #16a34a;padding:9px;border-radius:6px;margin:7px 0;user-select:all;font-size:.95em}
.wsp-connect-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.wsp-row-form{display:flex;gap:8px;align-items:center;margin-bottom:4px}
.wsp-billing{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:14px 18px;margin-bottom:14px}
.wsp-billing p{margin:5px 0}
/* Login */
.wsp-login{max-width:400px;margin:0 auto}
.wsp-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:20px}
.wsp-tab{flex:1;padding:10px;text-align:center;text-decoration:none;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;font-weight:600}
.wsp-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}
.wsp-form label{display:block;margin:11px 0 4px;font-size:.87em;font-weight:600}
.wsp-form input[type=email],.wsp-form input[type=password],.wsp-form input[type=text]{width:100%;padding:9px 11px;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.93em;box-sizing:border-box}
.wsp-form input:focus{outline:none;border-color:#4f46e5}
.wsp-form .wsp-btn-p{width:100%;justify-content:center;margin-top:14px;padding:11px;font-size:.97em}
/* Pricing */
.wsp-pricing h2{text-align:center;margin-bottom:6px}
.wsp-plans{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.wsp-plan{background:#fff;border:2px solid #e2e8f0;border-radius:13px;padding:24px 20px;min-width:200px;max-width:270px;flex:1;text-align:center}
.wsp-plan.wsp-plan-cur{border-color:#4f46e5}
.wsp-plan-name{font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.wsp-plan-price{font-size:2.4em;font-weight:800;margin-bottom:14px}
.wsp-plan-price span{font-size:.38em;font-weight:400;color:#64748b}
.wsp-plan ul{list-style:none;padding:0;text-align:left;margin-bottom:20px}
.wsp-plan ul li{padding:4px 0;font-size:.9em}
.wsp-plan .wsp-btn{width:100%;justify-content:center}