/* iOS / iPadOS workspace. Loaded after the report components and isolated from both other themes. */
[data-theme='ios'] {
  --bg: #f5f5f7;
  --panel: #fff;
  --ink: #1d1d1f;
  --muted: #72727a;
  --line: #e9e9ed;
  --purple: #007aff;
  --purple-light: #eaf3ff;
  --green: #248d5c;
  --amber: #a26910;
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif;
  --report-blue: #007aff;
  --report-lightblue: #66b1ff;
  --ios-shadow: 0 4px 22px #1e335b06, 0 1px 3px #1e335b04;
  color-scheme: light;
}
[data-theme='ios'] body {background: radial-gradient(ellipse at 85% 0, #eaf1ff88, transparent 55%), var(--bg); font-size: 14px; line-height: 1.5; letter-spacing: -.12px; -webkit-font-smoothing: antialiased}
[data-theme='ios'] :is(h1, h2, h3, button, input, select, .brand, .kpi-value, .agency-mark, .person-metrics strong) {font-family: var(--font)}
[data-theme='ios'] :is(button, a, input, select):focus-visible {outline: 3px solid #007aff66; outline-offset: 3px}
[data-theme='ios'] :is(button, a) { -webkit-tap-highlight-color: transparent}
[data-theme='ios'] .ui-icon {width: 20px; height: 20px; display: block; flex: 0 0 auto}

/* The sidebar and header follow the translucent iPad application chrome. */
[data-theme='ios'] .sidebar {position: fixed; inset: 0 auto 0 0; width: 232px; min-height: 0; padding: 27px 16px 18px; display: flex; flex-direction: column; gap: 0; background: #f4f5f8cc; border: 0; border-right: 1px solid #dddfe666; backdrop-filter: blur(30px) saturate(150%); -webkit-backdrop-filter: blur(30px) saturate(150%); z-index: 5; overflow-y: auto}
[data-theme='ios'] .brand {padding: 0 11px; margin-bottom: 0; font-size: 30px; color: var(--ink); font-weight: 730; letter-spacing: -1.4px; gap: 9px; flex-shrink: 0}
[data-theme='ios'] .brand > span:last-child {display: inline}
[data-theme='ios'] .brand-icon {width: 36px; height: 36px; border-radius: 11px; background: linear-gradient(160deg, #36a2ff, #0068eb); font-size: 31px; box-shadow: 0 3px 7px #007aff20; color: #fff}
[data-theme='ios'] .brand-dot {color: #007aff}
[data-theme='ios'] .workspace {display: flex; width: 100%; max-width: none; margin: 26px 0 25px; padding: 12px 11px; gap: 9px; color: var(--ink); background: #ffffffab; border: 1px solid #ffffffcc; border-radius: 15px; flex-shrink: 0; box-shadow: 0 2px 8px #151c3203}
[data-theme='ios'] .workspace:hover {background: #fff}
[data-theme='ios'] .workspace-avatar {display: grid; width: 31px; height: 31px; border-radius: 10px; background: linear-gradient(140deg, #e0eaff, #ece8ff); color: #5573c2; flex: 0 0 auto; font-weight: 650}
[data-theme='ios'] .workspace-copy strong {font-size: 12px; font-weight: 620; color: #34343b; max-width: 128px}
[data-theme='ios'] .workspace-copy small {display: block; font-size: 10px; color: #8b8c94; max-width: 137px; margin-top: 2px}
[data-theme='ios'] .chevron {color: #9497a1; margin-left: auto}
[data-theme='ios'] .nav-caption {display: block; font-size: 9px; color: #9a9ca7; letter-spacing: 1.2px; font-weight: 650; margin: 0 0 12px 11px}
[data-theme='ios'] .sidebar nav {display: flex; flex-direction: column; align-items: stretch; gap: 4px; margin: 0; overflow: visible; border: 0; flex: 0 0 auto}
[data-theme='ios'] .nav-item, [data-theme='ios'] .nav-item:first-child {width: 100%; flex: 0 0 auto; min-height: 44px; padding: 10px 10px; margin: 0; border: 0; border-radius: 11px; font-size: 12px; font-weight: 500; color: #63646e; justify-content: flex-start; gap: 9px; white-space: nowrap}
[data-theme='ios'] .nav-item > span {display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; color: #fff; background: #007aff; flex-shrink: 0; font-size: 18px; line-height: 1}
[data-theme='ios'] .nav-item > span .ui-icon {width: 17px; height: 17px; stroke-width: 1.8}
[data-theme='ios'] .nav-item[data-view='people'] > span {background: #925be0}
[data-theme='ios'] .nav-item[data-view='screens'] > span {background: #30a780}
[data-theme='ios'] .nav-item[data-view='missions'] > span {background: #ff9c35}
[data-theme='ios'] .nav-item[data-view='entries'] > span {background: #ef6888}
[data-theme='ios'] .nav-item[data-view='devices'] > span {background: #5a93b5}
[data-theme='ios'] .nav-item[data-view='admin'] > span {background: #89909d}
[data-theme='ios'] .nav-item:hover {background: #e7e9f080; color: #1d1d1f}
[data-theme='ios'] .nav-item.active {background: #fff; color: #007aff; font-weight: 650; box-shadow: 0 2px 7px #29354a08}
[data-theme='ios'] .nav-item b {display: inline-grid; place-items: center; border-radius: 6px; background: #e9effb; color: #6282b8; min-width: 18px; margin-left: auto; font-size: 9px; padding: 2px 4px; line-height: 14px}
[data-theme='ios'] .sidebar-bottom {display: block; margin-top: auto; padding-top: 24px; flex-shrink: 0}
[data-theme='ios'] .help-card {display: block; background: #ffffff66; padding: 14px 12px; border: 1px solid #ffffff8f; border-radius: 14px; margin: 0 0 17px}
[data-theme='ios'] .help-card > :not(button) {display: block}
[data-theme='ios'] .help-card .help-symbol {display: none}
[data-theme='ios'] .help-card strong {font-size: 11px; font-weight: 620; color: #5e6473}
[data-theme='ios'] .help-card p {font-size: 10px; line-height: 1.65; color: #9396a3; margin-top: 5px}
[data-theme='ios'] .help-card button {font-size: 10px; color: #007aff; padding: 10px 0 0; width: 100%; margin: 0; font-weight: 550}
[data-theme='ios'] .help-card button::after {content: none}
[data-theme='ios'] .help-card button span {display: inline; float: right}
[data-theme='ios'] .account {display: flex; width: 100%; gap: 9px; padding: 14px 1px 0; border: 0; border-top: 1px solid #dddfe8; font-size: 10px; color: #616574}
[data-theme='ios'] .account-avatar {width: 31px; height: 31px; color: #7184a8; background: #e1e7f3; border-radius: 50%; font-size: 10px}
[data-theme='ios'] .account > span:not(:first-child) {display: block}
[data-theme='ios'] .account small {color: #9b9eaa; font-size: 9px; margin-top: 2px}
[data-theme='ios'] main {margin-left: 232px; min-width: 0}
[data-theme='ios'] .topbar {position: sticky; top: 0; height: 67px; padding: 0 34px; background: #ffffff80; border-bottom: 1px solid #e3e6ec88; backdrop-filter: blur(24px) saturate(170%); -webkit-backdrop-filter: blur(24px) saturate(170%); z-index: 4}
[data-theme='ios'] .breadcrumb {font-size: 11px; color: #8b8d99; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
[data-theme='ios'] .breadcrumb span {padding-inline: 9px; color: #bfc3cd}
[data-theme='ios'] .breadcrumb #breadcrumb-agency {color: #8c8e99}
[data-theme='ios'] .breadcrumb strong {color: #535966; font-weight: 550}
[data-theme='ios'] .topbar-right {gap: 12px; flex: 0 0 auto}
[data-theme='ios'] .theme-control {font-size: 10px; color: #9295a0; gap: 8px}
[data-theme='ios'] #theme-select {background: #fff9; border: 1px solid #dce1eb; padding: 7px 28px 7px 10px; border-radius: 10px; font-size: 11px; min-height: 34px; max-width: 159px; color: #55647a; box-shadow: 0 1px 3px #34406505}
[data-theme='ios'] .prototype-badge {font-size: 8px; letter-spacing: .8px; color: #a2a7b5}
[data-theme='ios'] .topbar-avatar {display: grid; width: 30px; height: 30px; border-radius: 50%; background: #e5ebf8; color: #7b8aab; font-size: 10px}
[data-theme='ios'] .mode-banner {padding: 10px 34px; background: #edf3fd99; border-color: #dce7f77a; color: #70819b; font-size: 10px; line-height: 1.65}
[data-theme='ios'] .mode-banner button {color: #5080bd; font-size: 10px; font-weight: 550}
[data-theme='ios'] .page {max-width: 1480px; margin: auto; padding: 32px 34px 23px}
[data-theme='ios'] .page-heading {align-items: center; gap: 20px; margin-bottom: 27px}
[data-theme='ios'] .eyebrow {display: block; color: #a0a4af; font-size: 9px; font-weight: 550; letter-spacing: 1.25px; margin-bottom: 9px}
[data-theme='ios'] h1 {font-size: 29px; line-height: 1.22; font-weight: 720; letter-spacing: -.95px; margin-bottom: 8px; color: #25262d}
[data-theme='ios'] .page-heading p {font-size: 12px; color: #9295a1; line-height: 1.6}

/* Buttons and filter controls feel like native iOS controls, with comfortable targets. */
[data-theme='ios'] .button {min-height: 38px; padding: 9px 13px; background: #fff; color: #626c7c; font-size: 11px; font-weight: 550; border: 1px solid #e3e7ef; border-radius: 11px; box-shadow: 0 1px 2px #22293b03}
[data-theme='ios'] .button:hover {background: #fafcff; border-color: #ccd9ef}
[data-theme='ios'] .button.primary {color: #fff; background: linear-gradient(180deg, #168aff, #0076f6); border-color: #0079f9; box-shadow: 0 3px 8px #007aff1c}
[data-theme='ios'] .button.primary:hover {background: #0072ed; border-color: #0072ed}
[data-theme='ios'] .text-button {padding: 6px 0; color: #007aff; font-size: 11px; font-weight: 500}
[data-theme='ios'] .filters {margin-bottom: 24px; border: 0; padding: 0; gap: 12px; align-items: center}
[data-theme='ios'] .filter-group {gap: 8px; min-width: 0}
[data-theme='ios'] .filters select {height: 38px; background: #fff; color: #737c8d; font-size: 11px; border: 1px solid #e3e7ef; border-radius: 11px; padding: 8px 11px; max-width: 200px}
[data-theme='ios'] .filters .text-button {color: #959cab; font-size: 10px; padding: 6px; margin: 0}
[data-theme='ios'] .segmented {display: inline-flex; align-items: stretch; padding: 3px; gap: 2px; background: #eff1f5; border: 0; border-radius: 10px; box-shadow: inset 0 1px 2px #172b5003}
[data-theme='ios'] .segmented button {font-size: 10px; padding: 7px 11px; font-weight: 500; background: transparent; border: 0; border-radius: 8px; color: #9097a5; white-space: nowrap; min-height: 30px}
[data-theme='ios'] .segmented .chosen {background: #fff; color: #424a5c; border: 0; font-weight: 600; box-shadow: 0 2px 5px #26374e12, 0 0 0 1px #172b5004}
[data-theme='ios'] .mini-button {padding: 6px 10px; border-color: #e1e7f1; color: #4e7fb9; font-size: 11px; border-radius: 8px; background: #f8fbff}
[data-theme='ios'] .mini-button:hover {background: #edf5ff; border-color: #d0e1f7}
[data-theme='ios'] .row-link {font-size: 11px; color: #007aff}

/* Individual floating cards replace the joined report strip. */
[data-theme='ios'] :is(.card, .kpi, .reports-section, .reports-summary-panel, .admin-count, .admin-steps > div) {background: #fff; border: 1px solid #ffffffcc; border-radius: 22px; box-shadow: var(--ios-shadow); overflow: hidden; min-width: 0}
[data-theme='ios'] .card-head, [data-theme='ios'] .reports-section-head {padding: 20px 22px; border-bottom: 1px solid #eff1f5; align-items: center; gap: 12px}
[data-theme='ios'] .card-head h2, [data-theme='ios'] .reports-section-head h2 {font-size: 14px; font-weight: 650; color: #454b59; letter-spacing: -.2px}
[data-theme='ios'] .card-head p, [data-theme='ios'] .reports-section-head p {font-size: 10px; color: #a0a6b4; line-height: 1.65; margin-top: 5px}
[data-theme='ios'] .card-head .text-button, [data-theme='ios'] .reports-section-head .text-button {font-size: 10px; color: #007aff}
[data-theme='ios'] .reports-summary {display: grid; grid-template-columns: 1.18fr .9fr 1fr; gap: 18px; border: 0; border-radius: 0; box-shadow: none; background: transparent; margin-bottom: 24px; overflow: visible}
[data-theme='ios'] .reports-summary-panel {padding: 21px 22px 20px; border-right: 0; position: relative}
[data-theme='ios'] .reports-summary-panel:last-child {border-right: 0}
[data-theme='ios'] .reports-summary-title {font-size: 12px; font-weight: 600; color: #8b95a7; letter-spacing: .05px; margin: 0 0 13px}
[data-theme='ios'] .reports-summary-value {font-size: 44px; line-height: 1.18; font-weight: 710; letter-spacing: -1.65px; color: #313e54; margin-bottom: 7px}
[data-theme='ios'] .reports-summary-caption {font-size: 9px; line-height: 1.7; color: #a4acba; margin: 6px 0 0}
[data-theme='ios'] .report-daily-chart {height: 127px; gap: 14px; padding-inline: 6px; margin-top: 18px; border-bottom: 1px solid #e9eef6; background: repeating-linear-gradient(to top, transparent 0, transparent 24px, #f1f4f9 24px, #f1f4f9 25px)}
[data-theme='ios'] .report-daily-bar {background: linear-gradient(to top, #0781ff, #72b7ff); width: min(100%, 42px); border-radius: 7px 7px 3px 3px; box-shadow: inset 0 1px 1px #ffffff30}
[data-theme='ios'] .report-daily-column:nth-child(even) .report-daily-bar {background: linear-gradient(to top, #57a9ff, #a4d1ff)}
[data-theme='ios'] .report-daily-column > span {font-size: 8px; color: #a2adbd}
[data-theme='ios'] .report-summary-foot {font-size: 8px; color: #afb7c5; gap: 7px; margin-top: 12px}
[data-theme='ios'] .report-ring {width: 154px; height: 154px; margin: 14px auto; background: conic-gradient(from -90deg, #54b5ff 0deg, #007aff var(--ring-percent), #f0f4fa var(--ring-percent)); box-shadow: 0 0 0 7px #f8faff}
[data-theme='ios'] .report-ring::before {inset: 14px; background: #fff}
[data-theme='ios'] .report-ring-value strong {font-size: 33px; font-weight: 650; color: #3a4c68; letter-spacing: -.8px}
[data-theme='ios'] .report-ring-value strong small {font-size: 16px; font-weight: 500; color: #8798b1; margin-left: 3px}
[data-theme='ios'] .report-ring-value > span {font-size: 9px; color: #a6b0c0; max-width: 100px; margin-top: 4px}
[data-theme='ios'] .report-muted {font-size: 9px; color: #b4bdca; margin-top: 4px; line-height: 1.6}
[data-theme='ios'] .report-coverage-panel .text-button {font-size: 9px; margin-top: 10px; color: #378ded}
[data-theme='ios'] .report-category-list {padding-top: 5px}
[data-theme='ios'] .report-category-row {margin-bottom: 16px}
[data-theme='ios'] .report-category-row > :is(label, span, div:first-child), [data-theme='ios'] .report-category-row strong {font-size: 10px; color: #8793a9; font-weight: 500}
[data-theme='ios'] .report-category-row strong {color: #61748f; font-weight: 550}
[data-theme='ios'] .report-bar {height: 6px; border-radius: 5px; overflow: hidden; background: #f0f4fa; margin-top: 7px}
[data-theme='ios'] .report-bar > span {height: 100%; border-radius: 5px; background: linear-gradient(90deg, #39a1ff, #007aff)}
[data-theme='ios'] .report-category-row:nth-child(even) .report-bar > span, [data-theme='ios'] .reports-rank-table tbody tr:nth-child(even) .report-bar > span {background: linear-gradient(90deg, #74baff, #328bfb)}
[data-theme='ios'] .reports-section {margin-bottom: 24px}
[data-theme='ios'] .reports-main-grid, [data-theme='ios'] .grid-2, [data-theme='ios'] .overview-bottom {grid-template-columns: 1.5fr 1fr; gap: 22px}
[data-theme='ios'] .reports-main-grid .reports-section {margin-bottom: 0}

/* App icons, aligned typography and quiet separators give activity an iOS Settings rhythm. */
[data-theme='ios'] table {font-size: 11px}
[data-theme='ios'] th {font-size: 9px; color: #a2aabd; letter-spacing: .15px; font-weight: 500; padding: 11px 22px; background: #fbfcfe; border-color: #eff2f7}
[data-theme='ios'] td {padding: 15px 22px; color: #94a0b3; border-bottom: 1px solid #f0f3f8; vertical-align: middle}
[data-theme='ios'] td strong {font-size: 11px; font-weight: 600; color: #4f607b}
[data-theme='ios'] td small {font-size: 9px; color: #aab4c3; margin-top: 4px}
[data-theme='ios'] tbody tr:hover {background: #fafcff}
[data-theme='ios'] .table-foot {padding: 13px 22px; color: #aab4c4; font-size: 9px; border-color: #eff2f7; line-height: 1.6; gap: 12px}
[data-theme='ios'] .reports-rank-table th:first-child {width: 53%}
[data-theme='ios'] .reports-rank-table th:nth-child(2) {width: 18%}
[data-theme='ios'] .reports-rank-table th:last-child {width: 29%}
[data-theme='ios'] .reports-rank-table td:first-child strong {color: #4b5e7e; font-size: 12px; font-weight: 600}
[data-theme='ios'] .report-rank-name {gap: 12px; min-width: 0}
[data-theme='ios'] .report-rank-name > div {min-width: 0}
[data-theme='ios'] .report-rank-index {display: none}
[data-theme='ios'] .activity-icon {width: 35px; height: 35px; border-radius: 10px; flex-shrink: 0; box-shadow: 0 1px 2px #22355309}
[data-theme='ios'] .activity-icon img {display: block; width: 100%; height: 100%; object-fit: contain; border-radius: inherit}
[data-theme='ios'] .reports-rank-table td:nth-child(2) {font-size: 12px; color: #617391; font-weight: 550}
[data-theme='ios'] .report-rank-meter {gap: 11px; font-size: 9px; color: #a4b0c2}
[data-theme='ios'] .report-rank-meter .report-bar {height: 5px; background: #eef3fb; min-width: 35px; max-width: 150px}
[data-theme='ios'] .track {height: 5px; border-radius: 5px; background: #f0f4fa}
[data-theme='ios'] .track span {border-radius: 5px}
[data-theme='ios'] .report-person-row, [data-theme='ios'] .person-row {padding: 15px 22px; gap: 11px; border-color: #f0f3f8}
[data-theme='ios'] .report-person-row strong, [data-theme='ios'] .person-row strong {font-size: 11px; color: #5a6c87; font-weight: 550}
[data-theme='ios'] .report-person-row small, [data-theme='ios'] .person-row small {font-size: 9px; color: #a8b3c2}
[data-theme='ios'] .report-person-row > :last-child, [data-theme='ios'] .person-row .person-time {font-size: 11px; color: #5e7292; font-weight: 550}
[data-theme='ios'] .avatar {width: 33px; height: 33px; border-radius: 11px; font-size: 10px; font-weight: 600}
[data-theme='ios'] .report-person-row .avatar {color: #7495c8; background: linear-gradient(135deg, #e3edff, #eff4ff)}
[data-theme='ios'] .pill {border-radius: 6px; padding: 4px 7px; font-size: 9px; font-weight: 500}
[data-theme='ios'] .pill.purple {background: #eaf3ff; color: #6789ba}
[data-theme='ios'] .pill.green {background: #eaf7f0; color: #629882}
[data-theme='ios'] .pill.orange {background: #fff4e8; color: #b39463}
[data-theme='ios'] .dot {border-radius: 50%}

/* Collaborator and computer cards retain the same grouped visual language. */
[data-theme='ios'] .kpi-grid {border: 0; border-radius: 0; overflow: visible; background: transparent; gap: 16px; margin-bottom: 24px}
[data-theme='ios'] .kpi {padding: 18px 21px; border: 1px solid #ffffffcc; border-radius: 20px}
[data-theme='ios'] .kpi:last-child {border-right: 1px solid #ffffffcc}
[data-theme='ios'] .kpi-top {font-size: 11px; color: #909bad}
[data-theme='ios'] .kpi-icon {display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #488ff3; background: #edf5ff; font-size: 17px}
[data-theme='ios'] .kpi-value {font-size: 29px; font-weight: 670; color: #3f506c; margin: 12px 0 6px; letter-spacing: -.8px}
[data-theme='ios'] .kpi-caption {font-size: 10px; color: #a4adbd}
[data-theme='ios'] .people-grid {gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr))}
[data-theme='ios'] .person-card {display: block; padding: 23px; border-radius: 22px}
[data-theme='ios'] .person-card .person-heading {margin: 0 0 20px; gap: 12px}
[data-theme='ios'] .person-card .avatar {width: 42px; height: 42px; border-radius: 14px; font-size: 13px}
[data-theme='ios'] .person-card h2 {font-size: 14px; font-weight: 650; color: #46546d}
[data-theme='ios'] .person-card p {font-size: 10px; color: #9ea8b8; margin-top: 3px}
[data-theme='ios'] .person-card .person-metrics {justify-content: space-between; gap: 15px; padding: 15px 0; border-block: 1px solid #eff2f7; margin: 0 0 20px}
[data-theme='ios'] .person-metrics strong {font-size: 25px; font-weight: 650; color: #4a5e7c; letter-spacing: -.7px}
[data-theme='ios'] .person-metrics small {font-size: 9px; color: #a6b0c0; margin-top: 4px}
[data-theme='ios'] .person-card > .category-row {margin-bottom: 16px}
[data-theme='ios'] .person-card > .button {margin-top: 19px; background: #f8fbff; color: #5c91cf}
[data-theme='ios'] .category-label {font-size: 10px; color: #93a0b3; margin-bottom: 7px}
[data-theme='ios'] .category-label strong {font-size: 10px; color: #637792; font-weight: 550}
[data-theme='ios'] .devices-grid {grid-template-columns: 1fr; gap: 14px}
[data-theme='ios'] .device-card {border-radius: 20px; padding: 19px 22px; grid-template-columns: minmax(170px, 1fr) minmax(235px, 1.4fr) 153px; gap: 4px 20px}
[data-theme='ios'] .device-card .device-top {gap: 10px; margin-bottom: 7px}
[data-theme='ios'] .mac-icon {padding: 6px; width: 40px; height: 40px; background: #edf4ff; color: #88a4c8; display: grid; place-items: center; border-radius: 12px; font-size: 24px}
[data-theme='ios'] .device-card h2 {font-size: 13px; color: #4d607e; font-weight: 600}
[data-theme='ios'] .device-card p {font-size: 10px; color: #a2adbd}
[data-theme='ios'] .device-card .device-details {border-left-color: #eff2f7; padding: 8px 0 8px 20px; gap: 16px}
[data-theme='ios'] .device-details strong {font-size: 10px; color: #6d7c94}
[data-theme='ios'] .device-details small {font-size: 9px; color: #a7b1c0}
[data-theme='ios'] .device-card > .button {min-height: 34px; font-size: 10px}
[data-theme='ios'] .section-toolbar {margin-bottom: 20px; gap: 15px}
[data-theme='ios'] .section-toolbar p {font-size: 11px; color: #9ba6b7}
[data-theme='ios'] .tools-grid {padding: 5px 22px 20px; gap: 0 25px}
[data-theme='ios'] .tool-row {padding: 15px 0; gap: 10px; border-color: #eff2f7}
[data-theme='ios'] .tool-row strong {font-size: 11px; color: #607392; margin-bottom: 8px}
[data-theme='ios'] .tool-row > span:last-child {font-size: 10px; color: #8495ae}
[data-theme='ios'] .tool-symbol {border-radius: 10px; width: 33px; height: 33px; background: #edf4fe; font-size: 12px; color: #6489be}
[data-theme='ios'] .chart {padding: 16px 22px}
[data-theme='ios'] .chart svg {height: 205px}
[data-theme='ios'] .chart text {fill: #a4b0c2; font-size: 9px}
[data-theme='ios'] .chart :is(polyline, circle)[stroke='#8770dd'] {stroke: #007aff}
[data-theme='ios'] .chart circle[fill='#8770dd'] {fill: #007aff}
[data-theme='ios'] .chart stop {stop-color: #64b6ff}
[data-theme='ios'] .chart-legend {font-size: 9px; color: #a3b0c2}
[data-theme='ios'] .note {padding: 15px 18px; border-radius: 15px; background: #edf3fc88; border-color: #dce8f87d; color: #8195b2; font-size: 11px; line-height: 1.8}
[data-theme='ios'] .empty {font-size: 11px; padding: 35px 25px; color: #9dabbf}
[data-theme='ios'] .empty strong {font-size: 15px; color: #6a7b95; font-weight: 600}
[data-theme='ios'] .insight-icon {background: #eef5ff; border-radius: 10px; color: #85a7d8}
[data-theme='ios'] .insight {padding: 15px 22px}
[data-theme='ios'] .insight strong {font-size: 11px; color: #6d7c94}
[data-theme='ios'] .insight p {font-size: 10px; color: #9cacc1}
[data-theme='ios'] .entry-actions {padding: 17px 22px; background: #f9fbfe; gap: 10px}
[data-theme='ios'] .entry-actions p {font-size: 11px; color: #90a0b8}
[data-theme='ios'] .entry-actions select {border: 1px solid #e1e7f1; border-radius: 10px; padding: 9px 11px; font-size: 11px; color: #6f839f}

/* The daily Mac view becomes a grouped picker and two large Screen Time cards. */
[data-theme='ios'] .reports-mac-layout {grid-template-columns: 180px minmax(0, 1fr); gap: 20px}
[data-theme='ios'] .reports-mac-picker {padding: 7px; border: 1px solid #ffffffcc; border-radius: 18px; background: #fff; box-shadow: var(--ios-shadow); gap: 3px}
[data-theme='ios'] .reports-mac-picker-title {padding: 11px 9px 14px; border: 0; color: #99a7bb; font-size: 10px; font-weight: 550; background: transparent}
[data-theme='ios'] .reports-mac-picker-title span {color: #bcc5d3}
[data-theme='ios'] .reports-mac-choice {grid-template-columns: 25px minmax(0, 1fr); border: 0; border-radius: 12px; padding: 12px 9px; gap: 2px 8px; background: transparent; color: #9dabc0}
[data-theme='ios'] .reports-mac-choice:hover {background: #f7faff}
[data-theme='ios'] .reports-mac-choice.selected {border: 0; background: #ecf4ff; color: #4d8cd6}
[data-theme='ios'] .reports-mac-choice strong {font-size: 11px; color: #7e91ae; font-weight: 550}
[data-theme='ios'] .reports-mac-choice.selected strong {color: #4a78b1; font-weight: 600}
[data-theme='ios'] .reports-mac-choice small {font-size: 9px; color: #abb7c9; margin-top: 3px}
[data-theme='ios'] .report-computer-icon {width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; background: #f0f5fc; color: #8faaca; font-size: 18px}
[data-theme='ios'] .report-computer-icon .ui-icon {width: 17px; height: 17px}
[data-theme='ios'] .report-device-time {font-size: 10px; color: #8dadcf; margin-top: 5px}
[data-theme='ios'] .reports-metrics-strip {padding: 0 22px; border-color: #eff2f7; background: #fff}
[data-theme='ios'] .reports-metrics-strip > div {padding: 19px 15px; border-color: #eff2f7}
[data-theme='ios'] .reports-metrics-strip strong {font-size: 25px; font-weight: 640; color: #677d9d; letter-spacing: -.5px}
[data-theme='ios'] .reports-metrics-strip :is(span, small, p) {font-size: 9px; color: #b0bbcd; line-height: 1.6; margin-top: 7px}
[data-theme='ios'] .reports-metrics-strip > div > span:first-child {font-size: 10px; color: #94a5bf; margin-bottom: 9px}
[data-theme='ios'] .report-mac-total strong {font-size: 33px; letter-spacing: -1px; color: #4c6387}
[data-theme='ios'] .report-collection-status strong {font-size: 19px}
[data-theme='ios'] .report-hour-heading {padding: 22px 22px 0}
[data-theme='ios'] .report-hour-heading h3 {font-size: 11px; font-weight: 550; color: #8a9cba}
[data-theme='ios'] .report-hour-heading span {font-size: 9px; color: #b5bfd0}
[data-theme='ios'] .report-hour-chart {height: 174px; margin: 21px 22px 17px; padding-inline: 5px; gap: 5px; border-color: #eaf0f8; background: repeating-linear-gradient(to top, transparent 0, transparent 37px, #f2f5fa 37px, #f2f5fa 38px)}
[data-theme='ios'] .report-hour-bar {background: linear-gradient(to top, #007aff, #80c0ff); border-radius: 5px 5px 2px 2px}
[data-theme='ios'] .report-hour-column:nth-child(even) .report-hour-bar {background: linear-gradient(to top, #4c9efd, #b2dbff)}
[data-theme='ios'] .report-hour-column > span {font-size: 8px; color: #b2bed0}
[data-theme='ios'] .report-hour-caption {padding: 0 22px 20px; color: #b0bcd0; font-size: 9px; line-height: 1.8}
[data-theme='ios'] .mac-day-controls {gap: 5px}
[data-theme='ios'] .mac-day-controls .button {border-radius: 9px; min-height: 33px; font-size: 10px; padding: 6px 10px}
[data-theme='ios'] .mac-day-controls input {border-radius: 9px; border: 1px solid #e1e7f1; background: #f9fbff; padding: 7px 10px; font-size: 10px; color: #7e94b3; min-height: 33px}
[data-theme='ios'] .mac-footnote {color: #a1aec4; font-size: 9px; line-height: 1.9; margin-top: 19px; max-width: 900px}

/* Settings use separate inset surfaces, small capsules and restrained destructive actions. */
[data-theme='ios'] #content:has(> .admin-tabs) {grid-template-columns: 150px minmax(0, 1fr); column-gap: 22px}
[data-theme='ios'] .admin-counts {gap: 14px; border: 0; border-radius: 0; overflow: visible; margin-bottom: 25px; background: transparent}
[data-theme='ios'] .admin-count {padding: 17px 20px; border-radius: 19px; border: 1px solid #ffffffcc; gap: 8px; font-size: 10px; background: #fff}
[data-theme='ios'] .admin-count:last-child {border-right: 1px solid #ffffffcc}
[data-theme='ios'] .admin-count strong {font-size: 27px; color: #647a9c; font-weight: 650; letter-spacing: -.6px}
[data-theme='ios'] .admin-count span {color: #95a3ba}
[data-theme='ios'] .admin-count small {color: #7da6d8; font-size: 9px}
[data-theme='ios'] .admin-count:hover {background: #fbfdff; border-color: #cbdff8}
[data-theme='ios'] .admin-tabs {padding: 6px; gap: 3px; border: 0; background: #e8edf575; border-radius: 15px; margin-bottom: 0}
[data-theme='ios'] .admin-tabs button {border: 0; border-radius: 10px; padding: 11px 12px; font-size: 11px; font-weight: 500; color: #8d9ab0; white-space: normal; text-align: left}
[data-theme='ios'] .admin-tabs button:hover {background: #ffffff80; color: #6e87ab}
[data-theme='ios'] .admin-tabs .selected {border: 0; background: #fff; color: #528fda; font-weight: 600; box-shadow: 0 1px 4px #34527608}
[data-theme='ios'] .trash-count {border-radius: 7px; background: #eaf3ff; color: #8bafe0; min-width: 17px; height: 17px; font-size: 9px}
[data-theme='ios'] .admin-agency .card-head {padding-bottom: 20px}
[data-theme='ios'] .agency-profile {padding: 27px 23px 28px; gap: 15px}
[data-theme='ios'] .agency-mark {width: 52px; height: 52px; border-radius: 16px; color: #7da9e8; background: linear-gradient(145deg, #e4efff, #f0f6ff); font-size: 27px; font-weight: 650}
[data-theme='ios'] .agency-profile h3 {font-size: 19px; font-weight: 620; color: #607392; letter-spacing: -.3px}
[data-theme='ios'] .agency-profile p {font-size: 11px; color: #99a9c0; line-height: 1.7}
[data-theme='ios'] .agency-profile small {font-size: 9px; color: #b1bfd2}
[data-theme='ios'] .agency-profile .agency-actions {gap: 6px}
[data-theme='ios'] .admin-steps {gap: 14px; margin-top: 22px; grid-template-columns: repeat(3, 1fr)}
[data-theme='ios'] .admin-steps > div {padding: 21px 18px; border-radius: 18px}
[data-theme='ios'] .admin-steps > div > span {font-size: 18px; font-weight: 550; color: #aec6e8; margin-bottom: 14px}
[data-theme='ios'] .admin-steps strong {font-size: 11px; font-weight: 600; color: #7d91b0}
[data-theme='ios'] .admin-steps p {font-size: 10px; color: #a7b7cc; line-height: 1.8}
[data-theme='ios'] .admin-steps .text-button {font-size: 9px; color: #76a6df; margin-top: 14px; line-height: 1.8}
[data-theme='ios'] .admin-footnote {color: #a5b2c7; font-size: 9px; line-height: 1.9; margin-top: 22px}
[data-theme='ios'] .admin-row-actions {gap: 6px}
[data-theme='ios'] .trash-details {font-size: 10px; color: #97a6bf}
[data-theme='ios'] :is(.button, .mini-button).danger {background: #fff6f5; color: #cf706c; border-color: #f5dedc; box-shadow: none}
[data-theme='ios'] :is(.button, .mini-button).danger:hover {background: #fff0ee; color: #bf5b58; border-color: #ecc7c3}
[data-theme='ios'] .deletion-impact {padding: 15px 17px; border-radius: 15px; background: #fff7f5; border-color: #f3e0db}
[data-theme='ios'] .deletion-impact strong {color: #c3867d}

/* Modal sheets, login and transient messages keep the native visual treatment. */
[data-theme='ios'] dialog {border: 1px solid #ffffffdd; border-radius: 24px; background: #fdfdff; box-shadow: 0 25px 90px #20395930; width: min(520px, calc(100vw - 30px))}
[data-theme='ios'] dialog::backdrop {background: #17314e40; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px)}
[data-theme='ios'] .modal-head {padding: 23px 25px 20px; border-color: #eff2f7}
[data-theme='ios'] .modal-head h2 {font-size: 19px; color: #557090; font-weight: 650}
[data-theme='ios'] .modal-close {border-radius: 50%; background: #edf2f8; color: #91a2ba; width: 29px; height: 29px}
[data-theme='ios'] .modal-body {padding: 13px 25px 25px}
[data-theme='ios'] .modal-body p {font-size: 12px; color: #93a5be; line-height: 1.8}
[data-theme='ios'] .modal-body label {font-size: 11px; color: #8399b8; margin-top: 15px}
[data-theme='ios'] :is(.modal-body input, .modal-body select, .login-panel input) {padding: 12px 13px; border: 1px solid #e5eaf3; border-radius: 12px; background: #f6f9fe; color: #728aab; font-size: 12px}
[data-theme='ios'] .secret {border-radius: 12px; background: #f1f6fc; color: #88a0c0; line-height: 1.8}
[data-theme='ios'] .toast {left: calc(50% + 116px); background: #293b54ed; border: 1px solid #ffffff30; color: #f4f8ff; border-radius: 16px; padding: 14px 20px; font-size: 12px; box-shadow: 0 7px 25px #162c4820; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px)}
[data-theme='ios'] .login-panel {border-radius: 24px}
[data-theme='ios'] .login-panel h2 {font-size: 23px; color: #597594; font-weight: 650}
[data-theme='ios'] footer {padding: 26px 10px 5px; color: #a9b4c7; font-size: 9px; line-height: 1.8}

/* Keep secondary copy readable; soft surfaces do not require washed-out text. */
[data-theme='ios'] .reports-summary-title {color: #6d7c92}
[data-theme='ios'] .reports-summary-caption, [data-theme='ios'] .report-muted {color: #77879d}
[data-theme='ios'] .report-summary-foot {color: #8795a9}
[data-theme='ios'] .report-category-row > :is(label, span, div:first-child) {color: #6b7d96}
[data-theme='ios'] .report-category-row strong {color: #506885}
[data-theme='ios'] .reports-section-head p, [data-theme='ios'] .card-head p {color: #7d8da5}
[data-theme='ios'] .page-heading p {color: #7a8496}
[data-theme='ios'] td {color: #708199}
[data-theme='ios'] td small {color: #8292a9}
[data-theme='ios'] th {color: #7a8ba4}
[data-theme='ios'] .report-person-row small, [data-theme='ios'] .person-row small {color: #8091aa}
[data-theme='ios'] .reports-rank-table td:first-child strong {color: #425674}
[data-theme='ios'] .report-rank-meter {color: #7f92b0}
[data-theme='ios'] .table-foot {color: #8292a9}
[data-theme='ios'] .person-card p, [data-theme='ios'] .person-metrics small {color: #7c8eaa}
[data-theme='ios'] .category-label {color: #7c8ea9}
[data-theme='ios'] .device-card p, [data-theme='ios'] .device-details small {color: #7f91ac}
[data-theme='ios'] .kpi-top, [data-theme='ios'] .kpi-caption {color: #7a8ca7}
[data-theme='ios'] .reports-metrics-strip :is(span, small, p) {color: #8496b1}
[data-theme='ios'] .reports-metrics-strip > div > span:first-child {color: #748ba8}
[data-theme='ios'] .reports-mac-choice small {color: #8498b5}
[data-theme='ios'] .reports-mac-choice strong {color: #607a9e}
[data-theme='ios'] .admin-count span {color: #778ba9}
[data-theme='ios'] .admin-tabs button {color: #798eac}
[data-theme='ios'] .agency-profile p, [data-theme='ios'] .agency-profile small {color: #7f94b2}
[data-theme='ios'] .admin-steps p {color: #8197b7}
[data-theme='ios'] .report-hour-caption, [data-theme='ios'] .report-hour-heading span {color: #8399b7}
[data-theme='ios'] .mac-footnote, [data-theme='ios'] .admin-footnote {color: #8597b1}
[data-theme='ios'] .modal-body p, [data-theme='ios'] .modal-body label {color: #6f86a4}
[data-theme='ios'] .report-daily-wrap {height: 127px; margin-top: 18px; gap: 10px}
[data-theme='ios'] .report-hour-wrap {height: 174px; margin: 21px 22px 17px; gap: 10px}
[data-theme='ios'] .report-daily-wrap .report-daily-chart, [data-theme='ios'] .report-hour-wrap .report-hour-chart {margin: 0; padding-inline: 0; height: 100%; flex: 1; min-width: 0}
[data-theme='ios'] .report-chart-scale {font-size: 8px; color: #93a5bf; flex-basis: 30px; padding-bottom: 23px}
[data-theme='ios'] .report-bar-value {background: #234571ed; color: #fff; border: 1px solid #ffffff20; border-radius: 9px; box-shadow: 0 4px 12px #24477116; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); font-size: 9px; padding: 5px 8px}

@media (min-width: 1600px) {
  [data-theme='ios'] .page {padding-top: 42px}
  [data-theme='ios'] .reports-summary {gap: 22px}
  [data-theme='ios'] .reports-summary-panel {padding: 26px}
  [data-theme='ios'] .reports-summary-value {font-size: 50px}
  [data-theme='ios'] .report-ring {width: 165px; height: 165px}
}
@media (max-width: 1200px) {
  [data-theme='ios'] .page, [data-theme='ios'] .topbar, [data-theme='ios'] .mode-banner {padding-inline: 26px}
  [data-theme='ios'] .reports-summary {gap: 14px; grid-template-columns: 1.18fr .88fr 1fr}
  [data-theme='ios'] .reports-summary-panel {padding: 20px 17px}
  [data-theme='ios'] .reports-summary-value {font-size: 38px; letter-spacing: -1.2px}
  [data-theme='ios'] .report-ring {width: 137px; height: 137px; margin-block: 20px}
  [data-theme='ios'] .report-ring::before {inset: 13px}
  [data-theme='ios'] .report-ring-value strong {font-size: 29px}
  [data-theme='ios'] .device-card {grid-template-columns: minmax(155px, 1fr) minmax(210px, 1.4fr) 140px; gap: 4px 16px}
  [data-theme='ios'] .device-card .device-details {padding-left: 16px; gap: 10px}
  [data-theme='ios'] .reports-mac-layout {grid-template-columns: 155px minmax(0, 1fr); gap: 16px}
  [data-theme='ios'] .reports-metrics-strip {padding-inline: 18px}
  [data-theme='ios'] .reports-metrics-strip > div {padding-inline: 11px}
  [data-theme='ios'] .reports-metrics-strip strong {font-size: 22px}
  [data-theme='ios'] .report-mac-total strong {font-size: 29px}
  [data-theme='ios'] .report-collection-status strong {font-size: 16px}
  [data-theme='ios'] .reports-mac-heading {flex-wrap: wrap}
  [data-theme='ios'] .admin-steps {grid-template-columns: 1fr; gap: 10px}
  [data-theme='ios'] .admin-steps > div {display: grid; grid-template-columns: 25px 1fr auto; column-gap: 12px; padding: 18px}
  [data-theme='ios'] .admin-steps > div > span {grid-row: 1 / 3; grid-column: 1; margin: 0}
  [data-theme='ios'] .admin-steps strong {grid-column: 2; margin-bottom: 4px}
  [data-theme='ios'] .admin-steps p {grid-column: 2; grid-row: 2}
  [data-theme='ios'] .admin-steps .text-button {grid-column: 3; grid-row: 1 / 3; margin: 0; align-self: center; max-width: 130px}
}
@media (max-width: 1000px) and (min-width: 701px) {
  [data-theme='ios'] .sidebar {width: 79px; padding: 25px 12px 17px; align-items: center}
  [data-theme='ios'] .brand {padding: 0; margin-bottom: 29px}
  [data-theme='ios'] .brand > span:last-child, [data-theme='ios'] .workspace, [data-theme='ios'] .nav-caption, [data-theme='ios'] .sidebar-bottom {display: none}
  [data-theme='ios'] .sidebar nav {width: 100%; gap: 7px}
  [data-theme='ios'] .nav-item, [data-theme='ios'] .nav-item:first-child {padding: 11px 0; justify-content: center; font-size: 0; gap: 0; min-height: 49px; border-radius: 13px}
  [data-theme='ios'] .nav-item > span {display: grid; width: 29px; height: 29px; border-radius: 8px}
  [data-theme='ios'] .nav-item b {display: none}
  [data-theme='ios'] main {margin-left: 79px}
  [data-theme='ios'] .toast {left: calc(50% + 39px)}
}
@media (max-width: 850px) {
  [data-theme='ios'] .page {padding-top: 28px}
  [data-theme='ios'] h1 {font-size: 27px}
  [data-theme='ios'] .reports-summary {grid-template-columns: 1fr 1fr; gap: 17px}
  [data-theme='ios'] .reports-summary-panel {padding: 22px}
  [data-theme='ios'] .reports-summary-panel:last-child {grid-column: 1 / -1; border: 1px solid #fff}
  [data-theme='ios'] .report-category-list {display: grid; grid-template-columns: 1fr 1fr; gap: 17px 25px}
  [data-theme='ios'] .report-category-row {margin-bottom: 0}
  [data-theme='ios'] .report-ring {width: 148px; height: 148px; margin: 19px auto}
  [data-theme='ios'] .reports-main-grid, [data-theme='ios'] .grid-2, [data-theme='ios'] .overview-bottom {grid-template-columns: 1fr; gap: 20px}
  [data-theme='ios'] .reports-mac-layout {grid-template-columns: 1fr; gap: 20px}
  [data-theme='ios'] .reports-mac-picker {flex-direction: row; overflow-x: auto; padding: 7px; gap: 4px}
  [data-theme='ios'] .reports-mac-picker-title {display: none}
  [data-theme='ios'] .reports-mac-choice {width: 145px; min-width: 145px; padding: 11px 10px; border: 0; border-radius: 12px}
  [data-theme='ios'] .reports-mac-choice.selected {border: 0}
  [data-theme='ios'] .people-grid {grid-template-columns: 1fr}
  [data-theme='ios'] .device-card {grid-template-columns: minmax(175px, 1fr) minmax(190px, 1fr); gap: 6px 20px}
  [data-theme='ios'] .device-card .device-details {grid-column: 2; grid-row: 1 / 4; grid-template-columns: 1fr}
  [data-theme='ios'] .device-card > .button {grid-column: auto; grid-row: 4 !important; margin-top: 10px !important}
  [data-theme='ios'] .kpi-grid {grid-template-columns: repeat(2, 1fr); gap: 14px}
  [data-theme='ios'] .kpi, [data-theme='ios'] .kpi:nth-child(even), [data-theme='ios'] .kpi:nth-last-child(-n+2) {border: 1px solid #fff}
  [data-theme='ios'] #content:has(> .admin-tabs) {grid-template-columns: 130px minmax(0, 1fr); gap: 17px}
  [data-theme='ios'] .admin-counts {gap: 12px}
  [data-theme='ios'] .admin-count {padding: 16px}
  [data-theme='ios'] .agency-profile {padding: 25px 21px; flex-wrap: wrap}
  [data-theme='ios'] .agency-profile .agency-actions {margin-left: 0}
}
@media (max-width: 700px) {
  [data-theme='ios'] .sidebar {position: relative; inset: auto; display: flex; flex-direction: row; width: 100%; padding: 16px 20px; align-items: center; justify-content: space-between; gap: 18px; overflow: visible; background: #f5f6fa; border: 0; border-bottom: 1px solid #e4e8f188; z-index: 5; backdrop-filter: none; -webkit-backdrop-filter: none}
  [data-theme='ios'] .brand {padding: 0; font-size: 27px; gap: 8px}
  [data-theme='ios'] .brand > span:last-child {display: inline}
  [data-theme='ios'] .brand-icon {width: 33px; height: 33px; font-size: 29px; border-radius: 10px}
  [data-theme='ios'] .workspace {display: flex; width: auto; max-width: 180px; padding: 8px 10px; margin: 0; border-radius: 12px; gap: 8px; background: #ffffff77}
  [data-theme='ios'] .workspace-copy strong {max-width: 115px; font-size: 10px}
  [data-theme='ios'] .workspace-copy small {display: none}
  [data-theme='ios'] .workspace-avatar {width: 26px; height: 26px; font-size: 10px; border-radius: 8px}
  [data-theme='ios'] .workspace .chevron {display: none}
  [data-theme='ios'] .nav-caption, [data-theme='ios'] .sidebar-bottom {display: none}
  [data-theme='ios'] .sidebar nav {position: fixed; inset: auto 0 0; width: 100%; flex-direction: row; gap: 0; padding: 7px 6px max(9px, env(safe-area-inset-bottom)); margin: 0; min-height: 72px; border-top: 1px solid #e0e6f288; background: #f8faffda; backdrop-filter: blur(30px) saturate(170%); -webkit-backdrop-filter: blur(30px) saturate(170%); overflow-x: auto; align-items: stretch; scrollbar-width: none; box-shadow: 0 -3px 15px #25344e04}
  [data-theme='ios'] .sidebar nav::-webkit-scrollbar {display: none}
  [data-theme='ios'] .nav-item, [data-theme='ios'] .nav-item:first-child {display: flex; flex-direction: column; justify-content: center; gap: 5px; width: auto; min-width: 84px; min-height: 55px; padding: 4px 8px; font-size: 8px; font-weight: 500; border: 0; border-radius: 11px; color: #97a4b7; text-align: center; white-space: nowrap; background: transparent; box-shadow: none}
  [data-theme='ios'] .nav-item > span {display: grid; width: 25px; height: 25px; border-radius: 7px; opacity: .75; background: transparent; color: #95a7bf}
  [data-theme='ios'] .nav-item > span .ui-icon {width: 21px; height: 21px}
  [data-theme='ios'] .nav-item[data-view] > span {background: transparent}
  [data-theme='ios'] .nav-item.active {color: #007aff; background: #eaf3ff; box-shadow: none; font-weight: 600}
  [data-theme='ios'] .nav-item.active > span {color: #007aff; opacity: 1}
  [data-theme='ios'] .nav-item b {display: none}
  [data-theme='ios'] main {margin-left: 0}
  [data-theme='ios'] .topbar {padding-inline: 20px; height: 56px}
  [data-theme='ios'] .topbar-avatar, [data-theme='ios'] .prototype-badge {display: none}
  [data-theme='ios'] .breadcrumb {font-size: 10px}
  [data-theme='ios'] .breadcrumb span {padding-inline: 6px}
  [data-theme='ios'] .breadcrumb #breadcrumb-agency {display: inline-block; max-width: 90px; padding: 0; vertical-align: bottom; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
  [data-theme='ios'] .topbar-right {gap: 0}
  [data-theme='ios'] .theme-control {font-size: 0; gap: 0}
  [data-theme='ios'] #theme-select {font-size: 10px; padding: 6px 9px; max-width: 133px; min-height: 31px}
  [data-theme='ios'] .mode-banner {padding: 9px 20px; font-size: 9px; align-items: start; gap: 10px; line-height: 1.7}
  [data-theme='ios'] .mode-banner button {font-size: 9px}
  [data-theme='ios'] .page {padding: 28px 20px 100px}
  [data-theme='ios'] .page-heading {align-items: flex-start; gap: 16px; margin-bottom: 23px}
  [data-theme='ios'] h1 {font-size: 26px}
  [data-theme='ios'] .page-heading p {font-size: 11px}
  [data-theme='ios'] .page-heading .button {margin-top: 0; font-size: 10px; min-height: 34px; padding: 8px 11px}
  [data-theme='ios'] .filters {flex-wrap: wrap; align-items: flex-start; margin-bottom: 22px}
  [data-theme='ios'] .filters select {height: 35px; font-size: 10px; max-width: 200px}
  [data-theme='ios'] .filters .button {min-height: 35px; font-size: 10px}
  [data-theme='ios'] .filters #export-button {font-size: 10px}
  [data-theme='ios'] .reports-summary {gap: 14px}
  [data-theme='ios'] .reports-summary-panel {padding: 19px 17px; border-radius: 20px}
  [data-theme='ios'] .reports-summary-value {font-size: 36px}
  [data-theme='ios'] .report-ring {width: 125px; height: 125px; margin: 22px auto; box-shadow: 0 0 0 5px #f8faff}
  [data-theme='ios'] .report-ring::before {inset: 12px}
  [data-theme='ios'] .report-ring-value strong {font-size: 27px}
  [data-theme='ios'] .reports-section-head, [data-theme='ios'] .card-head {padding: 18px 20px; flex-wrap: wrap; gap: 12px}
  [data-theme='ios'] .reports-section-head h2, [data-theme='ios'] .card-head h2 {font-size: 13px}
  [data-theme='ios'] .reports-rank-table {min-width: 470px}
  [data-theme='ios'] .reports-rank-table th:first-child {width: 52%}
  [data-theme='ios'] .reports-rank-table th:nth-child(2) {width: 22%}
  [data-theme='ios'] .reports-rank-table th:last-child {width: 26%}
  [data-theme='ios'] th, [data-theme='ios'] td {padding-inline: 20px}
  [data-theme='ios'] .report-rank-meter .report-bar {min-width: 35px}
  [data-theme='ios'] .reports-metrics-strip {grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 20px}
  [data-theme='ios'] .reports-metrics-strip > div {padding: 17px 15px; border-bottom: 1px solid #eff2f7}
  [data-theme='ios'] .reports-metrics-strip > div:nth-child(even) {border-right: 0}
  [data-theme='ios'] .reports-metrics-strip > div:nth-child(3) {padding-left: 0}
  [data-theme='ios'] .reports-metrics-strip > div:nth-last-child(-n+2) {border-bottom: 0}
  [data-theme='ios'] .report-hour-heading {padding-inline: 20px; align-items: start; flex-wrap: wrap; gap: 5px}
  [data-theme='ios'] .report-hour-chart {margin-inline: 20px; gap: 4px; height: 160px; padding-inline: 0}
  [data-theme='ios'] .report-hour-wrap {margin-inline: 20px; height: 160px; gap: 8px}
  [data-theme='ios'] .report-chart-scale {flex-basis: 27px; font-size: 8px}
  [data-theme='ios'] .report-hour-caption {padding-inline: 20px}
  [data-theme='ios'] #content:has(> .admin-tabs) {display: block}
  [data-theme='ios'] .admin-tabs {flex-direction: row; gap: 3px; overflow-x: auto; margin-bottom: 19px; padding: 5px; border-radius: 12px}
  [data-theme='ios'] .admin-tabs button {width: auto; white-space: nowrap; padding: 9px 11px; font-size: 10px; border-radius: 8px}
  [data-theme='ios'] .admin-counts {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px}
  [data-theme='ios'] .admin-count {border-radius: 17px; padding: 16px 18px}
  [data-theme='ios'] .admin-steps > div {grid-template-columns: 25px 1fr}
  [data-theme='ios'] .admin-steps .text-button {grid-column: 2; grid-row: 3; margin-top: 12px; max-width: none}
  [data-theme='ios'] .toast {left: 50%; bottom: 90px}
}
@media (max-width: 440px) {
  [data-theme='ios'] .sidebar {padding-inline: 17px}
  [data-theme='ios'] .workspace {max-width: 155px; padding: 7px 9px}
  [data-theme='ios'] .workspace-copy strong {max-width: 88px}
  [data-theme='ios'] .page, [data-theme='ios'] .topbar, [data-theme='ios'] .mode-banner {padding-inline: 17px}
  [data-theme='ios'] .page-heading {display: block}
  [data-theme='ios'] .page-heading .button {margin-top: 15px}
  [data-theme='ios'] h1 {font-size: 25px}
  [data-theme='ios'] .reports-summary {grid-template-columns: 1fr; gap: 17px}
  [data-theme='ios'] .reports-summary-panel {padding: 23px}
  [data-theme='ios'] .reports-summary-panel:last-child {grid-column: auto}
  [data-theme='ios'] .reports-summary-value {font-size: 43px}
  [data-theme='ios'] .report-ring {width: 151px; height: 151px; margin: 18px auto}
  [data-theme='ios'] .report-category-list {grid-template-columns: 1fr}
  [data-theme='ios'] .report-daily-chart {height: 128px}
  [data-theme='ios'] .report-summary-foot {font-size: 9px}
  [data-theme='ios'] .reports-summary-title {font-size: 13px}
  [data-theme='ios'] .reports-summary-caption {font-size: 10px}
  [data-theme='ios'] .report-category-row {font-size: 11px}
  [data-theme='ios'] .reports-section-head {padding: 19px}
  [data-theme='ios'] .reports-section-head .segmented {max-width: 100%}
  [data-theme='ios'] .segmented button {padding-inline: 9px}
  [data-theme='ios'] .table-foot {flex-wrap: wrap; padding-inline: 19px; gap: 4px}
  [data-theme='ios'] .device-card {grid-template-columns: 1fr; padding: 23px}
  [data-theme='ios'] .device-card .device-top {grid-column: 1; grid-row: 1}
  [data-theme='ios'] .device-card > h2 {grid-column: 1; grid-row: 2}
  [data-theme='ios'] .device-card > p {grid-column: 1; grid-row: 3}
  [data-theme='ios'] .device-card .device-details {grid-column: 1; grid-row: 4; border-left: 0; padding: 16px 0; grid-template-columns: 1fr 1fr}
  [data-theme='ios'] .device-card > .button.primary {grid-column: 1; grid-row: 5 !important}
  [data-theme='ios'] .device-card > .button:not(.primary) {grid-column: 1; grid-row: 6 !important}
  [data-theme='ios'] .card-head {padding-inline: 19px}
  [data-theme='ios'] .kpi {padding: 17px}
  [data-theme='ios'] .kpi-value {font-size: 26px}
  [data-theme='ios'] .kpi-icon {display: none}
  [data-theme='ios'] .form-row {grid-template-columns: 1fr}
}
@media (max-height: 800px) and (min-width: 1001px) {
  [data-theme='ios'] .sidebar {padding-top: 22px}
  [data-theme='ios'] .workspace {margin-block: 21px}
  [data-theme='ios'] .nav-item, [data-theme='ios'] .nav-item:first-child {min-height: 41px; padding-block: 8px}
  [data-theme='ios'] .sidebar-bottom {padding-top: 19px}
  [data-theme='ios'] .help-card > :not(button) {display: none}
  [data-theme='ios'] .help-card {padding: 9px 12px; margin-bottom: 12px}
  [data-theme='ios'] .help-card button {padding: 4px 0}
}
@media (prefers-reduced-motion: reduce) {
  [data-theme='ios'] *, [data-theme='ios'] *::before, [data-theme='ios'] *::after {animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important}
}