.metricsDesign #myBusinessPanel{color:var(--ink);font-size:14px;padding-bottom:110px}
#myBusinessPanel .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#myBusinessPanel .businessHeader>div>p{display:block}
#myBusinessPanel #businessSummaryGrid span{text-transform:none;letter-spacing:0;font-weight:500}
#myBusinessPanel h2{font-size:32px;margin:0}#myBusinessPanel h3{font-size:22px;margin:0}#myBusinessPanel h4{font-size:16px;margin:0 0 8px}
#myBusinessPanel p{color:var(--muted);line-height:1.5}#myBusinessPanel input,#myBusinessPanel select,#myBusinessPanel button{font:inherit;color:var(--ink);background:#182227;border:1px solid var(--edge);border-radius:7px;min-height:40px;padding:8px 12px;max-width:100%;box-sizing:border-box}
#myBusinessPanel button{cursor:pointer}#myBusinessPanel button:hover{border-color:var(--lime)}#myBusinessPanel button:disabled{opacity:.5;cursor:not-allowed}#myBusinessPanel .primary{background:var(--lime);color:#10170a;font-weight:700}
#myBusinessPanel .businessHeader{margin:0 0 16px;align-items:center;gap:20px}#myBusinessPanel .businessHeader p{font-size:12px;max-width:520px;margin:6px 0}
#myBusinessPanel .businessWeekPicker{position:relative;display:flex;align-items:center;gap:4px}#myBusinessPanel .businessWeekPicker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#myBusinessPanel #businessWeekLabel{min-width:195px}#myBusinessPanel .businessTeamPicker span{font-size:12px}#myBusinessPanel .businessHeaderControls{display:flex;gap:16px;align-items:center}
#myBusinessPanel #businessSummaryGrid{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:0;background:#141d22;border:1px solid var(--edge);border-radius:10px;overflow:hidden;margin:0}
#myBusinessPanel #businessSummaryGrid article{background:none;border:0;border-right:1px solid var(--edge);border-radius:0;padding:18px;box-shadow:none;min-width:0}
#myBusinessPanel #businessSummaryGrid span{font-size:12px;color:var(--muted);display:block}#myBusinessPanel #businessSummaryGrid strong{font-size:23px;display:block;margin-top:8px;overflow-wrap:anywhere}#myBusinessPanel #businessSummaryGrid .businessHero strong{color:var(--lime);font-size:32px}
#myBusinessPanel .negativeMoney strong,#myBusinessPanel #businessSummaryGrid .negativeMoney strong{color:#ff8e91}
.businessScope,.businessFootnote,.businessListStatus{font-size:12px;line-height:1.5}
#myBusinessPanel .businessLayout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);gap:18px;align-items:start}
#myBusinessPanel #businessRepTable{min-width:0;border:1px solid var(--edge);border-radius:10px;background:#141d22;overflow:visible}
.businessListHeader{display:flex;align-items:center;justify-content:space-between;padding:18px;gap:16px}.businessListHeader input{width:220px;min-width:0}.businessListStatus{padding:0 18px}
.businessColumnHeads,.businessRepRow{display:grid;grid-template-columns:32px minmax(120px,1.6fr) repeat(3,minmax(75px,1fr)) 64px;gap:12px;align-items:center;padding:14px 18px}
.businessColumnHeads{font-size:12px;color:var(--muted);background:#1b262c}.businessRep{border-top:1px solid var(--edge)}.businessRepRow:hover{background:#19242a}.businessRepName{overflow-wrap:anywhere}.businessRepRow small{display:none}
#myBusinessPanel .businessDisclosure{padding:0;border:0;background:none;font-size:24px;min-width:32px;min-height:44px}.businessPaidOrders{margin:0 18px 18px;padding:18px;background:#10191e;border-left:4px solid var(--lime);border-radius:6px}.businessPaidOrders p{margin:0}
.businessFootnote{padding:0 18px 14px}.businessSide{min-width:0;display:grid;gap:16px}.businessExpenses,.businessEditor{background:#141d22;border:1px solid var(--edge);border-radius:10px;padding:18px}
.businessExpenses summary{font-size:20px;font-weight:700;cursor:pointer;min-height:32px}.businessExpenses>p{font-size:12px}
#myBusinessPanel .expenseControls{display:grid;gap:14px}#myBusinessPanel .expenseControls label{display:grid;grid-template-columns:minmax(90px,1fr) 95px minmax(65px,1fr);align-items:center;gap:10px;font-size:14px}
#myBusinessPanel .expenseControls input[type=range]{width:100%;padding:0;min-height:32px;accent-color:var(--lime)}#myBusinessPanel .expenseControls output{display:none}
.businessDistribution{padding-top:18px;border-top:1px solid var(--edge)}
#myBusinessPanel .businessFinancials{margin-top:18px;padding:0;background:none;border:0}.businessFinancials .financeLine{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--edge);padding:12px 0}
.businessEditor header{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:14px}.businessDraft{font-size:11px;color:var(--lime);border:1px solid var(--lime);border-radius:10px;padding:4px}
.businessEditor label{display:grid;gap:8px;margin-top:14px}.businessEditor input{width:100%}.businessEditor .businessFootnote{padding:0;font-size:12px}
.businessPreview>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--edge);padding:14px 0}.businessPreview{margin-top:20px}.businessPreview strong{color:var(--lime);font-size:28px}
.businessEditor footer{display:flex;justify-content:flex-end;gap:12px}.businessEmpty{padding:18px}.businessReadOnly{font-size:12px;color:var(--muted)}
@media(min-width:761px) and (max-width:1250px){#myBusinessPanel .businessLayout{grid-template-columns:1fr}.businessSide{grid-template-columns:repeat(2,minmax(0,1fr))}#myBusinessPanel #businessSummaryGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 #myBusinessPanel .businessHeader{display:block}#myBusinessPanel h2{font-size:28px}#myBusinessPanel .businessHeaderControls{display:flex;flex-direction:column-reverse;align-items:stretch;gap:10px}
 #myBusinessPanel .businessWeekPicker{display:grid;grid-template-columns:44px 1fr 44px}#myBusinessPanel #businessWeekLabel{min-width:0}#myBusinessPanel .businessTeamPicker{width:100%}#myBusinessPanel .businessTeamPicker select{width:100%}
 #myBusinessPanel #businessSummaryGrid{grid-template-columns:1fr 1fr}#myBusinessPanel #businessSummaryGrid .businessHero{grid-column:1/-1}#myBusinessPanel #businessSummaryGrid article{padding:12px 16px}
 #myBusinessPanel #businessSummaryGrid strong{font-size:22px}#myBusinessPanel .businessLayout{display:flex;flex-direction:column}.businessSide{order:-1;width:100%}#myBusinessPanel #businessRepTable{width:100%;background:none;border:0}
 .businessColumnHeads{display:none}.businessListHeader{display:block;padding:12px 0}.businessListHeader input{width:100%;margin-top:12px}.businessListStatus{padding:0}
 .businessRep{background:#141d22;border:1px solid var(--edge);border-radius:8px;margin-bottom:10px;overflow:hidden}
 .businessRepRow{grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:12px 6px;padding:14px}
 .businessRepName{grid-column:1/3;grid-row:1}.businessRepRow>[data-edit],.businessReadOnly{grid-column:3;grid-row:1}.businessDisclosure{grid-column:4;grid-row:1}
 .businessRepRow>div{grid-row:2;font-size:14px}.businessRepRow small{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
 .businessPaidOrders{margin:0 12px 12px;padding:12px}.businessFootnote{padding:0}.businessExpenses,.businessEditor{padding:14px}
 #myBusinessPanel .expenseControls label{grid-template-columns:minmax(90px,1fr) 90px minmax(60px,1fr);gap:8px}
 .businessEditor:not([hidden]){position:fixed;inset:0;z-index:1000;overflow:auto;border-radius:0;padding:24px 18px calc(100px + env(safe-area-inset-bottom));background:#10181c}
 .businessEditor footer button{min-height:48px;flex:1}.businessEditor header{margin-top:env(safe-area-inset-top)}
 #myBusinessPanel{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}