/* 我的 / 設定 */
.profile-head{display:flex;align-items:center;gap:15px;padding:18px 22px 22px;}
.avatar-lg{flex:none;width:58px;height:58px;border-radius:50%;background:var(--surf2);border:.5px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:600;font-size:21px;color:var(--ink2);}
.profile-head .nm{font-weight:500;font-size:17px;}
.profile-head .l3{font-size:12px;color:var(--ink3);margin-top:3px;font-family:var(--fd);letter-spacing:.02em;}

/* 推播裝置列表 */
.dev-list{margin:0 20px;background:var(--surf);border:.5px solid var(--line);border-radius:16px;overflow:hidden;}
.dev-row{display:flex;align-items:center;gap:13px;padding:13px 16px;}
.dev-row + .dev-row{border-top:.5px solid var(--line);}
.dev-ic{flex:none;font-size:21px;color:var(--ink2);}
.dev-bd{flex:1;min-width:0;}
.dev-nm{font-size:14px;font-weight:500;display:flex;align-items:center;gap:7px;}
.dev-cur{font-size:10px;font-family:var(--fd);letter-spacing:.03em;background:var(--actint);color:var(--acink);
  padding:2px 7px;border-radius:999px;}
.dev-sub{font-size:11.5px;color:var(--ink3);margin-top:2px;font-family:var(--fd);}
.dev-x{flex:none;width:32px;height:32px;border-radius:50%;border:none;background:none;color:var(--ink3);
  font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.dev-x:active{background:var(--surf2);color:var(--dang);}
.dev-empty,.dev-loading{padding:18px;text-align:center;font-size:12.5px;color:var(--ink3);}

/* 權限管理 */
.perm-add{padding-top:10px;}
.perm-type .dev-bd{cursor:pointer;}
.perm-type .type-code{margin-left:7px;font-family:var(--fd);font-size:10.5px;color:var(--ink3);letter-spacing:.02em;}
.perm-panel{padding:4px 16px 14px;border-top:.5px dashed var(--line);background:var(--surf);}
.perm-panel .mb-search{margin-top:10px;}
.perm-clear{margin-top:10px;width:100%;font-size:13px;}

/* 頭貼可點更換 */
.av-edit{cursor:pointer;}
.av-edit .av-cam{position:absolute;right:-1px;bottom:-1px;width:20px;height:20px;border-radius:50%;
  background:var(--acc,#111);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;
  border:2px solid var(--surf);z-index:2;}
.av-remove{margin-top:7px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;
  border:.5px solid var(--line);background:var(--surf);color:var(--ink2);font-size:11.5px;cursor:pointer;}
.av-remove:active{background:var(--surf2);}
.av-hint{opacity:.75;}

.push-card{margin:0 20px 8px;background:var(--surf);border:.5px solid var(--line);border-radius:16px;
  padding:15px 16px;display:flex;align-items:center;gap:14px;}
.push-card .ic{flex:none;width:38px;height:38px;border-radius:11px;background:var(--actint);color:var(--acink);
  display:flex;align-items:center;justify-content:center;font-size:19px;}
.push-card .nm{font-weight:500;font-size:14.5px;}
.push-card .sub{font-size:12px;color:var(--ink3);margin-top:2px;}

.lrow{display:flex;align-items:center;gap:14px;padding:14px 22px;border-top:.5px solid var(--line);
  cursor:pointer;background:none;border-left:none;border-right:none;border-bottom:none;width:100%;
  font-family:var(--fb);color:var(--ink);text-align:left;}
.lrow i.lead{font-size:20px;color:var(--ink2);width:22px;text-align:center;}
.lrow .t{flex:1;font-size:14.5px;}
.lrow .v{font-size:13px;color:var(--ink3);}
.lrow .chev{font-size:18px;color:var(--ink3);}
.lrow.danger,.lrow.danger i{color:var(--dang);}
.lrow .lrow-t{font-size:14.5px;}
.lrow .lrow-d{font-size:11.5px;color:var(--ink3);margin-top:2px;}
.hint{font-size:12px;color:var(--ink3);padding:14px 22px 0;line-height:1.6;}
.hint code{font-family:var(--fd);background:var(--surf2);padding:1px 5px;border-radius:5px;font-size:11.5px;}

/* 通知類型卡 */
.type-card{background:var(--surf);border:.5px solid var(--line);border-radius:16px;padding:14px 15px;margin-bottom:12px;}
.type-head{display:flex;align-items:center;gap:12px;}
.type-ic{flex:none;width:38px;height:38px;border-radius:11px;background:var(--surf2);border:.5px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--ink2);}
.type-label{font-weight:500;font-size:14.5px;display:flex;align-items:center;gap:8px;}
.type-code{font-family:var(--fd);font-size:11px;color:var(--acink);background:var(--actint);padding:1px 7px;border-radius:6px;letter-spacing:.02em;}
.type-desc{font-size:12px;color:var(--ink3);margin-top:2px;}
.type-ic.imp{background:color-mix(in oklch, var(--dang), transparent 86%);border-color:transparent;color:var(--dang);}
.type-sys{font-family:var(--fd);font-size:11px;color:var(--ink3);background:var(--surf2);
  padding:4px 10px;border-radius:999px;white-space:nowrap;flex:none;}
.level-tag{font-family:var(--fd);font-size:10.5px;padding:1px 7px;border-radius:6px;background:var(--surf2);color:var(--ink3);letter-spacing:.02em;}
.level-tag.imp{background:color-mix(in oklch, var(--dang), transparent 86%);color:var(--dang);}

/* 新增類型卡片 */
.add-type-btn{width:100%;}
.btn.ghost{background:var(--surf2);color:var(--ink2);}
.level-seg{display:flex;background:var(--surf2);border:.5px solid var(--line);border-radius:999px;
  padding:3px;font-size:12px;font-weight:500;flex:none;align-self:flex-start;}
.level-seg button{border:none;background:none;cursor:pointer;padding:5px 13px;border-radius:999px;color:var(--ink3);font-family:var(--fb);}
.level-seg button.on{background:var(--ink);color:var(--bg);}
.type-new .nt-in{width:100%;background:var(--surf2);border:.5px solid var(--line);border-radius:10px;
  padding:10px 12px;font-family:var(--fb);font-size:14px;color:var(--ink);outline:none;}
.type-new .nt-in::placeholder{color:var(--ink3);}
.type-new .nt-label{font-weight:500;}
.nt-row{display:flex;gap:10px;}
.nt-row .nt-label{flex:1;min-width:0;}
.nt-row .nt-code{flex:none;width:128px;font-size:13px;font-family:var(--fd);}
.type-new .nt-desc{margin-top:10px;font-size:13px;}
.type-new-actions{display:flex;gap:10px;margin-top:14px;}
.type-new-actions .btn{flex:1;}

/* 圖示選擇器（預設＋上傳 SVG） */
.icon-picker{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
.ipick{width:38px;height:38px;border-radius:10px;border:.5px solid var(--line);background:var(--surf2);
  color:var(--ink2);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}
.ipick:hover{color:var(--ink);}
.ipick.on{background:var(--actint);border-color:transparent;color:var(--acink);}
.ipick.upload{color:var(--ink3);margin-left:auto;}
.type-icimg{width:60%;height:60%;object-fit:contain;}
/* 可接收人員 */
.type-aud{margin-top:12px;border-top:.5px solid var(--line);padding-top:8px;}
.aud-btn{width:100%;display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;
  font-family:var(--fb);color:var(--ink2);font-size:13px;padding:6px 2px;}
.aud-btn .ti-users{font-size:17px;color:var(--ink3);}
.aud-btn .aud-count{color:var(--ink3);}
.aud-btn .aud-chev{margin-left:auto;font-size:17px;color:var(--ink3);}
.mb-panel{margin-top:6px;}
.mb-search{display:flex;align-items:center;gap:8px;background:var(--surf2);border:.5px solid var(--line);
  border-radius:10px;padding:8px 11px;}
.mb-search i{color:var(--ink3);font-size:17px;}
.mb-search input{flex:1;border:none;background:none;outline:none;font-family:var(--fb);font-size:13.5px;color:var(--ink);}
.aud-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);margin:2px 2px 8px;}
.aud-label .ti-users{font-size:17px;color:var(--ink3);}
.aud-label .aud-count{color:var(--ink3);}
.aud-all-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;border:.5px solid var(--line);
  background:var(--surf2);color:var(--ink2);font-family:var(--fb);font-size:12.5px;padding:6px 11px;border-radius:8px;cursor:pointer;}
