:root {
    --ft-scale: 1;
}
body.font-size-80  { font-size: 0.8rem; }
body.font-size-90  { font-size: 0.9rem; }
body.font-size-100 { font-size: 1rem; }
body.font-size-110 { font-size: 1.1rem; }
body.font-size-120 { font-size: 1.2rem; }

[data-bs-theme="dark"] body {
    background-color: #121417;
}
[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
}
[data-bs-theme="dark"] .card {
    background-color: #1b1e22;
}

.table-responsive-card .table td, .table-responsive-card .table th {
    vertical-align: middle;
}

#gerberPreview svg {
    width: 100%;
    height: auto;
    background: #111;
    border-radius: 6px;
}
.layer-row { padding: 4px 8px; border-radius: 4px; }
.layer-row:hover { background: rgba(127,127,127,.1); }

.badge-dnp { text-decoration: line-through; opacity: .6; }

.json-extra-field { font-family: monospace; }