/* The chooser belongs to both styles; the report layout itself is fully scoped. */
.theme-control {display: flex; align-items: center; gap: 7px; font-size: 10px; color: var(--muted); white-space: nowrap}
#theme-select {font-family: var(--font); font-size: 11px; color: var(--ink); border: 1px solid var(--line); border-radius: 8px; background: var(--panel); min-height: 32px; padding: 5px 8px; max-width: 145px}
@media (max-width: 850px) {.topbar-right {gap: 10px}}
@media (max-width: 560px) {.theme-control {font-size: 0; gap: 0} #theme-select {max-width: 116px; font-size: 10px; min-height: 30px} .topbar-right {gap: 7px} .topbar-right .prototype-badge {display: none}}

/* Analytical report layout. Every rule is scoped so the original Tempo style remains available. */
:is([data-theme='reports'],[data-theme='ios']) {
  --bg: #f3f5f7;
  --panel: #fff;
  --ink: #25344a;
  --muted: #697787;
  --line: #dce2e8;
  --purple: #426cc9;
  --purple-light: #edf2fc;
  --green: #278a79;
  --amber: #aa7227;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --report-blue: #6686ec;
  --report-lightblue: #9dd8ef;
  --report-navy: #25364b;
  color-scheme: light;
}

:is([data-theme='reports'],[data-theme='ios']) body {
  background: var(--bg);
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
:is([data-theme='reports'],[data-theme='ios']) :is(h1, h2, h3, .brand, .kpi-value, .person-metrics strong, .mac-summary-time, .mac-summary-stat strong, .admin-count strong, .agency-mark, .admin-steps > div > span) {font-family: var(--font)}
:is([data-theme='reports'],[data-theme='ios']) :is(button, a, input, select):focus-visible {outline: 3px solid #9ab7fc; outline-offset: 3px}

/* A horizontal application header replaces the original fixed left sidebar. */
:is([data-theme='reports'],[data-theme='ios']) .sidebar {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 66px;
  padding: 0 24px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 18px;
  background: var(--report-navy);
  border: 0;
  z-index: 3;
}
:is([data-theme='reports'],[data-theme='ios']) .brand {grid-column: 1; grid-row: 1; padding: 0; gap: 8px; color: #fff; font-size: 25px; letter-spacing: -.9px; font-weight: 650; justify-content: flex-start}
:is([data-theme='reports'],[data-theme='ios']) .brand > span:last-child {display: inline}
:is([data-theme='reports'],[data-theme='ios']) .brand-icon {width: 27px; height: 29px; background: #6d8beb; border-radius: 4px; font-size: 26px; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) .brand-dot {color: #93b5f8}
:is([data-theme='reports'],[data-theme='ios']) .nav-caption {display: none}
:is([data-theme='reports'],[data-theme='ios']) .sidebar nav {grid-column: 2; grid-row: 1; display: flex; align-self: stretch; align-items: stretch; gap: 0; margin: 0; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #7c93aa transparent}
:is([data-theme='reports'],[data-theme='ios']) .nav-item {width: auto; flex: 0 0 auto; justify-content: center; gap: 7px; padding: 0 10px; margin: 0; border-radius: 0; color: #dce5ef; font-size: 12px; font-weight: 450; white-space: nowrap; border-bottom: 3px solid transparent; border-top: 3px solid transparent}
:is([data-theme='reports'],[data-theme='ios']) .nav-item > span {display: none}
:is([data-theme='reports'],[data-theme='ios']) .nav-item:hover {background: #ffffff0c; color: #fff}
:is([data-theme='reports'],[data-theme='ios']) .nav-item.active {background: #ffffff08; color: #fff; border-bottom-color: #9dd8ef; font-weight: 650}
:is([data-theme='reports'],[data-theme='ios']) .nav-item b {display: inline-grid; place-items: center; min-width: 18px; margin: 0; padding: 1px 4px; border-radius: 3px; background: #4d6177; color: #fff; font-size: 10px; line-height: 17px}
:is([data-theme='reports'],[data-theme='ios']) .workspace {grid-column: 3; grid-row: 1; display: flex; gap: 8px; width: auto; max-width: 155px; margin: 0; padding: 8px 6px; background: transparent; border: 0; border-radius: 4px; color: #fff; font-size: 12px}
:is([data-theme='reports'],[data-theme='ios']) .workspace:hover {background: #ffffff0d}
:is([data-theme='reports'],[data-theme='ios']) .workspace-avatar {display: none}
:is([data-theme='reports'],[data-theme='ios']) .workspace-copy strong {font-size: 12px; color: #fff; max-width: 125px; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .workspace-copy small {display: none}
:is([data-theme='reports'],[data-theme='ios']) .chevron {color: #bac9d8}
:is([data-theme='reports'],[data-theme='ios']) .sidebar-bottom {grid-column: 4; grid-row: 1; display: flex; align-items: center; gap: 12px; margin: 0}
:is([data-theme='reports'],[data-theme='ios']) .help-card {background: transparent; padding: 0; margin: 0; border-radius: 0; border: 0}
:is([data-theme='reports'],[data-theme='ios']) .help-card > :not(button) {display: none}
:is([data-theme='reports'],[data-theme='ios']) .help-card button {font-size: 0; color: #dce5ef; width: auto; margin: 0; padding: 8px 0}
:is([data-theme='reports'],[data-theme='ios']) .help-card button::after {content: 'Aide'; font-size: 12px; font-weight: 450}
:is([data-theme='reports'],[data-theme='ios']) .help-card button span {display: none}
:is([data-theme='reports'],[data-theme='ios']) .account {border: 0; padding: 0; width: 30px; gap: 0}
:is([data-theme='reports'],[data-theme='ios']) .account-avatar {height: 30px; width: 30px; background: #476078; color: #edf4fa; font-size: 10px; border-radius: 50%}
:is([data-theme='reports'],[data-theme='ios']) .account > span:not(:first-child) {display: none}
:is([data-theme='reports'],[data-theme='ios']) main {margin-left: 0}
:is([data-theme='reports'],[data-theme='ios']) .topbar {height: 46px; padding: 0 max(28px, calc((100vw - 1240px) / 2 + 28px)); background: #fff; border-bottom: 1px solid var(--line); backdrop-filter: none}
:is([data-theme='reports'],[data-theme='ios']) .breadcrumb {font-size: 12px; color: #7a8796}
:is([data-theme='reports'],[data-theme='ios']) .breadcrumb span {padding-inline: 10px}
:is([data-theme='reports'],[data-theme='ios']) .breadcrumb strong {color: #374960; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .topbar-right {gap: 15px}
:is([data-theme='reports'],[data-theme='ios']) .topbar-avatar {display: none}
:is([data-theme='reports'],[data-theme='ios']) .prototype-badge {font-size: 9px; letter-spacing: .6px; color: #86929f}
:is([data-theme='reports'],[data-theme='ios']) .theme-control {font-size: 11px; color: #728090}
:is([data-theme='reports'],[data-theme='ios']) #theme-select {background: #fff; border: 1px solid #ccd5df; border-radius: 4px; padding: 4px 7px; font-size: 11px; min-height: 29px; max-width: 145px; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) .mode-banner {padding: 9px max(28px, calc((100vw - 1240px) / 2 + 28px)); background: #eaf0f8; border-color: #dae4f0; color: #617589; font-size: 11px; line-height: 1.6}
:is([data-theme='reports'],[data-theme='ios']) .mode-banner button {font-size: 11px; color: #426cc9; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .page {max-width: 1240px; padding: 27px 28px 18px; margin: 0 auto}
:is([data-theme='reports'],[data-theme='ios']) .page-heading {align-items: center; gap: 18px; margin-bottom: 21px}
:is([data-theme='reports'],[data-theme='ios']) .eyebrow {display: none}
:is([data-theme='reports'],[data-theme='ios']) h1 {font-size: 26px; letter-spacing: -.5px; line-height: 1.2; font-weight: 550; margin-bottom: 7px}
:is([data-theme='reports'],[data-theme='ios']) .page-heading p {font-size: 12px; color: #718092; line-height: 1.6}
:is([data-theme='reports'],[data-theme='ios']) .button {min-height: 33px; padding: 7px 11px; border-color: #cdd6df; border-radius: 4px; background: #fff; font-size: 11px; font-weight: 550; color: #49617a; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) .button:hover {border-color: #a9b9cc; background: #f8fafc}
:is([data-theme='reports'],[data-theme='ios']) .button.primary {background: #426cc9; border-color: #426cc9; color: #fff; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) .button.primary:hover {background: #365fb8; border-color: #365fb8}
:is([data-theme='reports'],[data-theme='ios']) .text-button {font-size: 11px; color: #657e9a; padding: 5px 0}
:is([data-theme='reports'],[data-theme='ios']) .filters {margin-bottom: 20px; padding: 12px 0; gap: 12px; border-block: 1px solid var(--line); align-items: center}
:is([data-theme='reports'],[data-theme='ios']) .filter-group {gap: 8px}
:is([data-theme='reports'],[data-theme='ios']) .filters select {height: 33px; border-color: #cdd6df; border-radius: 4px; padding: 6px 9px; font-size: 11px; color: #49617a; max-width: 220px}
:is([data-theme='reports'],[data-theme='ios']) .filters .text-button {margin-left: 5px}

/* Flat, readable report surfaces and tables apply to every workspace view. */
:is([data-theme='reports'],[data-theme='ios']) :is(.card, .kpi, .admin-count, .admin-steps > div) {border: 1px solid var(--line); border-radius: 5px; background: #fff; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) .card-head {padding: 17px 20px; border-bottom: 1px solid #e6ebf0; align-items: center}
:is([data-theme='reports'],[data-theme='ios']) .card-head h2 {font-size: 14px; font-weight: 600; color: #304157}
:is([data-theme='reports'],[data-theme='ios']) .card-head p {font-size: 11px; color: #7c8897; margin-top: 5px}
:is([data-theme='reports'],[data-theme='ios']) .card-head .text-button {font-size: 11px; color: #426cc9}
:is([data-theme='reports'],[data-theme='ios']) .pill {font-size: 10px; padding: 3px 6px; border-radius: 3px; font-weight: 500}
:is([data-theme='reports'],[data-theme='ios']) .pill.purple {background: #edf2fc; color: #526fc0}
:is([data-theme='reports'],[data-theme='ios']) .pill.green {background: #e8f3ef; color: #297c65}
:is([data-theme='reports'],[data-theme='ios']) .pill.orange {background: #faf2e7; color: #9d722f}
:is([data-theme='reports'],[data-theme='ios']) .table-wrap {max-width: 100%; overflow-x: auto}
:is([data-theme='reports'],[data-theme='ios']) table {font-size: 12px}
:is([data-theme='reports'],[data-theme='ios']) th {background: #f8fafc; color: #7c8998; padding: 11px 18px; border-block: 1px solid #e6ebf0; font-weight: 550; font-size: 10px; letter-spacing: .25px}
:is([data-theme='reports'],[data-theme='ios']) td {padding: 13px 18px; border-bottom: 1px solid #edf0f4; color: #687a8d}
:is([data-theme='reports'],[data-theme='ios']) td strong {font-size: 12px; font-weight: 550; color: #34485f}
:is([data-theme='reports'],[data-theme='ios']) td small {font-size: 10px; color: #8a95a3; margin-top: 4px}
:is([data-theme='reports'],[data-theme='ios']) tbody tr:hover {background: #fbfcfe}
:is([data-theme='reports'],[data-theme='ios']) .table-foot {padding: 11px 18px; font-size: 11px; color: #8290a0; line-height: 1.6}
:is([data-theme='reports'],[data-theme='ios']) .track {background: #eef1f5; border-radius: 0; height: 6px}
:is([data-theme='reports'],[data-theme='ios']) .track span {border-radius: 0}
:is([data-theme='reports'],[data-theme='ios']) .category-list {padding: 18px 20px 20px}
:is([data-theme='reports'],[data-theme='ios']) .category-row {margin-bottom: 16px}
:is([data-theme='reports'],[data-theme='ios']) .category-label {font-size: 11px; margin-bottom: 7px; color: #66778b}
:is([data-theme='reports'],[data-theme='ios']) .category-label strong {font-size: 11px; color: #3f5269; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .dot {border-radius: 2px; width: 7px; height: 7px}
:is([data-theme='reports'],[data-theme='ios']) .kpi-grid {gap: 0; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; margin-bottom: 20px; background: #fff}
:is([data-theme='reports'],[data-theme='ios']) .kpi {border: 0; border-right: 1px solid var(--line); border-radius: 0; padding: 16px 19px}
:is([data-theme='reports'],[data-theme='ios']) .kpi:last-child {border-right: 0}
:is([data-theme='reports'],[data-theme='ios']) .kpi-top {font-size: 11px; color: #748296}
:is([data-theme='reports'],[data-theme='ios']) .kpi-icon {display: none}
:is([data-theme='reports'],[data-theme='ios']) .kpi-value {font-size: 28px; letter-spacing: -.5px; font-weight: 500; margin: 9px 0 5px}
:is([data-theme='reports'],[data-theme='ios']) .kpi-caption {font-size: 10px; color: #83909f}
:is([data-theme='reports'],[data-theme='ios']) .grid-2, :is([data-theme='reports'],[data-theme='ios']) .overview-bottom {gap: 18px; grid-template-columns: 1.55fr 1fr}
:is([data-theme='reports'],[data-theme='ios']) .chart {padding: 15px 20px}
:is([data-theme='reports'],[data-theme='ios']) .chart svg {height: 200px}
:is([data-theme='reports'],[data-theme='ios']) .chart text {font-size: 10px; fill: #8b97a5}
:is([data-theme='reports'],[data-theme='ios']) .chart :is(polyline, circle)[stroke='#8770dd'] {stroke: var(--report-blue)}
:is([data-theme='reports'],[data-theme='ios']) .chart circle[fill='#8770dd'] {fill: var(--report-blue)}
:is([data-theme='reports'],[data-theme='ios']) .chart stop {stop-color: #6686ec}
:is([data-theme='reports'],[data-theme='ios']) .chart-legend {font-size: 10px; color: #8190a0}
:is([data-theme='reports'],[data-theme='ios']) .chart-legend .dot {background: var(--report-blue)}
:is([data-theme='reports'],[data-theme='ios']) .note {padding: 12px 15px; background: #eef3f9; border: 1px solid #dbe5f0; border-radius: 4px; color: #62798f; font-size: 11px; line-height: 1.8}
:is([data-theme='reports'],[data-theme='ios']) .empty {padding: 38px 22px; font-size: 12px}
:is([data-theme='reports'],[data-theme='ios']) .empty strong {font-size: 15px; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .avatar {border-radius: 4px; font-size: 10px; height: 29px; width: 29px}
:is([data-theme='reports'],[data-theme='ios']) .people-grid {gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr))}
:is([data-theme='reports'],[data-theme='ios']) .person-card {padding: 19px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 20px; align-items: start}
:is([data-theme='reports'],[data-theme='ios']) .person-card .person-heading {grid-column: 1; margin: 0; min-width: 0}
:is([data-theme='reports'],[data-theme='ios']) .person-card .person-metrics {grid-column: 2; border: 0; padding: 0; gap: 12px; margin: 0; justify-content: flex-end}
:is([data-theme='reports'],[data-theme='ios']) .person-card > .category-row {margin: 0; min-width: 0}
:is([data-theme='reports'],[data-theme='ios']) .person-card > .button {grid-column: 1 / -1; margin-top: 0; border-top-color: #dce2e8}
:is([data-theme='reports'],[data-theme='ios']) .person-card > .empty {grid-column: 1 / -1; padding: 20px 0}
:is([data-theme='reports'],[data-theme='ios']) .person-card .person-heading {margin-bottom: 0; gap: 10px}
:is([data-theme='reports'],[data-theme='ios']) .person-card .avatar {width: 34px; height: 34px; border-radius: 4px; font-size: 12px}
:is([data-theme='reports'],[data-theme='ios']) .person-card h2 {font-size: 14px; font-weight: 600}
:is([data-theme='reports'],[data-theme='ios']) .person-card p {font-size: 11px}
:is([data-theme='reports'],[data-theme='ios']) .person-metrics {padding: 11px 0; margin-bottom: 16px}
:is([data-theme='reports'],[data-theme='ios']) .person-metrics strong {font-size: 22px; font-weight: 500; letter-spacing: -.3px}
:is([data-theme='reports'],[data-theme='ios']) .person-metrics small {font-size: 10px}
:is([data-theme='reports'],[data-theme='ios']) .person-row {padding: 12px 20px; border-bottom-color: #edf0f4}
:is([data-theme='reports'],[data-theme='ios']) .person-row strong {font-size: 12px; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .person-row small {font-size: 10px}
:is([data-theme='reports'],[data-theme='ios']) .person-row .person-time {font-size: 12px; font-weight: 500; color: #425871}
:is([data-theme='reports'],[data-theme='ios']) .insight {padding: 15px 20px}
:is([data-theme='reports'],[data-theme='ios']) .insight-icon {background: #eef3fc; color: #6d8ad3; border-radius: 4px}
:is([data-theme='reports'],[data-theme='ios']) .insight strong {font-size: 12px; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .insight p {font-size: 11px}
:is([data-theme='reports'],[data-theme='ios']) .section-toolbar {margin-bottom: 16px}
:is([data-theme='reports'],[data-theme='ios']) .section-toolbar p {font-size: 12px}
:is([data-theme='reports'],[data-theme='ios']) .devices-grid {gap: 12px; grid-template-columns: 1fr}
:is([data-theme='reports'],[data-theme='ios']) .device-card {padding: 17px 20px; display: grid; grid-template-columns: minmax(190px, 1fr) minmax(260px, 1.6fr) 170px; gap: 3px 26px; align-items: center}
:is([data-theme='reports'],[data-theme='ios']) .device-card .device-top {grid-column: 1; grid-row: 1; justify-content: flex-start; gap: 12px}
:is([data-theme='reports'],[data-theme='ios']) .device-card > h2 {grid-column: 1; grid-row: 2; margin: 0}
:is([data-theme='reports'],[data-theme='ios']) .device-card > p {grid-column: 1; grid-row: 3; margin-top: 3px}
:is([data-theme='reports'],[data-theme='ios']) .device-card .device-details {grid-column: 2; grid-row: 1 / 4; border-left: 1px solid #e6ebf0; padding: 7px 0 7px 25px; align-items: center; gap: 20px}
:is([data-theme='reports'],[data-theme='ios']) .device-card > .button {grid-column: 3; min-height: 31px; margin-top: 0 !important}
:is([data-theme='reports'],[data-theme='ios']) .device-card > .button.primary {grid-row: 1 / 3}
:is([data-theme='reports'],[data-theme='ios']) .device-card > .button:not(.primary) {grid-row: 3}
:is([data-theme='reports'],[data-theme='ios']) .device-top {margin-bottom: 15px}
:is([data-theme='reports'],[data-theme='ios']) .mac-icon {font-size: 27px; color: #7a93ac; background: #f0f4f8; border-radius: 4px; padding: 2px 10px}
:is([data-theme='reports'],[data-theme='ios']) .device-card h2 {font-size: 14px; font-weight: 600}
:is([data-theme='reports'],[data-theme='ios']) .device-card p {font-size: 11px}
:is([data-theme='reports'],[data-theme='ios']) .device-details {padding: 16px 0; gap: 12px}
:is([data-theme='reports'],[data-theme='ios']) .device-details strong {font-size: 11px; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .device-details small {font-size: 10px}
:is([data-theme='reports'],[data-theme='ios']) .entry-actions {background: #f8fafc; padding: 14px 18px; gap: 12px}
:is([data-theme='reports'],[data-theme='ios']) .entry-actions p {font-size: 12px}
:is([data-theme='reports'],[data-theme='ios']) .entry-actions select {padding: 7px 9px; border-color: #cdd6df; border-radius: 4px; font-size: 11px}
:is([data-theme='reports'],[data-theme='ios']) .mini-button {border-color: #cdd6df; border-radius: 3px; padding: 5px 8px; font-size: 11px; color: #506e98; background: #fff}
:is([data-theme='reports'],[data-theme='ios']) .mini-button:hover {background: #f5f8fc; border-color: #abbdd0}
:is([data-theme='reports'],[data-theme='ios']) .row-link {font-size: 11px; color: #426cc9}
:is([data-theme='reports'],[data-theme='ios']) .segmented {padding: 0; gap: 0; background: transparent; border: 0; border-radius: 0; border-bottom: 1px solid #dce2e8}
:is([data-theme='reports'],[data-theme='ios']) .segmented button {border-radius: 0; background: transparent; padding: 8px 11px; border-bottom: 2px solid transparent; font-size: 11px; color: #7a8998; font-weight: 450; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) .segmented .chosen {background: transparent; color: #426cc9; border-bottom-color: #6686ec; box-shadow: none; font-weight: 600}
:is([data-theme='reports'],[data-theme='ios']) .tools-grid {padding: 5px 20px 16px; gap: 0 25px}
:is([data-theme='reports'],[data-theme='ios']) .tool-row {padding: 13px 0; border-bottom-color: #edf0f4}
:is([data-theme='reports'],[data-theme='ios']) .tool-symbol {background: #eef3f9; border-radius: 3px; width: 26px; height: 26px; font-size: 11px}
:is([data-theme='reports'],[data-theme='ios']) .tool-row strong, :is([data-theme='reports'],[data-theme='ios']) .tool-row > span:last-child {font-size: 11px}

/* Overview: a report summary, coverage ring and ranked activity rather than dashboard tiles. */
:is([data-theme='reports'],[data-theme='ios']) .reports-summary {display: grid; grid-template-columns: 1.18fr .85fr 1fr; border: 1px solid var(--line); border-radius: 5px; background: #fff; margin-bottom: 20px; overflow: hidden}
:is([data-theme='reports'],[data-theme='ios']) .reports-summary-panel {padding: 20px 22px; min-width: 0; border-right: 1px solid #e4e9ef}
:is([data-theme='reports'],[data-theme='ios']) .reports-summary-panel:last-child {border-right: 0}
:is([data-theme='reports'],[data-theme='ios']) .reports-summary-title {font-size: 13px; line-height: 1.5; font-weight: 550; color: #51667f; margin: 0 0 12px}
:is([data-theme='reports'],[data-theme='ios']) .reports-summary-value {font-size: 46px; font-weight: 450; line-height: 1.15; color: #2b3d52; letter-spacing: -1.9px; font-variant-numeric: tabular-nums; margin: 0 0 7px}
:is([data-theme='reports'],[data-theme='ios']) .reports-summary-caption {font-size: 10px; line-height: 1.7; color: #8b96a4; margin: 6px 0 0}
:is([data-theme='reports'],[data-theme='ios']) .report-daily-chart {height: 125px; display: flex; gap: 14px; align-items: stretch; margin-top: 18px; padding: 0 10px; border-bottom: 1px solid #e2e8f0; background: repeating-linear-gradient(to top, transparent 0, transparent 24px, #f0f3f7 24px, #f0f3f7 25px)}
:is([data-theme='reports'],[data-theme='ios']) .report-daily-column {height: 100%; min-width: 0; flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: relative; padding-bottom: 22px}
:is([data-theme='reports'],[data-theme='ios']) .report-daily-bar {background: var(--report-blue); border-radius: 0; width: min(100%, 39px); height: var(--bar-height); min-height: 2px; position: relative}
:is([data-theme='reports'],[data-theme='ios']) .report-daily-column > span {font-size: 9px; color: #8592a1; line-height: 16px; white-space: nowrap; position: absolute; bottom: 0; margin: 0}
:is([data-theme='reports'],[data-theme='ios']) .report-daily-column:nth-child(even) .report-daily-bar {background: var(--report-lightblue)}
:is([data-theme='reports'],[data-theme='ios']) .report-ring {width: 168px; height: 168px; margin: 15px auto 15px; position: relative; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--report-blue) var(--ring-percent), #edf1f5 0)}
:is([data-theme='reports'],[data-theme='ios']) .report-ring::before {content: ''; position: absolute; inset: 16px; border-radius: 50%; background: #fff}
:is([data-theme='reports'],[data-theme='ios']) .report-ring-value {position: relative; z-index: 1; text-align: center; padding: 10px}
:is([data-theme='reports'],[data-theme='ios']) .report-ring-value strong {display: block; font-size: 34px; line-height: 1.2; font-weight: 500; color: #2c3c50; letter-spacing: -.7px}
:is([data-theme='reports'],[data-theme='ios']) .report-ring-value strong small {display: inline; font-size: 18px; color: #2c3c50; margin: 0 0 0 2px; font-weight: 450}
:is([data-theme='reports'],[data-theme='ios']) .report-ring-value > span {display: block; font-size: 10px; line-height: 1.5; color: #8190a0; margin: 6px 0 0; max-width: 110px}
:is([data-theme='reports'],[data-theme='ios']) .report-coverage-panel {text-align: center}
:is([data-theme='reports'],[data-theme='ios']) .report-coverage-panel .reports-summary-title {text-align: left}
:is([data-theme='reports'],[data-theme='ios']) .report-coverage-panel .text-button {font-size: 10px; margin-top: 8px; color: #5e7fba}
:is([data-theme='reports'],[data-theme='ios']) .report-muted {font-size: 10px; color: #99a3af; line-height: 1.7; margin-top: 3px}
:is([data-theme='reports'],[data-theme='ios']) .report-summary-foot {display: flex; justify-content: space-between; gap: 10px; font-size: 9px; color: #93a0af; margin-top: 10px}
:is([data-theme='reports'],[data-theme='ios']) .report-category-list {padding-top: 6px}
:is([data-theme='reports'],[data-theme='ios']) .report-category-row {margin-bottom: 18px}
:is([data-theme='reports'],[data-theme='ios']) .report-category-row:last-child {margin-bottom: 0}
:is([data-theme='reports'],[data-theme='ios']) .report-category-row > :is(label, span, div:first-child) {font-size: 11px; color: #62758e; line-height: 1.5}
:is([data-theme='reports'],[data-theme='ios']) .report-category-row label {display: inline-block; margin-bottom: 6px; max-width: calc(100% - 55px)}
:is([data-theme='reports'],[data-theme='ios']) .report-category-row strong {font-size: 11px; color: #3e526a; font-weight: 550; float: right}
:is([data-theme='reports'],[data-theme='ios']) .report-bar {clear: both; background: #f0f3f7; height: 7px; width: 100%; margin-top: 6px}
:is([data-theme='reports'],[data-theme='ios']) .report-bar > span {display: block; height: 100%; background: var(--report-blue)}
:is([data-theme='reports'],[data-theme='ios']) .report-category-row:nth-child(even) .report-bar > span {background: #8bbce9}
:is([data-theme='reports'],[data-theme='ios']) .reports-section {border: 1px solid var(--line); border-radius: 5px; background: #fff; overflow: hidden; margin-bottom: 20px; min-width: 0}
:is([data-theme='reports'],[data-theme='ios']) .reports-section-head {display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 16px 20px; border-bottom: 1px solid #e6ebf0}
:is([data-theme='reports'],[data-theme='ios']) .reports-section-head h2 {font-family: var(--font); font-size: 14px; font-weight: 600; color: #304157; margin: 0}
:is([data-theme='reports'],[data-theme='ios']) .reports-section-head p {font-size: 11px; color: #8190a0; line-height: 1.6; margin-top: 5px}
:is([data-theme='reports'],[data-theme='ios']) .reports-section-head .text-button {color: #426cc9; white-space: nowrap; font-size: 11px}
:is([data-theme='reports'],[data-theme='ios']) .reports-rank-table {table-layout: fixed; width: 100%}
:is([data-theme='reports'],[data-theme='ios']) .reports-rank-table th:first-child {width: 55%}
:is([data-theme='reports'],[data-theme='ios']) .reports-rank-table th:nth-child(2) {width: 18%}
:is([data-theme='reports'],[data-theme='ios']) .reports-rank-table th:last-child {width: 27%}
:is([data-theme='reports'],[data-theme='ios']) .reports-rank-table td:first-child strong {color: #4564a8; word-break: break-word}
:is([data-theme='reports'],[data-theme='ios']) .reports-rank-table td:nth-child(2) {font-variant-numeric: tabular-nums; white-space: nowrap; color: #3c516d; font-size: 13px}
:is([data-theme='reports'],[data-theme='ios']) .report-rank-name {display: flex; gap: 14px; align-items: center}
:is([data-theme='reports'],[data-theme='ios']) .report-rank-index {font-size: 11px; color: #9cabbc; min-width: 17px; text-align: right}
:is([data-theme='reports'],[data-theme='ios']) .report-rank-meter {display: flex; align-items: center; gap: 10px; font-size: 10px; color: #8d99a8}
:is([data-theme='reports'],[data-theme='ios']) .report-rank-meter .report-bar {flex: 1; height: 9px; margin: 0; min-width: 50px; max-width: 160px}
:is([data-theme='reports'],[data-theme='ios']) .report-rank-meter > span {width: 36px; text-align: right; flex: 0 0 auto}
:is([data-theme='reports'],[data-theme='ios']) .reports-rank-table tbody tr:nth-child(even) .report-bar > span {background: #8bbce9}
:is([data-theme='reports'],[data-theme='ios']) .reports-main-grid {display: grid; grid-template-columns: 1.55fr 1fr; gap: 20px; align-items: start}
:is([data-theme='reports'],[data-theme='ios']) .reports-main-grid .reports-section {margin-bottom: 0}
:is([data-theme='reports'],[data-theme='ios']) .report-person-row {display: flex; align-items: center; gap: 11px; padding: 13px 20px; border-bottom: 1px solid #edf0f4}
:is([data-theme='reports'],[data-theme='ios']) .report-person-row:last-child {border-bottom: 0}
:is([data-theme='reports'],[data-theme='ios']) .report-person-row strong {font-size: 12px; font-weight: 550; color: #3e526a}
:is([data-theme='reports'],[data-theme='ios']) .report-person-row small {font-size: 10px; color: #8b96a4; margin-top: 3px}
:is([data-theme='reports'],[data-theme='ios']) .report-person-row > :last-child {margin-left: auto; font-size: 12px; font-weight: 500; color: #3e526a; white-space: nowrap}
:is([data-theme='reports'],[data-theme='ios']) .report-person-row .avatar {background: #eaf0fa; color: #6784b8; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip {display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #e5eaf0; padding: 0 20px; background: #fff}
:is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip > div {padding: 17px 18px; border-right: 1px solid #e5eaf0; min-width: 0}
:is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip > div:first-child {padding-left: 0}
:is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip > div:last-child {border-right: 0}
:is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip strong {display: block; font-size: 24px; line-height: 1.2; font-weight: 450; color: #31475e; font-variant-numeric: tabular-nums}
:is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip :is(span, small, p) {font-size: 10px; line-height: 1.6; color: #8794a2; margin-top: 6px; display: block}
:is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip > div > span:first-child {margin-top: 0; margin-bottom: 7px; color: #697e95; font-size: 11px}
:is([data-theme='reports'],[data-theme='ios']) .report-mac-total strong {font-size: 34px; letter-spacing: -.9px}
:is([data-theme='reports'],[data-theme='ios']) .report-collection-status strong {font-size: 19px}

/* The computer report uses a compact left list and a wide chronological report. */
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-layout {display: grid; grid-template-columns: 188px minmax(0, 1fr); gap: 20px; align-items: start}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-picker {border: 1px solid var(--line); border-radius: 4px; background: #fff; overflow: hidden; display: flex; flex-direction: column}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice {display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 3px 8px; width: 100%; text-align: left; background: #fff; border: 0; border-bottom: 1px solid #edf0f4; border-left: 3px solid transparent; border-radius: 0; padding: 14px 13px; color: #75869a; font-size: 11px; min-width: 0}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice:last-child {border-bottom: 0}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice:hover {background: #f7f9fc}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice.selected {background: #edf2fc; border-left-color: #6686ec; color: #4765a4}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice strong {font-size: 12px; font-weight: 550; color: #37516d; display: block}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice small {font-size: 10px; color: #8a97a8; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 3px}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-picker-title {display: flex; justify-content: space-between; padding: 11px 14px; background: #f8fafc; color: #7b8a9c; border-bottom: 1px solid #e6ebf0; font-size: 11px; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-picker-title span {font-weight: 450; color: #99a6b5}
:is([data-theme='reports'],[data-theme='ios']) .report-computer-icon {font-size: 20px; line-height: 21px; color: #8da1b6; grid-column: 1; grid-row: 1}
:is([data-theme='reports'],[data-theme='ios']) .report-device-time {grid-column: 2; font-size: 11px; color: #7c93b5; font-weight: 500; margin-top: 3px}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice .mac-choice-time {font-size: 11px; font-weight: 500; color: #5475b9; margin-top: 8px}
:is([data-theme='reports'],[data-theme='ios']) .reports-mac-content {min-width: 0}
:is([data-theme='reports'],[data-theme='ios']) .report-hour-chart {height: 177px; padding: 0 20px 0; display: flex; align-items: stretch; gap: 6px; background: repeating-linear-gradient(to top, transparent 0, transparent 37px, #f0f3f7 37px, #f0f3f7 38px); border-bottom: 1px solid #e4e9ef; margin: 22px 20px 15px}
:is([data-theme='reports'],[data-theme='ios']) .report-hour-column {min-width: 0; flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; position: relative; padding-bottom: 23px}
:is([data-theme='reports'],[data-theme='ios']) .report-hour-bar {height: var(--bar-height); background: var(--report-blue); border-radius: 0; min-height: 2px}
:is([data-theme='reports'],[data-theme='ios']) .report-hour-column:nth-child(even) .report-hour-bar {background: #87afea}
:is([data-theme='reports'],[data-theme='ios']) .report-hour-column > span {font-size: 8px; line-height: 17px; text-align: center; color: #8d99a8; position: absolute; bottom: 0; width: 100%; white-space: nowrap}
:is([data-theme='reports'],[data-theme='ios']) .report-hour-heading {display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 20px 20px 0}
:is([data-theme='reports'],[data-theme='ios']) .report-hour-heading h3 {font-size: 12px; font-weight: 550; color: #607790; margin: 0}
:is([data-theme='reports'],[data-theme='ios']) .report-hour-heading span {font-size: 10px; color: #91a0b0}
:is([data-theme='reports'],[data-theme='ios']) .report-hour-caption {font-size: 10px; color: #91a0b0; line-height: 1.8; padding: 0 20px 18px}
:is([data-theme='reports'],[data-theme='ios']) .mac-day-controls {gap: 6px}
:is([data-theme='reports'],[data-theme='ios']) .mac-day-controls .button {border-radius: 3px; min-height: 30px; font-size: 11px; padding: 5px 9px}
:is([data-theme='reports'],[data-theme='ios']) .mac-day-controls input {padding: 6px 9px; font-size: 11px; border-color: #cdd6df; border-radius: 3px; color: #49617a}
:is([data-theme='reports'],[data-theme='ios']) .mac-footnote {font-size: 10px; color: #8592a3; line-height: 1.8; margin-top: 15px}
:is([data-theme='reports'],[data-theme='ios']) .mac-hour-bar {background: var(--report-blue); border-radius: 0}
:is([data-theme='reports'],[data-theme='ios']) .mac-choice {border-radius: 4px; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) .mac-choice.selected {border-color: #a4b8e5; background: #edf2fc; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) .mac-choice-icon {color: #7994af}
:is([data-theme='reports'],[data-theme='ios']) .mac-choice-time {color: #5070b5}
:is([data-theme='reports'],[data-theme='ios']) .mac-large-icon {background: #eef3f9; color: #6f8dad; border-radius: 4px; width: 38px; height: 38px}
:is([data-theme='reports'],[data-theme='ios']) .mac-summary-time {font-size: 44px; font-weight: 450; letter-spacing: -1.2px}
:is([data-theme='reports'],[data-theme='ios']) .mac-summary-stat strong {font-weight: 500}

/* Administration becomes a settings rail and a working area. */
:is([data-theme='reports'],[data-theme='ios']) #content:has(> .admin-tabs) {display: grid; grid-template-columns: 165px minmax(0, 1fr); column-gap: 24px; align-items: start}
:is([data-theme='reports'],[data-theme='ios']) #content:has(> .admin-tabs) > .admin-counts {grid-column: 1 / -1; grid-row: 1}
:is([data-theme='reports'],[data-theme='ios']) #content:has(> .admin-tabs) > .admin-tabs {grid-column: 1; grid-row: 2 / 6}
:is([data-theme='reports'],[data-theme='ios']) #content:has(> .admin-tabs) > .card {grid-column: 2; grid-row: 2}
:is([data-theme='reports'],[data-theme='ios']) #content:has(> .admin-tabs) > .admin-steps {grid-column: 2; grid-row: 3}
:is([data-theme='reports'],[data-theme='ios']) #content:has(> .admin-tabs) > .admin-footnote {grid-column: 2; grid-row: 4}
:is([data-theme='reports'],[data-theme='ios']) .admin-counts {gap: 0; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; margin-bottom: 24px; background: #fff}
:is([data-theme='reports'],[data-theme='ios']) .admin-count {padding: 15px 20px; border: 0; border-right: 1px solid var(--line); border-radius: 0; gap: 7px; font-size: 11px; background: transparent}
:is([data-theme='reports'],[data-theme='ios']) .admin-count:last-child {border-right: 0}
:is([data-theme='reports'],[data-theme='ios']) .admin-count:hover {background: #f8faff}
:is([data-theme='reports'],[data-theme='ios']) .admin-count strong {font-size: 25px; line-height: 1.2; font-weight: 450; color: #364d67}
:is([data-theme='reports'],[data-theme='ios']) .admin-count small {font-size: 10px; color: #6380b6}
:is([data-theme='reports'],[data-theme='ios']) .admin-tabs {flex-direction: column; gap: 1px; margin-bottom: 0; padding: 0; border-bottom: 0; overflow: visible}
:is([data-theme='reports'],[data-theme='ios']) .admin-tabs button {width: 100%; padding: 11px 13px; text-align: left; font-size: 12px; color: #74849a; border-bottom: 0; border-left: 3px solid transparent; white-space: normal; border-radius: 0; font-weight: 450; background: transparent}
:is([data-theme='reports'],[data-theme='ios']) .admin-tabs button:hover {background: #eaf0f6; color: #4d6683}
:is([data-theme='reports'],[data-theme='ios']) .admin-tabs .selected {color: #4163ac; border-left-color: #6686ec; background: #e7eefb; font-weight: 600}
:is([data-theme='reports'],[data-theme='ios']) .trash-count {border-radius: 3px; background: #dde6f6; color: #5779bd; min-width: 17px; height: 17px}
:is([data-theme='reports'],[data-theme='ios']) .admin-agency .card-head {padding-bottom: 17px}
:is([data-theme='reports'],[data-theme='ios']) .agency-profile {padding: 25px 20px; gap: 15px; flex-wrap: wrap}
:is([data-theme='reports'],[data-theme='ios']) .agency-mark {width: 48px; height: 48px; border-radius: 4px; font-size: 25px; font-weight: 550; color: #6887c2; background: #edf2fc}
:is([data-theme='reports'],[data-theme='ios']) .agency-profile h3 {font-size: 19px; font-weight: 550; letter-spacing: -.3px; margin-bottom: 5px}
:is([data-theme='reports'],[data-theme='ios']) .agency-profile p {font-size: 12px}
:is([data-theme='reports'],[data-theme='ios']) .agency-profile small {font-size: 10px; color: #8d99a8}
:is([data-theme='reports'],[data-theme='ios']) .agency-profile .agency-actions {gap: 7px}
:is([data-theme='reports'],[data-theme='ios']) .admin-steps {gap: 14px; margin-top: 18px; grid-template-columns: repeat(3, 1fr)}
:is([data-theme='reports'],[data-theme='ios']) .admin-steps > div {padding: 18px 16px; border-radius: 4px}
:is([data-theme='reports'],[data-theme='ios']) .admin-steps > div > span {font-size: 14px; font-weight: 500; color: #9cacbf; margin-bottom: 12px}
:is([data-theme='reports'],[data-theme='ios']) .admin-steps strong {font-size: 12px; font-weight: 600}
:is([data-theme='reports'],[data-theme='ios']) .admin-steps p {font-size: 11px; line-height: 1.75; color: #8491a1}
:is([data-theme='reports'],[data-theme='ios']) .admin-steps .text-button {font-size: 10px; margin-top: 13px; color: #5c7cae; line-height: 1.7; text-align: left}
:is([data-theme='reports'],[data-theme='ios']) .admin-row-actions {gap: 6px}
:is([data-theme='reports'],[data-theme='ios']) .admin-footnote {font-size: 10px; color: #8492a3; line-height: 1.8; margin-top: 18px}
:is([data-theme='reports'],[data-theme='ios']) .trash-details {font-size: 11px; line-height: 1.8}
:is([data-theme='reports'],[data-theme='ios']) .empty-trash-icon {color: #a4b2c5}
:is([data-theme='reports'],[data-theme='ios']) :is(.button, .mini-button).danger {color: #a84b4c; border-color: #e5c8cb; background: #fffafa; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) :is(.button, .mini-button).danger:hover {color: #933a3d; background: #fff0f1; border-color: #d9a9b0}
:is([data-theme='reports'],[data-theme='ios']) .deletion-impact {background: #fff7f6; border-color: #ebd8d5; border-radius: 4px}

/* Forms and utility surfaces follow the same restrained report style. */
:is([data-theme='reports'],[data-theme='ios']) dialog {border-color: #d4dce5; border-radius: 6px; background: #fff; box-shadow: 0 15px 60px #1b2e4424}
:is([data-theme='reports'],[data-theme='ios']) dialog::backdrop {background: #20324a60; backdrop-filter: none}
:is([data-theme='reports'],[data-theme='ios']) .modal-head {padding: 20px 23px 16px; border-bottom: 1px solid #e6ebf0}
:is([data-theme='reports'],[data-theme='ios']) .modal-head h2 {font-size: 18px; font-weight: 550; color: #334860}
:is([data-theme='reports'],[data-theme='ios']) .modal-close {border-radius: 3px; background: #f0f3f7; color: #728499}
:is([data-theme='reports'],[data-theme='ios']) .modal-body {padding: 15px 23px 23px}
:is([data-theme='reports'],[data-theme='ios']) .modal-body p {font-size: 12px; color: #718197; line-height: 1.8}
:is([data-theme='reports'],[data-theme='ios']) .modal-body label {font-size: 12px; color: #5d728c; margin-top: 13px}
:is([data-theme='reports'],[data-theme='ios']) :is(.modal-body input, .modal-body select, .login-panel input) {border-color: #cdd6df; border-radius: 4px; padding: 9px 10px; box-shadow: none}
:is([data-theme='reports'],[data-theme='ios']) .secret {border-radius: 4px; background: #f1f4f8; color: #546b86}
:is([data-theme='reports'],[data-theme='ios']) .toast {left: 50%; background: #2f435a; border-radius: 4px; font-size: 12px; box-shadow: 0 5px 18px #25364b22}
:is([data-theme='reports'],[data-theme='ios']) .login-panel {border-radius: 5px}
:is([data-theme='reports'],[data-theme='ios']) .login-panel h2 {font-family: var(--font); font-size: 20px; font-weight: 550}
:is([data-theme='reports'],[data-theme='ios']) footer {padding: 23px 0 5px; font-size: 10px; line-height: 1.8; color: #91a0b0}

@media (max-width: 1280px) {
  :is([data-theme='reports'],[data-theme='ios']) .sidebar {grid-template-columns: auto minmax(0, 1fr) auto; gap: 0 20px; padding: 0 28px}
  :is([data-theme='reports'],[data-theme='ios']) .brand {grid-column: 1; grid-row: 1; padding-block: 13px}
  :is([data-theme='reports'],[data-theme='ios']) .workspace {grid-column: 2; grid-row: 1; justify-self: end; max-width: 250px}
  :is([data-theme='reports'],[data-theme='ios']) .workspace-copy strong {max-width: 210px}
  :is([data-theme='reports'],[data-theme='ios']) .sidebar-bottom {grid-column: 3; grid-row: 1}
  :is([data-theme='reports'],[data-theme='ios']) .sidebar nav {grid-column: 1 / -1; grid-row: 2; border-top: 1px solid #ffffff10; min-height: 44px}
  :is([data-theme='reports'],[data-theme='ios']) .nav-item {padding: 10px 15px; font-size: 12px}
  :is([data-theme='reports'],[data-theme='ios']) .nav-item:first-child {padding-left: 0; padding-right: 20px}
}
@media (max-width: 1000px) {
  :is([data-theme='reports'],[data-theme='ios']) .device-card {grid-template-columns: minmax(170px, 1fr) minmax(220px, 1.4fr) 145px; column-gap: 18px}
  :is([data-theme='reports'],[data-theme='ios']) .device-card .device-details {padding-left: 18px; gap: 13px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary {grid-template-columns: 1fr .88fr 1fr}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary-panel {padding: 18px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary-value {font-size: 37px; letter-spacing: -1.3px}
  :is([data-theme='reports'],[data-theme='ios']) .report-ring {width: 145px; height: 145px; margin-block: 20px}
  :is([data-theme='reports'],[data-theme='ios']) .report-ring::before {inset: 14px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-main-grid {grid-template-columns: 1.4fr 1fr; gap: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-mac-layout {grid-template-columns: 165px minmax(0, 1fr); gap: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip {padding-inline: 17px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip > div {padding-inline: 13px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip strong {font-size: 21px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip .report-mac-total strong {font-size: 30px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip .report-collection-status strong {font-size: 17px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-steps {grid-template-columns: 1fr; gap: 10px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-steps > div {display: grid; grid-template-columns: 25px 1fr auto; column-gap: 12px; padding: 15px 17px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-steps > div > span {grid-row: 1 / 3; grid-column: 1; margin: 0}
  :is([data-theme='reports'],[data-theme='ios']) .admin-steps strong {grid-column: 2; margin-bottom: 4px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-steps p {grid-column: 2; grid-row: 2}
  :is([data-theme='reports'],[data-theme='ios']) .admin-steps .text-button {grid-column: 3; grid-row: 1 / 3; margin: 0; align-self: center; max-width: 160px}
}
@media (max-width: 850px) {
  :is([data-theme='reports'],[data-theme='ios']) .sidebar {width: 100%; padding-inline: 22px}
  :is([data-theme='reports'],[data-theme='ios']) .nav-item {font-size: 12px; padding-block: 10px; justify-content: flex-start}
  :is([data-theme='reports'],[data-theme='ios']) .nav-item > span {display: none}
  :is([data-theme='reports'],[data-theme='ios']) main {margin-left: 0}
  :is([data-theme='reports'],[data-theme='ios']) .topbar, :is([data-theme='reports'],[data-theme='ios']) .mode-banner {padding-inline: 22px}
  :is([data-theme='reports'],[data-theme='ios']) .page {padding: 24px 22px 18px}
  :is([data-theme='reports'],[data-theme='ios']) .page-heading .button {margin-top: 0}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary {grid-template-columns: 1fr 1fr}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary-panel:nth-child(2) {border-right: 0}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary-panel:last-child {grid-column: 1 / -1; border-top: 1px solid #e4e9ef}
  :is([data-theme='reports'],[data-theme='ios']) .report-category-list {display: grid; grid-template-columns: 1fr 1fr; gap: 15px 22px}
  :is([data-theme='reports'],[data-theme='ios']) .report-category-row {margin-bottom: 0}
  :is([data-theme='reports'],[data-theme='ios']) .reports-main-grid {grid-template-columns: 1fr}
  :is([data-theme='reports'],[data-theme='ios']) .reports-mac-layout {grid-template-columns: 1fr}
  :is([data-theme='reports'],[data-theme='ios']) .reports-mac-picker {flex-direction: row; overflow-x: auto}
  :is([data-theme='reports'],[data-theme='ios']) .reports-mac-picker-title {display: none}
  :is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice {width: 150px; min-width: 150px; border-left: 0; border-top: 3px solid transparent; border-right: 1px solid #edf0f4; border-bottom: 0; padding: 11px 13px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice.selected {border-top-color: #6686ec}
  :is([data-theme='reports'],[data-theme='ios']) .reports-mac-choice:last-child {border-right: 0}
  :is([data-theme='reports'],[data-theme='ios']) .grid-2, :is([data-theme='reports'],[data-theme='ios']) .overview-bottom {grid-template-columns: 1fr}
  :is([data-theme='reports'],[data-theme='ios']) .people-grid, :is([data-theme='reports'],[data-theme='ios']) .devices-grid {grid-template-columns: 1fr}
  :is([data-theme='reports'],[data-theme='ios']) .device-card {grid-template-columns: minmax(180px, 1fr) minmax(200px, 1fr); gap: 6px 24px}
  :is([data-theme='reports'],[data-theme='ios']) .device-card .device-details {grid-row: 1 / 4; grid-column: 2; grid-template-columns: 1fr}
  :is([data-theme='reports'],[data-theme='ios']) .device-card > .button {grid-column: auto; grid-row: 4 !important; margin-top: 9px !important; width: 100%}
  :is([data-theme='reports'],[data-theme='ios']) .kpi {border-bottom: 1px solid var(--line)}
  :is([data-theme='reports'],[data-theme='ios']) .kpi:nth-child(even) {border-right: 0}
  :is([data-theme='reports'],[data-theme='ios']) .kpi:nth-last-child(-n+2) {border-bottom: 0}
  :is([data-theme='reports'],[data-theme='ios']) #content:has(> .admin-tabs) {grid-template-columns: 135px minmax(0, 1fr); column-gap: 18px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-tabs button {font-size: 11px; padding: 10px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-count {padding: 14px 17px}
}
@media (max-width: 600px) {
  :is([data-theme='reports'],[data-theme='ios']) .sidebar {padding-inline: 16px; gap: 0 15px}
  :is([data-theme='reports'],[data-theme='ios']) .brand {font-size: 23px; padding-block: 13px; gap: 7px}
  :is([data-theme='reports'],[data-theme='ios']) .workspace {max-width: 150px; padding: 7px 0}
  :is([data-theme='reports'],[data-theme='ios']) .workspace-copy strong {max-width: 115px; font-size: 11px}
  :is([data-theme='reports'],[data-theme='ios']) .sidebar-bottom {gap: 0}
  :is([data-theme='reports'],[data-theme='ios']) .help-card {display: none}
  :is([data-theme='reports'],[data-theme='ios']) .nav-item {font-size: 11px; padding-inline: 13px; min-height: 43px}
  :is([data-theme='reports'],[data-theme='ios']) .topbar {height: 43px; padding-inline: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .breadcrumb {font-size: 10px}
  :is([data-theme='reports'],[data-theme='ios']) .breadcrumb > span:nth-child(2) {padding-inline: 6px}
  :is([data-theme='reports'],[data-theme='ios']) .breadcrumb #breadcrumb-agency {display: inline-block; max-width: 85px; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap}
  :is([data-theme='reports'],[data-theme='ios']) .topbar-right {gap: 0}
  :is([data-theme='reports'],[data-theme='ios']) .theme-control {font-size: 0; gap: 0}
  :is([data-theme='reports'],[data-theme='ios']) #theme-select {font-size: 10px; max-width: 126px; min-height: 27px}
  :is([data-theme='reports'],[data-theme='ios']) .prototype-badge {display: none}
  :is([data-theme='reports'],[data-theme='ios']) .mode-banner {padding: 8px 16px; font-size: 10px; align-items: start}
  :is([data-theme='reports'],[data-theme='ios']) .mode-banner button {font-size: 10px; flex-shrink: 0}
  :is([data-theme='reports'],[data-theme='ios']) .page {padding: 20px 16px 16px}
  :is([data-theme='reports'],[data-theme='ios']) h1 {font-size: 23px; margin-bottom: 7px}
  :is([data-theme='reports'],[data-theme='ios']) .page-heading {display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 17px}
  :is([data-theme='reports'],[data-theme='ios']) .page-heading p {font-size: 11px}
  :is([data-theme='reports'],[data-theme='ios']) .page-heading .button {margin-top: 0}
  :is([data-theme='reports'],[data-theme='ios']) .filters {gap: 10px; padding-block: 10px; margin-bottom: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .filters select {max-width: calc(50vw - 30px); font-size: 10px}
  :is([data-theme='reports'],[data-theme='ios']) .filters .text-button {font-size: 10px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary {grid-template-columns: 1fr}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary-panel {padding: 18px 20px; border-right: 0; border-bottom: 1px solid #e4e9ef}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary-panel:last-child {grid-column: 1; border-top: 0; border-bottom: 0}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary-title {font-size: 13px; margin-bottom: 10px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-summary-value {font-size: 42px}
  :is([data-theme='reports'],[data-theme='ios']) .report-daily-chart {height: 115px; gap: 19px}
  :is([data-theme='reports'],[data-theme='ios']) .report-ring {width: 152px; height: 152px; margin-block: 8px 12px}
  :is([data-theme='reports'],[data-theme='ios']) .report-category-list {grid-template-columns: 1fr; gap: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-section-head {padding: 15px 16px; flex-wrap: wrap; gap: 10px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-section-head h2 {font-size: 13px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-section-head p {font-size: 10px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-rank-table {min-width: 530px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-rank-table th:first-child {width: 49%}
  :is([data-theme='reports'],[data-theme='ios']) .reports-rank-table th:nth-child(2) {width: 20%}
  :is([data-theme='reports'],[data-theme='ios']) .reports-rank-table th:last-child {width: 31%}
  :is([data-theme='reports'],[data-theme='ios']) th {font-size: 9px; padding: 10px 14px}
  :is([data-theme='reports'],[data-theme='ios']) td {padding: 11px 14px; font-size: 11px}
  :is([data-theme='reports'],[data-theme='ios']) td strong {font-size: 11px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip {grid-template-columns: 1fr 1fr; padding-inline: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip > div {padding: 13px 14px; border-bottom: 1px solid #edf0f4}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip > div:nth-child(odd) {padding-left: 0}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip > div:nth-child(even) {border-right: 0}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip > div:nth-last-child(-n+2) {border-bottom: 0}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip strong {font-size: 23px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip .report-mac-total strong {font-size: 31px}
  :is([data-theme='reports'],[data-theme='ios']) .reports-metrics-strip .report-collection-status strong {font-size: 19px}
  :is([data-theme='reports'],[data-theme='ios']) .report-hour-chart {height: 150px; padding: 0; gap: 3px; margin-inline: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .report-hour-column > span {font-size: 7px}
  :is([data-theme='reports'],[data-theme='ios']) .report-hour-heading {padding-inline: 16px; flex-wrap: wrap; gap: 5px}
  :is([data-theme='reports'],[data-theme='ios']) .report-hour-caption {padding-inline: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .mac-day-controls {flex-wrap: wrap}
  :is([data-theme='reports'],[data-theme='ios']) .mac-day-controls input {max-width: 137px}
  :is([data-theme='reports'],[data-theme='ios']) .people-grid, :is([data-theme='reports'],[data-theme='ios']) .devices-grid {grid-template-columns: 1fr}
  :is([data-theme='reports'],[data-theme='ios']) .person-card {padding: 17px 16px; gap: 15px}
  :is([data-theme='reports'],[data-theme='ios']) .person-card .person-heading {grid-column: 1 / -1; margin: 0}
  :is([data-theme='reports'],[data-theme='ios']) .person-card .person-metrics {grid-column: 1 / -1; justify-content: space-between; padding: 10px 0; border-block: 1px solid var(--line)}
  :is([data-theme='reports'],[data-theme='ios']) .person-card .category-label {font-size: 10px; gap: 5px}
  :is([data-theme='reports'],[data-theme='ios']) .person-card .category-label strong {font-size: 10px}
  :is([data-theme='reports'],[data-theme='ios']) .device-card {padding: 17px 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px 12px}
  :is([data-theme='reports'],[data-theme='ios']) .device-card .device-top {grid-column: 1 / -1; grid-row: 1}
  :is([data-theme='reports'],[data-theme='ios']) .device-card > h2 {grid-column: 1 / -1; grid-row: 2}
  :is([data-theme='reports'],[data-theme='ios']) .device-card > p {grid-column: 1 / -1; grid-row: 3}
  :is([data-theme='reports'],[data-theme='ios']) .device-card .device-details {grid-column: 1 / -1; grid-row: 4; grid-template-columns: 1fr 1fr; border: 0; padding: 13px 0; gap: 12px}
  :is([data-theme='reports'],[data-theme='ios']) .device-card > .button {grid-row: 5 !important; margin-top: 0 !important}
  :is([data-theme='reports'],[data-theme='ios']) .card-head {padding: 15px 16px}
  :is([data-theme='reports'],[data-theme='ios']) .card-head h2 {font-size: 13px}
  :is([data-theme='reports'],[data-theme='ios']) .kpi {padding: 13px 16px}
  :is([data-theme='reports'],[data-theme='ios']) .kpi-value {font-size: 25px}
  :is([data-theme='reports'],[data-theme='ios']) #content:has(> .admin-tabs) {display: block}
  :is([data-theme='reports'],[data-theme='ios']) .admin-counts {grid-template-columns: 1fr 1fr; margin-bottom: 17px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-count {border-bottom: 1px solid var(--line); padding: 13px 16px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-count:nth-child(even) {border-right: 0}
  :is([data-theme='reports'],[data-theme='ios']) .admin-count:nth-last-child(-n+2) {border-bottom: 0}
  :is([data-theme='reports'],[data-theme='ios']) .admin-tabs {flex-direction: row; overflow-x: auto; gap: 0; margin-bottom: 16px; border-bottom: 1px solid #dce2e8}
  :is([data-theme='reports'],[data-theme='ios']) .admin-tabs button {width: auto; padding: 10px 12px; border-left: 0; border-bottom: 2px solid transparent; white-space: nowrap; font-size: 11px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-tabs .selected {background: transparent; border-bottom-color: #6686ec}
  :is([data-theme='reports'],[data-theme='ios']) .agency-profile {padding: 20px 16px}
  :is([data-theme='reports'],[data-theme='ios']) .agency-profile .agency-actions {margin-left: 0; width: 100%}
  :is([data-theme='reports'],[data-theme='ios']) .agency-profile .agency-actions .button {width: auto}
  :is([data-theme='reports'],[data-theme='ios']) .admin-steps > div {display: block; padding: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-steps > div > span {margin-bottom: 9px}
  :is([data-theme='reports'],[data-theme='ios']) .admin-steps .text-button {max-width: none; margin-top: 9px}
  :is([data-theme='reports'],[data-theme='ios']) .table-foot {font-size: 10px; padding-inline: 16px}
  :is([data-theme='reports'],[data-theme='ios']) .entry-actions {padding: 13px 16px}
  :is([data-theme='reports'],[data-theme='ios']) .entry-actions select {width: 100%; max-width: none}
}
.report-daily-wrap,.report-hour-wrap{display:flex;min-width:0;gap:9px;align-items:stretch}.report-chart-scale{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 32px;color:#8592a1;font-size:9px;white-space:nowrap;padding-bottom:23px;font-variant-numeric:tabular-nums}.report-daily-wrap{margin-top:18px;height:125px}.report-hour-wrap{margin:20px 20px 0;height:175px}:is([data-theme='reports'],[data-theme='ios']) .report-daily-wrap .report-daily-chart,:is([data-theme='reports'],[data-theme='ios']) .report-hour-wrap .report-hour-chart{flex:1;min-width:0;margin:0;height:100%;padding-inline:0}.report-daily-bar[data-empty=true],.report-hour-bar[data-empty=true]{height:0!important;min-height:0!important;background:transparent!important}.report-bar-value{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,3px);padding:5px 8px;border-radius:8px;background:#273b54;color:white;font-size:10px;line-height:1.4;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:2;box-shadow:0 3px 10px #24354e22}.report-daily-bar:hover .report-bar-value,.report-hour-bar:hover .report-bar-value{opacity:1;transform:translate(-50%,0)}.report-hour-bar{position:relative}@media(max-width:560px){.report-hour-wrap{margin-inline:16px;height:150px}.report-chart-scale{flex-basis:28px;font-size:8px}}