/* Shared report forms and performance hierarchy. */
html body #app#app#app#app#app .tp304-performance{margin:10px 0 16px!important;color:#223451!important;min-width:0!important}
html body #app#app#app#app#app .tp304-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important}
html body #app#app#app#app#app .tp304-heading h2{font-size:20px!important;line-height:28px!important;margin:0!important;color:#223451!important}
html body #app#app#app#app#app .tp304-heading p{font-size:12px!important;line-height:18px!important;color:#52637c!important;margin:3px 0 0!important}
html body #app#app#app#app#app .tp304-genders{display:flex!important;gap:3px!important;flex-shrink:0!important;background:#eaf0fb!important;border-radius:8px!important;padding:3px!important}
html body #app#app#app#app#app .tp304-genders button{font-size:12px!important;line-height:20px!important;min-height:36px!important;min-width:54px!important;padding:7px 8px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#52637c!important}
html body #app#app#app#app#app .tp304-genders button[aria-pressed=true]{background:#3158d8!important;color:white!important;-webkit-text-fill-color:white!important}
html body #app#app#app#app#app .tp304-periods{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
html body #app#app#app#app#app .tp304-card{min-width:0!important;padding:14px 16px!important;border:1px solid #dce4f1!important;border-radius:12px!important;background:white!important;font-variant-numeric:tabular-nums!important;box-shadow:none!important}
html body #app#app#app#app#app .tp304-card>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 7px!important}
html body #app#app#app#app#app .tp304-card>header>div{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:5px 8px!important;min-width:0!important}
html body #app#app#app#app#app .tp304-card>header b{font-size:14px!important;line-height:20px!important;color:#3158d8!important}
html body #app#app#app#app#app .tp304-card>header span{font-size:12px!important;line-height:18px!important;color:#52637c!important}
html body #app#app#app#app#app .tp304-edit{flex:0 0 auto!important;min-height:36px!important;min-width:40px!important;padding:7px 8px!important;font-size:12px!important;line-height:20px!important;border:0!important;border-radius:6px!important;background:#eef3fd!important;color:#3158d8!important}
html body #app#app#app#app#app .tp304-edit:disabled{opacity:.5!important}
html body #app#app#app#app#app .tp304-actual-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important}
html body #app#app#app#app#app .tp304-actual{display:block!important;font-size:clamp(22px,6vw,30px)!important;line-height:1.3!important;letter-spacing:-.6px!important;font-weight:800!important;color:#1c2c47!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp304-growth{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:0!important;padding:5px 8px!important;border-radius:7px!important;background:#f1f4f9!important;color:#52637c!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp304-growth span{font-size:12px!important;line-height:18px!important;color:inherit!important}
html body #app#app#app#app#app .tp304-growth strong{font-size:14px!important;line-height:19px!important;color:inherit!important}
html body #app#app#app#app#app .tp304-growth.is-positive{background:#edf3ff!important;color:#3158d8!important}
html body #app#app#app#app#app .tp304-growth.is-negative{background:#fff0ef!important;color:#b52b31!important}
html body #app#app#app#app#app .tp304-compare{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:3px 10px!important;margin:8px 0 12px!important;font-size:12px!important;line-height:18px!important;color:#52637c!important}
html body #app#app#app#app#app .tp304-compare b{font-weight:600!important;color:#34465f!important;margin-left:4px!important}
html body #app#app#app#app#app .tp304-goal{display:flex!important;align-items:baseline!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:4px 12px!important;padding-top:11px!important;border-top:1px solid #e8edf5!important;font-size:12px!important;line-height:20px!important;color:#52637c!important}
html body #app#app#app#app#app .tp304-goal b{font-size:14px!important;color:#223451!important;margin-left:4px!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp304-rate{white-space:nowrap!important}
html body #app#app#app#app#app .tp304-rate strong{font-size:16px!important;font-weight:750!important;color:#3158d8!important}
html body #app#app#app#app#app .tp304-track{height:5px!important;margin:8px 0!important;background:#e9eef8!important;overflow:hidden!important;border-radius:4px!important}
html body #app#app#app#app#app .tp304-track>span{display:block!important;height:100%!important;background:#3158d8!important}
html body #app#app#app#app#app .tp304-remaining{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:8px!important;font-size:12px!important;line-height:20px!important;color:#52637c!important}
html body #app#app#app#app#app .tp304-remaining strong{font-size:14px!important;color:#223451!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp304-breakdown{margin-top:10px!important;border-top:1px solid #e8edf5!important}
html body #app#app#app#app#app .tp304-breakdown>summary{font-size:12px!important;line-height:20px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#34465f!important;cursor:pointer!important;list-style:none!important}
html body #app#app#app#app#app .tp304-breakdown>summary::after{content:'＋'}
html body #app#app#app#app#app .tp304-breakdown[open]>summary::after{content:'−'}
html body #app#app#app#app#app .tp304-breakdown>div{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:8px!important;padding:8px 0!important;border-top:1px solid #eef1f6!important;font-size:12px!important;line-height:20px!important;align-items:baseline!important}
html body #app#app#app#app#app .tp304-breakdown strong{font-size:14px!important;text-align:right!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp304-breakdown .is-positive{color:#3158d8!important}
html body #app#app#app#app#app .tp304-breakdown .is-negative{color:#b52b31!important}
html body #app#app#app#app#app .tp304-weekly{margin-top:12px!important;border:1px solid #dce4f1!important;border-radius:10px!important;background:white!important;overflow:hidden!important}
html body #app#app#app#app#app .tp304-weekly>summary{min-height:46px!important;padding:11px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;cursor:pointer!important;list-style:none!important;font-size:13px!important;line-height:22px!important;font-weight:650!important;color:#223451!important}
html body #app#app#app#app#app .tp304-weekly>summary>span{margin-left:auto!important;font-size:12px!important;color:#52637c!important}
html body #app#app#app#app#app .tp304-weekly>summary::after{content:'＋';font-size:18px}
html body #app#app#app#app#app .tp304-weekly[open]>summary::after{content:'−'}
html body #app#app#app#app#app .tp304-weekly .tp304-card{border:0!important;border-top:1px solid #e8edf5!important;border-radius:0!important}
html body #app#app#app#app#app .tp304-readonly{font-size:12px!important;line-height:18px!important;color:#52637c!important}
html body #app#app#app#app#app .tp304-performance :is(button,summary):focus-visible{outline:2px solid #3158d8!important;outline-offset:2px!important}
@media(max-width:700px){html body #app#app#app#app#app .tp304-periods{grid-template-columns:minmax(0,1fr)!important}html body #app#app#app#app#app .tp304-card{padding:12px 14px!important}html body #app#app#app#app#app .tp304-heading h2{font-size:19px!important}}

/* Keep amount selectors from changing the input baseline of adjacent fields. */
html body #modal#modal#modal:has([data-manager-app252]){width:min(900px,calc(100vw - 20px))!important;max-height:94dvh!important;border-radius:14px!important}
html body #modal#modal#modal .mgr245-editor{padding:12px 18px 0!important;min-width:0!important}
html body #modal#modal#modal .mgr252-toolbar{background:white!important;gap:8px!important;padding:8px 0!important;margin-bottom:10px!important;border-bottom:1px solid #dce3ef!important}
html body #modal#modal#modal .mgr252-toolbar :is(label,span){font-size:12px!important;line-height:18px!important;color:#52637c!important}
html body #modal#modal#modal .mgr252-toolbar select{font-size:13px!important;min-height:38px!important}
html body #modal#modal#modal .mgr252-section{margin:0 0 18px!important}
html body #modal#modal#modal .mgr252-section>header{border-bottom:2px solid #dce5f5!important;padding:10px 0!important}
html body #modal#modal#modal .mgr252-section h3{font-size:15px!important;line-height:22px!important;color:#223451!important}
html body #modal#modal#modal .mgr252-section>header>span{font-size:12px!important;color:#52637c!important}
html body #modal#modal#modal .mgr252-rows{gap:0!important;padding-top:0!important}
html body #modal#modal#modal .mgr252-row{border:0!important;border-bottom:1px solid #e4eaf3!important;border-radius:0!important;padding:13px 0!important;background:white!important}
html body #modal#modal#modal .mgr252-row h4{font-size:14px!important;line-height:21px!important;margin:0 0 10px!important;color:#223451!important}
html body #modal#modal#modal .mgr252-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;align-items:start!important}
html body #modal#modal#modal .mgr252-fields>:is(.mgr252-field,.money-entry-field){min-width:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important}
html body #modal#modal#modal .mgr252-field>span{font-size:12px!important;line-height:18px!important;color:#34465f!important;min-height:36px!important;margin:0 0 5px!important;font-weight:600!important}
html body #modal#modal#modal .mgr252-field.is-text>span{min-height:18px!important;height:auto!important}
html body #modal#modal#modal .mgr252-fields:has(>.money-entry-field)>:not(.is-text)>:is(span,.money-entry-heading){height:54px!important;min-height:54px!important;box-sizing:border-box!important;margin:0!important}
html body #modal#modal#modal [data-manager-app252] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){height:46px!important;min-height:46px!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;padding:10px!important;border:1px solid #d6dfed!important;border-radius:7px!important;background:#f8faff!important;font-size:16px!important;line-height:24px!important;color:#223451!important;-webkit-text-fill-color:#223451!important;margin:0!important}
html body #modal#modal#modal [data-manager-app252] textarea{min-height:90px!important;box-sizing:border-box!important;width:100%!important;padding:10px!important;border:1px solid #d6dfed!important;border-radius:7px!important;background:#f8faff!important;font-size:15px!important;line-height:23px!important;color:#223451!important;-webkit-text-fill-color:#223451!important;margin:0!important}
html body #modal#modal#modal [data-manager-app252] .money-entry-heading{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:18px 28px!important;align-content:start!important;gap:4px!important;min-width:0!important;padding:0!important}
html body #modal#modal#modal [data-manager-app252] .money-entry-heading>label{display:block!important;margin:0!important;min-width:0!important;font-size:12px!important;line-height:18px!important}
html body #modal#modal#modal [data-manager-app252] .money-entry-heading>label>span{height:18px!important;min-height:18px!important;margin:0!important;line-height:18px!important;font-size:12px!important}
html body #modal#modal#modal [data-manager-app252] .money-entry-line{min-height:28px!important;height:28px!important;display:flex!important;justify-content:flex-start!important;gap:8px!important;padding:0!important;margin:0!important;border:0!important}
html body #modal#modal#modal [data-manager-app252] .money-entry-option{display:flex!important;align-items:center!important;gap:4px!important;min-height:28px!important;font-size:12px!important;line-height:18px!important;padding:0!important;margin:0!important}
html body #modal#modal#modal [data-manager-app252] .money-entry-option input[type=checkbox]{height:14px!important;width:14px!important;min-height:14px!important;min-width:14px!important;margin:0!important;flex-shrink:0!important}
html body #modal#modal#modal :is(.field-row,.form-grid):has(>.money-entry-field)>:not(:has(textarea)){display:grid!important;grid-template-rows:54px 46px!important;align-content:start!important;gap:0!important;min-width:0!important}
html body #modal#modal#modal :is(.field-row,.form-grid):has(>.money-entry-field) .money-entry-heading{min-height:54px!important;box-sizing:border-box!important;margin:0!important}
html body #modal#modal#modal .mgr252-auto{background:#f3f6fc!important;border:1px solid #e0e7f2!important;border-radius:7px!important}
html body #modal#modal#modal .mgr252-auto-result>span{font-size:12px!important;line-height:18px!important;color:#52637c!important}
html body #modal#modal#modal .mgr252-auto-value{font-size:15px!important;line-height:22px!important;color:#223451!important}
html body #modal#modal#modal .mgr252-editor-tools{flex-wrap:wrap!important;margin:8px 0!important}
html body #modal#modal#modal .mgr252-editor-tools .mgr252-intro{font-size:12px!important;line-height:18px!important}
html body #modal#modal#modal .mgr252-editor-tools .btn{font-size:12px!important;line-height:18px!important;min-height:36px!important}
html body #modal#modal#modal .mgr245-form-footer{margin-top:12px!important;padding:10px 0!important;background:white!important}
html body #modal#modal#modal .mgr245-form-footer>span{font-size:12px!important;line-height:18px!important;color:#52637c!important}
html body #modal#modal#modal .mgr245-form-footer>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
html body #modal#modal#modal .mgr245-form-footer button{font-size:14px!important;line-height:22px!important;min-height:46px!important;margin:0!important;padding:10px 8px!important;border-radius:8px!important;white-space:nowrap!important}
html body #modal#modal#modal .mgr245-form-footer [data-submit-state=draft]{background:white!important;border:1px solid #b9c9ed!important;color:#3158d8!important;-webkit-text-fill-color:#3158d8!important}
html body #modal#modal#modal .mgr245-form-footer>div:has(>button:only-child){grid-template-columns:minmax(0,1fr)!important}
.mgr304-source{padding:13px!important;margin:8px 0 14px!important;background:#f3f7ff!important;border:1px solid #dce6f7!important;border-radius:10px!important;min-width:0!important;color:#223451!important}
.mgr304-source>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.mgr304-source h3{font-size:14px!important;line-height:21px!important;margin:0!important;color:#223451!important}
.mgr304-source header>span,.mgr304-source>p{font-size:12px!important;line-height:18px!important;margin:5px 0!important;color:#52637c!important}
.mgr304-source-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:9px!important}
.mgr304-source-grid>div{min-width:0!important;background:white!important;padding:9px!important;border-radius:6px!important}
.mgr304-source-grid span,.mgr304-source-grid small{display:block!important;font-size:12px!important;line-height:18px!important;color:#52637c!important}
.mgr304-source-grid strong{display:block!important;font-size:clamp(14px,3.8vw,18px)!important;line-height:24px!important;color:#223451!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important}
.mgr304-source-note{margin:9px 0 0!important}
@media(max-width:420px){html body #modal#modal#modal .mgr245-editor{padding:10px 12px 0!important}html body #modal#modal#modal .mgr252-fields{gap:10px 9px!important}html body #modal#modal#modal .mgr252-toolbar{flex-wrap:wrap!important}html body #modal#modal#modal .mgr252-toolbar>span{margin-left:auto!important}}

html body #modal#modal#modal .mgr252-toolbar label{white-space:nowrap!important;flex:1!important;min-width:0!important}
html body #modal#modal#modal .mgr252-toolbar select{min-width:0!important;max-width:100%!important;flex:1!important}

html body #modal#modal#modal form#manager-report-form-245 .mgr245-form-footer button[data-submit-state=draft]{background:#fff!important;border:1px solid #b9c9ed!important;color:#3158d8!important;-webkit-text-fill-color:#3158d8!important}

html body #modal#modal#modal .mgr252-fields>:nth-child(3):last-child,html body #modal#modal#modal .mgr252-fields>:nth-child(3):has(+.is-text:last-child){grid-column:1/-1!important}
