54 lines
1.2 KiB
CSS
54 lines
1.2 KiB
CSS
/* 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;
|
|
} |