.solapi-settings{--sp-ink:#284b54;--sp-muted:#70868c;--sp-line:#dce8e3;color:var(--sp-ink);min-width:0;margin-bottom:34px}.solapi-settings *{box-sizing:border-box}.solapi-settings [hidden]{display:none!important}.sp-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.sp-kicker{font-size:10px;letter-spacing:1.2px;color:#6b9385;display:block;margin-bottom:6px}.sp-heading h2{font-size:22px;letter-spacing:-.7px;line-height:1.5;margin:0 0 7px}.sp-heading p{font-size:12px;line-height:1.8;color:var(--sp-muted);margin:0}.sp-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:20px;padding:6px 10px;background:#eef3f0;color:#7b8b85;font-size:10px;line-height:1.4;white-space:nowrap}.sp-badge.good{background:#e7f4eb;color:#397d5f}.sp-badge.attention{background:#fff6e6;color:#92723f}.sp-delivery-note{font-size:12px;line-height:1.9;padding:13px 16px;background:#fffaf0;border:1px solid #eadebf;border-radius:9px;color:#866d3e;margin:0 0 19px}.sp-feedback-wrap:has(>[hidden]):not(:has(>:not([hidden]))){display:none}.sp-error,.sp-feedback{padding:12px 15px;border-radius:8px;font-size:12px;line-height:1.8;margin:0 0 16px;overflow-wrap:anywhere}.sp-error{background:#fff4ef;border:1px solid #edd2c4;color:#9a5e46}.sp-feedback{background:#eff8f0;border:1px solid #d8e8da;color:#41795f}.sp-step{border:1px solid var(--sp-line);background:#fff;border-radius:12px;margin-bottom:20px;overflow:hidden}.sp-step-heading,.sp-step>summary{display:flex;align-items:center;gap:13px;padding:18px 21px;background:#fafdfb;border-bottom:1px solid #e5ede7}.sp-step>summary{cursor:pointer;list-style:none}.sp-step>summary::-webkit-details-marker{display:none}.sp-step>summary>span:nth-child(2){flex:1}.sp-step>summary strong,.sp-step h3{font-size:15px;line-height:1.6;font-weight:600;margin:0}.sp-step>summary small,.sp-step-heading p{font-size:11px;line-height:1.8;color:var(--sp-muted);display:block;margin:3px 0 0}.sp-step-heading>div{flex:1}.sp-step-number{display:flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#e8f3ed;color:#458267;font-size:12px;font-weight:600}.sp-step-body{padding:21px}.sp-credentials:not([open])>summary{border-bottom:0}.sp-external-links,.sp-button-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sp-external-links{margin-bottom:20px}.solapi-settings .btn{min-height:39px;white-space:normal;font-size:12px;line-height:1.5}.solapi-settings .btn.small{font-size:11px;min-height:35px}.solapi-settings .btn:disabled{opacity:.48;cursor:not-allowed}.sp-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.solapi-settings .field{min-width:0}.solapi-settings input,.solapi-settings select{width:100%;min-width:0;min-height:42px;border:1px solid #dce6df;border-radius:7px;padding:10px 11px;background:#fbfdfb;color:#456c5f;font:inherit;font-size:13px}.solapi-settings input:disabled,.solapi-settings select:disabled{background:#f4f6f4;color:#9aa69f}.solapi-settings input:focus,.solapi-settings select:focus{outline:2px solid #c1ddd0;outline-offset:1px;border-color:#79a994}.solapi-settings .field-label{font-size:12px}.sp-help{font-size:11px;line-height:1.9;color:#7c9388;margin:9px 0 13px}.sp-action-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.sp-action-row>.sp-help{margin:0}.sp-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0 18px}.sp-company{border:1px solid #dfe8e3;background:#fff;border-radius:10px;overflow:hidden}.sp-company.selected{border:1.5px solid #74a68d;background:#f6fcf7;box-shadow:0 0 0 2px #eff6ee}.sp-company>button{display:flex;align-items:center;gap:11px;width:100%;padding:15px 15px 9px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}.sp-company>button>span:nth-child(2){flex:1;min-width:0}.sp-company strong{display:block;font-size:14px;line-height:1.6;font-weight:600}.sp-company small{font-size:10px;line-height:1.8;color:#799084;display:block;overflow-wrap:anywhere}.sp-company-icon{display:flex;align-items:center;justify-content:center;flex:0 0 33px;width:33px;height:35px;border-radius:9px;background:#eaf2eb;color:#76a085;font-size:15px}.sp-company-check{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#eef3ee;color:#478461;font-size:12px}.sp-company.selected .sp-company-check{background:#dbeedc}.sp-company>a{display:block;color:#71917e;font-size:10px;padding:0 15px 13px 59px;text-decoration:none;line-height:1.8}.sp-inline-note{padding:11px 13px;font-size:11px;line-height:1.8;background:#f6f9f5;border:1px solid #e4eade;border-radius:7px;color:#7b8c72;margin:16px 0}.sp-channel-help{border-top:1px solid #e6ede6;margin-top:23px;padding-top:16px}.sp-channel-help>summary,.sp-draft>summary{cursor:pointer;font-size:12px;line-height:1.7;color:#62866f}.sp-channel-help>form{margin-top:17px}.sp-token-form{border-top:1px dashed #dfe8df;padding-top:18px}.sp-template-tools{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.sp-template-tools>.field{flex:1;max-width:310px;margin-bottom:0}.sp-template-tools .sp-button-group{margin-bottom:2px;justify-content:flex-end}.sp-template-list{display:grid;gap:15px}.sp-template{border:1px solid #dde7dd;background:#fff;border-radius:10px;padding:18px}.sp-template>header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:13px}.sp-template h4{font-size:14px;font-weight:600;line-height:1.7;margin:0}.sp-template>header p{font-size:11px;line-height:1.8;color:#7d9385;margin:4px 0 0}.sp-template>.field{margin-top:14px}.sp-draft{background:#f7faf5;border:1px solid #e4ecdf;border-radius:7px;padding:12px 13px}.sp-message-preview{margin-top:14px;border:1px solid #e6e2ce;border-radius:7px;background:#fffdf3;padding:15px;color:#5d6758}.sp-message-preview>strong{font-size:12px;line-height:1.8;font-weight:600}.sp-message-preview>p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.sp-preview-buttons{display:flex;flex-direction:column;gap:6px;margin-top:12px}.sp-preview-buttons>span{font-size:11px;border:1px solid #e6e6d4;border-radius:5px;background:#fff;padding:9px;text-align:center;color:#7b826c}.sp-template-state{font-size:11px;line-height:1.8;color:#9a845d;margin:7px 0 12px}.sp-template-state.good{color:#478566}.sp-template-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sp-register-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e8eee4;margin-top:15px;padding-top:10px}.sp-register-row>.sp-help{margin:0}.sp-register-row>.btn{flex-shrink:0}.sp-step-body>.sp-help:last-child{margin-bottom:0}
@media(max-width:650px){.sp-heading{gap:12px}.sp-heading h2{font-size:20px}.sp-heading>.sp-badge{font-size:9px;padding:6px 8px}.sp-heading p{font-size:12px}.sp-delivery-note{padding:12px 13px}.sp-step-heading,.sp-step>summary{padding:16px 14px;gap:10px}.sp-step-number{flex-basis:26px;width:26px;height:26px}.sp-step>summary strong,.sp-step h3{font-size:14px}.sp-step>summary small,.sp-step-heading p{font-size:11px}.sp-step-body{padding:16px 14px}.sp-two-columns{grid-template-columns:1fr;gap:0}.solapi-settings input,.solapi-settings select{font-size:16px;min-height:44px}.solapi-settings .btn,.solapi-settings .btn.small{min-height:41px;font-size:12px}.sp-external-links{gap:6px}.sp-action-row{flex-wrap:wrap;align-items:stretch}.sp-action-row>button,.sp-action-row>.sp-button-group{margin-left:auto}.sp-company-grid{gap:9px}.sp-company>button{gap:8px;padding:13px 10px 8px}.sp-company-icon{flex-basis:27px;width:27px;height:30px;font-size:13px}.sp-company strong{font-size:13px}.sp-company small{font-size:10px}.sp-company-check{width:15px;height:15px;font-size:10px;flex-shrink:0}.sp-company>a{padding-left:12px;font-size:10px}.sp-template-tools{flex-direction:column;align-items:stretch;gap:12px}.sp-template-tools>.field{max-width:none}.sp-template-tools .sp-button-group{justify-content:flex-start}.sp-template{padding:15px 12px}.sp-template>header{gap:10px}.sp-template h4{font-size:13px}.sp-template>header>.sp-badge{font-size:9px;padding:5px 7px}.sp-register-row{flex-direction:column;align-items:flex-start;gap:6px}.sp-register-row>.btn{width:100%}.sp-template-actions>.btn{flex:1}.sp-message-preview{padding:12px}.sp-channel-help .btn{width:100%}}

.sp-delivery-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:19px 0 11px}.sp-delivery-counts>div{padding:13px 7px;background:#f7faf6;border:1px solid #e4ebe0;border-radius:8px;text-align:center}.sp-delivery-counts strong{display:block;font-size:22px;line-height:1.5;font-weight:500;color:#477b60}.sp-delivery-counts span{display:block;font-size:10px;line-height:1.8;color:#81917b}.sp-blocked-list{list-style:none;padding:0;margin:15px 0;border:1px solid #ebe3d0;border-radius:8px;overflow:hidden}.sp-blocked-list li{display:flex;justify-content:space-between;gap:15px;padding:10px 13px;font-size:11px;line-height:1.7;color:#8d7d5e;background:#fffcf4;border-bottom:1px solid #eee7d7}.sp-blocked-list li:last-child{border:0}.sp-blocked-list strong{font-weight:500;white-space:nowrap}@media(max-width:650px){.sp-delivery-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-delivery>.sp-step-heading{flex-wrap:wrap}.sp-delivery>.sp-step-heading>.sp-badge{margin-left:auto}.sp-delivery .sp-action-row{align-items:stretch;flex-direction:column}.sp-delivery .sp-action-row>.btn{margin:0;width:100%}}