.aud-all-btn:hover{background:var(--surf);color:var(--ink);}
.aud-all-btn i{font-size:15px;}
.mb-results{max-height:240px;overflow-y:auto;}
.mb-results .result{padding:9px 4px;}
.mb-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.mb-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surf2);border:.5px solid var(--line);
  border-radius:999px;padding:5px 6px 5px 12px;font-size:13px;color:var(--ink);}
.mb-chip small{font-family:var(--fd);font-size:10.5px;color:var(--ink3);}
.mb-x{border:none;background:none;color:var(--ink3);cursor:pointer;display:flex;align-items:center;
  width:20px;height:20px;border-radius:50%;font-size:15px;}
.mb-x:hover{color:var(--dang);background:color-mix(in oklch, var(--dang), transparent 88%);}
.mb-empty{font-size:12px;color:var(--ink3);padding:4px 2px;}

.type-ex{margin-top:12px;border-top:.5px solid var(--line);padding-top:11px;}
.type-ex-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
.type-ex-acts{display:flex;gap:8px;}
.copy-btn.del:hover{background:color-mix(in oklch, var(--dang), transparent 88%);border-color:transparent;color:var(--dang);}
.type-ex-label{font-family:var(--fd);font-size:11px;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase;}
.copy-btn{display:inline-flex;align-items:center;gap:5px;border:.5px solid var(--line);background:var(--surf2);
  color:var(--ink2);font-family:var(--fb);font-size:12px;padding:4px 10px;border-radius:8px;cursor:pointer;}
