/* ===== 登录页 + 设置抽屉 + 通用对话框 ===== */

/* ============================================================
 * Login / Register / Forgot 卡片
 * 在 .stage (1920×1080 fixed) 中央渲染一张 ~520×640 的科技感卡片
 * ============================================================ */

.auth-wrap{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:560px;max-width:100%;
  display:flex;flex-direction:column;align-items:center;
  z-index:5;color:var(--txt-1);
}

.auth-brand{
  display:flex;align-items:center;gap:14px;margin-bottom:18px;
}
.auth-brand .brand-glyph{
  width:52px;height:52px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  position:relative;
  filter:drop-shadow(0 0 6px rgba(63,195,245,.55));
}
.auth-brand .brand-glyph::before{
  content:"";position:absolute;inset:-4px;
  border:1px dashed var(--cyan-d);border-radius:50%;
  animation:spin 24s linear infinite;
  opacity:.55;
}
.auth-brand .brand-glyph img{
  width:100%;height:100%;object-fit:contain;display:block;
}
.auth-brand .brand-meta .en{
  font-family:var(--font-display);font-size:11px;color:var(--cyan);
  font-weight:700;letter-spacing:.4em;
}
.auth-brand .brand-meta .cn{
  font-size:13px;color:var(--txt-2);letter-spacing:.06em;margin-top:2px;
}

.auth-title{
  font-size:26px;font-weight:700;letter-spacing:.36em;
  background:linear-gradient(180deg,#fff 0%,#a3dcff 60%,#3fc3f5 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 26px rgba(63,195,245,.4);
  padding-left:.36em;
  text-align:center;
}
.auth-sub{
  font-family:var(--font-display);font-size:10.5px;color:var(--cyan);
  letter-spacing:.6em;margin-top:6px;font-weight:500;
  text-align:center;
}
.auth-sub span{margin:0 .35em;opacity:.6}

.auth-card{
  position:relative;
  width:100%;
  margin-top:24px;
  padding:26px 32px 28px;
  border:1px solid rgba(63,195,245,.45);
  background:
    linear-gradient(180deg,rgba(8,22,46,.92) 0%,rgba(4,14,32,.92) 100%);
  backdrop-filter:blur(4px);
  box-shadow:0 0 30px rgba(63,195,245,.18),inset 0 0 30px rgba(63,195,245,.05);
}
.auth-card::before,.auth-card::after,
.auth-card > .corner{
  content:"";position:absolute;width:10px;height:10px;
  border-color:var(--cyan);
}
.auth-card::before{
  left:-1px;top:-1px;
  border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);
}
.auth-card::after{
  right:-1px;bottom:-1px;
  border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan);
}

/* Tabs */
.auth-tabs{
  display:flex;gap:6px;margin-bottom:20px;
  border-bottom:1px solid rgba(63,195,245,.2);
  padding-bottom:4px;
}
.auth-tab{
  flex:1;padding:10px 14px 9px;
  background:transparent;border:none;
  border-bottom:2px solid transparent;
  font-family:var(--font-cn);font-size:14px;letter-spacing:.18em;
  color:var(--txt-2);cursor:pointer;
  transition:all .18s;
  display:flex;align-items:baseline;justify-content:center;gap:8px;
}
.auth-tab small{
  font-family:var(--font-display);font-size:9px;
  letter-spacing:.22em;color:var(--cyan-d);font-weight:700;
}
.auth-tab:hover{color:var(--cyan-l)}
.auth-tab.act{
  color:#fff;border-bottom-color:var(--cyan);
  text-shadow:0 0 8px rgba(63,195,245,.5);
}
.auth-tab.act small{color:var(--cyan)}

