.modcall-trigger{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.modcall-trigger svg,.modcall-notifications svg{width:18px;height:18px;flex-shrink:0}
.modcall-trigger:hover{background:var(--hover);color:var(--text)}
.modcall-count{min-width:17px;line-height:20px;text-align:center;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}
.modcall-trigger.is-alert{color:var(--text);background:var(--hover);border-color:var(--faint)}
.modcall-trigger.is-alert .modcall-count{background:var(--solid);color:var(--on-solid);border-radius:4px;padding:0 4px}
.modcall-trigger.is-unavailable{color:var(--faint)}
.modcall-trigger:focus-visible,.modcall-notifications button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.modcall-notifications{min-width:0;color:var(--text)}
.modcall-status{padding:19px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.modcall-status.is-alert{border-color:var(--faint);background:var(--surface)}
.modcall-heading,.modcall-sound-heading{display:flex;align-items:center;gap:9px}
.modcall-heading h3,.modcall-sound-heading h3{font-size:14px;font-weight:600;margin:0}
.modcall-heading>svg{color:var(--muted)}
.modcall-status.is-alert .modcall-heading>svg,.modcall-status.is-alert .modcall-status-count{color:var(--text)}
.modcall-status-count{margin-left:auto;font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}
.modcall-status-text{font-size:14px;line-height:1.6;margin:15px 0 5px}
.modcall-status-note,.modcall-preview-label,.modcall-checked{color:var(--muted);font-size:12px;line-height:1.7;margin:5px 0}
.modcall-preview-label{font-size:11px;border-left:2px solid var(--line);padding-left:9px;margin:12px 0}
.modcall-list{padding:0;list-style:none;margin:16px 0 8px;max-height:310px;overflow-y:auto}
.modcall-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.6}
.modcall-list li>span{min-width:0;overflow-wrap:anywhere}
.modcall-list small{display:block;color:var(--faint);font-size:11px}
.modcall-list time{white-space:nowrap;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.modcall-checked{font-size:11px;margin-top:13px;color:var(--faint)}
.modcall-sound{padding:22px 0 8px}
.modcall-sound-heading>svg{color:var(--muted)}
.modcall-sound>p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 14px}
.modcall-sound-actions{display:flex;flex-wrap:wrap;gap:8px}
.modcall-notifications button{min-height:44px;padding:10px 13px;font:inherit;font-size:12px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--surface);cursor:pointer}
.modcall-notifications button:hover:not(:disabled){background:var(--hover);border-color:var(--faint)}
.modcall-notifications button:disabled{opacity:.55;cursor:default}
.modcall-sound>.modcall-sound-note{font-size:11px;color:var(--faint)}
.modcall-preview-action{margin-top:3px;width:100%}
@media(max-width:760px){.modcall-trigger{padding:0 8px;gap:4px}.modcall-trigger-label{display:none}.modcall-status{padding:16px}.modcall-sound-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.modcall-trigger{transition:none}}