/* Desktop only: shared components and business logic remain the source of truth.
   Coarse-pointer tablets retain V219 geometry, including landscape iPad. */
@media (min-width:1280px) and (hover:hover) and (pointer:fine) {
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body {
   --ms220-width:min(2400px, calc(100vw - 64px)); --ms220-sidebar:220px;
   font-size:16px;
 }
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-shell{width:100%!important;max-width:none!important;padding:0!important;min-height:100dvh!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-frame {
   box-sizing:border-box!important;width:var(--ms220-width)!important;max-width:none!important;
   margin-inline:auto!important;padding:0 28px 36px calc(var(--ms220-sidebar) + 32px)!important;
   border:0!important;border-radius:0!important;overflow:visible!important;min-height:100dvh!important;
 }
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .bottom-nav.premium-bottom-nav {
   left:calc((100vw - var(--ms220-width))/2)!important;width:var(--ms220-sidebar)!important;
   top:24px!important;bottom:24px!important;height:auto!important;min-height:0!important;max-height:none!important;
   padding:26px 14px!important;transform:none!important;
 }
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .bottom-nav.premium-bottom-nav>button{min-height:58px!important;gap:14px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .bottom-nav.premium-bottom-nav>button>span{font-size:16px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .bottom-nav svg{width:25px!important;height:25px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-header{padding:26px 0!important;min-height:100px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-header h1{font-size:32px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-header p{font-size:15px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .header-actions button{width:46px!important;height:46px!important;min-width:46px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .standalone-screen,
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .details-screen{width:100%!important;max-width:none!important;margin-inline:0!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .details-screen .breakdown-card{padding:24px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .breakdown-item strong{font-size:20px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .breakdown-item span{font-size:15px!important}
 /* Salary dashboard: chart and composition share the available horizontal space. */
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-frame.premium-analytics-open .ms191-screen {
   display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;
   gap:22px!important;padding:0 0 28px!important;align-items:start!important;
 }
 .ms191-screen .ms189-import,.ms191-screen .ms191-pays{grid-column:1/-1!important}
 .ms191-screen .ms191-card{padding:24px!important;border-radius:24px!important;min-width:0}
 .ms191-screen .ms191-title h2{font-size:26px!important}
 .ms191-screen .ms191-title p{font-size:14px!important}
 .ms191-screen .ms191-kpi strong{font-size:24px!important}
 .ms191-screen .ms191-kpi span,.ms191-screen .ms191-kpi small{font-size:13px!important}
 .ms191-screen .ms191-chart svg{width:100%!important;max-height:none!important;height:300px!important}
 .ms191-screen .ms191-composition-grid{grid-template-columns:minmax(160px,.8fr) minmax(0,1.4fr)!important;gap:18px!important}
 .ms191-screen .ms191-donut{max-width:250px!important;width:100%!important}
 .ms191-screen .ms191-part{min-height:62px!important}
 .ms191-screen .ms191-part>span{font-size:14px!important}
 .ms191-screen .ms191-part>strong{font-size:16px!important}
 .ms191-screen .ms191-retentions{font-size:14px!important}
 .ms191-screen .ms191-pay{min-width:170px!important;font-size:14px!important}
 .ms191-screen .ms191-pay strong{font-size:18px!important}
 /* Fixed phone landing becomes a natural desktop grid; no tiny viewport scaling. */
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body.dv201-fixed{height:auto!important;overflow:auto!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body.dv201-fixed .app-frame,
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body.dv201-fixed .app-shell{height:auto!important;min-height:100dvh!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body.dv201-fixed #ms-fdp-view.dv199{
   height:auto!important;width:100%!important;max-width:none!important;--dv201-unit:.82px!important;
 }
 body.dv201-fixed .dv201-home{height:auto!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;grid-template-rows:auto 1fr!important;gap:20px!important}
 body.dv201-fixed .dv201-next{grid-column:1;grid-row:1/3;min-height:440px!important;max-height:580px!important;padding:26px!important;border-radius:26px!important}
 body.dv201-fixed .dv201-intro{grid-column:2;grid-row:1;padding:0!important}
 body.dv201-fixed #ms-fdp-title{font-size:32px!important}
 body.dv201-fixed .dv199-subtitle{font-size:17px!important}
 body.dv201-fixed .dv201-grid{grid-column:2;grid-row:2;grid-template-rows:repeat(2,minmax(190px,1fr))!important;gap:16px!important;margin:0!important}
 body.dv201-fixed .dv201-card{min-height:190px!important;padding:22px!important;border-radius:22px!important}
 body.dv201-fixed .dv201-card>strong{font-size:26px!important}
 body.dv201-fixed .dv201-card>small{font-size:15px!important;max-width:85%!important}
 body.dv201-fixed .dv201-card .dv199-icon{width:44px!important;height:44px!important}
 /* Sector map and read-only monthly summary use two columns. */
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body #ms-sectors-screen-v200{max-width:none!important;width:100%!important;padding:12px 0 32px!important}
 #ms-sectors-screen-v200 .sc200-map{height:440px!important;min-height:440px!important}
 #ms-sectors-screen-v200 .sc200-stats strong{font-size:32px!important}
 #ms-sectors-screen-v200 .sc200-stats small{font-size:15px!important}
 #ms-sectors-screen-v200 .sc200-card{padding:22px!important}
 /* Do not squeeze simulator into the tablet viewport-height budget. */
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body.ms202-tablet-sim .app-frame[data-ms-screen=simulate]>.result-hero{height:auto!important;min-height:360px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body.ms202-tablet-sim #premium-quick-actions-v58{height:auto!important;min-height:300px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .result-main{font-size:clamp(44px,3vw,68px)!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .dashboard-card-v108 strong{font-size:19px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .dashboard-card-v108 small{font-size:14px!important}
}
@media(min-width:1800px) and (hover:hover) and (pointer:fine){
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-frame[data-ms-screen=simulate]{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;column-gap:28px!important;align-content:start!important}
 .app-frame[data-ms-screen=simulate]>.app-header,.app-frame[data-ms-screen=simulate]>.screen-content{grid-column:1/-1!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-frame[data-ms-screen=simulate]>.result-hero,
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body.ms202-tablet-sim #premium-quick-actions-v58{margin:0 0 24px!important;height:auto!important;min-height:460px!important}
}
@media(min-width:1280px) and (hover:hover) and (pointer:fine){
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body #ms-sectors-screen-v200{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)!important;gap:24px!important;align-items:start!important}
 #ms-sectors-screen-v200 .sc200-heading{grid-column:1/-1!important}
 #ms-sectors-screen-v200 .sc200-heading h2{font-size:32px!important}
 #ms-sectors-screen-v200 .sc200-heading p,#ms-sectors-screen-v200 .sc200-search p{font-size:16px!important}
 #ms-sectors-screen-v200 .sc200-search{margin-top:0!important;position:sticky;top:24px}
 #ms-sectors-screen-v200 .sc200-search h3{font-size:24px!important}
 #ms-sectors-screen-v200 .sc200-search label{font-size:15px!important}
 #ms-sectors-screen-v200 .sc200-search input,#ms-sectors-screen-v200 .sc200-search select{font-size:17px!important;min-height:48px!important}
 .ms191-screen .ms191-composition .ms191-title h2{font-size:26px!important;white-space:normal!important}
}
@media(min-width:1280px) and (hover:hover) and (pointer:fine){
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .ms-v60-summary-item{padding:18px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .ms-v60-summary-item span{font-size:15px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .ms-v60-summary-item strong{font-size:21px!important;margin-top:8px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .details-screen h3{font-size:23px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .details-screen button{font-size:15px!important;min-height:44px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .dashboard-card-v108 h3{font-size:19px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .dashboard-card-v108 :is(p,small){font-size:14px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .dashboard-overview-title-v108 small{font-size:14px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .ms191-screen :is(select,.ms191-chips,.ms191-tooltip,.ms191-method,.ms191-year,.ms191-compare){font-size:14px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .ms191-screen .ms189-import>summary strong{font-size:17px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .ms191-screen .ms189-import>summary small{font-size:13px!important}
 body.dv201-fixed .dv201-next-heading{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;height:auto!important;gap:12px!important}
 body.dv201-fixed .dv201-next-heading h2{font-size:30px!important}
 body.dv201-fixed .dv201-next-heading p{font-size:16px!important}
 body.dv201-fixed .dv201-badge{position:static!important;grid-column:2;justify-self:start;max-width:100%;font-size:13px!important;margin:0!important}
 body.dv201-fixed .dv201-metrics>div{grid-template-columns:1fr!important;gap:6px!important;padding:0 8px!important}
 body.dv201-fixed .dv201-metrics svg{width:22px!important;height:22px!important;grid-column:1!important;grid-row:1!important}
 body.dv201-fixed .dv201-metrics span{font-size:12px!important;grid-column:1!important;grid-row:2!important;white-space:normal!important}
 body.dv201-fixed .dv201-metrics strong{grid-column:1!important;grid-row:3!important;font-size:25px!important}
}
@media(min-width:1800px) and (hover:hover) and (pointer:fine){
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-frame[data-ms-screen=simulate]>#premium-quick-actions-v58{grid-column:2!important;grid-row:2!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body .app-frame[data-ms-screen=simulate]>.result-hero{grid-column:1!important;grid-row:2!important}
 .app-frame[data-ms-screen=simulate]>.premium-completeness-v60{grid-column:1/-1!important}
}
@media(min-width:1280px) and (hover:hover) and (pointer:fine){
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body #premium-quick-actions-v58 .dashboard-card-copy-v108>strong{font-size:19px!important}
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body #premium-quick-actions-v58 .dashboard-card-copy-v108>small,
 html[data-salary-design][data-salary-theme][data-salary-composition][data-salary-mode] body #premium-quick-actions-v58 .bronze-card-description{font-size:14px!important;max-width:170px!important;line-height:1.5!important}
}