/* Feature: Inventário (Camada 7) — inclui o modal compartilhado de "ficha da máquina"
   (machineModal.js), que corrige o bug histórico de abrirModalMaquina duplicada.
   Mesmos valores visuais das duas versões legadas — nada foi redesenhado, só migrado de
   style="" inline / onfocus/onblur JS para classes CSS reais. */

.machine-modal-loading,
.machine-modal-error {
    text-align: center;
    padding: 30px;
}

.machine-modal-loading {
    color: #94a3b8;
}

.machine-modal-error {
    /* A versão legada usava var(--danger-color), que nunca foi definida em :root — na prática
       herdava a cor de texto padrão. Usamos aqui o mesmo vermelho já usado consistentemente em
       outros estados de erro do app (.toast.error), em vez de repetir a variável inexistente. */
    color: #ef4444;
}

.machine-spec-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.machine-spec-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px;
}

.machine-spec-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 6px;
}

.machine-spec-icon {
    color: var(--primary-orange);
    margin-right: 4px;
}

.machine-spec-value {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-blue);
}

.machine-modal-actions {
    text-align: right;
    margin-top: 15px;
}

.machine-edit-field-label {
    font-weight: 600;
    width: 40%;
    background: #f8fafc;
    border-right: 1px solid #e2e8f0;
    text-transform: capitalize;
    padding: 12px;
}

.machine-edit-field-value {
    padding: 0;
}

.machine-edit-input {
    width: 100%;
    padding: 12px;
    border: none;
    background: transparent;
    font-size: 14px;
    color: #475569;
    outline: none;
    box-sizing: border-box;
    transition: 0.2s;
}

.machine-edit-input:focus {
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--primary-orange);
}

/* Tabela de Inventário (js/features/inventario/page.js) — mesmos valores visuais que a versão
   legada, agora como classes em vez de style="" gerado por template string. */

.inv-th-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inv-th-label {
    white-space: nowrap;
    margin-right: 8px;
}

.inv-th-controls {
    display: flex;
    gap: 6px;
}

.inv-icon-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.inv-sort-active {
    color: var(--primary-blue);
}

.inv-sort-inactive {
    opacity: 0.3;
}

.inv-filter-active {
    color: var(--primary-orange);
}

.inv-filter-inactive {
    opacity: 0.4;
}

.inv-filter-box {
    margin-top: 6px;
}

.inv-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 12px;
    white-space: nowrap;
}

.inv-status-badge.is-free {
    color: #059669;
    background: #ecfdf5;
}

.inv-status-badge.is-assigned {
    color: var(--primary-blue);
    background: #eff6ff;
}

.inv-empty-state {
    text-align: center;
    padding: 30px;
    color: #94a3b8;
}