body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Plan Promocional grid - column widths and offsets */
/* Pedido column removed (GRID-03) */
.pauta-grid {
    --col-proveedor: 120px;
    --col-plaza: 100px;
    --col-emisora: 140px;
    --col-tarifa: 80px;

    --left-proveedor: 0px;
    --left-plaza: var(--col-proveedor);
    --left-emisora: calc(var(--col-proveedor) + var(--col-plaza));
    --left-tarifa: calc(var(--col-proveedor) + var(--col-plaza) + var(--col-emisora));
}

/* Box-shadow borders for sticky compatibility */
.pauta-grid td,
.pauta-grid th {
    box-shadow: inset 0 -1px 0 #e5e7eb, inset -1px 0 0 #e5e7eb;
}

.dark .pauta-grid td,
.dark .pauta-grid th {
    box-shadow: inset 0 -1px 0 #374151, inset -1px 0 0 #374151;
}

/* Drop shadow on the last sticky column to indicate scrollable content */
.pauta-grid td.sticky-edge,
.pauta-grid th.sticky-edge {
    box-shadow: inset 0 -1px 0 #e5e7eb, 2px 0 4px -1px rgba(0, 0, 0, 0.1);
}

.dark .pauta-grid td.sticky-edge,
.dark .pauta-grid th.sticky-edge {
    box-shadow: inset 0 -1px 0 #374151, 2px 0 4px -1px rgba(0, 0, 0, 0.3);
}

/* Hide number input spinners in pauta grid (Pitfall 3) */
.pauta-grid input[type="number"]::-webkit-inner-spin-button,
.pauta-grid input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pauta-grid input[type="number"] {
    -moz-appearance: textfield;
}

/* Disabled input styling when pauta is closed (CLO-04) */
.pauta-grid input[type="number"]:disabled {
    cursor: not-allowed;
    opacity: 0.5;
    background-color: rgba(0, 0, 0, 0.02);
}
.dark .pauta-grid input[type="number"]:disabled {
    background-color: rgba(255, 255, 255, 0.02);
}