/* Sigma Dashboard Mobile Sections V2
   Readability/scroll refinement only. No data, routes, permissions or actions changed. */
@media(max-width:900px){
  .sdr-card>header{height:48px!important;min-height:48px!important;padding:0 13px!important}
  .sdr-card>header h3{font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .sdr-card>header span,.sdr-card>header button{font-size:9px!important;line-height:1!important;white-space:nowrap!important}

  /* Service Mix + Customer Source: make labels readable instead of clipping them. */
  .sdr-mix{grid-template-columns:108px minmax(0,1fr)!important;gap:12px!important;padding:12px 13px!important;align-items:center!important;overflow:hidden!important}
  .sdr-mix ul{gap:9px!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:3px!important;scrollbar-width:thin!important;scrollbar-color:#d8dce2 transparent!important}
  .sdr-mix ul::-webkit-scrollbar{width:3px!important}.sdr-mix ul::-webkit-scrollbar-thumb{background:#d8dce2!important;border-radius:99px!important}
  .sdr-mix li{grid-template-columns:8px minmax(0,1fr) auto!important;gap:7px!important;font-size:9px!important;line-height:1.25!important;min-height:20px!important}
  .sdr-mix li span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important}
  .sdr-mix li b{font-size:9px!important;white-space:nowrap!important;padding-left:3px!important}
  .sdr-mix li i,.sdr-mix li>i:first-child{width:7px!important;height:7px!important;min-width:7px!important;border-radius:50%!important}
  .sdr-donut strong{font-size:13px!important}.sdr-donut span{font-size:8px!important}
  .sdr-source{grid-template-columns:100px minmax(0,1fr)!important}

  /* Revenue Trend: reserve clear breathing room for month labels and prevent clipping. */
  .sdr-line{height:198px!important;min-height:198px!important;margin:18px 17px 29px!important;overflow:visible!important}
  .sdr-months{left:0!important;right:0!important;bottom:-23px!important;font-size:8px!important;color:#6f7b8a!important;line-height:1!important}
  .sdr-line-point{width:9px!important;height:9px!important}

  /* Active Jobs: deliberate horizontal table scroll, stable header, visible scroll affordance. */
  .sdr-table{position:relative!important;overflow-x:auto!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#c9ced5 #f4f5f7!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important}
  .sdr-table::-webkit-scrollbar{height:6px!important;width:4px!important}.sdr-table::-webkit-scrollbar-track{background:#f4f5f7!important}.sdr-table::-webkit-scrollbar-thumb{background:#c9ced5!important;border-radius:99px!important}
  .sdr-table table{min-width:640px!important;table-layout:auto!important}
  .sdr-table th{position:sticky!important;top:0!important;z-index:2!important;background:#f8f9fb!important;color:#566273!important;font-size:9px!important;font-weight:700!important;letter-spacing:.01em!important}
  .sdr-table td{font-size:9px!important;color:#344054!important}
  .sdr-table th,.sdr-table td{padding:9px 10px!important;line-height:1.25!important;border-bottom:1px solid #eef0f3!important}
  .sdr-table th:first-child,.sdr-table td:first-child{position:sticky!important;left:0!important;z-index:1!important;background:#fff!important;box-shadow:5px 0 8px -8px rgba(20,30,45,.45)!important}
  .sdr-table th:first-child{z-index:3!important;background:#f8f9fb!important}
  .sdr-empty{font-size:10px!important;color:#7d8794!important}

  .sdr-grid-top .sdr-card{height:310px!important;min-height:310px!important;max-height:310px!important}
  .sdr-grid-bottom .sdr-card:first-child{height:260px!important;min-height:260px!important;max-height:260px!important}
  .sdr-grid-bottom .sdr-card:last-child{height:270px!important;min-height:270px!important;max-height:270px!important}
}

@media(max-width:480px){
  .sdr-card>header{height:46px!important;min-height:46px!important;padding:0 11px!important}.sdr-card>header h3{font-size:12px!important}.sdr-card>header span,.sdr-card>header button{font-size:8px!important;padding:5px 7px!important}
  .sdr-grid-top .sdr-card{height:300px!important;min-height:300px!important;max-height:300px!important}
  .sdr-grid-bottom .sdr-card:first-child{height:250px!important;min-height:250px!important;max-height:250px!important}
  .sdr-grid-bottom .sdr-card:last-child{height:260px!important;min-height:260px!important;max-height:260px!important}
  .sdr-mix{grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}.sdr-donut{width:82px!important;height:82px!important}.sdr-donut:after{width:48px!important;height:48px!important}.sdr-source{grid-template-columns:86px minmax(0,1fr)!important}.sdr-source .sdr-donut{width:76px!important;height:76px!important}.sdr-source .sdr-donut:after{width:44px!important;height:44px!important}
  .sdr-mix li{font-size:8.5px!important;gap:5px!important;min-height:19px!important}.sdr-mix li b{font-size:8.5px!important}
  .sdr-line{height:195px!important;min-height:195px!important;margin:17px 14px 28px!important}.sdr-months{font-size:7.5px!important;bottom:-22px!important}
  .sdr-table table{min-width:610px!important}.sdr-table th,.sdr-table td{padding:8px 9px!important;font-size:8.5px!important}
}

@media(max-width:360px){
  .sdr-mix{grid-template-columns:82px minmax(0,1fr)!important;gap:7px!important;padding:9px!important}.sdr-donut{width:74px!important;height:74px!important}.sdr-donut:after{width:44px!important;height:44px!important}.sdr-source{grid-template-columns:78px minmax(0,1fr)!important}.sdr-source .sdr-donut{width:70px!important;height:70px!important}.sdr-source .sdr-donut:after{width:42px!important;height:42px!important}
  .sdr-mix li{font-size:8px!important}.sdr-mix li b{font-size:8px!important}.sdr-line{margin-left:12px!important;margin-right:12px!important}
}