.copy-btn:hover{background:var(--surf);color:var(--ink);}
.copy-btn i{font-size:15px;}
.type-ex-url{display:block;font-family:var(--fd);font-size:11.5px;color:var(--ink2);background:var(--surf2);
  border:.5px solid var(--line);border-radius:9px;padding:9px 11px;line-height:1.55;word-break:break-all;}

/* 防火牆推播監聽 */
.push-card .ic.on{background:color-mix(in oklch, var(--ok, oklch(.72 .15 150)), transparent 82%);color:var(--ok, oklch(.62 .15 150));}
.fw-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--ink3);}
.fw-dot.on{background:oklch(.72 .15 150);box-shadow:0 0 0 4px color-mix(in oklch, oklch(.72 .15 150), transparent 82%);}
.fw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:12px 20px 0;background:var(--line);
  border:.5px solid var(--line);border-radius:12px;overflow:hidden;}
.fw-cell{background:var(--surf);padding:12px 14px;}
.fw-cell .k{font-family:var(--fd);font-size:10.5px;letter-spacing:.06em;color:var(--ink3);text-transform:uppercase;}
.fw-cell .v{font-family:var(--fd);font-size:17px;font-weight:600;margin-top:6px;color:var(--ink);}
.fw-last{margin:0 20px;font-family:var(--fd);font-size:12px;color:var(--ink2);background:var(--surf2);
  border:.5px solid var(--line);border-radius:10px;padding:11px 13px;word-break:break-all;line-height:1.5;}
.fw-actions{display:flex;gap:10px;margin:16px 20px 0;}
.fw-actions .btn{flex:1;}

