.smd-card-control .production-smd-status {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 24px;
    height: 24px;
    margin: 4px 0 0;
    padding: 2px 24px 2px 8px;
    border: 1px solid #efc3bd;
    border-radius: 999px;
    background: #fff5f3;
    color: #9a352b;
    font: 600 10px/1 inherit;
    cursor: pointer;
}

.smd-card-control .production-smd-status.installed {
    border-color: #a8d8c4;
    background: #eef9f4;
    color: #176b57;
}

.smd-card-control .production-smd-status:disabled {
    cursor: default;
    opacity: .68;
}

.smd-consumption-dialog {
    width: min(720px, calc(100vw - 28px));
    max-height: calc(100vh - 34px);
    padding: 0;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 24px 80px rgba(18, 44, 68, .28);
}
.smd-consumption-dialog::backdrop { background: rgba(16, 38, 58, .48); }
.smd-consumption-dialog form { padding: 20px; }
.smd-dialog-header { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.smd-dialog-header h2 { margin:2px 0 4px; font-size:20px; }
.smd-dialog-hint { margin:14px 0; padding:10px 12px; border-radius:10px; background:#eef5fb; color:#536d84; font-size:12px; }
.smd-consumption-lines { display:grid; gap:7px; max-height:48vh; overflow:auto; }
.smd-consumption-line { display:grid; grid-template-columns:minmax(220px,1fr) 125px 130px; gap:12px; align-items:center; padding:9px 10px; border:1px solid #e2e9f0; border-radius:11px; background:#fafbfd; }
.smd-consumption-line > span { min-width:0; color:#6d7c8c; font-size:11px; }
.smd-consumption-line strong { display:block; color:#193a5c; font-size:12px; }
.smd-consumption-line small { display:block; margin-top:2px; color:#84919e; font-size:10px; }
.smd-consumption-line input { width:100%; height:32px; margin-top:3px; padding:4px 7px; font-size:12px; }
.smd-reason { display:block; margin-top:12px; color:#a23b31; font-size:12px; font-weight:700; }
.smd-reason textarea { width:100%; margin-top:5px; padding:8px 10px; border-color:#e2a19a; font-size:13px; resize:vertical; }
.smd-consumption-dialog .dialog-actions { margin-top:15px; }
@media (max-width: 620px) {
    .smd-consumption-line { grid-template-columns:1fr 1fr; }
    .smd-consumption-line > span:first-child { grid-column:1 / -1; }
}

.production-items-table .smd-badge-host {position:relative;padding-right:48px}
.smd-led-badge {position:absolute;right:8px;top:7px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:20px;box-sizing:border-box;border:1px solid #dc8177;border-radius:5px;background:#fff1ef;color:#a82c22;font:700 10px/1 Arial,sans-serif;letter-spacing:.3px;cursor:default}
.smd-led-badge.installed {border-color:#65b999;background:#eaf8f1;color:#136846}
.smd-card-control {margin:12px 20px;padding:10px 12px;border:1px solid #e2e9f0;border-radius:10px;background:#fafbfd}
.smd-card-control[hidden] {display:none}
.smd-card-control label {display:block;font-size:12px;font-weight:600;color:#536d84}
.smd-card-control .production-smd-status {margin-top:6px;max-width:280px;font-family:inherit;font-size:12px;font-weight:600;min-height:30px;height:30px}

/* Compact LED indicators: isolate from the table's generic span styles. */
.production-items-table .smd-badge-host > .smd-led-badge {
    position:absolute;
    top:8px;
    right:10px;
    bottom:auto;
    left:auto;
    display:grid;
    place-items:center;
    width:32px;
    min-width:32px;
    max-width:32px;
    height:18px;
    min-height:18px;
    max-height:18px;
    margin:0;
    padding:0;
    box-sizing:border-box;
    border:1px solid #dc8177;
    border-radius:4px;
    background:#fff1ef;
    color:#a82c22;
    font-family:Arial,sans-serif;
    font-size:9px;
    font-weight:700;
    line-height:1;
    letter-spacing:.3px;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
}
.production-items-table .smd-badge-host > .smd-led-badge.installed {
    border-color:#65b999;
    background:#eaf8f1;
    color:#136846;
}