/* Entry creation and quick-add forms share the management theme. */
.variable-expense-modal-overlay:has(>form.variable-expense-modal),
.variable-expense-modal-overlay.quick-add-overlay,
.new-transaction-overlay{
 background:#060315cc;backdrop-filter:blur(9px);
}
:is(form.variable-expense-modal,.quick-add-dialog,.new-transaction-dialog){
 --text:#f7f2ff;--muted:#bcaed8;--blue:#c49aff;--green:#62edbd;--red:#ff8198;
 color:#f7f2ff;color-scheme:dark;border:1px solid #9753ef;
 background:radial-gradient(ellipse at 85% 0%,#4c248044,transparent 55%),linear-gradient(145deg,#211342,#111438);
 box-shadow:0 24px 70px #03010db3,0 0 20px #7136cf40,inset 0 0 18px #6825bc20;
 scrollbar-color:#8050b9 #171032;
}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-modal-header{
 background:transparent;border-color:#9b65e33d;
}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-modal-header h3,
.new-transaction-dialog h3{color:#faf5ff}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-modal-kicker{color:#c49aff}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-modal-header p,
.new-transaction-dialog>p{color:#bcaed8}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-form-field{color:#dfd1f0}
:is(form.variable-expense-modal,.quick-add-dialog) :is(.variable-expense-form-input,.payment-select-button),
.new-transaction-dialog :is(input,select,.numeric-date-shell){
 background:#100c29;border-color:#9b68df73;color:#f7f2ff;
}
:is(form.variable-expense-modal,.quick-add-dialog,.new-transaction-dialog) input::placeholder{
 color:#aa9abf;opacity:1;
}
:is(form.variable-expense-modal,.quick-add-dialog,.new-transaction-dialog) select option{
 background:#21163d;color:#f7f2ff;
}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-modal-actions{
 border-color:#9b65e33d;background:transparent;
}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-modal-confirm,
.new-transaction-dialog .new-transaction-actions button[type=submit]{
 background:linear-gradient(110deg,#643397,#3c256c);border:1px solid #bd80f8;
 color:#faf3ff;box-shadow:inset 0 0 12px #b36bff24,0 0 10px #8538de29;
}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-modal-cancel,
.new-transaction-dialog .new-transaction-actions button[type=button]{
 background:#47265e33;border:1px solid #9c6dca66;color:#d7c3f1;
}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-modal-close{
 color:#ff91a8;border-color:#ff81985e;background:#a839641f;
}
:is(form.variable-expense-modal,.quick-add-dialog,.new-transaction-dialog) :is(input,select,button):focus-visible{
 outline:2px solid #d0a2ff;outline-offset:2px;
}
:is(form.variable-expense-modal,.quick-add-dialog) .variable-expense-form-message,
.quick-add-dialog .quick-add-message{color:#ff8198}
.quick-add-dialog .quick-add-message.is-success{color:#62edbd}
:is(form.variable-expense-modal,.quick-add-dialog) .kama-pending-amount-hint{color:#bcaed8}
:is(form.variable-expense-modal,.quick-add-dialog) :is(.variable-category-suggestions,.payment-select-menu){
 background:#21153b;border-color:#9c65df80;box-shadow:0 12px 28px #04010b88;
}
:is(form.variable-expense-modal,.quick-add-dialog) :is(.variable-category-suggestion,.payment-select-option){
 color:#f5edff;background:transparent;
}
:is(form.variable-expense-modal,.quick-add-dialog) :is(.variable-category-suggestion,.payment-select-option):hover{
 background:#6a359940;
}
.new-transaction-dialog .kama-detail-suggest-list{background:#21153b;border-color:#9c65df80}
.new-transaction-dialog .kama-detail-suggest-option{color:#f5edff;background:transparent}