/* 每日氣象：推播地區選單 */
.wx-region{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:.5px solid var(--line);}
.wx-region-k{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink2);font-weight:500;}
.wx-region-k i{font-size:17px;color:var(--ac);}
.wx-sel{position:relative;margin-left:auto;}
.wx-sel select{appearance:none;-webkit-appearance:none;-moz-appearance:none;
  font-family:var(--fb);font-size:13.5px;font-weight:500;color:var(--ink);
  background:var(--surf2);border:.5px solid var(--line);border-radius:999px;
  padding:8px 34px 8px 15px;cursor:pointer;outline:none;line-height:1.2;
  transition:border-color .15s, background .15s;}
.wx-sel select:hover{background:var(--surf);}
.wx-sel select:focus{border-color:color-mix(in oklch, var(--ac), transparent 40%);
  box-shadow:0 0 0 3px color-mix(in oklch, var(--ac), transparent 86%);}
.wx-sel i{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:16px;color:var(--ink3);}
.wx-sel select:focus + i{color:var(--ac);}

/* 伺服器監控 */
.mon-row{display:flex;align-items:center;gap:13px;background:var(--surf);border:.5px solid var(--line);
  border-radius:14px;padding:14px 16px;margin-bottom:10px;}
.mon-dot{flex:none;width:11px;height:11px;border-radius:50%;background:var(--ink3);}
.mon-row.up .mon-dot{background:oklch(.72 .15 150);box-shadow:0 0 0 4px color-mix(in oklch, oklch(.72 .15 150), transparent 84%);}
.mon-row.warn .mon-dot{background:oklch(.80 .13 72);box-shadow:0 0 0 4px color-mix(in oklch, oklch(.80 .13 72), transparent 84%);}
.mon-row.down .mon-dot{background:var(--dang);box-shadow:0 0 0 4px color-mix(in oklch, var(--dang), transparent 84%);}
.mon-bd{flex:1;min-width:0;}
.mon-nm{font-weight:500;font-size:14.5px;}
.mon-sub{font-size:12px;color:var(--ink3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mon-badge{flex:none;font-family:var(--fd);font-size:11px;padding:3px 10px;border-radius:999px;background:var(--surf2);color:var(--ink3);}
.mon-badge.up{background:color-mix(in oklch, oklch(.72 .15 150), transparent 86%);color:oklch(.62 .15 150);}
.mon-badge.warn{background:var(--actint);color:var(--acink);}
.mon-badge.down{background:color-mix(in oklch, var(--dang), transparent 86%);color:var(--dang);}
.spin-i{display:inline-block;animation:spin360 .9s linear infinite;}
@keyframes spin360{to{transform:rotate(360deg);}}

/* 狀態總覽：可點的列 */
.mon-row.tap{width:100%;font-family:var(--fb);color:var(--ink);cursor:pointer;text-align:left;}
.mon-row.tap:hover{background:var(--surf2);}
.mon-chev{flex:none;color:var(--ink3);font-size:18px;}

/* 新增類型：預設開啟推播 */
.defon-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;
  padding-top:14px;border-top:.5px solid var(--line);}
.defon-t{font-weight:500;font-size:14px;}
.defon-s{font-size:11.5px;color:var(--ink3);margin-top:2px;}

/* 使用者訂閱：靜默開關列 */
.silent-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;
  padding-top:12px;border-top:.5px solid var(--line);}
.silent-t{font-weight:500;font-size:13.5px;}
.silent-s{font-size:11.5px;color:var(--ink3);margin-top:2px;}

/* 基本資料編輯 */
.prof-form{margin:0 20px;background:var(--surf);border:.5px solid var(--line);border-radius:16px;padding:16px;}
.prof-form .pf-label{display:block;font-size:12px;color:var(--ink3);margin-bottom:6px;font-family:var(--fd);letter-spacing:.02em;}
.prof-form input{width:100%;border:.5px solid var(--line);background:var(--surf2);border-radius:11px;
  padding:10px 13px;font-family:var(--fb);font-size:14.5px;color:var(--ink);outline:none;}
.prof-form .rem-acts{margin-top:14px;}

