.msc-root { padding:24px; background:#fff; color:#253247; font:14px/1.6 "Microsoft YaHei",system-ui,sans-serif; }
.msc-root *, .msc-dialog * { box-sizing:border-box; letter-spacing:0; }
.msc-root [hidden],.msc-dialog [hidden] { display:none!important; }
.msc-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:22px; border-bottom:1px solid #edf0f5; }
.msc-heading>div { display:flex; align-items:center; gap:10px; }
.msc-heading svg { width:22px; height:22px; color:#2776ed; }
.msc-heading h2 { margin:0; font-size:20px; font-weight:650; }
.msc-heading>span { color:#8a96a7; font-size:13px; }
.msc-row { display:grid; grid-template-columns:48px minmax(0,1fr) 172px; align-items:center; gap:20px; min-height:108px; padding:24px 6px; border-bottom:1px solid #edf0f5; }
.msc-row:last-of-type { border-bottom:0; }
.msc-icon { display:grid; place-items:center; width:44px; height:44px; color:#6590be; }
.msc-icon svg { width:30px; height:30px; stroke-width:1.5; }
.msc-row-title { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.msc-info h3 { margin:0; color:#303b4c; font-size:15px; font-weight:600; }
.msc-info p { margin:7px 0 0; color:#8893a4; font-size:13px; overflow-wrap:anywhere; }
.msc-info .msc-detail { color:#68798d; }
.msc-info .msc-detail:empty { display:none; }
.msc-status { display:inline-flex; align-items:center; gap:5px; color:#b48741; font-size:12px; }
.msc-status:before { content:""; width:5px; height:5px; background:currentColor; border-radius:50%; }
.msc-status.is-ready { color:#29a77a; }
.msc-actions { display:flex; justify-content:flex-end; align-items:center; gap:14px; flex-wrap:wrap; }
.msc-actions button { min-height:34px; padding:4px 10px; border:0; border-radius:4px; color:#2675e8; background:transparent; font:inherit; cursor:pointer; }
.msc-actions button:hover { background:#eff6ff; }
.msc-actions .msc-secondary { color:#8491a3; }
.msc-actions button:disabled { color:#a9b2bf; cursor:default; background:transparent; }
.msc-notice { margin:16px 0 0; color:#208562; }
.msc-notice.is-error { color:#c94343; }
.msc-expired { padding:52px 20px; text-align:center; }
.msc-expired h3 { font-size:18px; }
.msc-expired p { color:#8893a4; }
.msc-expired a { display:inline-flex; min-height:38px; align-items:center; padding:6px 20px; border-radius:5px; background:#2675e8; color:white; text-decoration:none; }
.msc-mfa { padding:0 0 22px 68px; border-bottom:1px solid #edf0f5; }
.msc-mfa .mas-root { padding:0!important; }
.msc-mfa .mas-heading { display:none; }
.msc-mfa .mas-row { padding:16px 0; }
.msc-mfa .mas-row h3 { font-weight:500; }
.msc-dialog { color:#344054; }
.msc-dialog h2 { margin:0 0 4px; font-size:19px; }
.msc-dialog .mas-primary { background:#2675e8; border-color:#2675e8; }
.msc-dialog .mas-primary:hover { background:#1766d7; }
.msc-dialog .mas-form input,.msc-dialog .mas-form select { border-color:#dce3ed; color:#344054; }
.msc-caption { margin:0; color:#8491a3; font-size:13px; }
.msc-code-input { display:flex; gap:10px; min-width:0; }
.msc-code-input input { flex:1; width:0; }
.msc-code-input button { flex:0 0 120px; color:#2675e8; border-color:#dce3ed; padding:8px; }
.msc-root :focus-visible { outline:2px solid #71afff; outline-offset:2px; }
@media(max-width:620px) {
  .msc-root { padding:18px 14px; }
  .msc-heading { align-items:flex-start; }
  .msc-heading>span { display:none; }
  .msc-row { grid-template-columns:32px minmax(0,1fr); gap:10px 12px; padding:20px 0; }
  .msc-icon { width:32px; height:36px; }
  .msc-icon svg { width:26px; height:26px; }
  .msc-row-title { gap:8px; }
  .msc-actions { grid-column:2; justify-content:flex-start; }
  .msc-actions button { padding-left:0; }
  .msc-mfa { padding-left:0; }
}