@layer components{.dc{--rule:color-mix(in srgb, var(--color-bone30) 55%, transparent);--rule-soft:color-mix(in srgb, var(--color-bone30) 26%, transparent);--row-hover:color-mix(in srgb, var(--color-bone) 4%, transparent);--raised:color-mix(in srgb, var(--color-bone) 3%, var(--color-surface));--ok:#5fa872;--warn:#c9a93b;--bad:#c4566a;background:var(--color-iron);color:var(--color-bone60);font-family:var(--font-sans);min-height:100dvh}.dc-display{font-family:var(--font-display);text-transform:uppercase;color:var(--color-bone);letter-spacing:.06em;font-weight:500;line-height:1.05}.dc-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--color-bone60);font-size:.6875rem;font-weight:500}.dc-micro{color:var(--color-bone60);font-size:.6875rem;line-height:1.35}.dc-num{font-family:var(--font-display);color:var(--color-bone);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:500}.dc-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.75rem}.dc-panel{background:var(--color-surface);border:1px solid var(--rule-soft);border-radius:.625rem;min-width:0}.dc-hair{border-color:var(--rule-soft)}.dc-table{border-collapse:separate;border-spacing:0;width:100%}.dc-table thead th{z-index:1;background:var(--color-surface);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--color-bone60);text-align:left;white-space:nowrap;border-bottom:1px solid var(--rule);padding:.5rem .75rem;font-size:.625rem;font-weight:500;position:sticky;top:0}.dc-table tbody td{border-bottom:1px solid var(--rule-soft);vertical-align:top;padding:.5rem .75rem;font-size:.8125rem}.dc-table tbody tr:hover td{background:var(--row-hover)}.dc-table tbody tr:last-child td{border-bottom:0}.dc-table td.is-num{font-variant-numeric:tabular-nums;text-align:right}.dc-table td.is-key{color:var(--color-bone)}.dc-chip{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;color:var(--color-bone60);border:1px solid;border-radius:.25rem;align-items:center;gap:.375rem;padding:.1875rem .4375rem;font-size:.625rem;font-weight:500;display:inline-flex}.dc-chip-ok{color:var(--ok)}.dc-chip-warn{color:var(--warn)}.dc-chip-bad{color:var(--bad)}.dc-chip-live{color:var(--color-lift)}.dc-chip-idle{color:var(--color-bone30)}.dc-dot{background:currentColor;border-radius:50%;flex:none;width:.5rem;height:.5rem}.dc-input,.dc-select{background:var(--color-pressed);border:1px solid var(--rule-soft);color:var(--color-bone);font-size:.8125rem;font-family:var(--font-sans);border-radius:.375rem;padding:.4375rem .625rem}.dc-input::placeholder{color:var(--color-bone30)}.dc-input:hover,.dc-select:hover{border-color:var(--rule)}.dc-input:focus-visible,.dc-select:focus-visible{outline:2px solid var(--color-lift);outline-offset:1px;border-color:#0000}.dc-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;padding:.4375rem .75rem;font-size:.6875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.dc-btn-primary{background:var(--color-bone);color:var(--color-iron)}.dc-btn-primary:hover{background:#fffdf7}.dc-btn-ghost{border-color:var(--rule);color:var(--color-bone60);background:0 0}.dc-btn-ghost:hover{border-color:var(--color-bone60);color:var(--color-bone)}.dc-btn-danger{border-color:color-mix(in srgb, var(--bad) 60%, transparent);color:var(--bad);background:0 0}.dc-btn-danger:hover{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 12%, transparent)}.dc-btn:disabled{opacity:.4;cursor:not-allowed}.dc-navlink{color:var(--color-bone60);border-left:2px solid #0000;border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.8125rem;display:flex}.dc-navlink:hover{background:var(--row-hover);color:var(--color-bone)}.dc-navlink[data-active=true]{color:var(--color-bone);background:var(--row-hover);border-left-color:var(--color-lift)}.dc-scroll{-webkit-overflow-scrolling:touch;overflow:auto}.dc-scroll::-webkit-scrollbar{width:10px;height:10px}.dc-scroll::-webkit-scrollbar-thumb{background:var(--rule);border-radius:5px}.dc-scroll::-webkit-scrollbar-track{background:0 0}.dc-pre{white-space:pre-wrap;word-break:break-word;color:var(--color-bone60);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.6875rem;line-height:1.55}.dc-bar{background:var(--color-lift);border-radius:1px;height:.25rem}.dc-bar-track{background:var(--rule-soft);border-radius:1px;height:.25rem;overflow:hidden}@media (max-width:767px){.dc-btn,.dc-input,.dc-select{min-height:44px}.dc-label{font-size:.75rem}.dc-table tbody td{font-size:.875rem}}}