/* APP period navigation and compact, original-currency expense cards. */
.app-accounting-period{margin:0 0 13px;padding:10px;background:#fff;border:1px solid #dfe6f1;border-radius:10px;animation:production-in .18s ease both;transition:opacity .15s,transform .15s}
.app-accounting-period[hidden],.app-accounting-period [hidden],.app-accounting-segments [hidden]{display:none!important}
.app-accounting-cycles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:8px}
.app-accounting-cycles .btn{justify-content:center;min-width:0;padding:6px 3px;font-size:11px}
.app-accounting-cycles .btn.on{background:var(--brand);border-color:var(--brand);color:#fff}
.app-accounting-navigation{display:flex;align-items:center;gap:5px}.app-accounting-navigation>.btn{padding:7px 6px;font-size:11px;white-space:nowrap;flex:0 0 auto}.app-accounting-anchor{display:block;min-width:0;flex:1}
.app-accounting-period input[type=date]{display:block;width:100%;min-width:0;max-width:100%;padding:6px 3px;border:1px solid #d9e2f0;border-radius:7px;background:#fff;color:#17233b;font:inherit;font-size:11px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.app-accounting-period input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 2px #4263eb18}
.app-accounting-range{margin-top:8px;font-size:11px;color:#42516a;text-align:center;overflow-wrap:anywhere}.app-accounting-error:empty{display:none}.app-accounting-error{margin-top:7px;color:#c92a2a;font-size:11px;line-height:1.5}
.app-accounting-custom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-top:8px}.app-accounting-custom label{min-width:0;font-size:10px;line-height:1.5;color:#64748b}.app-accounting-custom .btn{grid-column:1/-1;justify-content:center}
.app-accounting-segments{flex-wrap:wrap}.app-accounting-segments .btn{flex:1 0 auto;justify-content:center;padding:6px;font-size:11px;white-space:nowrap}
.app-expense-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:4px 0 10px;font-size:13px}.app-expense-heading strong>span{font-size:11px;color:#64748b;font-weight:400}.app-expense-heading .btn{padding:7px 9px;font-size:11px}
.app-expense-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.app-expense-totals>div{display:flex;min-width:0;flex-direction:column;gap:5px;padding:9px 6px;background:#edf3ff;border-radius:8px}.app-expense-totals span{color:#64748b;font-size:10px}.app-expense-totals strong{color:#2754b7;font-size:12px;overflow-wrap:anywhere}
.app-expense-list{display:grid;gap:9px}.app-expense-record{padding:11px;border:1px solid #dfe6f1;border-radius:10px;background:#fff;animation:production-in .18s ease both;transition:opacity .15s,transform .15s}.app-expense-record-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.app-expense-record-top strong{font-size:14px;color:#17233b;overflow-wrap:anywhere}.app-expense-category{margin-top:7px;font-size:12px;font-weight:600;overflow-wrap:anywhere}.app-expense-note{margin-top:5px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.app-expense-meta{margin-top:6px;color:#64748b;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.app-expense-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}.app-expense-actions .btn{padding:6px 13px;font-size:11px}.app-expense-delete{color:#b62e37}.app-accounting-empty{padding:25px 10px;color:#64748b;font-size:12px;text-align:center}
body.mobile-mode #expMask .modal .form-row>input,body.mobile-mode #expMask .modal .form-row>select{max-width:100%;box-sizing:border-box}body.mobile-mode #expMask .modal .form-row{min-width:0}body.mobile-mode #expMask #expCatCascade{max-width:100%}body.mobile-mode #expMask #expCatCascade select{max-width:100%;min-width:0}
@media(prefers-reduced-motion:reduce){.app-accounting-period,.app-expense-record{animation:none;transition:none}.app-accounting-period input{transition:none}}