.smm-accounts-page{max-width:1160px;margin:auto;color:#17213a}
.smm-accounts-page .page-header{margin-bottom:24px}
.smm-accounts-page .primary-button,.smm-accounts-page .secondary-button{height:auto;min-height:44px;white-space:normal;line-height:1.4;padding:10px 14px}
.smm-accounts-page button:disabled{cursor:not-allowed;box-shadow:none;background:#f3f5f8;border-color:#dbe2ec;color:#64748b}
.smm-accounts-page button:focus-visible,.smm-accounts-page summary:focus-visible,.smm-accounts-page input:focus-visible{outline:2px solid #266df0;outline-offset:3px}
.smm-accounts-page [hidden]{display:none!important}
.smm-account-mode{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 24px;padding:14px 16px;border:1px solid #dce8fc;border-radius:12px;background:#f0f5ff}
.smm-account-mode>span{flex:none;color:#215bbc;font-size:12px;font-weight:700}
.smm-account-mode p{margin:0;color:#536173;font-size:13px;line-height:1.5}
.smm-account-box{background:#fff;border:1px solid #e2e7ed;border-radius:16px;padding:22px;margin-bottom:24px;min-width:0}
.smm-accounts-page .section-heading{margin-bottom:14px;flex-wrap:wrap}
.smm-accounts-page .section-heading h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0}
.smm-accounts-page .section-heading>p{margin:0;color:#68738a;font-size:12px;line-height:1.5}
.smm-account-count{display:inline-grid;place-items:center;min-width:25px;min-height:25px;border-radius:8px;background:#f0f3f8;color:#65718a;font-size:12px;font-weight:700}
.smm-account-box p,.smm-account-box li{color:#536173;line-height:1.6}
.smm-account-empty{padding:17px 18px;border:1px dashed #d9e2ee;border-radius:11px;background:#fafcff}
.smm-account-empty strong{font-size:14px;font-weight:650;color:#35445c}
.smm-account-empty p{font-size:13px;margin:5px 0 0}
.smm-account-platforms{margin-bottom:24px}
.smm-account-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.smm-account-platform{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:17px;border:1px solid #e2e7ed;border-radius:14px;background:#fff;overflow-wrap:anywhere}
.smm-account-platform.is-telegram{border-color:#bcd3f7;background:#f9fbff}
.smm-account-platform.is-instagram{border-color:#eadcf4;background:linear-gradient(145deg,#fff 20%,#fff4fb)}
.smm-account-platform.is-youtube{border-color:#f2d9d6;background:linear-gradient(145deg,#fff 20%,#fff5f2)}
.smm-account-platform-name{display:flex;align-items:center;gap:10px;min-width:0;width:100%;margin-bottom:13px}
.smm-account-platform-name h3{min-width:0;font-size:15px;line-height:1.4;margin:0;white-space:normal;overflow-wrap:anywhere}
.smm-account-provider-mark{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#f0f3f8;color:#687891;font-size:10px;font-weight:800}
.is-telegram .smm-account-provider-mark{background:#e5efff;color:#2363cf}
.is-instagram .smm-account-provider-mark{background:#f4e8ff;color:#8a35b8}
.is-youtube .smm-account-provider-mark{background:#ffe8e5;color:#c63126}
.smm-account-platform-status{display:inline-block;max-width:100%;color:#5f6d82;font-size:12px;font-weight:650;line-height:1.5}
.is-telegram .smm-account-platform-status{color:#215bbc}
.is-instagram .smm-account-platform-status{color:#78339d}
.is-youtube .smm-account-platform-status{color:#ad3128}
.smm-account-platform p{margin:6px 0 0;color:#68738a;font-size:12px;line-height:1.55}
.smm-account-platform button{margin-top:14px;width:100%}
.smm-oauth-requirements{width:100%;margin-top:10px;border-top:1px solid #e8edf3}
.smm-oauth-requirements summary{display:flex;align-items:center;min-height:38px;color:#53647d;font-size:12px;font-weight:650;cursor:pointer}
.smm-oauth-requirements p{margin:0 0 8px}
.smm-oauth-requirements ul{display:grid;gap:6px;margin:0 0 8px;padding-left:18px;color:#68738a;font-size:12px;line-height:1.5}
.smm-oauth-requirements code{display:block;margin-top:4px;color:#354b69;font:600 11px "Segoe UI",Tahoma,sans-serif;overflow-wrap:anywhere}
.smm-account-platform .smm-oauth-callback{width:100%;margin-top:10px;padding-top:9px;border-top:1px solid #e8edf3}
.smm-oauth-callback span{display:block;color:#7a8799;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.smm-oauth-callback code{display:block;margin-top:4px;color:#354b69;font:600 11px/1.45 "Segoe UI",Tahoma,sans-serif;overflow-wrap:anywhere}
.smm-provider-preparation{position:relative;overflow:hidden;padding:26px}
.smm-provider-preparation::before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:5px;background:#266df0}
.smm-provider-preparation.is-instagram::before{background:linear-gradient(90deg,#7a3dd1,#e64b80,#ff9858)}
.smm-provider-preparation.is-youtube::before{background:linear-gradient(90deg,#ff3b30,#ff796f)}
.smm-provider-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.smm-provider-guide-header>div{max-width:760px}
.smm-provider-guide-kicker{display:block;margin-bottom:7px;color:#65718a;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.smm-provider-guide-header h2{margin:0;color:#1e2a42;font-size:23px;line-height:1.25}
.smm-provider-guide-header h2:focus{outline:none}
.smm-provider-guide-header p{margin:9px 0 0;color:#59677c;font-size:14px;line-height:1.6}
.smm-provider-outcome{padding:17px 18px;border-radius:13px;background:#edf6ff}
.is-instagram .smm-provider-outcome{background:#fff0f7}
.is-youtube .smm-provider-outcome{background:#fff0ed}
.smm-provider-outcome strong{font-size:13px;color:#273750}
.smm-provider-outcome p{margin:4px 0 0;color:#485970;font-size:13px;line-height:1.6}
.smm-provider-checklist{counter-reset:provider-step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;padding:0;list-style:none}
.smm-provider-checklist li{counter-increment:provider-step;display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;padding:15px;border:1px solid #e4e9f0;border-radius:12px;background:#fff}
.smm-provider-checklist li::before{content:counter(provider-step);display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eff3f8;color:#52627a;font-size:12px;font-weight:750}
.smm-provider-checklist strong{display:block;margin:2px 0 3px;color:#293850;font-size:13px;line-height:1.45}
.smm-provider-checklist p{margin:0;color:#647287;font-size:12px;line-height:1.55}
.smm-provider-formats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 0}
.smm-provider-formats>span{color:#536173;font-size:12px;font-weight:700}
.smm-provider-formats>div{display:flex;gap:7px;flex-wrap:wrap}
.smm-provider-formats small{padding:6px 9px;border-radius:999px;background:#f0f3f8;color:#526178;font-size:11px;font-weight:650}
.smm-provider-blocker{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:5px;padding:16px 17px;border:1px solid #f0dba9;border-radius:12px;background:#fff9e9}
.smm-provider-blocker strong{color:#6f5016;font-size:13px}
.smm-provider-blocker p{margin:4px 0 0;max-width:690px;color:#765f34;font-size:12px;line-height:1.55}
.smm-provider-source{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#315f9d;font-size:12px;font-weight:650;text-underline-offset:3px}
.smm-account-onboarding{padding:0}
.smm-account-onboarding>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:18px 22px;list-style:none;cursor:pointer}
.smm-account-onboarding>summary::-webkit-details-marker{display:none}
.smm-account-onboarding>summary::after{content:'';width:8px;height:8px;flex:0 0 8px;border-right:2px solid #7b8ba1;border-bottom:2px solid #7b8ba1;transform:rotate(45deg);margin-right:3px;align-self:center}
.smm-account-onboarding[open]>summary{border-bottom:1px solid #e8edf4}
.smm-account-onboarding[open]>summary::after{transform:rotate(225deg)}
.smm-account-onboarding>summary strong{display:block;font-size:16px;line-height:1.45;overflow-wrap:anywhere}
.smm-account-onboarding>summary small{display:block;margin-top:3px;font-size:12px;color:#68738a;line-height:1.5}
.smm-account-steps{list-style:none;counter-reset:account-step;margin:0;padding:8px 22px 22px}
.smm-account-steps>li{counter-increment:account-step;display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;padding:20px 0 0}
.smm-account-steps>li::before{content:counter(account-step);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef4ff;color:#2663c4;font-size:12px;font-weight:700}
.smm-account-steps h3{font-size:14px;line-height:1.6;margin:2px 0 4px;color:#273750}
.smm-account-steps p{margin:0 0 10px;font-size:13px}
.smm-account-form-readiness{max-width:650px;padding:10px 12px;background:#f3f6fb;border-radius:8px}
.smm-account-box fieldset{border:0;margin:16px 0 0;padding:0;display:grid;gap:14px;max-width:650px;min-width:0}
.smm-account-box label:not(.smm-account-confirm){display:grid;gap:7px;font-size:13px;font-weight:600}
.smm-account-box input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:44px;padding:12px;border:1px solid #cbd4e0;border-radius:9px;font:inherit;min-width:0;background:#fff;color:#273750}
.smm-account-box fieldset:disabled input{background:#f3f5f7;color:#64748b}
.smm-account-box input[readonly]{background:#f6f8fb}
.smm-account-confirm{display:flex;gap:10px;align-items:flex-start;min-height:44px;line-height:1.6;font-size:13px;cursor:pointer;padding:8px 0}
.smm-account-confirm input{margin:3px 0 0;width:18px;height:18px;flex:none;accent-color:#266df0}
.smm-accounts-notice{background:#eef5ff;border:1px solid #d5e5ff;border-radius:10px;padding:14px;line-height:1.6;font-size:13px;margin:0 0 20px;overflow-wrap:anywhere}
.smm-accounts-notice:empty{display:none}
.smm-accounts-notice.is-error{background:#fff2f0;border-color:#f2c4bd;color:#92382c}
.smm-account-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf0f4;padding:16px 0;overflow-wrap:anywhere;min-width:0}
.smm-account-row:last-child{padding-bottom:0}
.smm-account-identity{min-width:0}
.smm-account-identity>strong{font-size:14px;line-height:1.5}
.smm-account-row p{margin:5px 0;font-size:12px}
.smm-account-connection-state{display:inline-block;margin-left:5px;font-weight:650;color:#354b69}
.smm-account-row .smm-account-connection-reason{color:#92382c}
.smm-account-reconnect{display:grid;gap:6px;flex:0 0 190px;max-width:100%}
.smm-account-reconnect button{width:100%}
.smm-account-reconnect small{font-size:11px}
.smm-account-actions{display:flex;gap:10px;flex-wrap:wrap}
.smm-account-box small{font-size:12px;color:#64748b;line-height:1.55}
.smm-account-test-delivery{min-width:min(360px,100%);max-width:510px;flex:1;padding:15px;border:1px solid #dbe7f5;border-radius:12px;background:#f8fbff}
.smm-account-test-delivery h3{margin:0 0 7px;color:#273750;font-size:13px;line-height:1.5}
.smm-account-test-delivery p{margin:0 0 11px;line-height:1.55}
.smm-account-test-delivery code{overflow-wrap:anywhere;color:#294969;font:600 12px "Segoe UI",Tahoma,sans-serif}
.smm-account-test-result{padding:9px 11px;border-radius:8px;background:#f0f4fa;color:#52637c!important}
.smm-account-test-result.is-success{background:#e9f7f1;color:#17694f!important}
.smm-account-test-result.is-warning{background:#fff5df;color:#815310!important}
.smm-account-test-result.is-error{background:#fff1ef;color:#92382c!important}
.smm-account-test-warning{padding:11px 12px;border:1px solid #f0d59f;border-radius:9px;background:#fff8e8}
.smm-account-test-warning strong{color:#704a0f;font-size:13px}
.smm-account-test-warning p{margin:4px 0 0;color:#705a37}
.smm-account-test-preview{margin:10px 0;padding:11px 12px;border:1px solid #dfe7f1;border-radius:9px;background:#fff}
.smm-account-test-preview>span{color:#7b8799;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.smm-account-test-preview p{margin:5px 0 0;color:#35445c}
.smm-account-test-confirm{margin:5px 0 0}
.smm-account-test-hint{display:block;margin:-2px 0 8px;color:#815310!important}
.smm-account-security{margin-top:16px;max-width:650px}
.smm-account-security summary{min-height:44px;padding:11px 0;color:#53647d;font-size:12px;line-height:1.6;cursor:pointer}
.smm-account-security p{font-size:12px;color:#68738a;margin:2px 0 0}
@media(max-width:900px){.smm-account-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.smm-provider-checklist{grid-template-columns:minmax(0,1fr)}.smm-provider-guide-header,.smm-provider-blocker{align-items:stretch;flex-direction:column}.smm-provider-guide-header button,.smm-provider-blocker button{width:100%}}
@media(max-width:600px){.smm-account-box{padding:17px}.smm-account-onboarding{padding:0}.smm-provider-preparation{padding:21px 17px 17px}.smm-provider-guide-header h2{font-size:20px}.smm-account-onboarding>summary{padding:17px}.smm-account-steps{padding:3px 17px 17px}.smm-account-steps>li{gap:10px;grid-template-columns:24px minmax(0,1fr)}.smm-account-steps>li::before{width:24px;height:24px}.smm-account-platform-grid{grid-template-columns:minmax(0,1fr)}.smm-account-row{align-items:flex-start;flex-direction:column}.smm-account-reconnect,.smm-account-test-delivery{flex-basis:auto;width:100%;min-width:0}.smm-accounts-page .page-header{align-items:flex-start;flex-direction:column;gap:16px}.smm-account-actions>*{width:100%}.smm-account-mode{gap:5px}.smm-account-platform{padding:15px}.smm-account-platform-name{margin-bottom:9px}.smm-account-platform button{width:auto}.smm-account-box input:not([type=checkbox]){font-size:16px}}