/* ========================================
   INPUT STYLES
   ======================================== */

/* Number Input - Remove Spin Buttons */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Contenteditable Placeholder */
[contenteditable=true]:empty:before {
    content: attr(placeholder);
    pointer-events: none;
    display: block;
    color: #6b7280;
}

/* Editable Name Styles */
#session-name-display:hover {
    background-color: rgba(43, 157, 238, 0.1);
}

#session-name-display:focus {
    background-color: rgba(43, 157, 238, 0.1);
}

/* ========================================
   SPREADSHEET CELL INPUT
   ======================================== */
.spreadsheet td[contenteditable="true"]:focus {
    outline: 2px solid #22c55e;
    outline-offset: -2px;
}

/* Rundown Table Cell Input */
.ascii-table td[contenteditable="true"]:focus {
    outline: 2px solid #2b9dee;
    outline-offset: -2px;
    background: rgba(43, 157, 238, 0.1);
}

.ascii-table td[contenteditable="true"]:empty::before {
    content: attr(placeholder);
    color: #4b5563;
    font-style: italic;
}