/* إدارة سند: المزوّدون، أماكن العمل، نوافذ المنصات، الاستهلاك — وصفحة «منصات سند» */
.sh-root,.sh-dialog{--sh-ink:#1f2a37;--sh-muted:#667085;--sh-line:#e4e7ec;--sh-soft:#f8fafc;--sh-card:#fff;--sh-accent:#047857;--sh-accent-2:#059669;--sh-accent-soft:#ecfdf5;--sh-red:#b42318;--sh-red-soft:#fef3f2;--sh-amber:#b54708;--sh-amber-soft:#fffaeb;--sh-blue:#1d4ed8;--sh-blue-soft:#eff6ff;--sh-violet:#6d28d9;--sh-violet-soft:#f5f3ff;color:var(--sh-ink);line-height:1.6;font-family:inherit}
.sh-root *,.sh-dialog *{box-sizing:border-box}
.sh-root h1,.sh-root h2,.sh-root h3,.sh-root h4,.sh-root p,.sh-dialog h2,.sh-dialog p{margin:0}
.sh-root button,.sh-root input,.sh-root select,.sh-root textarea,.sh-dialog button,.sh-dialog input,.sh-dialog select,.sh-dialog textarea{font:inherit;color:inherit}
.sh-root input,.sh-root select,.sh-root textarea,.sh-dialog input,.sh-dialog select,.sh-dialog textarea{border:1px solid var(--sh-line);background:#fff;border-radius:10px;padding:8px 11px;font-size:13.5px;min-height:40px;width:100%}
.sh-root input[type=checkbox],.sh-dialog input[type=checkbox]{width:auto;min-height:0;accent-color:var(--sh-accent)}
.sh-root input:focus,.sh-root select:focus,.sh-root textarea:focus,.sh-dialog input:focus,.sh-dialog select:focus,.sh-dialog textarea:focus{outline:2px solid #6ee7b7;outline-offset:1px;border-color:var(--sh-accent-2)}
.sh-root button:focus-visible,.sh-root a:focus-visible,.sh-dialog button:focus-visible,.sh-dialog a:focus-visible{outline:3px solid #6ee7b7;outline-offset:2px}
.sh-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:12.5px!important}
.sh-stack{display:flex;flex-direction:column;gap:16px}
.sh-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.sh-section-head h2{font-size:18px;font-weight:800}
.sh-section-head p{font-size:13px;color:var(--sh-muted);max-width:720px;margin-top:2px}
.sh-card{background:var(--sh-card);border:1px solid var(--sh-line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.sh-card h3{font-size:15px;font-weight:700}
.sh-card.off{background:var(--sh-soft)}
.sh-card.off h4{color:var(--sh-muted)}
.sh-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sh-card-head p{font-size:12.5px;color:var(--sh-muted);margin-top:2px}
.sh-default{border-color:#a7f3d0;background:linear-gradient(180deg,#f0fdf4,#fff 60%)}
.sh-accent{color:var(--sh-accent);flex-shrink:0}
.sh-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.sh-cards.two{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}
.sh-row{display:flex;align-items:center;gap:8px}
.sh-row.wrap{flex-wrap:wrap}
.sh-row.between{justify-content:space-between}
.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--sh-line);background:#fff;border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;color:var(--sh-ink);min-height:40px;white-space:nowrap;transition:background .15s,border-color .15s}
.sh-btn:hover{background:var(--sh-soft);border-color:#cbd5e1}
.sh-btn.primary{background:var(--sh-accent);border-color:var(--sh-accent);color:#fff}
.sh-btn.primary:hover{background:#065f46}
.sh-btn.danger{color:var(--sh-red)}
.sh-btn.danger:hover{background:var(--sh-red-soft);border-color:#fecdca}
.sh-btn.ghost{background:transparent}
.sh-btn.light{background:#ffffff26;border-color:#ffffff4d;color:#fff}
.sh-btn.light:hover{background:#ffffff40}
.sh-btn.small{padding:5px 10px;font-size:12.5px;min-height:34px;border-radius:9px}
.sh-btn:disabled{opacity:.55;cursor:not-allowed}
.sh-icon-btn{border:0;background:transparent;border-radius:9px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sh-muted);flex-shrink:0}
.sh-icon-btn:hover{background:var(--sh-soft);color:var(--sh-ink)}
.sh-link-btn{border:0;background:none;color:var(--sh-accent);font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:4px 0;text-decoration:none;align-self:flex-start}
.sh-link-btn:hover{text-decoration:underline}
.sh-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600;background:#f2f4f7;color:#475467;white-space:nowrap}
.sh-badge.green{background:var(--sh-accent-soft);color:var(--sh-accent)}
.sh-badge.red{background:var(--sh-red-soft);color:var(--sh-red)}
.sh-badge.blue{background:var(--sh-blue-soft);color:var(--sh-blue)}
.sh-badge.amber{background:var(--sh-amber-soft);color:var(--sh-amber)}
.sh-badge.violet{background:var(--sh-violet-soft);color:var(--sh-violet)}
.sh-chips{display:flex;flex-wrap:wrap;gap:6px}
.sh-hint{font-size:12px;color:var(--sh-muted)}
.sh-muted{font-size:13px;color:var(--sh-muted)}
.sh-note{font-size:12.5px;color:#475467;background:var(--sh-soft);border:1px dashed var(--sh-line);border-radius:12px;padding:10px 12px}
.sh-note a{color:var(--sh-accent);font-weight:600}
.sh-error{font-size:13px;color:var(--sh-red);background:var(--sh-red-soft);border-radius:10px;padding:8px 12px}
.sh-error.small{font-size:12px;padding:6px 10px;word-break:break-word}
.sh-err-detail{display:block;color:var(--sh-red);font-size:11px;max-width:260px;word-break:break-word}
.sh-loading{padding:40px;text-align:center;color:var(--sh-muted);font-size:14px}
.sh-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:36px 16px;border:1px dashed var(--sh-line);border-radius:16px;background:#fff}
.sh-empty strong{font-size:15px}
.sh-empty p{font-size:13px;color:var(--sh-muted);max-width:420px}
.sh-empty-icon{width:52px;height:52px;border-radius:16px;background:var(--sh-accent-soft);color:var(--sh-accent);display:flex;align-items:center;justify-content:center}
.sh-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sh-form-grid.four{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.sh-form-grid>.wide,.sh-form-grid>.sh-note.wide,.sh-form-grid>.sh-fields.wide{grid-column:1/-1}
.sh-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.sh-field.wide{grid-column:1/-1}
.sh-label{font-size:12.5px;font-weight:600;color:#344054}
.sh-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.sh-switch{display:inline-flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;padding:4px 0;min-height:32px}
.sh-switch span{width:38px;height:22px;border-radius:999px;background:#d0d5dd;position:relative;transition:background .15s;flex-shrink:0}
.sh-switch span::after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:right .15s}
.sh-switch.on span{background:var(--sh-accent-2)}
.sh-switch.on span::after{right:19px}
.sh-switch em{font-style:normal;font-size:12.5px;color:var(--sh-muted);font-weight:600}
.sh-kind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.sh-kind-grid.three{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.sh-kind{display:flex;align-items:center;gap:10px;border:2px solid var(--sh-line);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:start;font-size:13px;font-weight:600}
.sh-kind small{display:block;font-weight:400;color:var(--sh-muted);font-size:11.5px;line-height:1.5}
.sh-kind strong{display:block}
.sh-kind.on{border-color:var(--sh-accent-2);background:var(--sh-accent-soft)}
.sh-kind-mark{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;background:#f2f4f7;color:#344054}
.sh-kind-mark.blue{background:var(--sh-blue-soft);color:var(--sh-blue)}
.sh-kind-mark.green{background:var(--sh-accent-soft);color:var(--sh-accent)}
.sh-kind-mark.amber{background:var(--sh-amber-soft);color:var(--sh-amber)}
.sh-kind-mark.violet{background:var(--sh-violet-soft);color:var(--sh-violet)}
.sh-provider-head,.sh-place-head{display:flex;align-items:center;gap:10px}
.sh-place-head{align-items:flex-start;justify-content:space-between}
.sh-place-head h4,.sh-provider-title h4{font-size:15px;font-weight:700}
.sh-place-head small,.sh-provider-title small{display:block;font-size:12px;color:var(--sh-muted)}
.sh-provider-title{flex:1;min-width:0}
.sh-provider-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.sh-stats div{background:var(--sh-soft);border-radius:10px;padding:8px 10px;min-width:0}
.sh-stats dt{font-size:11px;color:var(--sh-muted)}
.sh-stats dd{margin:0;font-size:15px;font-weight:700}
.sh-budget{display:flex;flex-direction:column;gap:4px}
.sh-budget small{font-size:11.5px;color:var(--sh-muted)}
.sh-budget-bar{height:7px;background:#eef2f6;border-radius:999px;overflow:hidden}
.sh-budget-bar span{display:block;height:100%;background:var(--sh-accent-2);border-radius:999px}
.sh-budget-bar span.warm{background:#f79009}
.sh-budget-bar span.hot{background:#d92d20}
.sh-balance{font-size:13px;font-weight:700;color:var(--sh-accent);background:var(--sh-accent-soft);border-radius:10px;padding:6px 10px}
.sh-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sh-summary button{display:flex;align-items:flex-start;gap:10px;text-align:start;background:#fff;border:1px solid var(--sh-line);border-radius:16px;padding:14px;cursor:pointer;min-width:0;transition:border-color .15s,box-shadow .15s}
.sh-summary button:hover{border-color:#6ee7b7;box-shadow:0 2px 10px #0596690f}
.sh-summary small{display:block;font-size:12px;color:var(--sh-muted)}
.sh-summary strong{display:block;font-size:20px;font-weight:800;line-height:1.3}
.sh-summary em{display:block;font-style:normal;font-size:11.5px;color:var(--sh-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.sh-summary span:last-child{min-width:0}
.sh-summary-icon{width:36px;height:36px;border-radius:11px;background:var(--sh-accent-soft);color:var(--sh-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sh-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sh-kpis div{background:#fff;border:1px solid var(--sh-line);border-radius:14px;padding:12px 14px;min-width:0}
.sh-kpis span{display:block;font-size:12px;color:var(--sh-muted)}
.sh-kpis strong{display:block;font-size:20px;font-weight:800}
.sh-kpis strong.bad{color:var(--sh-red)}
.sh-bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:6px;direction:ltr}
.sh-bar{flex:1;height:100%;display:flex;align-items:flex-end}
.sh-bar span{display:block;width:100%;background:linear-gradient(180deg,#34d399,#059669);border-radius:4px 4px 1px 1px;min-height:2px}
.sh-bars-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--sh-muted);direction:ltr}
.sh-table-wrap{overflow-x:auto}
.sh-table{width:100%;border-collapse:collapse;font-size:13px}
.sh-table th{text-align:start;font-size:11.5px;color:var(--sh-muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--sh-line);white-space:nowrap}
.sh-table td{padding:8px;border-bottom:1px solid #f2f4f7;vertical-align:top}
.sh-table td small{color:var(--sh-muted);font-size:11px}
.sh-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sh-rank li{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 10px;background:var(--sh-soft);border-radius:9px}
.sh-rank b{font-weight:700}
.sh-fields{display:flex;flex-direction:column;gap:8px;border:1px solid var(--sh-line);border-radius:12px;padding:12px;background:var(--sh-soft)}
.sh-field-row{display:grid;grid-template-columns:110px minmax(0,1fr) 130px auto auto;gap:6px;align-items:center}
.sh-field-row:has(input[aria-label="الخيارات"]){grid-template-columns:110px minmax(0,1fr) 130px minmax(0,1fr) auto auto}
.sh-colors{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:40px}
.sh-color{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--sh-line);cursor:pointer;padding:0}
.sh-color.on{box-shadow:0 0 0 2px var(--sh-ink)}
.sh-roles{display:flex;flex-wrap:wrap;gap:12px;min-height:40px;align-items:center}
.c-emerald{--c1:#047857;--c2:#ecfdf5}.c-teal{--c1:#0f766e;--c2:#f0fdfa}.c-sky{--c1:#0369a1;--c2:#f0f9ff}.c-indigo{--c1:#4338ca;--c2:#eef2ff}.c-violet{--c1:#6d28d9;--c2:#f5f3ff}.c-rose{--c1:#be123c;--c2:#fff1f2}.c-amber{--c1:#b45309;--c2:#fffbeb}.c-slate{--c1:#334155;--c2:#f1f5f9}
.sh-color{background:var(--c1)}
.sh-platform-icon{width:44px;height:44px;border-radius:13px;background:var(--c2,#ecfdf5);color:var(--c1,#047857);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sh-emoji{font-size:22px;line-height:1}
/* صفحة منصات سند */
.sh-page{max-width:1200px;margin:0 auto;padding:24px 16px 40px}
.sh-hero{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,#064e3b,#047857 55%,#10b981);color:#fff;border-radius:20px;padding:22px 24px;margin-bottom:18px}
.sh-hero>div{flex:1;min-width:220px}
.sh-hero h1{font-size:24px;font-weight:800}
.sh-hero p{color:#d1fae5;font-size:13.5px;margin-top:2px}
.sh-hero-icon{width:56px;height:56px;border-radius:16px;background:#ffffff22;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sh-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.sh-platform-grid.compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.sh-platform-card{display:flex;align-items:center;gap:12px;text-align:start;background:#fff;border:1px solid var(--sh-line);border-radius:16px;padding:14px;cursor:pointer;min-height:84px;transition:border-color .15s,box-shadow .15s,transform .15s;color:var(--sh-ink)}
.sh-platform-card:hover{border-color:var(--c1,#059669);box-shadow:0 4px 16px #0f172a12;transform:translateY(-1px)}
.sh-platform-text{flex:1;min-width:0}
.sh-platform-text strong{display:block;font-size:15px}
.sh-platform-text small{font-size:12.5px;color:var(--sh-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sh-platform-text .sh-badge{margin-top:6px}
.sh-block{display:block}
/* النوافذ */
.sh-dialog{border:0;padding:0;background:transparent;max-width:min(680px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 24px);margin:auto}
.sh-dialog.wide{max-width:min(880px,calc(100vw - 24px))}
.sh-dialog::backdrop{background:#0f172a73}
.sh-dialog-panel{background:#fff;border-radius:18px;display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:hidden;box-shadow:0 20px 60px #0f172a40}
.sh-dialog.full .sh-dialog-panel{height:min(760px,calc(100dvh - 24px))}
.sh-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--sh-line)}
.sh-dialog-head h2{font-size:17px;font-weight:800}
.sh-dialog-head p{font-size:12.5px;color:var(--sh-muted);margin-top:2px}
.sh-dialog-body{padding:16px 18px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}
.sh-dialog-foot{display:flex;justify-content:flex-start;gap:8px;padding:12px 18px;border-top:1px solid var(--sh-line);background:var(--sh-soft)}
.sh-chat{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}
.sh-chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px;min-height:200px}
.sh-msg{max-width:85%;padding:9px 13px;border-radius:14px;font-size:14px;white-space:pre-wrap;word-break:break-word}
.sh-msg small{display:block;font-size:11px;color:var(--sh-muted);margin-top:4px}
.sh-msg.user{align-self:flex-start;background:var(--sh-accent);color:#fff;border-bottom-right-radius:4px}
.sh-msg.assistant{align-self:flex-end;background:#f2f4f7;border-bottom-left-radius:4px}
.sh-typing{display:flex;gap:4px;padding:12px 14px}
.sh-typing span{width:7px;height:7px;border-radius:50%;background:#98a2b3;animation:sh-dot 1.2s infinite}
.sh-typing span:nth-child(2){animation-delay:.2s}.sh-typing span:nth-child(3){animation-delay:.4s}
@keyframes sh-dot{0%,60%,100%{opacity:.3}30%{opacity:1}}
.sh-chat-input{display:flex;gap:8px;align-items:flex-end}
.sh-chat-input textarea{resize:none;flex:1}
.sh-run{display:flex;flex-direction:column;gap:12px}
.sh-result{border:1px solid var(--sh-line);border-radius:12px;overflow:hidden}
.sh-result-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--sh-soft);font-size:13px}
.sh-result-text{padding:12px;white-space:pre-wrap;word-break:break-word;font-size:14px}
.sh-result-pre{margin:0;padding:12px;font-size:12px;overflow:auto;max-height:420px;background:#0f172a;color:#e2e8f0;text-align:left}
.sh-result-image{display:block;max-width:100%;margin:12px auto}
.sh-embed{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}
.sh-embed iframe{flex:1;width:100%;min-height:380px;border:1px solid var(--sh-line);border-radius:12px;background:#fff}
.sh-toasts{position:fixed;bottom:18px;left:18px;display:flex;flex-direction:column;gap:8px;z-index:2147483000;max-width:min(380px,calc(100vw - 36px))}
.sh-toast{background:#0f172a;color:#fff;padding:10px 14px;border-radius:12px;font-size:13px;box-shadow:0 8px 24px #0f172a40}
.sh-toast.error{background:var(--sh-red)}
@media (max-width:1100px){.sh-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.sh-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){
  .sh-cards,.sh-cards.two{grid-template-columns:1fr}
  .sh-form-grid{grid-template-columns:1fr}
  .sh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-summary{grid-template-columns:1fr 1fr;gap:8px}
  .sh-summary button{padding:10px}
  .sh-summary strong{font-size:17px}
  .sh-field-row,.sh-field-row:has(input[aria-label="الخيارات"]){grid-template-columns:1fr 1fr}
  .sh-dialog,.sh-dialog.wide{max-width:100vw;max-height:100dvh;margin:0;height:100dvh}
  .sh-dialog-panel,.sh-dialog.full .sh-dialog-panel{border-radius:0;height:100dvh;max-height:100dvh}
  .sh-msg{max-width:92%}
  .sh-hero{padding:18px}
  .sh-hero h1{font-size:20px}
  .sh-stats dd{font-size:14px}
}
/* قوالب المنصات الجاهزة ونتيجة HTML */
.sh-presets{display:flex;flex-direction:column;gap:10px}
.sh-presets h3{font-size:15px;font-weight:700}
.sh-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.sh-preset{background:linear-gradient(180deg,#f0fdf4,#fff 70%);border:1px solid #d1fadf;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.sh-preset p{font-size:12.5px;color:#475467;flex:1}
.sh-preset-head{display:flex;align-items:center;gap:10px}
.sh-preset-head strong{display:block;font-size:14px}
.sh-preset-head small{display:block;font-size:11.5px;color:var(--sh-muted)}
.sh-result-html{display:block;width:100%;height:min(60vh,560px);border:0;background:#fff}
@media (max-width:720px){.sh-preset-grid{grid-template-columns:1fr}.sh-result-html{height:62vh}}
/* إدارة سند ← النوافذ والعناصر: يظهر لمن، زر النافذة، الخدمات والنطاق */
.swc-th{padding:12px;text-align:right;font-weight:600;white-space:nowrap;min-width:170px}
.swc-th.wide{min-width:300px}
.swc-td{padding:12px;vertical-align:top;font-size:13px;color:#1f2a37}
.swc-roles{display:grid;grid-template-columns:1fr;gap:4px}
.swc-check{display:flex;align-items:center;gap:6px;cursor:pointer;line-height:1.5}
.swc-check input{accent-color:#047857;width:15px;height:15px}
.swc-label{display:block;font-size:12px;font-weight:600;color:#475467;margin:2px 0 4px}
.swc-label:not(:first-child){margin-top:10px}
.swc-input{width:100%;border:1px solid #e4e7ec;border-radius:8px;padding:7px 10px;font:inherit;font-size:13px;background:#fff;color:inherit}
.swc-input:focus{outline:2px solid #6ee7b7;outline-offset:1px;border-color:#059669}
textarea.swc-input{margin-top:6px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}
.swc-note{margin:6px 0 0;font-size:11.5px;color:#667085;line-height:1.6}
.swc-note.all{color:#047857}
.swc-topics{display:flex;flex-wrap:wrap;gap:5px}
.swc-topic{border:1px solid #e4e7ec;background:#fff;border-radius:999px;padding:3px 10px;font:inherit;font-size:12px;cursor:pointer;color:#475467;line-height:1.7}
.swc-topic:hover{border-color:#cbd5e1;background:#f8fafc}
.swc-topic.on{background:#ecfdf5;border-color:#6ee7b7;color:#065f46;font-weight:600}
.swc-topic.off{background:#fef3f2;border-color:#fda29b;color:#b42318;text-decoration:line-through}
.swc-topic:focus-visible{outline:3px solid #6ee7b7;outline-offset:2px}
.swc-summary{margin:10px 0 0;padding:7px 10px;border-radius:8px;background:#f8fafc;font-size:12px;color:#344054;line-height:1.7}