/* 主題色調圓點（我的→外觀） */
.th-dots{display:flex;gap:10px;margin-left:auto;}
.th-dot{width:26px;height:26px;border-radius:50%;padding:0;cursor:pointer;
  border:2px solid var(--line);box-shadow:inset 0 0 0 2px oklch(1 0 0/.25);
  transition:transform .15s cubic-bezier(.22,.9,.3,1), border-color .15s;}
.th-dot:hover{transform:scale(1.12);}
.th-dot.on{border-color:var(--ac);box-shadow:inset 0 0 0 2px oklch(1 0 0/.4);}

/* 亮暗模式切換（我的→外觀） */
.th-mode-seg{margin-left:auto;}
.th-mode-seg button{padding:5px 11px;font-size:12.5px;}

/* ── 驗證完成：綠勾勾 ── */
.lrow .v.v-ok{color:var(--okc);display:inline-flex;align-items:center;gap:5px;}
.lrow .v.v-ok .ti{font-size:17px;}

/* ── 實名會員尊榮識別：金環頭像 + 認證徽章 + 名字旁徽章 ── */
.avatar-lg.av-vip{position:relative;overflow:visible;
  box-shadow:0 0 0 2.5px var(--bg), 0 0 0 5.5px oklch(.75 .12 85), 0 4px 18px oklch(.75 .12 85/.35);}
.avatar-lg.av-vip .av-img{border-radius:50%;}
.av-vipbadge{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;
  background:linear-gradient(135deg, oklch(.85 .13 92), oklch(.68 .13 76));
  border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;z-index:2;
  box-shadow:0 2px 8px oklch(.7 .13 80/.45);}
.av-vipbadge .ti{font-size:12px;line-height:1;color:oklch(.25 .05 80);font-weight:700;-webkit-text-stroke:.6px currentColor;}

/* 導覽列尊榮識別：側邊欄/底部導覽頭像金環（box-shadow 不受 overflow:hidden 裁切） */
.me-av.vip,.nb-av.vip{box-shadow:0 0 0 2px oklch(.75 .12 85), 0 2px 8px oklch(.75 .12 85/.35);}
.vip-tag{display:inline-flex;align-items:center;gap:4px;margin-left:8px;vertical-align:2px;
  font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:999px;
  color:oklch(.5 .11 80);background:oklch(.75 .12 85/.16);border:.5px solid oklch(.72 .12 85/.4);}
:root[data-mode="dark"] .vip-tag{color:oklch(.85 .11 88);}
@media (prefers-color-scheme:dark){:root:not([data-mode="light"]) .vip-tag{color:oklch(.85 .11 88);}}
.vip-tag .ti{font-size:13px;}

/* 導覽列頭像迷你金勾徽章（vip 時解開裁切，照片圓形由 av-img 自己維持） */
.me-av.vip,.nb-av.vip{overflow:visible;}
.me-av.vip .av-img,.nb-av.vip .av-img{border-radius:50%;}
.nav-vipdot{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;
  background:linear-gradient(135deg, oklch(.85 .13 92), oklch(.68 .13 76));
  border:1.5px solid var(--bg);display:flex;align-items:center;justify-content:center;z-index:2;
  box-shadow:0 1px 5px oklch(.7 .13 80/.45);}
.nav-vipdot .ti{font-size:8.5px;line-height:1;color:oklch(.25 .05 80);-webkit-text-stroke:.5px currentColor;}

/* 實名認證說明：呼吸金問號鈕 */
.kyc-info-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;
  border-radius:50%;margin-left:7px;vertical-align:middle;transform:translateY(-1px);cursor:pointer;
  background:linear-gradient(135deg, oklch(.85 .13 92), oklch(.68 .13 76));
  animation:kycpulse 2.2s ease-out infinite;}
.kyc-info-btn .ti{font-size:11px;line-height:1;color:oklch(.25 .05 80);-webkit-text-stroke:.5px currentColor;}
@keyframes kycpulse{
  0%{box-shadow:0 0 0 0 oklch(.75 .12 85/.55);}
  70%{box-shadow:0 0 0 9px oklch(.75 .12 85/0);}
  100%{box-shadow:0 0 0 0 oklch(.75 .12 85/0);}
}
@media (prefers-reduced-motion:reduce){.kyc-info-btn{animation:none;}}

