.social-licenses { flex:1; min-width:0; width:100%; box-sizing:border-box; max-width:1200px; margin:0 auto; padding:2rem; color:var(--text-main); background:var(--bg-body); overflow-y:auto; }
.social-licenses h1 { color:var(--text-main); }
#socialLicenses { max-width:none; margin:0; align-self:stretch; }
#socialLicenses>header { align-items:center; gap:1rem; }
#socialLicenses>header h1 { margin:0; line-height:1.2; }
#socialLicenses .social-license-actions { justify-content:flex-start; }
#socialLicenses .sl-action-brands { --sl-action-bg:#1d4ed8; --sl-action-hover:#1e40af; }
#socialLicenses .sl-action-billing { --sl-action-bg:#7c3aed; --sl-action-hover:#6d28d9; }
#socialLicenses .sl-action-refresh { --sl-action-bg:#475569; --sl-action-hover:#334155; }
#socialLicenses .sl-action-features { --sl-action-bg:#0f766e; --sl-action-hover:#115e59; }
#socialLicenses .sl-action-purchase { --sl-action-bg:#047857; --sl-action-hover:#065f46; }
#socialLicenses .sl-action { background:transparent!important; border:1px solid var(--sl-action-bg)!important; color:var(--sl-action-bg)!important; appearance:none!important; box-shadow:none!important; border-radius:8px; justify-content:center; text-decoration:none; transition:background-color .15s ease,color .15s ease,border-color .15s ease; }
#socialLicenses .sl-action:hover:not(:disabled),#socialLicenses .sl-action:active:not(:disabled) { background:var(--sl-action-hover)!important; border-color:var(--sl-action-hover)!important; color:#fff!important; }
#socialLicenses .sl-action:focus-visible { outline:2px solid var(--sl-action-bg); outline-offset:3px; }
.sl-fx-form { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); align-items:end; gap:1rem; padding:1rem; margin:1rem 0 2rem; background:var(--bg-surface); border:1px solid var(--border-color); border-radius:8px; }
.sl-fx-form label { display:flex; flex-direction:column; gap:.45rem; font-size:.9rem; }
.sl-fx-form input { width:100%; box-sizing:border-box; padding:.7rem; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-body); color:var(--text-main); font:inherit; }
.sl-flat-price { padding:1rem; margin:1rem 0; border:1px solid var(--border-color); border-radius:8px; background:var(--primary-bg); color:var(--text-main); }
.sl-public-plans { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:1.5rem; }
.sl-public-plans .sl-subscription-card { padding:1.5rem; background:var(--bg-surface); }
.sl-public-plans .sl-public-amount { font-size:2.3rem; font-weight:800; color:var(--text-main); }
.sl-public-plans a { display:inline-flex; align-items:center; gap:.45rem; border-radius:8px; margin-top:1rem; appearance:none!important; }
.sl-public-plans input { display:block; max-width:100%; box-sizing:border-box; width:100px; padding:.65rem; font:inherit; border:1px solid var(--border-color); border-radius:8px; color:var(--text-main); background:var(--bg-body); }
.social-licenses header,.social-license-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; justify-content:space-between; }
.social-licenses p { color:var(--text-muted); line-height:1.6; }
.social-licenses [data-license-stats] { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:1rem; margin:1.5rem 0; }
.social-licenses [data-license-stats]>div { background:var(--bg-surface); border:1px solid var(--border-color); border-radius:8px; padding:1rem; }
.social-licenses [data-license-stats] span { display:block; color:var(--text-muted); }
.social-licenses [data-license-stats] strong { display:block; font-size:1.8rem; margin-top:.5rem; }
.social-license-table { overflow-x:auto; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-surface); }
.social-license-table table { width:100%; border-collapse:collapse; text-align:left; }
.social-license-table td,.social-license-table th { padding:.85rem; border-bottom:1px solid var(--border-color); vertical-align:middle; color:var(--text-main); background:var(--bg-surface); }
.social-license-table th { color:var(--text-muted); background:var(--bg-subtle); }
.sl-row-actions { white-space:nowrap; cursor:pointer; --sl-action-bg:#0f766e; --sl-action-hover:#115e59; }
.sl-row-menu { position:fixed; z-index:1080; box-sizing:border-box; width:250px; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); overflow-y:auto; padding:.4rem; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-surface); color:var(--text-main); }
.sl-row-menu [role="menuitem"] { appearance:none!important; display:inline-flex; align-items:center; gap:.45rem; box-sizing:border-box; width:100%; padding:.7rem .8rem; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--text-main); font:inherit; font-size:.88rem; line-height:1.4; text-align:left; text-decoration:none; box-shadow:none!important; cursor:pointer; }
.sl-row-menu [role="menuitem"]:hover:not(:disabled),.sl-row-menu [role="menuitem"]:focus-visible { background:var(--primary-bg); border-color:var(--primary-accent); outline:none; }
.sl-row-menu [role="menuitem"]:disabled { color:var(--text-muted); cursor:default; }
.social-licenses button,.social-licenses .pub-btn-outline { appearance:none!important; display:inline-flex; align-items:center; gap:.45rem; border-radius:8px; box-shadow:none; padding:.6rem .85rem; border:1px solid var(--border-color); font:inherit; text-decoration:none; transition:background-color .15s ease,color .15s ease; }
.social-licenses button:disabled { opacity:.6; cursor:not-allowed; }
.social-licenses .pub-btn-indigo { background:var(--primary-accent); border-color:var(--primary-accent); color:white; }
.social-licenses .pub-btn-outline { background:transparent; color:var(--text-main); }
.social-license-purchase-form,.social-license-purchase-summary { text-align:left; color:var(--text-main); font-size:.9rem; line-height:1.5; }
.sl-subscription-card { padding:1rem; margin:0 0 1rem; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-subtle); text-align:left; overflow-wrap:anywhere; }
.sl-subscription-card h2,.sl-subscription-card h3 { margin:0 0 .5rem; font-size:1rem; color:var(--text-main); }
.sl-subscription-card p { margin:.4rem 0 0; color:var(--text-muted); font-size:.85rem; line-height:1.5; }
.swal2-popup.sl-purchase-modal { max-width:calc(100vw - 2rem); padding:0!important; border:1px solid var(--border-color); background:var(--bg-surface); }
.swal2-popup.sl-purchase-modal .swal2-title { padding:1.25rem 3.5rem 1.1rem 1.5rem!important; font-size:1.3rem; line-height:1.3; border-bottom:1px solid var(--border-color); color:var(--text-main); }
.swal2-popup.sl-purchase-modal .swal2-close { top:.8rem!important; right:1rem!important; }
.swal2-popup.sl-purchase-modal .sl-purchase-body { margin:0!important; padding:1.25rem 1.5rem!important; max-height:calc(100dvh - 14rem); overflow:auto; text-align:left; }
.swal2-popup.sl-purchase-modal .sl-purchase-actions { width:100%; box-sizing:border-box; margin:0!important; padding:1rem 1.5rem; border-top:1px solid var(--border-color); background:var(--bg-subtle); flex-direction:row-reverse; justify-content:flex-start!important; border-radius:0 0 16px 16px; }
.sl-purchase-modal .sl-purchase-actions button { appearance:none!important; display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-height:42px; padding:.65rem 1rem; margin:0; border-radius:8px!important; border:1px solid var(--border-color); box-shadow:none!important; cursor:pointer; }
.sl-purchase-modal .sl-purchase-cancel { background:var(--bg-surface)!important; color:var(--text-main)!important; border-color:var(--border-color)!important; }
.sl-purchase-steps { display:flex; flex-wrap:wrap; gap:.65rem 1rem; margin:0 0 1.2rem; }
.sl-purchase-step { display:inline-flex; align-items:center; gap:.45rem; color:var(--text-muted); font-size:.73rem; }
.sl-step-number { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border:1px solid var(--border-color); border-radius:50%; font-weight:700; }
.sl-purchase-step.is-current { color:var(--primary-accent); font-weight:600; }
.sl-purchase-step.is-current .sl-step-number { border-color:var(--primary-accent); background:var(--primary-bg); }
.sl-quantity-card { display:grid; grid-template-columns:minmax(0,1fr) 100px; align-items:center; gap:.35rem 1rem; padding:1rem; margin-bottom:1.25rem; background:var(--bg-subtle); border:1px solid var(--border-color); border-radius:10px; }
.sl-quantity-card>label { grid-column:1; margin:0; color:var(--text-main); }
.sl-quantity-card>p { grid-column:1; grid-row:2; margin:0; color:var(--text-muted); font-size:.78rem; }
body .swal2-popup.sl-purchase-modal .sl-quantity-card>input[type="number"] { grid-column:2; grid-row:1 / 3; box-sizing:border-box; width:100%; height:56px; padding:.5rem .65rem!important; background:var(--bg-surface)!important; color:var(--text-main)!important; border:1px solid var(--border-color)!important; border-radius:8px; font-size:1.5rem!important; font-weight:600; text-align:center; box-shadow:none!important; }
.social-license-purchase-form fieldset { padding:0; margin:0; border:0; min-width:0; max-height:250px; overflow:auto; overscroll-behavior:contain; }
.social-license-purchase-form legend,.sl-summary-targets h3 { padding:0; margin:0 0 .65rem; color:var(--text-muted); font-size:.76rem; font-weight:600; }
.social-license-purchase-form label.sl-account-option { display:flex; align-items:center; gap:.75rem; padding:.8rem; margin:.5rem 0; border:1px solid var(--border-color); border-radius:8px; cursor:pointer; transition:background-color .15s,border-color .15s; }
.sl-account-option:hover { background:var(--bg-subtle); }
.sl-account-option:has(input:checked) { background:var(--primary-bg); border-color:var(--primary-accent)!important; }
.sl-account-option input[type="checkbox"] { flex:0 0 18px; width:18px; height:18px; margin:0; accent-color:var(--primary-accent); }
.sl-account-details { min-width:0; display:flex; flex-direction:column; gap:.2rem; overflow-wrap:anywhere; }
.sl-account-details strong { color:var(--text-main); font-size:.88rem; font-weight:600; }
.sl-account-details>span { color:var(--text-muted); font-size:.79rem; }
.sl-license-overview { display:flex; align-items:center; gap:1rem; padding:0 0 1.1rem; }
.sl-license-count { display:inline-flex; align-items:center; justify-content:center; min-width:64px; height:64px; padding:0 .5rem; border-radius:12px; background:var(--primary-bg); color:var(--primary-accent); font-size:2rem; line-height:1; font-weight:700; }
.sl-license-overview>div { display:flex; flex-direction:column; gap:.3rem; }
.sl-license-overview>div>strong { font-size:.88rem; font-weight:600; }
.sl-license-overview>div>span { color:var(--text-muted); font-size:.79rem; }
.sl-price-card { padding:.95rem 1rem; border:1px solid var(--border-color); border-radius:10px; background:var(--bg-subtle); }
.sl-price-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; font-size:.8rem; color:var(--text-muted); }
.sl-price-row>strong { color:var(--text-main); white-space:nowrap; font-size:.9rem; font-weight:600; }
.sl-price-total { padding-top:.85rem; margin-top:.85rem; border-top:1px solid var(--border-color); color:var(--text-main); font-size:.86rem; }
.sl-price-total>strong { font-size:1.4rem; letter-spacing:-.03em; }
.sl-price-pending { display:inline-block; padding:.3rem .6rem; border-radius:6px; color:var(--text-muted); background:var(--bg-surface); font-size:.76rem; font-weight:500; border:1px solid var(--border-color); }
.sl-summary-targets { margin:1.25rem 0 0; }
.sl-summary-targets>.sl-account-details { padding:.75rem 0; border-top:1px solid var(--border-color); }
.sl-summary-targets>p { margin:0; font-size:.84rem; color:var(--text-muted); }
.social-license-purchase-summary p.sl-purchase-help { margin:1.1rem 0 0; padding:.85rem 1rem; border-left:3px solid var(--primary-accent); border-radius:0 8px 8px 0; background:var(--bg-subtle); color:var(--text-muted); font-size:.77rem; line-height:1.6; }
.social-license-payment-card { padding:1.2rem; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-surface); }
.social-licenses [hidden] { display:none!important; }
.sl-features { color:var(--text-main); text-align:left; font-size:.9rem; line-height:1.5; }
.sl-features p { color:var(--text-muted); }
.sl-features-intro { margin:0 0 1rem; }
.sl-features-tabs { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1.2rem; }
.sl-features-tabs button,.sl-features-trigger { appearance:none!important; display:inline-flex; align-items:center; gap:.45rem; border:1px solid var(--border-color); border-radius:8px; padding:.55rem .75rem; background:var(--bg-surface); color:var(--text-main); font:inherit; box-shadow:none!important; cursor:pointer; }
.sl-features-tabs button[aria-selected="true"] { background:var(--primary-bg); color:var(--primary-accent); border-color:var(--primary-accent); }
.sl-features-tabs button:focus-visible,.sl-features-trigger:focus-visible { outline:2px solid var(--primary-accent); outline-offset:3px; }
.sl-features-panel[hidden] { display:none!important; }
.sl-features-panel h2 { font-size:1rem; margin:0 0 .4rem; color:var(--text-main); }
.sl-features-panel h3 { font-size:.87rem; color:var(--text-main); margin:1rem 0 .5rem; }
.sl-features-note { margin:.35rem 0 1rem; font-size:.8rem; }
.sl-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.sl-feature-card { padding:1rem; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-subtle); }
.sl-feature-number { display:inline-flex; align-items:center; justify-content:center; border-radius:8px; background:var(--primary-bg); color:var(--primary-accent); font-weight:700; font-size:.72rem; width:30px; height:30px; }
.sl-feature-card h3 { margin:.6rem 0 .3rem; }
.sl-feature-card p { margin:0; font-size:.8rem; }
.sl-feature-networks { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.75rem; }
.sl-feature-networks span { display:inline-flex; align-items:center; min-height:30px; box-sizing:border-box; padding:.3rem .65rem; font-size:.75rem; font-weight:650; letter-spacing:.005em; border:1px solid transparent; border-radius:8px; color:#fff; }
.sl-feature-networks [data-network="instagram"] { background:linear-gradient(115deg,#7c2ae8 0%,#d62976 48%,#fa7e1e 100%); }
.sl-feature-networks [data-network="facebook"] { background:#1877f2; }
.sl-feature-networks [data-network="tiktok"] { background:#111; border-color:#353535; }
.sl-feature-networks [data-network="youtube"] { background:#e62117; }
.sl-feature-networks [data-network="linkedin"] { background:#0a66c2; }
.sl-feature-networks [data-network="threads"] { background:#161616; border-color:#383838; }
.sl-feature-networks [data-network="pinterest"] { background:#bd081c; }
.sl-feature-networks [data-network="reddit"] { background:#d93900; }
.sl-feature-networks [data-network="bluesky"] { background:#0669d5; }
.sl-feature-networks [data-network="google-business"] { background:#1a73e8; }
.sl-feature-networks [data-network="x"] { background:#000; border-color:#383838; }
.sl-features .sl-features-price { padding:.8rem; border:1px solid var(--border-color); border-radius:8px; color:var(--text-main); background:var(--primary-bg); font-size:.8rem; }
.sl-features-x-rates { margin:1rem 0; overflow-x:auto; }
.sl-features-x-rates h3 { margin-bottom:.5rem; }
.sl-features-x-rates table { width:100%; border-collapse:collapse; font-size:.78rem; }
.sl-features-x-rates caption { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.sl-features-x-rates th,.sl-features-x-rates td { padding:.55rem .6rem; border:1px solid var(--border-color); text-align:left; }
.sl-features-x-rates thead th { background:var(--primary-bg); color:var(--text-main); }
.sl-features-x-rates tbody th { font-weight:550; }
.sl-features-x-rates td { white-space:nowrap; color:var(--text-main); }
.sl-features-footnote { margin:1rem 0 0; padding-top:.8rem; border-top:1px solid var(--border-color); font-size:.76rem; }
.swal2-popup.sl-features-modal .sl-purchase-actions button { width:auto!important; min-width:0; max-width:100%; flex:0 1 auto; white-space:normal; line-height:1.4; transition:none!important; }
.social-license-purchase-form>.sl-features-trigger,.social-license-purchase-review>.sl-features-trigger { margin:0 0 1rem; font-size:.8rem; }
@media(max-width:480px) { .sl-feature-grid { grid-template-columns:1fr; } .sl-features-tabs button { flex:1; justify-content:center; padding:.55rem .4rem; font-size:.75rem; } }
@media(max-width:700px) { .social-licenses { padding:1rem; } }
@media(max-width:480px) {
  .swal2-popup.sl-purchase-modal { max-width:calc(100vw - 1rem); }
  .swal2-popup.sl-purchase-modal .swal2-title { padding:1rem 3rem .9rem 1rem!important; font-size:1.15rem; }
  .swal2-popup.sl-purchase-modal .sl-purchase-body { padding:1rem!important; }
  .swal2-popup.sl-purchase-modal .sl-purchase-actions { padding:.85rem 1rem; }
  .sl-purchase-modal .sl-purchase-actions button { flex:1; min-width:0; font-size:.8rem!important; }
  .sl-quantity-card { grid-template-columns:minmax(0,1fr) 80px; padding:.85rem; }
  .sl-price-row { gap:.6rem; }
}
