#smi-card { display:flex; flex-direction:column; padding:16px; margin:1px; border:1px solid #e2e8f0; background:#fff; border-radius:12px; color:#24334b; }
#smi-card[hidden] { display:none; }
.smi-card-top,.smi-card-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.smi-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:10px; background:#edf4ff; color:#2563eb; font-size:30px; }
.smi-badge { font-size:12px; background:#f1f5f9; color:#475569; padding:4px 8px; border-radius:5px; }
.smi-card-title { margin-top:14px; }
.smi-card-title h3 { font-weight:600; margin:0; font-size:16px; }
.smi-card-title button { color:#2563eb; cursor:pointer; font-size:13px; }
#smi-card p { color:#64748b; font-size:14px; line-height:1.55; margin:8px 0 0; }
#smi-dialog { width:min(780px,calc(100vw - 28px)); max-height:90dvh; padding:0; border:1px solid #dce4ed; border-radius:16px; color:#24334b; background:#fff; box-shadow:0 24px 90px #0f172a40; font-family:inherit; }
#smi-dialog::backdrop { background:#0f172a88; backdrop-filter:blur(3px); }
.smi-heading,.smi-footer { padding:20px 24px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.smi-heading { border-bottom:1px solid #e2e8f0; }
.smi-heading h2 { margin:4px 0; font-size:23px; font-weight:700; }
.smi-eyebrow { font-size:11px; letter-spacing:.08em; color:#2563eb; margin:0; font-weight:700; }
.smi-account { margin:0; font-size:13px; color:#64748b; }
.smi-close { font-size:25px; cursor:pointer; padding:4px 10px; }
.smi-body { padding:20px 24px; }
.smi-body p { font-size:14px; line-height:1.6; margin:8px 0; }
.smi-intro { margin-top:0!important; }
.smi-body h3 { font-size:15px; font-weight:650; margin:0; }
.smi-steps { padding-left:24px; margin:20px 0; }
.smi-steps li { padding-left:6px; margin:0 0 22px; }
.smi-steps li::marker { font-weight:700; color:#2563eb; }
.smi-body a,.smi-audit { color:#2563eb; font-size:14px; text-decoration:underline; text-underline-offset:3px; }
.smi-command { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:14px; background:#f1f5f9; border:1px solid #e2e8f0; border-radius:9px; }
.smi-command code { white-space:pre-wrap; overflow-wrap:anywhere; font-family:ui-monospace,monospace; font-size:13px; }
.smi-copy { font-size:12px; color:#2563eb; border:1px solid #cbd5e1; border-radius:6px; padding:6px 10px; cursor:pointer; }
.smi-capabilities { background:#f7faff; border:1px solid #dbeafe; border-radius:10px; padding:16px; }
.smi-example { color:#526580; }
.smi-note { color:#64748b; font-size:12px!important; margin-top:16px!important; }
.smi-status { font-size:13px!important; color:#2563eb; }
.smi-footer { border-top:1px solid #e2e8f0; position:sticky; bottom:0; background:inherit; flex-wrap:wrap; }
.smi-manage { background:#2563eb; color:#fff; padding:10px 14px; border-radius:8px; font-size:14px; font-weight:600; }
.dark #smi-card,.dark #smi-dialog { background:#18212f; color:#e2e8f0; border-color:#334155; }
.dark .smi-heading,.dark .smi-footer { border-color:#334155; }
.dark .smi-command,.dark .smi-capabilities,.dark .smi-badge { background:#203047; border-color:#3b506d; }
.dark .smi-account,.dark .smi-note,.dark .smi-example,.dark #smi-card p,.dark .smi-badge { color:#a8b7cc; }
.dark .smi-copy,.dark .smi-body a,.dark .smi-audit,.dark .smi-card-title button { color:#93bbff; }
@media(max-width:540px) { .smi-heading,.smi-body,.smi-footer { padding:16px; } .smi-heading h2 { font-size:20px; } }

.smi-create {display:grid;gap:14px;margin:18px 0;}
.smi-create label {display:flex;gap:8px;align-items:center;font-size:14px;}
.smi-create > label {display:grid;gap:6px;}
.smi-create input[name="name"] {padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;background:transparent;color:inherit;}
.smi-create fieldset {border:1px solid #cbd5e1;border-radius:9px;padding:12px;display:grid;gap:9px;}
.smi-create legend {font-size:14px;padding:0 6px;font-weight:600;}
.smi-create input[type="checkbox"] {width:16px;height:16px;accent-color:#2563eb;}
.smi-generate {background:#2563eb;color:white;padding:10px 14px;border-radius:8px;justify-self:start;cursor:pointer;}
.smi-generate:disabled {opacity:.5;cursor:default;}
.smi-endpoint {overflow-wrap:anywhere;color:#64748b;font-size:12px!important;}
.smi-install[hidden] {display:none;}
.smi-install,.smi-connections,.smi-history {margin:22px 0;}
.smi-connection {display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;padding:12px 0;font-size:13px;}
.smi-connection button {color:#b91c1c;cursor:pointer;flex-shrink:0;}
.smi-connection-list,.smi-event-list {font-size:13px;color:#64748b;margin-top:10px;}
.smi-event-list {max-height:180px;overflow:auto;}
.smi-event-list p {font-size:12px;}