/* dms-ui · minor overrides on top of Tailwind */
:root { color-scheme: dark; }
html, body { font-family: ui-sans-serif, system-ui, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
.card {
  background: rgb(15 23 42 / 0.6);   /* slate-900/60 */
  border: 1px solid rgb(30 41 59);    /* slate-800 */
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
}
.tab.active { background: rgb(30 41 59); color: rgb(186 230 253); }
input, select, button, textarea { font: inherit; }
input:focus, select:focus, textarea:focus { outline: 2px solid rgb(14 165 233); outline-offset: -1px; }
pre { tab-size: 4; }
table input { background: rgb(15 23 42); border: 1px solid rgb(51 65 85); border-radius: 0.25rem; padding: 0.125rem 0.5rem; }
.row-btn { font-size: 0.75rem; padding: 0.125rem 0.5rem; border-radius: 0.25rem; }
.row-btn.primary { background: rgb(2 132 199); color: white; }
.row-btn.danger  { background: rgb(190 18 60); color: white; }
.row-btn.ghost   { background: rgb(30 41 59); color: rgb(226 232 240); }
.dot { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 9999px; margin-right: 0.375rem; }
.dot.green { background: rgb(34 197 94); }
.dot.red   { background: rgb(244 63 94); }
.dot.amber { background: rgb(245 158 11); }