/* One shade. Only the topmost layer darkens the page. */
:is(.sheet-backdrop,.upa-layer,.kinema-vacation-portal,.vac-modal-backdrop,.salary-settings,.kinema-direct-panel,.disk-action-modal-backdrop,.qr-scanner-backdrop,.budget-paid-browser-layer,#kinema-wardrobe-crop-overlay){background:rgba(11,5,0,.4)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important;transition:none!important}
.modal-shell:not(.side-sheet){background:rgba(11,5,0,.4)!important}
dialog::backdrop{background:rgba(11,5,0,.4)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.kinema-direct-panel dialog::backdrop{background:transparent!important}
body :is(.sheet-backdrop,.upa-layer,.kinema-vacation-portal,.vac-modal-backdrop,.salary-settings,.kinema-direct-panel,.modal-shell,.disk-action-modal-backdrop,.qr-scanner-backdrop,.budget-paid-browser-layer,#kinema-wardrobe-crop-overlay).kinema-overlay-underlay{background:transparent!important}
dialog.kinema-overlay-underlay::backdrop{background:transparent!important}
html.kinema-side-sheet-open:has(.kinema-direct-panel:not([hidden])) body::before{background:transparent!important}
/* Card geometry and breakpoint shared by maps and budgets. */
.maps-grid,.budget-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.map-card,.budget-card,.budget-new-card{box-sizing:border-box;min-height:176px!important}
.map-card{padding:18px!important}
.map-card h3{font-size:16px!important;line-height:1.12!important;font-weight:400!important}
.map-card dl{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.map-card dl div:last-child{grid-column:auto!important}
.map-card footer{gap:8px!important}.map-card footer span{min-width:0}.map-card footer strong{flex-shrink:0}
@media(max-width:820px){.maps-grid,.budget-card-grid{grid-template-columns:1fr!important}.map-card dl :is(dt,dd){font-size:11px!important}}
/* Mobile type editor: symbol/name, then the two percentages. */
@media(max-width:700px){
 :is(.category-rule-list form,.new-category-form){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;padding:17px 0!important}
 :is(.category-rule-list form,.new-category-form) label{min-width:0!important;margin:0!important}
 :is(.category-rule-list form,.new-category-form)>label:nth-of-type(1){grid-column:1!important;grid-row:1!important}
 :is(.category-rule-list form,.new-category-form)>label:nth-of-type(2){grid-column:2!important;grid-row:1!important}
 :is(.category-rule-list form,.new-category-form)>button{grid-column:1/-1!important;width:100%!important;justify-self:stretch!important;height:43px!important;font:400 13px Favorit!important;background:var(--soft,#efeeed)!important}
 :is(.category-rule-list form,.new-category-form) input{width:100%!important;min-width:0!important;box-sizing:border-box!important;height:43px!important;font:400 16px Favorit!important}
 :is(.category-rule-list form,.new-category-form)>label:nth-of-type(2)>input{padding-left:8px!important;padding-right:8px!important}
 :is(.category-rule-list form,.new-category-form) label>span{font:400 11px Favorit!important}
 :is(.category-rule-list form,.new-category-form)>label:nth-of-type(3){grid-column:1!important}
 :is(.category-rule-list form,.new-category-form)>label:nth-of-type(4){grid-column:2!important}
 .new-category-form>h3{grid-column:1/-1!important}
 .category-manager-sheet .accounting-callout{margin-bottom:12px!important}
}
@media(max-width:700px){.new-category-form>label:nth-of-type(1),.new-category-form>label:nth-of-type(2){grid-row:2!important}.new-category-form>label:nth-of-type(3),.new-category-form>label:nth-of-type(4){grid-row:3!important}.new-category-form>button{grid-row:4!important}}
html:has(.maps-grid),html:has(.budget-card-grid){scrollbar-gutter:stable}
/* Association uses the same field and action hierarchy as the other sheets. */
#budget-association-dialog{box-sizing:border-box;padding:0!important;display:flex;flex-direction:column;overflow:hidden!important}
#budget-association-dialog>header{flex:none;margin:0!important;padding:17px 22px!important;min-height:87px;box-sizing:border-box;border-bottom:1px solid #d8d6d4}
#budget-association-dialog>form,#budget-association-dialog>.budget-accounting-empty{display:flex!important;flex:1;min-height:0;flex-direction:column;align-items:stretch!important;gap:22px;padding:22px;overflow:auto;box-sizing:border-box}
#budget-association-dialog .budget-section-label{display:block;font:400 11px/1.4 Favorit,Arial,sans-serif;color:#777;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
#budget-association-dialog form>div:first-child b,#budget-association-dialog .budget-accounting-empty b{display:block;font:400 16px/1.4 Favorit,Arial,sans-serif}
#budget-association-dialog label{margin:0!important}
#budget-association-dialog select{height:43px!important;border-radius:0!important;font:400 16px/20px Favorit,Arial,sans-serif!important}
#budget-association-dialog .budget-accounting-link-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:8px;padding-top:13px;border-top:1px solid #d8d6d4}
#budget-association-dialog .budget-accounting-link-actions button{height:42px;font:400 14px Favorit,Arial,sans-serif}
@media(max-width:700px){#budget-association-dialog>header{padding:15px 17px!important}#budget-association-dialog>form,#budget-association-dialog>.budget-accounting-empty{padding:17px 17px max(110px,var(--kinema-footer-space,110px))}#budget-association-dialog .budget-accounting-link-actions{position:fixed;inset:auto 0 0;padding:13px 17px calc(13px + env(safe-area-inset-bottom));background:#efeeed;box-sizing:border-box}}
@media(min-width:821px){
 .map-card h3{font:400 16px/1.12 Favorit,Arial,sans-serif!important;letter-spacing:-.02em!important;margin:0!important}
 .map-card-delete{top:10px!important;right:10px!important;width:26px!important;height:26px!important;border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important}
}

@media(min-width:821px){
 html:root body .budget-heading{min-height:62px!important;margin-bottom:26px!important}
 html:root body .budget-card-open{min-height:174px!important;padding:18px!important}
 html:root body .budget-card-title:not(#kinema-card-unused){order:0!important;margin:0!important;padding-right:145px;font:400 16px/1.12 Favorit,Arial,sans-serif!important;letter-spacing:-.02em!important}
 html:root body .budget-card-top{order:1!important;min-height:0!important;padding:0!important;margin-top:6px!important;font:400 9px/1.4 Favorit,Arial,sans-serif!important}
 html:root body .budget-card-footer{order:2!important}
 html:root body .budget-new-card>span:not(.budget-card-footer){margin-top:0!important}
}
@media(min-width:821px){
 html:root body .budget-card-title:not(#kinema-card-unused){padding-right:28px!important}
 html:root body .budget-card-settings{top:auto!important;bottom:48px!important;right:18px!important}
 html:root body .budget-card-open{height:100%!important}
 html:root body .budget-card{min-height:176px!important}
}

@media(max-width:820px){html:root body .map-card h3:not(#kinema-card-unused),html:root body .budget-card-title:not(#kinema-card-unused){font:400 18px/1.12 Favorit,Arial,sans-serif!important;letter-spacing:-.02em!important}}