/* 實名認證說明彈窗 */
.kycinfo-wrap{position:fixed;inset:0;z-index:200;background:oklch(0 0 0/.45);
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.kycinfo-wrap.show{opacity:1;}
.kycinfo-panel{width:min(480px,100%);max-height:min(640px,88vh);overflow-y:auto;background:var(--surf);
  border:.5px solid var(--line);border-radius:18px;padding:20px 22px 18px;
  box-shadow:0 24px 64px oklch(0 0 0/.3);}
.kycinfo-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.kycinfo-ttl{display:flex;align-items:center;gap:9px;font-family:var(--fd);font-weight:600;font-size:17px;}
.kycinfo-ttl .ti{font-size:21px;color:oklch(.62 .12 80);}
.kycinfo-x{width:32px;height:32px;border-radius:50%;border:none;background:var(--surf2);color:var(--ink2);
  font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.kycinfo-lead{font-size:13.5px;color:var(--ink2);line-height:1.7;margin-bottom:6px;}
.kycinfo-glabel{font-family:var(--fd);font-size:11.5px;letter-spacing:.06em;color:var(--ink3);
  text-transform:uppercase;margin:16px 0 8px;}
.kycinfo-item{display:flex;gap:12px;padding:10px 0;font-size:13px;line-height:1.65;color:var(--ink2);}
.kycinfo-item+.kycinfo-item{border-top:.5px solid var(--line);}
.kycinfo-item .ti{font-size:20px;color:oklch(.62 .12 80);flex:none;margin-top:1px;}
.kycinfo-item b{color:var(--ink);}
.kycinfo-law{font-size:12.5px;color:var(--ink2);line-height:2;background:var(--surf2);
  border-radius:12px;padding:12px 14px;}
.kycinfo-foot{font-size:11.5px;color:var(--ink3);line-height:1.7;margin-top:14px;}

/* ===== 我的訂單 ===== */
.ord-card{background:var(--surf);border:.5px solid var(--line);border-radius:16px;
  padding:14px 16px;margin-bottom:12px;}
.ord-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;}
.ord-top .store{font-size:13.5px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:6px;min-width:0;}
.ord-top .store .ti{color:var(--ac);font-size:15px;}
.ord-top .date{font-size:11.5px;color:var(--ink3);white-space:nowrap;}
.ord-items{border-top:.5px solid var(--line);border-bottom:.5px solid var(--line);padding:8px 0;margin-bottom:9px;}
.ord-item{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2.5px 0;font-size:13px;}
.ord-item .n{color:var(--ink2);min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ord-item .q{color:var(--ink3);font-size:12px;white-space:nowrap;}
.ord-bot{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ord-bot .badges{display:flex;gap:6px;flex-wrap:wrap;}
.ord-bot .amt{font-size:15.5px;font-weight:700;color:var(--ink);white-space:nowrap;}
.ord-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;
  padding:3px 9px;border-radius:99px;border:.5px solid var(--line);color:var(--ink3);}
.ord-badge .ti{font-size:13px;}
.ord-badge.ok{color:var(--okc);border-color:color-mix(in oklab, var(--okc) 35%, transparent);
  background:color-mix(in oklab, var(--okc) 9%, transparent);}
.ord-badge.wait{color:var(--ac);border-color:color-mix(in oklab, var(--ac) 35%, transparent);
  background:color-mix(in oklab, var(--ac) 8%, transparent);}
.ord-badge.bad{color:#c4554d;border-color:rgba(196,85,77,.35);background:rgba(196,85,77,.08);}
.ord-meta{font-size:11.5px;color:var(--ink3);margin-top:8px;}
.ord-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 4px;}
.ord-pager .pg{font-size:13px;color:var(--ink2);}
.ord-pager .btn{width:auto;padding:8px 14px;margin:0;}
.ord-pager .btn[disabled]{opacity:.35;pointer-events:none;}