/* Form */
.auth-form{display:none;flex-direction:column;gap:14px}
.auth-form.act{display:flex}
.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.auth-field{display:flex;flex-direction:column;gap:6px}
.auth-field label{
  font-size:11px;color:var(--txt-2);letter-spacing:.18em;
  display:flex;align-items:baseline;gap:8px;
}
.auth-field label em{
  font-style:normal;
  font-family:var(--font-display);font-size:9px;
  color:var(--cyan-d);letter-spacing:.22em;font-weight:700;
}
.auth-field input{
  height:38px;
  padding:0 12px;
  background:rgba(63,195,245,.05);
  border:1px solid rgba(63,195,245,.28);
  font-family:var(--font-mono);font-size:13px;color:#fff;
  letter-spacing:.04em;
  outline:none;
  transition:all .18s;
}
.auth-field input::placeholder{
  color:var(--txt-3);font-family:var(--font-cn);font-size:12px;letter-spacing:.04em;
}
.auth-field input:focus{
  border-color:var(--cyan);
  background:rgba(63,195,245,.10);
  box-shadow:0 0 12px rgba(63,195,245,.35),inset 0 0 12px rgba(63,195,245,.05);
}
.auth-field input:invalid:not(:placeholder-shown){
  border-color:rgba(255,82,119,.6);
}

/* Submit */
.auth-submit{
  margin-top:6px;
  position:relative;
  height:42px;
  border:1px solid var(--cyan-d);
  background:linear-gradient(135deg,rgba(63,195,245,.18),rgba(63,195,245,.04));
  color:#fff;font-family:var(--font-cn);font-size:14px;letter-spacing:.36em;
  cursor:pointer;
  transition:all .2s;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
}
.auth-submit::before{
  content:"";position:absolute;left:-1px;top:-1px;width:7px;height:7px;
  border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);
}
.auth-submit::after{
  content:"";position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;
  border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan);
}
.auth-submit .ic{
  font-family:var(--font-mono);font-size:14px;color:var(--cyan-l);
}
.auth-submit .en{
  font-family:var(--font-display);font-size:9px;color:var(--cyan);
  letter-spacing:.24em;font-weight:700;
  padding:2px 6px;border:1px solid rgba(63,195,245,.4);
  background:rgba(63,195,245,.08);
}
.auth-submit:hover{
  border-color:var(--cyan);
  background:linear-gradient(135deg,rgba(63,195,245,.30),rgba(63,195,245,.08));
  box-shadow:0 0 18px rgba(63,195,245,.45);
}
.auth-submit:disabled{opacity:.55;cursor:wait}

/* Auxiliary link row */
.auth-aux{display:flex;justify-content:flex-end;margin-top:4px}
.auth-link{
  background:transparent;border:none;padding:4px 0;
  font-family:var(--font-cn);font-size:12px;color:var(--cyan-l);
  letter-spacing:.06em;cursor:pointer;
}
.auth-link:hover{color:#fff;text-shadow:0 0 6px rgba(63,195,245,.6)}

/* Inline message banner */
.auth-msg{
  padding:8px 12px;
  border:1px solid rgba(255,82,119,.45);
  background:rgba(255,82,119,.12);
  color:#ffd1dc;font-size:12px;letter-spacing:.06em;
  font-family:var(--font-cn);
}
.auth-msg.ok{
  border-color:rgba(82,226,163,.45);
  background:rgba(82,226,163,.12);
  color:#cdf5e0;
}

.auth-foot{
  margin-top:18px;
  font-family:var(--font-display);font-size:10px;color:var(--txt-3);
  letter-spacing:.24em;
}

.auth-scan{
  position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  opacity:.5;pointer-events:none;
  animation:scanline 8s linear infinite;
  z-index:3;
}

/* ============================================================
 * 顶栏紧凑工具栏 (HOME / 时钟 / 用户 合并到单一 pill)
 * ============================================================ */

.hdr-toolbox{
  position:relative;
  display:inline-flex;align-items:stretch;
  border:1px solid var(--cyan-d);
  background:linear-gradient(135deg,rgba(63,195,245,.12),rgba(63,195,245,.02));
  height:42px;
  flex-shrink:0;
  font-family:var(--font-cn);
  box-sizing:border-box;
}
/* 修饰类: 让顶栏右上角工具栏宽度对齐到 KPI 列 (380px) */
.hdr-toolbox.match-kpi{
  width:380px;
}
/* HOME 收窄: 内容稀疏 (仅图标 + HOME 字), 不需要那么宽 */
.hdr-toolbox.match-kpi .ht-home{
  flex:0 0 60px;
  padding:0 6px;
  gap:4px;
  justify-content:center;
}
.hdr-toolbox.match-kpi .ht-home .ic{font-size:14px}
.hdr-toolbox.match-kpi .ht-home .lb{font-size:8.5px;letter-spacing:.18em}

.hdr-toolbox.match-kpi .ht-clock{
  flex:1;justify-content:center;
}

/* USER 内边距加大, 让齿轮 + 角标 badge 远离右边框 */
.hdr-toolbox.match-kpi .ht-user{
  padding:0 16px 0 12px;
}
.hdr-toolbox.match-kpi .ht-user .ht-badge{
  top:3px;right:5px;
}
.hdr-toolbox::before{
  content:"";position:absolute;left:-1px;top:-1px;width:6px;height:6px;
  border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);
}
.hdr-toolbox::after{
  content:"";position:absolute;right:-1px;bottom:-1px;width:6px;height:6px;
  border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan);
}

