/* styles.css — Application styles extracted from index.html */

.modal {
    display: none;
}
.modal.active {
    display: flex;
}

/* Invoice/Quote Modal — visible field borders */
#invoice-modal input,
#invoice-modal select,
#invoice-modal textarea,
#quote-modal input,
#quote-modal select,
#quote-modal textarea {
    border: 1.5px solid #9ca3af !important;
}

#invoice-modal input:focus,
#invoice-modal select:focus,
#invoice-modal textarea:focus,
#quote-modal input:focus,
#quote-modal select:focus,
#quote-modal textarea:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

/* Rich Text Editor borders */
#invoice-modal .ql-container,
#invoice-modal .ql-toolbar,
#quote-modal .ql-container,
#quote-modal .ql-toolbar {
    border: 1.5px solid #9ca3af !important;
}

.item-row input,
.item-row select,
.invoice-item input,
.invoice-item select,
#invoice-items input,
#invoice-items select,
#quote-items input,
#quote-items select {
    border: 1.5px solid #9ca3af !important;
}

#invoice-items > div,
#quote-items > div,
#invoice-items .border,
#quote-items .border {
    border: 1.5px solid #9ca3af !important;
}