#budget-view{min-width:0;max-width:100%}
#budget-view .monthly-toolbar,#budget-view .monthly-heading{display:flex;align-items:center;gap:10px}
#budget-view .monthly-toolbar{justify-content:space-between;flex-wrap:wrap;margin-bottom:22px;gap:12px}
#budget-view .monthly-heading{min-width:0}
#budget-view .monthly-heading h2{margin:0;font-size:20px}
@media(max-width:600px){#budget-view .dashboard-header-tools{flex-wrap:wrap}}
#budget-view .monthly-products{border:0;padding:0;margin:0}
#budget-view .monthly-products summary{cursor:pointer;min-height:44px;align-content:center;width:fit-content;min-width:100px;color:#505966;font-weight:600;border-radius:5px}
#budget-view .monthly-products summary:hover{background:#f2f4f7}
#budget-view .monthly-products summary:focus-visible{outline:2px solid #a52b3a;outline-offset:2px}
#budget-view .monthly-product-list{padding:4px 0 8px}
#budget-view tbody td{vertical-align:middle}
#budget-view .monthly-section+ .monthly-section{margin-top:26px}
#budget-view .monthly-section h3{margin:0 0 10px;font-size:15px}
#budget-view .table-wrap{display:block;width:100%;max-width:100%;overflow:auto;border:1px solid #e7e9ee;border-radius:9px}
#budget-view table{width:100%;min-width:660px;table-layout:fixed;margin:0}
#budget-view table.monthly-va{min-width:1400px}
#budget-view .monthly-va col:nth-child(2){width:190px}
#budget-view .monthly-va th{white-space:normal}
#budget-view .monthly-campaign{width:150px}
#budget-view .monthly-count{width:94px}
#budget-view .monthly-amount{width:170px}
#budget-view th,#budget-view td{padding:12px;letter-spacing:normal;line-height:1.5}
#budget-view th{background:#f7f8fa;font-size:12px;color:#626976}
#budget-view .monthly-va tbody td:first-child{white-space:nowrap;overflow-wrap:normal}
#budget-view .monthly-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
#budget-view .monthly-product{overflow-wrap:anywhere}
#budget-view .monthly-product+ .monthly-product{margin-top:10px}
#budget-view .monthly-product small{margin:1px 0 0;font-size:12px;color:#737b88;line-height:1.4}
#budget-view tfoot td,#budget-view tfoot th{background:#f7f8fa;font-weight:700;border-bottom:0}
@media(max-width:700px){#budget-view>.card{padding:16px}#budget-view .monthly-toolbar{align-items:flex-start}#budget-view .monthly-heading h2{font-size:18px}}

#budget-view .monthly-campaign-link{display:block;white-space:normal;overflow-wrap:anywhere;text-align:left;background:none;color:#a52b3a;text-decoration:underline;text-underline-offset:3px;border:0;padding:0;min-height:44px;width:100%;font:inherit;font-weight:600}
#budget-view .monthly-campaign-link:hover{color:#751c28;background:#fff1f3}
#budget-view .monthly-campaign-link:focus-visible{outline:2px solid #a52b3a;outline-offset:3px}
#budget-view .monthly-basis{font-size:12px;margin-bottom:16px}
.monthly-detail{min-width:0;max-width:100%}
.monthly-detail .table-wrap{display:block;max-width:100%;overflow:auto;border:1px solid #e7e9ee;border-radius:9px}
.monthly-detail table{width:100%;min-width:760px;margin:0}
.monthly-detail th,.monthly-detail td{padding:12px;line-height:1.5;vertical-align:top}
.monthly-detail small{display:block;color:#737b88;font-size:12px}
.monthly-detail .monthly-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.monthly-detail .monthly-product{overflow-wrap:anywhere;min-width:150px}
.monthly-detail .monthly-product+.monthly-product{margin-top:8px}
.monthly-detail tfoot th,.monthly-detail tfoot td{background:#f7f8fa;font-weight:700}

#manage-dialog:has(.monthly-detail){width:min(1040px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.monthly-detail tfoot .monthly-number{position:sticky;right:0;color:#303035;background:#f7f8fa}
.monthly-detail tfoot th{color:#303035;font-size:13px}
.monthly-detail .monthly-lookup{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:4px;border-radius:5px;color:#a52b3a;text-decoration:none;vertical-align:middle}
.monthly-detail .monthly-lookup svg{width:18px;height:18px}
.monthly-detail .monthly-lookup:hover{background:#fff1f3}
.monthly-detail .monthly-lookup:focus-visible{outline:2px solid #a52b3a;outline-offset:2px}