.ht-item{
  display:inline-flex;align-items:center;gap:8px;
  padding:0 12px;
  background:transparent;border:none;
  color:var(--txt-1);
  cursor:pointer;
  text-decoration:none;
  transition:background .15s,color .15s;
  font-family:inherit;
  position:relative;
}
.ht-item:hover{
  background:rgba(63,195,245,.10);
  color:#fff;
}

/* 分隔细线 */
.ht-sep{
  width:1px;align-self:stretch;
  background:linear-gradient(180deg,transparent 0%,rgba(63,195,245,.45) 50%,transparent 100%);
  flex-shrink:0;
}

/* HOME 项 */
.ht-home .ic{
  font-family:var(--font-mono);font-size:15px;color:var(--cyan-l);line-height:1;
  text-shadow:0 0 6px rgba(63,195,245,.55);
}
.ht-home .lb{
  font-family:var(--font-display);font-size:9px;color:var(--cyan);
  letter-spacing:.22em;font-weight:700;line-height:1;
}
.ht-home:hover .ic{color:#fff}
.ht-home:hover .lb{color:#fff}

/* 时钟项 */
.ht-clock{cursor:default;gap:10px}
.ht-clock:hover{background:transparent}
.ht-time{
  font-family:var(--font-mono);font-size:17px;font-weight:700;color:#fff;
  letter-spacing:.02em;line-height:1;
  text-shadow:0 0 8px rgba(63,195,245,.5);
}
.ht-date{
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  font-family:var(--font-mono);font-size:9.5px;color:var(--cyan-l);
  letter-spacing:.04em;line-height:1;
}
.ht-dow{
  font-family:var(--font-display);font-size:8px;color:var(--cyan);
  letter-spacing:.16em;font-weight:700;
  padding:1px 4px;border:1px solid rgba(63,195,245,.4);
  background:rgba(63,195,245,.08);line-height:1;
}

/* 用户/设置项 */
.ht-user{padding-right:10px}
.ht-avatar{
  width:28px;height:28px;flex-shrink:0;
  background-size:cover;background-position:center;
  border:1px solid rgba(63,195,245,.35);
  box-shadow:0 0 6px rgba(63,195,245,.3);
}
.ht-name{
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  min-width:0;line-height:1;
}
.ht-fullname{
  font-size:12px;color:var(--txt-1);letter-spacing:.04em;
  max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ht-role{
  font-family:var(--font-display);font-size:8.5px;color:var(--cyan);
  letter-spacing:.18em;font-weight:700;
  padding:1px 5px;border:1px solid rgba(63,195,245,.4);
  background:rgba(63,195,245,.08);line-height:1;
}
.ht-role.root{color:var(--amber);border-color:rgba(255,170,60,.5);background:rgba(255,170,60,.1)}
.ht-role.admin{color:var(--teal);border-color:rgba(63,231,200,.5);background:rgba(63,231,200,.1)}
.ht-cog{
  font-family:var(--font-mono);font-size:14px;color:var(--cyan-l);
  line-height:1;
}
.ht-user:hover .ht-cog{color:#fff;text-shadow:0 0 6px rgba(63,195,245,.7)}
.ht-badge{
  position:absolute;top:2px;right:2px;
  min-width:14px;height:14px;padding:0 4px;
  background:var(--red);color:#fff;
  font-family:var(--font-mono);font-size:9px;font-weight:700;
  border-radius:7px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 6px rgba(255,82,119,.6);
  line-height:1;
}
.ht-badge[hidden]{display:none}

/* 兼容: 旧的 .hdr-settings-btn 选择器 (如有外部引用) */
.hdr-settings-btn{display:none}

/* ============================================================
 * 设置抽屉 (右侧 slide-in)
 * ============================================================ */

#settings-drawer[hidden]{display:none}

.sd-mask{
  position:fixed;inset:0;
  background:radial-gradient(ellipse at center,rgba(2,6,17,.55),rgba(2,6,17,.85));
  backdrop-filter:blur(2px);
  z-index:99;
}

.sd-panel{
  position:fixed;top:0;right:0;height:100vh;
  width:480px;max-width:90vw;
  background:linear-gradient(180deg,rgba(8,22,46,.96) 0%,rgba(4,14,32,.96) 100%);
  border-left:1px solid var(--cyan-d);
  box-shadow:-12px 0 28px rgba(0,0,0,.5),inset 0 0 30px rgba(63,195,245,.04);
  z-index:100;
  display:flex;flex-direction:column;
  color:var(--txt-1);
  animation:sd-slide-in .25s ease-out;
}
@keyframes sd-slide-in{
  from{transform:translateX(100%);opacity:.4}
  to{transform:translateX(0);opacity:1}
}

.sd-h{
  position:relative;
  padding:18px 22px;
  border-bottom:1px solid rgba(63,195,245,.22);
  display:flex;align-items:center;gap:14px;
}
.sd-h .sd-avatar{
  width:48px;height:48px;flex-shrink:0;
  border:1px solid rgba(63,195,245,.4);
  background-size:cover;background-position:center;
  box-shadow:0 0 10px rgba(63,195,245,.3);
}
.sd-h .sd-meta{flex:1;min-width:0}
.sd-h .sd-meta .nm{
  font-size:15px;font-weight:600;color:#fff;letter-spacing:.04em;
}
.sd-h .sd-meta .em{
  font-family:var(--font-mono);font-size:11px;color:var(--txt-3);margin-top:2px;
  letter-spacing:.04em;
}
.sd-h .sd-meta .role{
  display:inline-block;margin-top:6px;
  padding:1px 7px;
  font-family:var(--font-display);font-size:9px;color:var(--cyan);
  letter-spacing:.22em;font-weight:700;
  border:1px solid rgba(63,195,245,.4);
  background:rgba(63,195,245,.08);
}
.sd-h .sd-meta .role.root{color:var(--amber);border-color:rgba(255,170,60,.5);background:rgba(255,170,60,.1)}
.sd-h .sd-meta .role.admin{color:var(--teal);border-color:rgba(63,231,200,.5);background:rgba(63,231,200,.1)}

.sd-close{
  background:transparent;border:1px solid var(--cyan-d);
  width:30px;height:30px;
  font-family:var(--font-mono);font-size:14px;color:var(--cyan-l);
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:all .15s;
}
.sd-close:hover{
  border-color:var(--cyan);color:#fff;
  box-shadow:0 0 10px rgba(63,195,245,.4);
}

.sd-tabs{
  display:flex;flex-wrap:wrap;gap:4px;
  padding:10px 14px 0;
  border-bottom:1px solid rgba(63,195,245,.18);
}
.sd-tab{
  position:relative;
  padding:8px 12px;
  background:transparent;border:none;
  font-family:var(--font-cn);font-size:12px;letter-spacing:.1em;
  color:var(--txt-2);cursor:pointer;
  border-bottom:2px solid transparent;
  display:inline-flex;align-items:center;gap:6px;
}
.sd-tab:hover{color:var(--cyan-l)}
.sd-tab.act{
  color:#fff;border-bottom-color:var(--cyan);
}
.sd-tab .badge{
  background:var(--red);color:#fff;
  font-family:var(--font-mono);font-size:9px;font-weight:700;
  padding:1px 5px;border-radius:6px;line-height:1;
}
.sd-tab[hidden]{display:none}

.sd-body{
  flex:1;overflow-y:auto;
  padding:18px 22px 28px;
}
.sd-body::-webkit-scrollbar{width:6px}
.sd-body::-webkit-scrollbar-thumb{background:rgba(63,195,245,.25)}
.sd-body::-webkit-scrollbar-track{background:transparent}

.sd-section{display:none;flex-direction:column;gap:14px}
.sd-section.act{display:flex}

.sd-section h4{
  font-size:13px;color:var(--cyan-l);font-weight:600;
  letter-spacing:.16em;margin-top:6px;
  display:flex;align-items:baseline;gap:8px;
}
.sd-section h4 small{
  font-family:var(--font-display);font-size:9px;color:var(--cyan-d);
  letter-spacing:.22em;font-weight:700;
}

.sd-field{display:flex;flex-direction:column;gap:6px}
.sd-field label{
  font-size:11px;color:var(--txt-2);letter-spacing:.14em;
}
.sd-field input,.sd-field select{
  height:34px;padding:0 10px;
  background:rgba(63,195,245,.05);
  border:1px solid rgba(63,195,245,.25);
  font-family:var(--font-mono);font-size:12px;color:#fff;
  outline:none;transition:all .18s;
}
.sd-field input:focus,.sd-field select:focus{
  border-color:var(--cyan);background:rgba(63,195,245,.1);
  box-shadow:0 0 10px rgba(63,195,245,.3);
}

.sd-btn{
  display:inline-flex;align-items:center;gap:8px;
  height:32px;padding:0 14px;
  border:1px solid var(--cyan-d);
  background:linear-gradient(135deg,rgba(63,195,245,.12),rgba(63,195,245,.02));
  color:#fff;font-family:var(--font-cn);font-size:12px;letter-spacing:.18em;
  cursor:pointer;transition:all .18s;
  position:relative;
}
.sd-btn::before{
  content:"";position:absolute;left:-1px;top:-1px;width:5px;height:5px;
  border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);
}
.sd-btn::after{
  content:"";position:absolute;right:-1px;bottom:-1px;width:5px;height:5px;
  border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan);
}
.sd-btn:hover{
  border-color:var(--cyan);
  background:linear-gradient(135deg,rgba(63,195,245,.22),rgba(63,195,245,.06));
  box-shadow:0 0 12px rgba(63,195,245,.4);
}
.sd-btn:disabled{opacity:.5;cursor:wait}
.sd-btn.danger{
  border-color:rgba(255,82,119,.5);
  background:linear-gradient(135deg,rgba(255,82,119,.14),rgba(255,82,119,.02));
}
.sd-btn.danger::before,.sd-btn.danger::after{border-color:var(--red)}
.sd-btn.danger:hover{
  border-color:var(--red);
  box-shadow:0 0 12px rgba(255,82,119,.4);
}

.sd-row-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}

.sd-msg{
  padding:8px 12px;
  border:1px solid rgba(255,82,119,.45);
  background:rgba(255,82,119,.12);
  color:#ffd1dc;font-size:12px;letter-spacing:.04em;
}
.sd-msg.ok{
  border-color:rgba(82,226,163,.45);
  background:rgba(82,226,163,.12);
  color:#cdf5e0;
}
.sd-msg[hidden]{display:none}

/* User table (admin) */
.sd-table{
  width:100%;border-collapse:collapse;
  font-family:var(--font-cn);font-size:12px;color:var(--txt-1);
}
.sd-table th,.sd-table td{
  padding:8px 8px;
  text-align:left;
  border-bottom:1px solid rgba(63,195,245,.12);
  vertical-align:middle;
}
.sd-table th{
  font-size:10px;letter-spacing:.18em;color:var(--cyan-d);
  font-weight:700;background:rgba(63,195,245,.05);
}
.sd-table tr.is-root td:first-child{color:var(--amber)}
.sd-table .u-row .nm{display:flex;align-items:center;gap:8px}
.sd-table .u-row .av{
  width:24px;height:24px;flex-shrink:0;
  border:1px solid rgba(63,195,245,.3);
  background-size:cover;background-position:center;
}
.sd-table .u-row .un{font-family:var(--font-mono);font-size:11px;color:var(--cyan-l)}
.sd-table .u-actions{display:flex;gap:6px;flex-wrap:wrap}
.sd-mini{
  background:transparent;border:1px solid rgba(63,195,245,.4);
  padding:3px 7px;font-size:10px;color:var(--cyan-l);
  font-family:var(--font-cn);letter-spacing:.06em;cursor:pointer;
  transition:all .15s;
}
.sd-mini:hover{border-color:var(--cyan);color:#fff;box-shadow:0 0 8px rgba(63,195,245,.35)}
.sd-mini.danger{border-color:rgba(255,82,119,.5);color:#ffd1dc}
.sd-mini.danger:hover{border-color:var(--red);box-shadow:0 0 8px rgba(255,82,119,.4)}
.sd-mini:disabled{opacity:.45;cursor:not-allowed}

.sd-tag{
  display:inline-block;padding:1px 6px;
  font-family:var(--font-display);font-size:9px;letter-spacing:.18em;
  border:1px solid rgba(63,195,245,.4);
  background:rgba(63,195,245,.08);color:var(--cyan);
  font-weight:700;line-height:1.4;
}
.sd-tag.root{color:var(--amber);border-color:rgba(255,170,60,.5);background:rgba(255,170,60,.1)}
.sd-tag.admin{color:var(--teal);border-color:rgba(63,231,200,.5);background:rgba(63,231,200,.1)}
.sd-tag.departed{color:var(--red);border-color:rgba(255,82,119,.5);background:rgba(255,82,119,.1)}
.sd-tag.active{color:var(--green);border-color:rgba(82,226,163,.5);background:rgba(82,226,163,.1)}

/* Notifications list */
.sd-notif{
  display:flex;flex-direction:column;gap:8px;
}
.sd-notif-item{
  position:relative;
  padding:10px 12px 10px 16px;
  border:1px solid rgba(63,195,245,.22);
  background:rgba(63,195,245,.04);
  font-size:12px;color:var(--txt-1);
}
.sd-notif-item.unread{
  background:rgba(63,195,245,.10);
  border-color:rgba(63,195,245,.45);
}
.sd-notif-item.unread::before{
  content:"";position:absolute;left:6px;top:50%;width:4px;height:4px;
  background:var(--cyan);border-radius:50%;transform:translateY(-50%);
  box-shadow:0 0 6px var(--cyan);
}
.sd-notif-item .t{
  font-family:var(--font-mono);font-size:10px;color:var(--txt-3);
  letter-spacing:.06em;margin-top:4px;
}
.sd-notif-item .b{line-height:1.55}

.sd-allowed-list{display:flex;flex-direction:column;gap:6px}
.sd-allowed-item{
  display:flex;align-items:center;gap:10px;
  padding:8px 10px;
  border:1px solid rgba(63,195,245,.2);
  background:rgba(63,195,245,.04);
}
.sd-allowed-item .code{
  font-family:var(--font-mono);font-size:12px;color:#fff;font-weight:600;
  letter-spacing:.04em;flex-shrink:0;
}
.sd-allowed-item .pre{
  font-size:11px;color:var(--txt-2);flex:1;min-width:0;
}
.sd-allowed-item .pre b{color:var(--cyan-l);font-weight:600}

.sd-empty{
  padding:18px;text-align:center;
  font-size:12px;color:var(--txt-3);letter-spacing:.06em;
  border:1px dashed rgba(63,195,245,.2);
}

.sd-reset-flash{
  padding:10px 12px;
  background:rgba(255,170,60,.1);
  border:1px solid rgba(255,170,60,.4);
  font-family:var(--font-mono);font-size:13px;color:#ffe0b3;
  letter-spacing:.04em;line-height:1.4;
}
.sd-reset-flash b{font-size:15px;color:#fff}