/* Performance hierarchy: actual sales, achievement, then remaining target. */
html body #app#app#app#app#app .tp305-performance{font-variant-numeric:tabular-nums!important}
html body #app#app#app#app#app .tp305-performance .tp304-heading{align-items:start!important;margin-bottom:14px!important}
html body #app#app#app#app#app .tp305-performance .tp304-heading h2{font-size:21px!important;line-height:28px!important}
html body #app#app#app#app#app .tp305-performance .tp304-heading p{margin-top:4px!important}
html body #app#app#app#app#app .tp305-performance .tp304-periods{gap:14px!important;align-items:stretch!important}
html body #app#app#app#app#app .tp305-performance .tp305-card{padding:18px!important;border:1px solid #dae2ef!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}
html body #app#app#app#app#app .tp305-performance .tp305-card.is-month{border-top:3px solid #3158d8!important;padding-top:16px!important}
html body #app#app#app#app#app .tp305-performance .tp305-card>header{margin:0 0 14px!important;gap:8px!important;align-items:start!important}
html body #app#app#app#app#app .tp305-performance .tp305-card>header>div{display:flex!important;flex-wrap:wrap!important;gap:3px 7px!important;align-items:center!important;min-width:0!important}
html body #app#app#app#app#app .tp305-performance .tp305-period{font-size:11px!important;line-height:21px!important;background:#eef3ff!important;border-radius:4px!important;padding:0 5px!important;font-weight:750!important;color:#3158d8!important}
html body #app#app#app#app#app .tp305-performance .tp305-card h3{font-size:15px!important;line-height:23px!important;font-weight:750!important;margin:0!important;color:#223451!important}
html body #app#app#app#app#app .tp305-performance .tp305-card>header small{width:auto!important;font-size:12px!important;line-height:18px!important;color:#64738b!important}
html body #app#app#app#app#app .tp305-performance .tp304-edit{min-height:36px!important;font-size:12px!important;background:transparent!important;border:1px solid #dce4f1!important;color:#52637c!important}
html body #app#app#app#app#app .tp305-sales>span{display:none!important;font-size:12px!important;line-height:18px!important;color:#52637c!important;margin-bottom:3px!important}
html body #app#app#app#app#app .tp305-sales>div{display:flex!important;align-items:baseline!important;gap:5px!important;min-width:0!important}
html body #app#app#app#app#app .tp305-performance .tp305-sales .tp304-actual{font-size:clamp(24px,6.5vw,34px)!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.9px!important;color:#182b48!important}
html body #app#app#app#app#app .tp305-sales small{font-size:12px!important;color:#52637c!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp305-compare{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:7px 10px!important;margin:12px 0 14px!important;font-size:12px!important;line-height:20px!important;color:#52637c!important}
html body #app#app#app#app#app .tp305-compare>span{white-space:nowrap!important}
html body #app#app#app#app#app .tp305-compare b{font-weight:650!important;margin-left:4px!important;color:#34465f!important}
html body #app#app#app#app#app .tp305-growth{padding:3px 7px!important;border-radius:5px!important;background:#f0f3f8!important;display:inline-flex!important;align-items:baseline!important;gap:5px!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp305-growth strong{font-size:14px!important;font-weight:750!important;color:inherit!important}
html body #app#app#app#app#app .tp305-growth.is-positive{background:#edf3ff!important;color:#3158d8!important}
html body #app#app#app#app#app .tp305-growth.is-negative{background:#fff0ef!important;color:#b52b31!important}
html body #app#app#app#app#app .tp305-goal{background:#f5f7fc!important;padding:12px!important;border-radius:9px!important}
html body #app#app#app#app#app .tp305-goal-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:12px!important}
html body #app#app#app#app#app .tp305-goal-head>div{min-width:0!important;display:grid!important;gap:3px!important}
html body #app#app#app#app#app .tp305-goal-head span{font-size:12px!important;line-height:18px!important;color:#5c6c84!important}
html body #app#app#app#app#app .tp305-goal-head b{font-size:15px!important;line-height:23px!important;color:#34465f!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp305-rate{text-align:right!important}
html body #app#app#app#app#app .tp305-rate strong{font-size:24px!important;line-height:28px!important;letter-spacing:-.5px!important;font-weight:800!important;color:#3158d8!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp305-goal .tp304-track{height:7px!important;margin:10px 0!important;background:#e0e7f4!important}
html body #app#app#app#app#app .tp305-goal .tp304-remaining{line-height:20px!important;align-items:baseline!important}
html body #app#app#app#app#app .tp305-goal .tp304-remaining strong{font-size:15px!important;white-space:nowrap!important}
html body #app#app#app#app#app .tp305-goal .tp304-remaining strong small{font-size:12px!important;font-weight:400!important;color:#5c6c84!important}
html body #app#app#app#app#app .tp305-performance .tp304-breakdown{margin-top:12px!important}
html body #app#app#app#app#app .tp305-performance .tp304-breakdown>summary{min-height:42px!important}
html body #app#app#app#app#app .tp305-performance .tp304-weekly .tp305-card{border:0!important;border-top:1px solid #e8edf5!important;border-radius:0!important}
/* The same reading order in manager sales and team results. */
html body #app#app#app#app#app .mp305 .mp305-cash{display:grid!important;gap:7px!important;max-width:100%!important;padding:14px!important;border:1px solid #e0e6f1!important;border-radius:9px!important;background:#fff!important;font-variant-numeric:tabular-nums!important}
html body #app#app#app#app#app .mp305 .mp305-cash>span{font-size:12px!important;color:#52637c!important;line-height:18px!important}
html body #app#app#app#app#app .mp305 .mp305-cash>.mp305-actual{font-size:22px!important;line-height:29px!important;letter-spacing:-.5px!important;color:#1c2c47!important;overflow-wrap:normal!important;word-break:keep-all!important}
html body #app#app#app#app#app .mp305 .mp305-cash>div{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:6px!important;flex-wrap:wrap!important;line-height:20px!important}
html body #app#app#app#app#app .mp305 .mp305-cash>div>span{font-size:12px!important;color:#52637c!important}
html body #app#app#app#app#app .mp305 .mp305-cash>div>b{font-size:13px!important;line-height:20px!important;color:#34465f!important;white-space:nowrap!important}
html body #app#app#app#app#app .mp305 .mp305-cash>.mp305-rate>b{font-size:20px!important;line-height:26px!important;color:#3158d8!important}
html body #app#app#app#app#app .mp305 .mp305-cash>.mp305-remaining{padding-top:8px!important;border-top:1px solid #e8edf5!important}
html body #app#app#app#app#app .mp305 .mp253-person-metrics:has(>.mp305-cash){grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}
html body #app#app#app#app#app .mp305 .mp253-team>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;align-items:start!important}
html body #app#app#app#app#app .mp305 .mp305-store{background:white!important;border-top:3px solid #3158d8!important}
html body #app#app#app#app#app .mp305 .mp253-totals{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html body #app#app#app#app#app .mp305 .mp253-totals>div:first-child{grid-column:1/-1!important;border-bottom:1px solid #e0e6f1!important;padding-bottom:14px!important}
html body #app#app#app#app#app .mp305 .mp253-totals>div:first-child strong{font-size:32px!important;line-height:40px!important;color:#1c2c47!important;letter-spacing:-.7px!important;overflow-wrap:normal!important}
html body #app#app#app#app#app .mp305 .mp253-totals>div:nth-child(3) strong{color:#3158d8!important;font-size:24px!important}
html body #app#app#app#app#app .mp305 .mp253-totals span{font-size:12px!important;line-height:18px!important}
html body #app#app#app#app#app .mp305 .mp253-totals strong{font-size:16px!important;line-height:24px!important}
html body #app#app#app#app#app .mp305 .mp253-note,html body #app#app#app#app#app .mp305 .mp253-person>header>small{font-size:12px!important;line-height:18px!important}
html body #app#app#app#app#app .mp305 .mp253-person{grid-template-columns:120px minmax(0,1fr)!important}
html body #app#app#app#app#app .mp305 .mp253-person>header h3{font-size:15px!important;line-height:23px!important}
/* Sales overview keeps the existing actions and exact NET amounts. */
html body #app#app#app#app#app .ss-month-card{background:white!important;border:1px solid #dae2ef!important;border-top:3px solid #3158d8!important;border-radius:14px!important;padding:18px!important;font-variant-numeric:tabular-nums!important}
html body #app#app#app#app#app .ss-month-card .ss-actual-line{gap:10px!important;align-items:baseline!important;flex-wrap:wrap!important}
html body #app#app#app#app#app .ss-month-card .ss-month-actual{font-size:clamp(25px,6.7vw,36px)!important;line-height:1.3!important;color:#1c2c47!important;letter-spacing:-.7px!important;overflow-wrap:normal!important;white-space:nowrap!important}
html body #app#app#app#app#app .ss-month-card .ss-actual-rate{font-size:17px!important;line-height:26px!important;color:#3158d8!important;background:#eef3ff!important;border-radius:6px!important;padding:4px 8px!important;white-space:nowrap!important}
html body #app#app#app#app#app .ss-month-card .ss-month-goal{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;background:#f5f7fc!important;border-radius:9px!important;padding:12px!important;margin-top:14px!important}
html body #app#app#app#app#app .ss-month-card .ss-month-goal>span{display:grid!important;gap:4px!important;font-size:12px!important;line-height:18px!important;color:#52637c!important}
html body #app#app#app#app#app .ss-month-card .ss-month-goal b{font-size:15px!important;line-height:23px!important;white-space:nowrap!important;color:#34465f!important}
html body #app#app#app#app#app .ss-personal-board .ss-staff-sales-line{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:12px!important;background:#f5f7fc!important;border-radius:8px!important}
html body #app#app#app#app#app .ss-personal-board .ss-staff-sales-line>span{display:flex!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;font-size:12px!important;line-height:21px!important}
html body #app#app#app#app#app .ss-personal-board [data-staff-month-sales]{font-size:22px!important;line-height:28px!important;letter-spacing:-.4px!important;color:#1c2c47!important}
html body #app#app#app#app#app .ss-personal-board .ss-staff-month-metrics{font-size:12px!important}
@media(max-width:950px){html body #app#app#app#app#app .tp305-performance .tp304-periods{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:700px){
 html body #app#app#app#app#app .tp305-performance .tp305-card{padding:15px!important}
 html body #app#app#app#app#app .tp305-performance .tp305-card.is-month{padding-top:13px!important}
 html body #app#app#app#app#app .tp305-performance .tp305-card>header{margin-bottom:12px!important}
 html body #app#app#app#app#app .tp305-goal{padding:10px!important}
 html body #app#app#app#app#app .tp305-goal-head{gap:8px!important}
 html body #app#app#app#app#app .tp305-goal-head b{font-size:14px!important}
 html body #app#app#app#app#app .tp305-rate strong{font-size:22px!important}
 html body #app#app#app#app#app .mp305 .mp253-person{display:block!important}
 html body #app#app#app#app#app .mp305 .mp253-totals{grid-template-columns:minmax(0,1fr) auto!important;gap:14px 10px!important}
 html body #app#app#app#app#app .mp305 .mp253-totals>div:first-child strong{font-size:28px!important;line-height:35px!important}
 html body #app#app#app#app#app .mp305 .mp253-totals>div:nth-child(3){text-align:right!important}
 html body #app#app#app#app#app .mp305 .mp253-totals>div:last-child{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:baseline!important;border-top:1px solid #e0e6f1!important;padding-top:12px!important}
 html body #app#app#app#app#app .ss-month-card{padding:15px!important}
 html body #app#app#app#app#app .ss-month-card .ss-month-goal{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 html body #app#app#app#app#app .ss-month-card .ss-month-goal>span{display:flex!important;justify-content:space-between!important;align-items:baseline!important;flex-wrap:wrap!important;gap:6px!important}
}
@media(max-width:350px){
 html body #app#app#app#app#app .tp305-performance .tp304-heading{flex-wrap:wrap!important;gap:10px!important}
 html body #app#app#app#app#app .tp305-performance .tp305-sales .tp304-actual{font-size:24px!important}
 html body #app#app#app#app#app .tp305-compare{gap:6px!important}
 html body #app#app#app#app#app .tp305-goal-head b{font-size:13px!important}
 html body #app#app#app#app#app .tp305-rate strong{font-size:20px!important}
 html body #app#app#app#app#app .tp305-goal .tp304-remaining strong{font-size:14px!important}
 html body #app#app#app#app#app .mp305 .mp253-totals>div:first-child strong{font-size:24px!important}
 html body #app#app#app#app#app .mp305 .mp305-cash>.mp305-actual{font-size:20px!important}
}
/* A short weekly writing flow; every original field remains available. */
html body #modal#modal#modal:has(.mgr305-simple){width:min(780px,calc(100vw - 20px))!important}
html body #modal#modal#modal .mgr305-simple>.mgr252-toolbar{display:none!important}
html body #modal#modal#modal .mgr305-main{border:1px solid #dce4f1!important;border-radius:10px!important;padding:0 14px 10px!important;margin:12px 0!important;background:#fff!important}
html body #modal#modal#modal .mgr305-main>header{border-bottom:1px solid #e1e7f2!important;padding:12px 0!important}
html body #modal#modal#modal .mgr305-main>header h3{font-size:15px!important;line-height:22px!important;color:#223451!important}
html body #modal#modal#modal .mgr305-main .mgr252-row{padding:11px 0!important;border-bottom:0!important}
html body #modal#modal#modal .mgr305-main .mgr252-field>span{font-size:13px!important;line-height:20px!important;font-weight:650!important;margin-bottom:6px!important}
html body #modal#modal#modal .mgr305-main textarea{min-height:80px!important;height:80px!important;line-height:1.6!important;background:#f8f9fc!important;font-size:15px!important;border:1px solid #dce3ef!important;border-radius:8px!important;padding:10px!important}
html body #modal#modal#modal .mgr305-main .mgr252-fields:has(>label:only-child){grid-template-columns:minmax(0,1fr)!important}
html body #modal#modal#modal .mgr305-main .mgr252-fields>label:only-child{grid-column:1/-1!important}
html body #modal#modal#modal :is(.mgr305-more,.mgr305-numbers,.mgr305-tools,.mgr305-extra-group){min-width:0!important;border-top:1px solid #e0e6f1!important;margin-top:10px!important}
html body #modal#modal#modal :is(.mgr305-more,.mgr305-numbers,.mgr305-tools,.mgr305-extra-group)>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;cursor:pointer!important;list-style:none!important;min-height:44px!important;font-size:13px!important;line-height:20px!important;color:#52637c!important;padding:10px 0!important}
html body #modal#modal#modal :is(.mgr305-more,.mgr305-numbers,.mgr305-tools,.mgr305-extra-group)>summary::after{content:'＋'!important;font-size:17px!important;flex:0 0 auto!important}
html body #modal#modal#modal :is(.mgr305-more,.mgr305-numbers,.mgr305-tools,.mgr305-extra-group)[open]>summary::after{content:'−'!important}
html body #modal#modal#modal :is(.mgr305-more,.mgr305-numbers,.mgr305-extra-group)>summary>span{font-size:12px!important;font-weight:400!important;color:#6a7890!important;margin-left:auto!important;white-space:nowrap!important}
html body #modal#modal#modal .mgr305-more>summary{font-size:14px!important;font-weight:700!important;color:#223451!important}
html body #modal#modal#modal .mgr305-more-body{padding:0 12px 10px!important;background:#f8f9fc!important;border:1px solid #e0e6f1!important;border-radius:9px!important}
html body #modal#modal#modal .mgr305-extra-group>.mgr252-section{background:#fff!important;padding:0 10px!important;margin:0 0 10px!important;border-radius:7px!important}
html body #modal#modal#modal .mgr305-number-rows{background:#f8f9fc!important;border-radius:8px!important;padding:0 10px!important}
html body #modal#modal#modal .mgr305-number-rows .mgr252-row{background:transparent!important;border-bottom:1px solid #e1e7f2!important}
html body #modal#modal#modal .mgr305-tools{margin:0 0 4px!important;border-top:0!important}
html body #modal#modal#modal .mgr305-tools>summary{min-height:36px!important;font-size:12px!important;justify-content:flex-start!important;padding:6px 0!important}
html body #modal#modal#modal .mgr305-tools>summary::after{font-size:14px!important}
html body #modal#modal#modal .mgr305-tools .mgr252-editor-tools{margin:0!important;padding:8px 0!important;display:block!important}
html body #modal#modal#modal .mgr305-tools p{font-size:12px!important;line-height:18px!important;margin:5px 0!important;color:#64738b!important}
html body #modal#modal#modal .mgr245-editor:has(.mgr305-simple) .mgr304-source{padding:12px!important;margin:0 0 5px!important;background:#f3f6fd!important;border:1px solid #e0e7f5!important;border-radius:9px!important}
html body #modal#modal#modal .mgr245-editor:has(.mgr305-simple) .mgr304-source header h3{font-size:13px!important;line-height:20px!important}
html body #modal#modal#modal .mgr245-editor:has(.mgr305-simple) .mgr304-source-grid{gap:8px!important}
html body #modal#modal#modal .mgr245-editor:has(.mgr305-simple) .mgr304-source-grid>div{padding:7px 8px!important;border-radius:6px!important;background:#fff!important}
html body #modal#modal#modal .mgr245-editor:has(.mgr305-simple) .mgr304-source-grid strong{font-size:18px!important;line-height:25px!important;font-weight:750!important}
html body #modal#modal#modal .mgr245-editor:has(.mgr305-simple) .mgr304-source-grid span{font-size:12px!important;line-height:18px!important}
html body #modal#modal#modal .mgr245-editor:has(.mgr305-simple) .mgr304-source-note{display:none!important}
html body #modal#modal#modal .mgr245-editor:has(.mgr305-simple) .mgr252-original{margin:4px 0 10px!important;border-top:1px solid #e0e6f1!important}
html body #modal#modal#modal .mgr245-editor:has(.mgr305-simple) .mgr252-original>summary{min-height:38px!important;font-size:12px!important;line-height:20px!important;color:#64738b!important}