html, body, #content { height: 100%; }
.sawPage .sapMPageScroll { background: #f5f7f5; }
.sawHeader.sapMFlexBox { background: #123c35 !important; color: #fff; padding: 1.1rem 1.5rem; }
.sawHeader .sapMTitle, .sawHeader .sapMText { color: #fff; }
.sawHeader .sapMTitle { font-weight: 700; }
.sawBody { max-width: 1320px; margin: 0 auto; padding: 1rem; gap: 1rem; }
.sawRoleBar { border-radius: 10px; background: #fff !important; padding: .25rem .5rem; }
.sawPanel { border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(30,55,46,.07); }
.sawPanel .sapMPanelContent { padding: 1rem; }
.sawLogin { max-width: 28rem; margin: 4rem auto; }
.sawForm { gap: .7rem; }
.sawForm .sapMLabel { margin-top: .3rem; }
.sawItem { border-bottom: 1px solid #e5ebe7; padding: .55rem 0; gap: .5rem; }
.sawItem:last-child { border-bottom: 0; }
.sawItemText { min-width: 12rem; }
.sawMuted { color: #66766e; }
.sawKpi { border-radius: 10px; background: #fff; padding: 1rem; min-width: 9rem; margin: 0 1rem .5rem 0; box-shadow: 0 2px 10px rgba(30,55,46,.07); }
.sawKpi .sapMObjectNumberText { font-size: 1.8rem; }
.sawAlert { margin-bottom: .75rem; }
.sawForestCard { gap: .65rem; min-height: 10rem; margin: .35rem; padding: 1.2rem; border-radius: 12px; background: #fff; box-shadow: 0 2px 10px rgba(30,55,46,.07); }
.sawForestCard .sapMBtn { margin-top: auto; align-self: flex-start; }
.sawSegment { gap: .3rem; padding: .65rem 0; border-bottom: 1px solid #e5ebe7; }
.sawGuidance { margin: .4rem 0 .8rem; }
.sawPanel .sapMObjStatus { margin: .5rem 0; }
.sawOrder { border-top: 1px solid #dce5df; padding: .55rem 0 .8rem; }
.sawOrder:first-of-type { border-top: 0; }
.sawAnalyticsTabs { gap: .65rem; }
.sawOverviewHero { gap: 1.5rem; padding: 1.6rem 1.8rem; border-radius: 1rem; background: linear-gradient(115deg, #123c35, #17665a); color: #fff; }
.sawOverviewHero .sapMTitle, .sawOverviewHero .sapMText, .sawOverviewHero .sapMObjStatusText { color: #fff !important; }
.sawHeroText { gap: .55rem; flex: 1 1 24rem; }
.sawHeroText .sapMTitle { font-size: 1.9rem; }
.sawHeroAction { gap: .55rem; flex: 0 1 20rem; padding: 1rem 1.15rem; border: 1px solid rgba(255,255,255,.28); border-radius: .8rem; background: rgba(255,255,255,.08); }
.sawHeroAction .sapMBtn { align-self: flex-start; }
.sawEyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .82; }
.sawOverviewMetric { min-height: 9rem; justify-content: center; gap: .7rem; padding: 1.1rem 1.25rem; border-radius: .8rem; background: #fff; box-shadow: 0 2px 10px rgba(30,55,46,.07); }
.sawOverviewMetric .sapMObjectNumber { line-height: 1.2; }
.sawOverviewMetric .sapMObjectNumberText { font-size: 2.2rem; line-height: 1.2; color: #123c35; }
.sawMetricLabel { font-weight: 600; color: #324b40; }
.sawFlowCard { min-height: 6.5rem; gap: .45rem; margin: .2rem; padding: .85rem 1rem; border: 1px solid #dce5df; border-radius: .7rem; background: #fbfdfb; }
.sawFlowTitle { font-weight: 700; color: #183e34; }
.sawSectionHeading { gap: 1rem; padding: .4rem 0; }
.sawAnalyticsKpi { min-width: 13rem; }
.sawAnalyticsDelta { margin: .2rem 0 .4rem; }
.sawTrend { align-items: flex-end; gap: .45rem; overflow-x: auto; padding: .75rem .2rem .2rem; }
.sawBarColumn { min-width: 3.8rem; align-items: center; justify-content: flex-end; gap: .35rem; }
.sawBar { width: 2.4rem; min-height: .45rem; border-radius: .35rem .35rem .1rem .1rem; background: #0a6ed1; }
.sawTrendDEBARKER .sawBar { background: #2b7d65; }
.sawTrendSANDER .sawBar { background: #8b63a9; }
.sawTrendSHIPPING .sawBar { background: #6b56a8; }
.sawBarValue { font-weight: 700; font-size: .8rem; }
.sawBarLabel { color: #60736b; font-size: .75rem; }
.sawMachineCard { min-height: 13.5rem; margin: .35rem; padding: 1rem; border: 1px solid #dce5df; border-radius: .75rem; background: #fff; gap: .6rem; }
.sawNeutralProgress .sapMPIBar { background: #8b969e; }
.sawDetailPage .sapMPageBgStandard { background: #f5f7f5; }
.sawDetailPage .sapUxAPObjectPageWrapper { background: #f5f7f5; }
.sawDetailPage .sapUxAPObjectPageSection { max-width: 1320px; margin: 0 auto; }
.sawDetailBlock { width: 100%; gap: .75rem; }
.sawDetailTable .sapMListTblCell { vertical-align: middle; }
.sawPickAction { gap: .5rem; }