.sm-console{--sm-line:var(--border,#dce5f0);--sm-soft:var(--surface-soft,#f5f8fc);--sm-blue:#2457a5;min-width:0}
.sm-console>.card-inner{padding:24px}.sm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--sm-line)}
.sm-eyebrow{display:block;color:var(--sm-blue);font-size:.78rem;font-weight:700;margin-bottom:5px}.sm-header h2{font-size:1.65rem;margin:0 0 6px}.sm-header p{margin:0;color:var(--text-muted,#65758d);line-height:1.8;font-size:.9rem}
.sm-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:450px}.sm-snapshot{flex-basis:100%;color:var(--text-muted,#65758d);font-size:.77rem;text-align:end}
.sm-console .sm-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:22px}.sm-metrics .security-metric-card{border:1px solid var(--sm-line);background:var(--sm-soft);padding:16px;border-radius:13px;box-shadow:none;gap:5px}.sm-metrics .security-metric-card strong{font-size:1.75rem;line-height:1.25;color:var(--text,#132c4c);font-variant-numeric:tabular-nums}.sm-metrics .security-metric-card span{font-size:.83rem}.sm-metrics .security-metric-card small{font-size:.72rem;line-height:1.65}
.sm-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-top:16px;border:1px solid #e3b6ae;border-radius:10px;background:#fff5f2;color:#8b3023;font-size:.86rem}
.sm-console .sm-panel{display:block;margin-top:20px;padding:0;border:1px solid var(--sm-line);border-radius:14px;overflow:hidden;min-width:0}
.sm-tabs{display:flex;gap:4px;border-bottom:1px solid var(--sm-line);padding:9px 14px;background:var(--sm-soft)}.sm-tab{display:flex;align-items:center;gap:10px;font:inherit;font-size:.85rem;font-weight:700;color:var(--text-muted,#65758d);border:0;border-radius:8px;background:transparent;padding:9px 16px;cursor:pointer}.sm-tab span{padding:1px 7px;border-radius:6px;font-size:.75rem;background:var(--surface-solid,#fff);font-variant-numeric:tabular-nums}.sm-tab.is-selected{background:var(--surface-solid,#fff);color:var(--sm-blue);box-shadow:0 1px 3px #233b5b12}
.sm-panel-head{padding:18px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sm-panel-head h3{margin:0;font-size:1rem}.sm-panel-head p{margin:5px 0 0;color:var(--text-muted,#65758d);font-size:.79rem;line-height:1.8;max-width:750px}.sm-results{white-space:nowrap;background:var(--sm-soft);border:1px solid var(--sm-line);padding:4px 10px;border-radius:7px;font-size:.76rem;font-variant-numeric:tabular-nums}
.sm-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:16px 18px}.sm-filters label{display:grid;gap:6px;min-width:140px;flex:1}.sm-filters label>span{font-size:.78rem;color:var(--text-muted,#65758d)}.sm-filters .sm-search{flex:2;min-width:220px}.sm-filters .input{width:100%;min-width:0;margin:0;font-size:.86rem;min-height:42px}.sm-clear{min-height:42px}
.sm-content{min-width:0;padding:0 18px 16px}.sm-account{border:1px solid var(--sm-line);border-radius:10px;background:var(--surface-solid,#fff);margin-bottom:8px;overflow:hidden}.sm-account>summary{display:grid;grid-template-columns:36px minmax(140px,1.5fr) minmax(100px,1fr) minmax(140px,1.15fr) 60px 75px;align-items:center;gap:12px;padding:12px;cursor:pointer;list-style:none}.sm-account>summary::-webkit-details-marker{display:none}.sm-account>summary:hover{background:var(--sm-soft)}.sm-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eaf1fc;color:var(--sm-blue);font-size:.95rem;font-weight:700}.sm-account-name{min-width:0;display:grid;gap:4px}.sm-account-name strong{font-size:.86rem;overflow-wrap:anywhere}.sm-account-name bdi{font-size:.72rem;color:var(--text-muted,#65758d);text-align:start;overflow-wrap:anywhere}.sm-account-role{color:var(--text-muted,#65758d);font-size:.76rem}.sm-account-last{display:grid;gap:4px;font-size:.75rem}.sm-account-last small{color:var(--text-muted,#65758d);font-size:.68rem}.sm-state{font-size:.71rem;white-space:nowrap;padding:4px 8px;border-radius:6px;text-align:center}.sm-state.is-active{background:#eaf6ef;color:#216344}.sm-state.is-inactive{background:var(--sm-soft);color:var(--text-muted,#65758d)}.sm-details-cue{font-size:.73rem;color:var(--sm-blue);white-space:nowrap}.sm-account[open] .sm-details-cue>span{display:inline-block;transform:rotate(180deg)}.sm-account-detail{border-top:1px solid var(--sm-line);padding:14px;background:var(--sm-soft);max-height:65vh;overflow:auto;overscroll-behavior:contain}.sm-account-detail>.security-account-card{box-shadow:none;margin:0}
.sm-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--sm-line);border-radius:10px}.sm-table-wrap table{border-collapse:collapse;width:100%;min-width:690px;font-size:.8rem;text-align:start}.sm-table-wrap th{background:var(--sm-soft);font-size:.75rem;color:var(--text-muted,#65758d)}.sm-table-wrap th,.sm-table-wrap td{padding:13px;border-bottom:1px solid var(--sm-line);vertical-align:top;line-height:1.7}.sm-table-wrap small{display:block;font-size:.72rem;color:var(--text-muted,#65758d);margin-top:4px}
.sm-console .sm-events{margin:0;padding:0;display:grid;gap:8px}.sm-console .sm-events .security-event-item{box-shadow:none;border:1px solid var(--sm-line);padding:12px 14px;border-radius:10px;background:var(--surface-solid,#fff)}.sm-events .security-event-item>div:first-child>span{font-size:.79rem;overflow-wrap:anywhere}.sm-events .security-event-meta{font-size:.73rem}.sm-empty{text-align:center;padding:40px 15px;background:var(--sm-soft);border-radius:10px}.sm-empty strong{font-size:.9rem}.sm-empty p{font-size:.8rem;color:var(--text-muted,#65758d);line-height:1.8;margin:8px 0 0}
.sm-pagination{padding:12px 18px;border-top:1px solid var(--sm-line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted,#65758d);font-size:.77rem;font-variant-numeric:tabular-nums}.sm-pagination>div{display:flex;align-items:center;gap:10px}.sm-pagination .btn{font-size:.76rem;padding:7px 12px}.sm-footnote{color:var(--text-muted,#65758d);font-size:.74rem;line-height:1.9;margin:16px 2px 0}
.sm-console button:focus-visible,.sm-console summary:focus-visible{outline:3px solid #8db2ee;outline-offset:2px}.sm-table-wrap .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
html[data-theme="dark"] .sm-console{--sm-blue:#aac8ff}html[data-theme="dark"] .sm-avatar{background:#203654}html[data-theme="dark"] .sm-state.is-active{background:#173d31;color:#a1dfbd}html[data-theme="dark"] .sm-error{background:#3d2828;color:#ffd1c7;border-color:#80524c}
@media(max-width:1100px){.sm-header{flex-direction:column;gap:14px}.sm-header-actions{max-width:none;justify-content:flex-start}.sm-snapshot{text-align:start}.sm-account>summary{grid-template-columns:34px minmax(130px,1.4fr) minmax(85px,.9fr) minmax(120px,1fr) 56px 65px;gap:8px}}
@media(max-width:700px){.sm-console>.card-inner{padding:14px}.sm-header h2{font-size:1.4rem}.sm-console .sm-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:16px}.sm-metrics .security-metric-card{padding:12px}.sm-metrics .security-metric-card strong{font-size:1.4rem}.sm-tabs{padding:8px;gap:3px}.sm-tab{padding:8px;gap:6px;font-size:.77rem;flex:1;justify-content:center}.sm-panel-head{padding:14px 12px 0}.sm-content{padding:0 10px 12px}.sm-filters{padding:14px 12px;gap:10px}.sm-filters label,.sm-filters .sm-search{min-width:100%;flex-basis:100%}.sm-account>summary{grid-template-columns:30px minmax(0,1fr) 56px;gap:8px;padding:10px}.sm-avatar{width:28px;height:28px}.sm-account-role{grid-column:2;grid-row:2}.sm-account-last{grid-column:2;grid-row:3}.sm-state{grid-column:3;grid-row:1}.sm-details-cue{grid-column:3;grid-row:3;align-self:end}.sm-account-detail{padding:8px}.sm-pagination{padding:12px;flex-wrap:wrap}.sm-pagination>div{width:100%;justify-content:space-between;gap:6px}.sm-header-actions .btn{font-size:.75rem}.sm-error{align-items:flex-start;flex-direction:column}}