/* BI business pages: compact page introductions; forms, tables and dialog headers keep their native layout. */
#app .app-main :is(.pd-header,.lc-hero,.av-head,.page-head,.page-header,.profit-heading,.facebook-page__header){
 display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;
 min-height:46px;height:auto;padding:8px 14px;margin:0 0 12px;
 border:1px solid #e0e9e5;border-radius:8px;background:#fff;box-shadow:none;
}
#app .app-main :is(.pd-header__copy,.lc-hero>div:first-child,.av-head>div:first-child,.page-head>div:first-child,.page-header__main,.page-header-text,.profit-heading>div:first-child,.facebook-page__header-main){
 display:flex;align-items:baseline;flex:1 1 360px;flex-wrap:wrap;gap:3px 12px;min-width:0;
}
#app .app-main :is(.pd-header__eyebrow,.lc-eyebrow,.av-head .eyebrow,.page-head .eyebrow,.home-welcome__eyebrow){display:none}
#app .app-main :is(.pd-header,.lc-hero,.av-head,.page-head,.page-header,.home-welcome)::before,
#app .app-main :is(.pd-header,.lc-hero,.av-head,.page-head,.page-header,.home-welcome)::after{display:none}
#app .app-main :is(.pd-header,.lc-hero,.av-head,.page-head,.page-header,.profit-heading,.facebook-page__header) :is(h1,h2,.page-header__title,.facebook-page__title){
 flex:0 0 auto;margin:0;font-size:18px;font-weight:650;line-height:28px;letter-spacing:0;color:#24463e;
}
#app .app-main :is(.pd-header,.lc-hero,.av-head,.page-head,.page-header,.profit-heading,.facebook-page__header) :is(p,.page-header__desc,.facebook-page__desc){
 flex:1 1 240px;min-width:0;margin:0;font-size:12px;line-height:20px;color:#71817b;overflow-wrap:anywhere;
}
#app .app-main :is(.pd-header__aside,.av-nav,.page-header__actions,.page-header-actions){
 display:flex;align-items:center;flex:0 1 auto;flex-wrap:wrap;gap:6px 10px;margin:0;min-width:0;
}
#app .app-main .lc-hero .lc-readonly{margin:0;padding:4px 9px;font-size:12px;line-height:18px}
#app .app-main .lc-page{padding:16px}
#app .app-main .pd-page{padding:16px}
#app .app-main .pd-header__aside>:is(.weight-rule,.header-stat,.update-badge,.reward-badge,.unpaid-card){
 display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;width:auto;min-width:0;max-width:none;
 min-height:28px;padding:4px 8px;margin:0;border-radius:5px;box-shadow:none;
}
#app .app-main .pd-header__aside>:is(.weight-rule,.header-stat,.update-badge,.reward-badge,.unpaid-card)>:is(span,small,strong,b){display:inline;margin:0;font-size:12px;line-height:20px}
#app .app-main .pd-header__aside>:is(.weight-rule,.header-stat,.update-badge,.reward-badge,.unpaid-card)>:is(strong,b){font-size:14px}
#app .app-main .profit-heading .fx-reference{display:flex;align-items:baseline;flex:0 1 auto;flex-wrap:wrap;gap:2px 8px;padding:4px 8px;margin:0;min-width:0;background:#f5faf7;border-radius:5px}
#app .app-main .profit-heading .fx-reference :is(span,small){font-size:11px;line-height:18px;margin:0}
#app .app-main .profit-heading .fx-reference strong{font-size:14px;line-height:20px;margin:0;white-space:nowrap}
#app .app-main .team-roi>.split:first-of-type{margin:0 0 12px;gap:12px;align-items:center;flex-wrap:wrap}
#app .app-main .team-roi>.split:first-of-type>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
#app .app-main :is(.team-roi>.split:first-of-type,.bi-ops)>h2,
#app .app-main .team-roi>.split:first-of-type h2{display:inline-block;font-size:18px;line-height:28px;margin:0 12px 8px 0}
#app .app-main .bi-ops>h2+.muted{display:inline;font-size:12px;line-height:20px;margin:0;color:#71817b}
#app .app-main .home-welcome{min-height:0;padding:12px 16px;margin-bottom:12px;border-radius:8px}
#app .app-main .home-welcome__main{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0}
#app .app-main .home-welcome__title{margin:0;font-size:20px;line-height:28px}
#app .app-main .home-welcome__desc{margin:0;font-size:12px;line-height:20px}
@media(max-width:767px){
 #app .app-main :is(.pd-header,.lc-hero,.av-head,.page-head,.page-header,.profit-heading,.facebook-page__header){padding:8px 10px;gap:7px 10px;align-items:flex-start}
 #app .app-main :is(.pd-header__copy,.lc-hero>div:first-child,.av-head>div:first-child,.page-head>div:first-child,.page-header__main,.page-header-text,.profit-heading>div:first-child,.facebook-page__header-main){flex-basis:100%;gap:2px 10px}
 #app .app-main :is(.pd-header,.lc-hero,.av-head,.page-head,.page-header,.profit-heading,.facebook-page__header) :is(h1,h2){font-size:17px;line-height:24px}
 #app .app-main :is(.pd-header,.lc-hero,.av-head,.page-head,.page-header,.profit-heading,.facebook-page__header) p{flex-basis:100%}
 #app .app-main .lc-page{padding:12px}
 #app .app-main .pd-page{padding:12px}
}