/* Portal and device workspace component rules. */
#appView { --ui-ink: #173557; --ui-muted: #637a95; --ui-line: #deebf8; --ui-blue: #1769c4; --ui-surface: #f4f9ff; color: var(--ui-ink); }
#appView main { background: #f4f8fd; }
#appView .page { padding-bottom: 20px; }
#appView .panel,#appView .ov-panel { border: 1px solid #deebf8; border-radius: 16px; box-shadow: 0 4px 18px #24548d04; background: #fff; }
#appView button,#deviceDialog button { min-height: 34px; border-radius: 9px; font-size: 14px; font-weight: 500; line-height: 1.2; }
#appView button:disabled,#deviceDialog button:disabled { opacity: .5; cursor: not-allowed; }
#appView input,#appView select,#deviceDialog input,#deviceDialog select { min-height: 36px; border-radius: 8px; }
#appView .toolbar,#deviceDialog .toolbar { gap: 10px; align-items: center; }
#appView .section-heading { margin-bottom: 18px; }
#appView .section-heading p { margin: 5px 0; color: #637a95; }
.ui-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.ui-head h3 { margin: 0; font-size: 23px; }
.ui-head p { margin: 5px 0; color: #637a95; font-size: 14px; }
.ui-tools { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 14px 0; }
.ui-tools input[type=search] { flex: 1; min-width: 190px; }
.ui-tools label { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.ui-tools select { width: auto; }
.ui-tools button[aria-pressed=true] { background: #1670cf; color: white; border-color: #1670cf; }
.ui-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(135px,1fr)); gap: 12px; margin: 14px 0 18px; }
.ui-metrics article { display: flex; align-items: center; gap: 12px; border: 1px solid #deebf8; border-radius: 13px; background: linear-gradient(115deg,#fff,#f5faff); padding: 16px; min-width: 0; }
.ui-metrics article strong { display: block; font-size: 26px; font-weight: 600; color: #173557; margin-top: 6px; }
.ui-metrics article span { font-size: 14px; color: #627995; }
.ui-metric-icon { display: grid; place-items: center; background: #e9f4ff; border-radius: 12px; flex: 0 0 40px; height: 40px; }
.ui-metric-icon svg { width: 22px; height: 22px; color: #1877d5; }
.ui-name { display: inline-block; vertical-align: middle; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #eaf4ff; color: #145dae; border-radius: 7px; padding: 5px 10px; font-weight: 500; }
.ui-badge { display: inline-flex; align-items: center; border-radius: 7px; padding: 4px 8px; font-size: 13px; background: #f0f3f7; color: #67788f; }
.ui-badge.good { color: #11835e; background: #e8f8f0; }
.ui-badge.bad { color: #cc3554; background: #fff0f3; }
.ui-badge.warn { color: #a7730f; background: #fff7df; }
.ui-actions { display: flex; align-items: center; gap: 7px; flex-wrap: nowrap; }
.ui-actions button { white-space: nowrap; padding: 8px 11px; }
.ui-actions svg { width: 15px; height: 15px; }
.ui-scroll { overflow: auto; max-width: 100%; border: 1px solid #e0ebf8; border-radius: 12px; }
.ui-table { width: 100%; border-collapse: collapse; background: white; font-size: 14px; }
.ui-table th { background: #eff6ff; text-align: left; color: #284970; font-weight: 600; padding: 12px 14px; white-space: nowrap; }
.ui-table td { padding: 10px 14px; border-bottom: 1px solid #edf2f8; vertical-align: middle; white-space: nowrap; }
.ui-table tr:last-child td { border-bottom: 0; }
.ui-table tbody tr:hover { background: #f8fbff; }
.ui-table td small { display: inline; }
.ui-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 14px; font-size: 14px; color: #657c98; }
.ui-pagination>span { margin-right: auto; }
.ui-pagination label { display: flex; align-items: center; gap: 8px; }
.ui-pagination select { width: 75px; }
.ui-info-dialog { width: min(720px,94vw); border: 1px solid #d8e6f7; border-radius: 16px; padding: 22px; }
.ui-info-dialog header { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.ui-info-content { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; max-height: 65vh; overflow: auto; }
.ui-empty { padding: 30px!important; color: #73869e; text-align: center; }
.ui-note { color: #607b98; font-size: 14px; }
.ui-group-bar { display: flex; gap: 8px; align-items: center; }
.ui-company-card { border: 1px solid #deebf8; border-radius: 13px; overflow: hidden; background: #fff; text-align: left; }
.ui-company-card header { background: linear-gradient(95deg,#eaf5ff,#f5faff); padding: 13px 16px; display: flex; align-items: center; gap: 10px; }
.ui-company-card header svg { width: 22px; height: 22px; color: #2580d6; }
.ui-company-card header strong { font-size: 14px; font-weight: 600; }
.ui-company-body { padding: 15px; }
.ui-company-body>b { font-size: 26px; }
.ui-company-body>b small { font-size: 14px; font-weight: 400; color: #67809b; }
.ui-company-status { display: flex; gap: 22px; font-size: 14px; margin: 12px 0; }
.ui-online { color: #148961; }
.ui-offline { color: #7d8da3; }
.ui-company-card progress { width: 100%; height: 7px; accent-color: #11ad7a; display: block; margin: 10px 0; }
.ui-company-card footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e9f0f8; padding-top: 9px; }
.ui-company-card footer button { border: 0; background: transparent; color: #1169c4; padding-left: 0; }
#fleetCards.stats { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; }
#fleetCards .stat { min-height: 100px; padding: 16px; }
#fleetCards .stat strong { font-size: 28px; }
#fleetCards .stat-caption { display: none; }
#customerCards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
#customerCards.ui-company-table { display: block; }
#customersPage>.grid-two { display: block; }
#customersPage #customersList { display: block; }
#customersPage .company-profile { margin: 0; }
.ui-customer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
#customerEditorDialog { width: min(680px,94vw); border: 1px solid #dceafa; border-radius: 16px; padding: 18px; }
#customerEditorDialog .panel { border: 0; margin: 0; padding: 10px; }
#customerEditorDialog>header { display: flex; justify-content: flex-end; }
.ui-summary-strip { padding: 10px; background: #f4f9ff; border: 1px solid #deebf8; border-radius: 10px; margin: 10px 0; display: flex; gap: 16px; align-items: center; font-size: 14px; }
#deviceDialog { width: min(1440px,96vw); height: fit-content; }
#deviceDetails { padding: 20px; }
#deviceDetails .device-tabs { gap: 5px; padding: 8px; background: #edf4fc; border-radius: 12px; margin: 14px 0; }
#deviceDetails .device-tabs button { min-height: 36px; padding: 8px 12px; }
#deviceDetails .device-tab { padding: 12px 0; }
#deviceDetails .table-panel { overflow: auto; }
#deviceDetails table th,#deviceDetails table td { white-space: nowrap; padding: 10px 13px; font-size: 14px; }
#deviceDetails .detail-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
#deviceDetails .detail-card { padding: 14px; background: #fff; border: 1px solid #deebf8; border-radius: 12px; min-height: 70px; }
#deviceDetails .detail-card strong { font-size: 14px; overflow-wrap: anywhere; }
#deviceDetails .vital-card { padding: 16px; border-radius: 14px; }
#deviceDetails .employee-profile { margin: 14px 0; }
#deviceDetails .service-buttons { display: flex; flex-wrap: nowrap; gap: 6px; }
#deviceDetails .service-buttons button { min-width: 65px; padding: 8px; }
.service-buttons [data-service-type=ServiceStart] { color: #14865e; background: #ebf9f2!important; }
.service-buttons [data-service-type=ServiceStop] { color: #ca3954; background: #fff0f3!important; }
.service-buttons [data-service-type=ServiceRestart] { color: #176cc4; background: #eef6ff!important; }
#diagnosticsContent .diagnostics-grid,#healthEvidence { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.diagnostic-card { border: 1px solid #deebf8!important; border-radius: 13px!important; min-width: 0; }
.diagnostic-card[data-license] { grid-column: 1/-1; }
.diagnostic-disk>strong { display: inline-block; background: #e9f4ff; color: #145dae; padding: 6px 10px; border-radius: 7px; }
.diagnostic-values { display: grid!important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px!important; }
.diagnostic-values>span { display: flex; flex-direction: column; font-size: 14px; padding: 10px; background: #f8fbff; border-radius: 8px; }
.diagnostic-values b { margin-top: 5px; }
.ui-settings { border: 1px solid #dceafa; border-radius: 10px; padding: 12px; margin: 12px 0; }
.ui-settings>summary { cursor: pointer; color: #216dc0; font-size: 13px; }
.ui-settings form { margin-top: 14px; }
#localUsersContent .local-account-list { display: block; }
.ui-user-commands { display: flex; gap: 6px; }
.ui-user-commands details { position: relative; }
.ui-user-commands details>div { position: absolute; right: 0; z-index: 2; background: white; border: 1px solid #dbe8f6; border-radius: 8px; padding: 8px; }
.ui-ticket-detail { padding: 18px; border: 1px solid #dceafa; border-radius: 12px; background: #f7fbff; margin-top: 16px; }
.ui-ticket-detail dl { display: grid; grid-template-columns: 120px 1fr; gap: 10px; font-size: 13px; }
.ui-ticket-detail dd { margin: 0; overflow-wrap: anywhere; }
.ui-ticket-detail h3 { margin: 0; }
.ui-ticket-detail header { display: flex; align-items: center; justify-content: space-between; }
.ui-audit-action { display: inline-block; background: #eff5fc; border-radius: 7px; padding: 5px 9px; }
.ui-alert-row { display: grid; grid-template-columns: minmax(200px,2fr) 80px 80px minmax(140px,1fr) 130px; gap: 15px; align-items: center; width: 100%; }
.ui-alert-row progress { width: 100%; height: 7px; accent-color: #4c98de; }
.ui-alert-heading { padding: 12px 18px; background: #eef6ff; font-size: 14px; font-weight: 600; border-radius: 10px; }
.alert-company-group { margin: 0!important; border-radius: 0!important; border: 0!important; border-bottom: 1px solid #e3edf8!important; }
.alert-company-group>summary { padding: 13px 18px!important; list-style: none; }
.alert-company-group>summary::-webkit-details-marker { display: none; }
.alert-company-group .ui-name { font-size: 13px; }
.alert-company-content { overflow: auto; }
.ui-alert-summary { margin-bottom: 15px; }
#alertTableHost { border: 1px solid #dfebf8; border-radius: 12px; overflow: hidden; }
#alertsList .issue-toolbar { align-items: flex-end; gap: 10px; }
.issue-table td { white-space: nowrap; }
.issue-identity-line { display: flex; gap: 10px; }
.issue-company { font-size: 13px; }
#overviewRoot .ov-cards { grid-template-columns: repeat(6,minmax(0,1fr)); }
#overviewRoot .ov-card { padding: 14px; gap: 10px; }
#overviewRoot .ov-card-icon { width: 37px; height: 37px; flex-basis: 37px; }
#overviewRoot .ov-card strong { font-size: 28px; }
#overviewRoot .ov-card small { font-size: 13px; }
#overviewRoot .ov-grid { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 14px; }
#overviewRoot .ov-panel>header { padding: 13px 16px; }
#overviewRoot .ov-table-wrap td { padding: 11px 12px; font-size: 14px; }
#overviewRoot .ov-resource-warning { display: flex; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid #ffe6a2; background: #fff8e6; border-radius: 9px; font-size: 14px; margin: 12px 0; }
#overviewRoot .ov-resource-warning button { border: 0; background: none; color: #156ac2; }
.ov-fact strong { font-size: 14px; }
.ov-not-configured { padding: 10px 0; display: flex; justify-content: space-between; font-size: 14px; color: #677d95; }
#protectionRoot .dlp-stats { gap: 12px; }
#protectionRoot .dlp-stats article { min-height: 95px; border-radius: 13px; padding: 16px; background: #fff; }
#protectionRoot .dlp-company-grid.ui-dlp-table { display: block!important; }
#protectionRoot .ui-table button { white-space: nowrap; }
#protectionRoot .device-presentation [data-preference=columns]:disabled { display: none; }
#protectionRoot .device-presentation { padding: 10px 14px; }
#protectionRoot .dlp-panel { border-radius: 14px; }
.ui-dlp-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
#screenshotsContent .capture-browser { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 14px; }
#screenshotsContent .capture-list { max-height: 510px; overflow: auto; }
#screenshotsContent .capture-preview { min-height: 360px; background: #eaf1f9; border-radius: 12px; overflow: hidden; }
#screenshotsContent .capture-preview img { max-width: 100%; max-height: 530px; object-fit: contain; }
#screenshotsContent .capture-entry { width: 100%; text-align: left; margin-bottom: 7px; border-radius: 9px; }
@media(max-width:1200px) {
#fleetCards.stats,#overviewRoot .ov-cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
#customerCards,.ui-customer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
#overviewRoot .ov-grid { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
#fleetCards.stats,#overviewRoot .ov-cards,#deviceDetails .detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ui-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ui-pagination { flex-wrap: wrap; }
.ui-pagination>span { width: 100%; }
.ui-head { align-items: flex-start; flex-wrap: wrap; }
.diagnostic-values { grid-template-columns: repeat(2,minmax(0,1fr))!important; }
#screenshotsContent .capture-browser { grid-template-columns: 1fr; }
#screenshotsContent .capture-list { max-height: 180px; }
.ui-alert-row { min-width: 650px; }
#alertTableHost { overflow: auto; }
#deviceDetails { padding: 12px; }
}
#healthEvidence { display: block; }
#appView [hidden],#deviceDialog [hidden] { display: none!important; }
#customersPage>.grid-two>.panel>.panel-head { display: none; }
#ticketsPage .ui-table td:nth-child(2) { max-width: 330px; overflow: hidden; text-overflow: ellipsis; }
#auditPage .table-panel { overflow: auto; }
#auditPage .ui-table td { white-space: nowrap; }
#detailSoftware #softwareSearch { width: min(65%,600px); display: inline-block; margin-right: 12px; }
#detailSoftware #softwarePublisher { width: auto; max-width: 30%; display: inline-block; }
#deviceDetails .employee-panel { background: #fff; border: 1px solid #deebf8; border-radius: 13px; padding: 18px; margin: 14px 0; }
#deviceDetails .employee-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
#deviceDetails .employee-grid dd { font-size: 13px; }
#deviceDetails .device-issue-summary { background: #fff; border: 1px solid #e2eaf3; border-radius: 10px; padding: 10px; }
#deviceDetails .device-issue-notice { background: #fff; border-left: 3px solid #d99423; font-size: 14px; }
.diagnostic-card[hidden] { display: none!important; }
#detailActions .power-restart,#detailActions .power-shutdown { width: auto; height: auto; min-height: 35px; display: flex; align-items: center; justify-content: center; gap: 8px; }
#detailActions .power-restart svg,#detailActions .power-shutdown svg { width: 18px; height: 18px; }
@media(max-width:700px) {
#deviceDetails .employee-grid { grid-template-columns: 1fr 1fr; }
#detailSoftware #softwareSearch,#detailSoftware #softwarePublisher { width: 100%; max-width: 100%; margin: 5px 0; }
}
#deviceDetails .service-buttons [data-service-type=ServiceRestart] { color: #176cc4!important; border-color: #bdd8f5!important; background: #eef6ff!important; }
.itg-approved #appView .ui-company-card { min-height: 0; height: auto; text-align: left; }
.itg-approved #appView .ui-company-card>header { justify-content: flex-start; margin: 0; gap: 10px; min-height: 0; }
.itg-approved #appView .ui-company-card>header strong { margin: 0; font-size: 17px; line-height: 1.4; text-align: left; font-weight: 600; }
.itg-approved #appView .ui-company-card>header svg { flex: 0 0 22px; }
.itg-approved #appView .ui-company-body>b { display: flex; align-items: baseline; gap: 8px; line-height: 1.2; margin: 0; font-size: 28px; }
.itg-approved #appView .ui-company-body>b small { display: inline; font-size: 14px; line-height: 1.4; font-weight: 400; }
.itg-approved #appView .ui-company-status { gap: 20px; font-size: 14px; line-height: 1.4; }
.itg-approved #appView .ui-company-card footer { margin: 10px 0 0; padding: 9px 0 0; min-height: 0; gap: 10px; }
.itg-approved #appView .ui-company-card footer button { padding: 7px 10px; min-height: 34px; font-size: 14px; color: #145dae; background: #edf6ff; border: 1px solid #d4e6f8; }
.itg-approved #appView .ui-company-card footer button:hover:not(:disabled),
.itg-approved #appView .ui-company-card .quiet:hover:not(:disabled) { background: #dceeff; color: #104d8c; border-color: #9fc5e8; filter: none; }
.itg-approved #appView .ui-company-card .ui-actions button { font-size: 14px; height: auto; min-height: 36px; padding: 8px 10px; }
.itg-approved #appView .ui-company-card .ui-note { margin: 8px 0; font-size: 14px; }
.itg-approved #appView :is(.ui-head,.panel-head,.section-heading) h3,
.itg-approved #deviceDetails :is(.ui-head,.panel-head) h3 { text-align: left; margin-left: 0; margin-right: 0; }
.itg-approved #appView :is(.ui-head,.panel-head,.section-heading)>div:first-child { text-align: left; }
.itg-approved #appView .section-heading { margin-bottom: 12px; }
.itg-approved #appView .ui-head h3 { font-size: 24px; }
.itg-approved #appView .ui-head p { font-size: 14px; margin: 4px 0; }
.itg-approved #appView .ui-tools { margin: 12px 0; gap: 10px; }
.itg-approved :is(#appView,#deviceDialog) .ui-tools label { margin: 0; font-size: 14px; white-space: nowrap; }
.itg-approved :is(#appView,#deviceDialog) .ui-metrics { gap: 12px; margin: 12px 0; }
.itg-approved :is(#appView,#deviceDialog) .ui-metrics article { padding: 12px 14px; min-height: 80px; }
.itg-approved :is(#appView,#deviceDialog) .ui-metrics article span { font-size: 14px; color: #526c89; }
.itg-approved :is(#appView,#deviceDialog) .ui-metrics article strong { font-size: 28px; line-height: 1.15; margin-top: 4px; }
.itg-approved :is(#appView,#deviceDialog) .ui-metric-icon { flex-basis: 38px; height: 38px; }
.itg-approved :is(#appView,#deviceDialog) .ui-table :is(th,td) { font-size: 14px; line-height: 1.4; padding: 10px 12px; color: #234365; }
.itg-approved :is(#appView,#deviceDialog) .ui-table th { font-weight: 600; color: #3a5c80; background: #edf5ff; }
.itg-approved :is(#appView,#deviceDialog) .ui-name { font-size: 14px; color: #145dae; background: #e8f3ff; }
.itg-approved :is(#appView,#deviceDialog) .ui-badge { font-size: 13px; line-height: 1.4; }
.itg-approved #appView #fleetCards .stat-label { font-size: 14px!important; }
.itg-approved #appView #fleetCards .stat strong { font-size: 28px; margin: 8px 0 0; }
.itg-approved #appView #protectionRoot .dlp-stats article { display: grid; grid-template-columns: 1fr; gap: 4px; }
.itg-approved #appView #protectionRoot .dlp-stats strong { grid-column: 1; grid-row: auto; text-align: left; font-size: 28px; line-height: 1.2; margin: 0; }
.itg-approved #appView #protectionRoot .dlp-stats :is(span,small) { font-size: 14px; }
.itg-approved #appView #protectionRoot .dlp-stats small { display: none; }
.itg-approved #appView #protectionRoot .dlp-panel { padding: 16px; }
.itg-approved #appView #protectionRoot .dlp-company-grid { align-items: start; }
.itg-approved #appView #protectionRoot :is(input,select,button:not(.dlp-company)) { font-size: 14px; }
.itg-approved #appView #alertsList .issue-toolbar { padding: 14px 18px; margin: 0; gap: 10px; }
.itg-approved #appView #alertsList .issue-toolbar label { margin: 0; }
.itg-approved #appView .ui-alert-row { font-size: 14px; color: #284968; }
.itg-approved #appView .alert-company-group>summary { background: #fff; color: #284968; }
.itg-approved #appView .alert-company-group>summary:hover { background: #edf6ff; color: #173e67; }
.itg-approved #appView .alert-company-group .ui-name { color: #145dae; font-weight: 500; }
.itg-approved #appView :is(.ui-company-card,.ui-alert-row) progress { appearance: none; -webkit-appearance: none; display: block; height: 6px; border: 0; border-radius: 10px; overflow: hidden; background: #e5edf5; }
.itg-approved #appView :is(.ui-company-card,.ui-alert-row) progress::-webkit-progress-bar { background: #e5edf5; border-radius: 10px; }
.itg-approved #appView .ui-company-card progress::-webkit-progress-value { background: #22a779; border-radius: 10px; }
.itg-approved #appView .ui-alert-row progress::-webkit-progress-value { background: #5096d7; border-radius: 10px; }
.itg-approved #appView .ui-company-card progress::-moz-progress-bar { background: #22a779; }
.itg-approved #appView .ui-alert-row progress::-moz-progress-bar { background: #5096d7; }
.itg-approved :is(#deviceDialog #localUsersContent,#monitorUsersDialog #monitorUsersBody) .local-account-list { display: block!important; grid-template-columns: none; width: 100%; min-width: 0; }
.itg-approved :is(#deviceDialog #localUsersContent,#monitorUsersDialog #monitorUsersBody) .local-account-list>.ui-scroll { width: 100%; }
.itg-approved #deviceDetails .panel-head { gap: 12px; align-items: center; flex-wrap: wrap; }
.itg-approved #deviceDetails .panel-head>div:first-child { flex: 1; min-width: 200px; }
.itg-approved #deviceDetails .panel-head h3 { margin: 0; }
.itg-approved #deviceDetails .panel-head p { margin: 4px 0; font-size: 14px; }
.itg-approved #deviceDetails .device-tabs button:hover:not(:disabled) { background: #edf5ff; color: #145dae; border-color: transparent; }
.itg-approved #deviceDetails .device-tabs button.active, .itg-approved #deviceDetails .device-tabs button.active:hover:not(:disabled) { background: #eaf4ff; color: #075cb9; border-color: transparent; border-bottom-color: #1681ff; box-shadow: none; }
.itg-approved :is(#appView,#deviceDialog) :is(.ui-actions,.ui-pagination,.ui-tools,.ui-table) button,
.itg-approved #deviceDetails .panel-head button { font-size: 14px; line-height: 1.3; height: auto; min-height: 36px; padding: 8px 11px; }
.itg-approved #deviceDialog .quiet:hover:not(:disabled),.itg-approved #appView .ui-tools .quiet:hover:not(:disabled),
.itg-approved #appView .ui-table .quiet:hover:not(:disabled) { background: #e4f1ff; color: #14558f; border-color: #a9cbed; filter: none; }
.itg-approved #deviceDetails .service-buttons [data-service-type=ServiceStart]:hover:not(:disabled) { background: #d4f2e4!important; color: #106848!important; border-color: #80c6a9!important; }
.itg-approved #deviceDetails .service-buttons [data-service-type=ServiceStop]:hover:not(:disabled) { background: #ffe0e7!important; color: #a51d3b!important; border-color: #e8a4b3!important; }
.itg-approved #deviceDetails .service-buttons [data-service-type=ServiceRestart]:hover:not(:disabled) { background: #dcecff!important; color: #14558f!important; border-color: #99bfe7!important; }
.itg-approved #deviceDialog #screenshotsContent input[type=checkbox] { width: 18px; height: 18px; min-height: 18px; margin: 0; flex: 0 0 18px; }
.itg-approved #deviceDialog #screenshotsContent #captureDateFilter { align-items: flex-end; gap: 12px; }
.itg-approved #deviceDialog #screenshotsContent #captureDateFilter label { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; flex: 0 1 230px; min-width: 200px; margin: 0; white-space: nowrap; font-size: 14px; }
.itg-approved #deviceDialog #screenshotsContent #captureDateFilter input { width: 100%; margin: 0; min-height: 38px; padding: 8px 10px; font-size: 14px; }
.itg-approved #deviceDialog #screenshotsContent .capture-list { display: flex; flex-direction: column; gap: 8px; max-height: 530px; overflow: auto; }
.itg-approved #deviceDialog #screenshotsContent .capture-entry { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; justify-content: center; gap: 4px; height: auto!important; min-height: 84px; flex: 0 0 auto; width: 100%; margin: 0; padding: 10px 12px; white-space: normal; line-height: 1.4; font-size: 14px; text-align: left; }
.itg-approved #deviceDialog #screenshotsContent .capture-entry strong { font-size: 14px; line-height: 1.4; }
.itg-approved #deviceDialog #screenshotsContent .capture-entry small { font-size: 13px; line-height: 1.4; color: #536d88; }
.itg-approved #deviceDialog #screenshotsContent .capture-preview { display: flex; align-items: center; justify-content: center; padding: 10px; min-width: 0; }
.itg-approved #deviceDialog #screenshotsContent .capture-preview img { width: auto; max-width: 100%; height: auto; max-height: 530px; object-fit: contain; }
.itg-approved #deviceDialog #screenshotsContent .panel-head>button { flex: 0 0 auto; }
.itg-approved #deviceDetails .ui-settings { margin: 10px 0; padding: 10px 12px; }
.itg-approved #deviceDetails .ui-settings summary { font-size: 14px; }
.itg-approved #deviceDetails .ui-head p { font-size: 14px; }
@media(max-width:1000px) {

}
@media(max-width:700px) {
.itg-approved #appView .ui-company-card .ui-actions { flex-wrap: wrap; }
.itg-approved #deviceDetails .device-tabs button { min-height: 44px; }
.itg-approved #deviceDialog #screenshotsContent #captureDateFilter label { flex: 1 1 220px; }
.itg-approved #deviceDialog #screenshotsContent .capture-list { max-height: 260px; }
.itg-approved #appView #protectionRoot .dlp-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }
.itg-approved #appView #protectionRoot .dlp-stats article { padding: 10px; min-height: 80px; }
.itg-approved #appView #protectionRoot .dlp-stats span { font-size: 13px; }
.itg-approved #appView #protectionRoot .dlp-stats strong { font-size: 23px; }
}
.itg-approved #appView .ui-company-card { display: flex; flex-direction: column; align-self: stretch; }
.itg-approved #appView .ui-company-body { display: flex; flex-direction: column; flex: 1; }
.itg-approved #appView .ui-company-card footer { margin-top: auto; }
.itg-approved #appView .ui-company-card .ui-actions { margin-top: auto; padding-top: 10px; }
.itg-approved #appView #alertsList .ui-alert-row>span { font-size: 14px; line-height: 1.4; color: #284968; }
.itg-approved #appView #alertsList .ui-alert-row>.ui-name { color: #145dae; }
.itg-approved #appView #alertsList .issue-toolbar :is(label,input,select),
.itg-approved #appView #protectionRoot .device-presentation :is(label,span,select) { font-size: 14px; line-height: 1.4; }
.itg-approved #appView .page { padding: 16px 24px 20px; }
.itg-approved #appView .workspace-header { padding: 12px 24px; margin-bottom: 0; min-height: 0; }
.itg-approved #appView .section-heading { margin: 0 0 12px; justify-content: flex-start; gap: 12px; }
.itg-approved #appView .section-heading h3 { margin: 0; font-size: 23px; line-height: 1.3; }
.itg-approved #appView .section-heading .eyebrow { display: none; }
.itg-approved #appView .section-heading p { margin: 4px 0 0; font-size: 14px; }
.itg-approved #appView .panel-head { margin: 0; padding: 12px 16px; gap: 12px; }
.itg-approved #appView :is(.ui-head,.ui-ticket-detail>header) { margin-bottom: 12px; }
.itg-approved :is(#appView,#deviceDetails) :is(.ui-tools,.ui-pagination) label { margin: 0; }
.itg-approved :is(#appView,#deviceDetails) :is(.ui-tools,.ui-pagination) label :is(input,select) { margin: 0; }
.itg-approved #appView .ui-company-card>header { padding: 10px 14px; }
.itg-approved #appView .ui-company-body { padding: 10px 14px; }
.itg-approved #appView .ui-company-status { margin: 6px 0; }
.itg-approved #appView .ui-company-card footer { padding-top: 6px; }
.itg-approved #appView .ui-company-card progress { margin: 6px 0 8px; }
.itg-approved #appView #fleetCards .stat { min-height: 76px; padding: 10px 14px; }
.itg-approved #appView #protectionRoot .dlp-stats article { min-height: 76px; padding: 10px 14px; }
.itg-approved #deviceDialog #deviceDetails { padding: 14px 18px; scroll-padding-top: 60px; }
.itg-approved #deviceDetails .device-heading-group { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 10px 16px; padding-right: 48px; }
.itg-approved #deviceDialog .device-detail-header { padding: 0; margin: 0; border: 0; background: transparent; min-width: 0; }
.itg-approved #deviceDetails .device-title-row { gap: 10px; padding: 0; }
.itg-approved #deviceDetails .device-title-row h2 { margin: 0; font-size: 23px; line-height: 1.25; text-align: left; }
.itg-approved #deviceDetails .device-avatar { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 10px; }
.itg-approved #deviceDetails .device-subtitle { margin: 3px 0 0; font-size: 13px; line-height: 1.3; }
.itg-approved #deviceDetails .device-identity-strip { display: flex; flex-wrap: wrap; gap: 5px 8px; margin: 8px 0 0; padding: 0; border: 0; }
.itg-approved #deviceDetails .identity-chip { padding: 3px 6px; font-size: 12px; line-height: 1.3; min-height: 0; background: #eef5fc; color: #41617f; }
.itg-approved #deviceDetails .device-identity-strip .status { font-size: 12px; padding: 3px 8px; }
.itg-approved #deviceDialog .device-support-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 0; margin: 3px 0 0; border: 0; background: transparent; box-shadow: none; overflow: visible; max-width: 480px; justify-content: flex-end; }
.itg-approved #deviceDetails .anydesk-action { display: flex; gap: 7px; align-items: center; flex-wrap: nowrap; padding: 0; margin: 0; }
.itg-approved #deviceDetails .anydesk-action :is(span,strong,small) { margin: 0; font-size: 13px; }
.itg-approved #deviceDetails .anydesk-action small:empty { display: none; }
.itg-approved #deviceDetails .detail-top-actions { margin: 0; gap: 6px; }
.itg-approved #deviceDetails .device-tabs { position: static; display: flex; flex-wrap: nowrap; overflow: auto; padding: 0; margin: 10px 0 0; gap: 2px; border: 0; border-top: 1px solid #dce8f5; border-bottom: 1px solid #dce8f5; border-radius: 0; box-shadow: none; background: #f5faff; }
.itg-approved #deviceDetails .device-tabs button { flex: 0 0 auto; min-height: 40px; height: 40px; padding: 8px 9px; font-size: 14px; gap: 5px; border: 0; border-bottom: 2px solid transparent; border-radius: 6px 6px 0 0; background: transparent; color: #41617f; box-shadow: none; }
.itg-approved #deviceDetails .device-tabs .ui-icon { width: 16px; height: 16px; flex-basis: 16px; }
.itg-approved #deviceDetails .device-tab { padding: 12px 0 0; }
.itg-approved #deviceDetails .panel-head { padding: 0; margin: 0 0 10px; }
.itg-approved #deviceDetails .panel-head h3 { font-size: 19px; }
.itg-approved #deviceDetails .device-vitals { gap: 10px; margin: 0 0 12px; }
.itg-approved #deviceDetails .vital-card { padding: 12px; min-height: 0; }
.itg-approved #deviceDetails .vital-card strong { font-size: 25px; margin: 8px 0 4px; }
.itg-approved #deviceDetails .vital-track { margin-top: 8px; }
.itg-approved #deviceDetails .employee-panel { margin: 12px 0; padding: 12px; }
.itg-approved #deviceDetails .employee-grid { margin: 10px 0; padding: 0; gap: 10px; }
.itg-approved #deviceDetails .employee-sync { padding: 8px 10px; }
.itg-approved #deviceDetails .detail-card { min-height: 0; padding: 10px 12px; }
.itg-approved #deviceDetails .detail-card span { font-size: 13px; }
.itg-approved #deviceDetails .detail-card strong { margin-top: 4px; font-size: 14px; }
.itg-approved #deviceDetails .action-grid { display: grid; grid-template-columns: 1.25fr 1fr 1.15fr; gap: 12px; align-items: start; }
.itg-approved #deviceDetails .action-card { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 14px; margin: 0; min-height: 0; height: auto; border: 1px solid #deebf8; background: #fff; }
.itg-approved #deviceDetails .action-card :is(h3,p,label) { margin: 0; }
.itg-approved #deviceDetails .action-card h3 { font-size: 18px; }
.itg-approved #deviceDetails .action-card p { font-size: 14px; line-height: 1.4; }
.itg-approved #deviceDetails .action-card label { font-size: 14px; }
.itg-approved #deviceDetails .action-card textarea { min-height: 66px; height: 66px; margin: 5px 0 0; padding: 8px 10px; resize: vertical; font-size: 14px; }
.itg-approved #deviceDetails .action-card>button { align-self: flex-start; margin: 0; max-width: 100%; height: auto; white-space: normal; }
.itg-approved #deviceDetails .power-action-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.itg-approved #detailActions .power-action-row button { width: auto; height: 36px; min-height: 36px; display: inline-flex; gap: 6px; align-items: center; justify-content: center; padding: 7px 10px; border-radius: 9px; font-size: 14px; }
.itg-approved #detailActions .power-action-row svg { width: 16px; height: 16px; }
.itg-approved #detailActions>.ui-settings { margin-top: 0; }
.itg-approved #deviceDialog #screenshotsContent .capture-settings { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; padding: 12px; margin: 10px 0; background: #f4f9ff; border: 1px solid #deebf8; border-radius: 10px; }
.itg-approved #deviceDialog #screenshotsContent .capture-settings .check-label { display: flex; align-items: center; gap: 8px; flex: 0 1 270px; margin: 0; font-size: 14px; line-height: 1.4; }
.itg-approved #deviceDialog #screenshotsContent .capture-inputs { display: flex; flex: 1 1 440px; align-items: flex-end; gap: 10px; flex-wrap: nowrap; }
.itg-approved #deviceDialog #screenshotsContent .capture-inputs label { flex: 1 1 150px; min-width: 0; margin: 0; font-size: 14px; line-height: 1.3; }
.itg-approved #deviceDialog #screenshotsContent .capture-inputs input { margin-top: 4px; padding: 7px 9px; min-height: 36px; height: 36px; }
.itg-approved #deviceDialog #screenshotsContent .capture-inputs button { align-self: flex-end; flex: none; margin: 0; height: 36px; min-height: 36px; }
.itg-approved #deviceDialog #screenshotsContent #captureEstimate { flex: 1 0 100%; font-size: 13px; line-height: 1.4; margin: 0; }
.itg-approved #deviceDialog #screenshotsContent .capture-summary { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; font-size: 14px; }
.itg-approved #deviceDialog #screenshotsContent .capture-summary>span { padding: 6px 10px; background: #eef5fc; border-radius: 8px; }
.itg-approved #deviceDialog #screenshotsContent #captureDateFilter { margin: 10px 0; }
.itg-approved #healthPage .health-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.itg-approved #healthPage .health-controls>.toolbar { display: flex; flex: 1 1 460px; flex-wrap: nowrap; margin: 0; gap: 8px; }
.itg-approved #healthPage #healthSearchForm { flex: 1 1 280px; }
.itg-approved #healthPage .health-controls :is(input,select) { flex: 1 1 160px; width: auto; min-width: 0; font-size: 14px; }
.itg-approved #healthPage .health-controls button { flex: none; white-space: nowrap; font-size: 14px; }
.itg-approved #healthStatus { font-size: 13px; margin: 8px 0; }
.itg-approved #healthPage .approved-health-summary { gap: 10px; margin: 10px 0; }
.itg-approved #healthPage .approved-health-summary article { padding: 10px 14px; min-height: 0; }
.itg-approved #healthPage .approved-health-summary strong { font-size: 26px; margin: 4px 0; }
.itg-approved #healthPage .approved-health-summary span { font-size: 14px; }
.itg-approved #healthPage .approved-health-summary small { font-size: 12px; color: #526c89; }
.itg-approved #healthPage #healthEvidence { padding: 0; margin: 12px 0; background: transparent; }
.itg-approved #healthEvidence>.ui-tools { margin: 0 0 10px; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-statuses .ui-metrics { gap: 8px; margin: 10px 0; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-statuses .ui-metrics article { padding: 9px 10px; min-height: 0; gap: 8px; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-statuses .ui-metrics strong { font-size: 16px; line-height: 1.35; margin-top: 3px; overflow-wrap: anywhere; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-statuses .ui-metric-icon { flex-basis: 30px; height: 30px; border-radius: 8px; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-statuses .ui-metric-icon svg { width: 18px; height: 18px; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-card { padding: 12px; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-card .panel-head { padding: 0; margin: 0 0 8px; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-card .panel-head h3 { font-size: 18px; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-card p { font-size: 14px; margin: 8px 0; overflow-wrap: anywhere; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-values { gap: 8px!important; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-values>span { padding: 8px; font-size: 13px; }
.itg-approved #licenseAlertsDialog { background: #f8fbff; border-radius: 16px; height: fit-content; }
.itg-approved #licenseAlertsDialog .license-dialog-header { padding: 14px 18px; margin: 0; align-items: center; background: #fff; gap: 12px; }
.itg-approved #licenseAlertsDialog .license-eyebrow { display: none; }
.itg-approved #licenseAlertsDialog h2 { margin: 0; font-size: 22px; line-height: 1.3; }
.itg-approved #licenseAlertsDescription { margin: 4px 0 0; font-size: 14px; max-width: none; }
.itg-approved #licenseAlertsDialog .license-controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 12px 18px; }
.itg-approved #licenseAlertsDialog .license-tabs { padding: 0; margin: 0; gap: 6px; background: transparent; }
.itg-approved #licenseAlertsDialog .license-tabs button { min-width: 120px; height: 36px; min-height: 36px; border-radius: 8px; font-size: 14px; }
.itg-approved #licenseAlertsDialog .license-toolbar { padding: 0; flex: 1 1 460px; align-items: center; gap: 12px; justify-content: flex-end; }
.itg-approved #licenseAlertsDialog .license-search { flex: 1; max-width: 420px; font-size: 13px; gap: 4px; }
.itg-approved #licenseAlertsSearch { height: 36px; min-height: 36px; padding: 7px 10px; border-radius: 8px; font-size: 14px; }
.itg-approved #licenseAlertsDialog .license-summary { padding: 0; }
.itg-approved #licenseAlertsDialog .license-stat span { font-size: 13px; }
.itg-approved #licenseAlertsContent { padding: 0 18px 14px; }
.itg-approved #licenseAlertsStatus { padding: 0 18px; font-size: 14px; }
.itg-approved #licenseAlertsDialog .issue-toolbar { padding: 0 0 10px; align-items: center; gap: 12px; }
.itg-approved #licenseAlertsDialog .issue-filter { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; white-space: nowrap; }
.itg-approved #licenseAlertsDialog .issue-filter select { height: 36px; font-size: 14px; width: auto; flex: none; }
.itg-approved #licenseAlertsDialog :is(.issue-table,.license-table) :is(th,td) { font-size: 14px; height: 42px; padding: 6px 10px; }
.itg-approved #licenseAlertsDialog :is(.issue-company,.issue-time,.issue-badge) { font-size: 13px!important; }
.itg-approved :is(#appView,#licenseAlertsDialog) :is(.issue-device,.license-table .issue-open) { background: #e8f3ff; color: #145dae; border: 1px solid #c5ddf5; padding: 6px 10px; border-radius: 8px; font-size: 14px; box-shadow: none; }
.itg-approved :is(#appView,#licenseAlertsDialog) :is(.issue-device,.license-table .issue-open):hover:not(:disabled) { background: #d5e9ff; color: #104b86; border-color: #9fc5eb; filter: none; }
.itg-approved #licenseAlertsDialog :is(.issue-info,.issue-copy,.issue-resolve,.license-anydesk,#closeLicenseAlerts) { background: #fff; color: #215781; border: 1px solid #cbddeb; border-radius: 8px; font-size: 13px; height: 36px; min-height: 36px; padding: 7px 10px; }
.itg-approved #licenseAlertsDialog :is(.issue-info,.issue-copy,.issue-resolve,.license-anydesk,#closeLicenseAlerts):hover:not(:disabled) { background: #e6f1fc; color: #16486f; border-color: #9cbedc; filter: none; }
.itg-approved #licenseAlertsDialog .issue-pagination { font-size: 14px; padding-top: 10px; }
@media(max-width:1100px) {
.itg-approved #deviceDetails .device-heading-group { grid-template-columns: 1fr; padding-right: 45px; gap: 8px; }
.itg-approved #deviceDialog .device-support-bar { justify-content: flex-start; max-width: none; margin: 0; }
}
@media(max-width:700px) {
.itg-approved #appView .page { padding: 14px; }
.itg-approved #appView .workspace-header { padding: 12px 14px; }
.itg-approved #deviceDialog #deviceDetails { padding: 12px; }
.itg-approved #deviceDetails .action-grid { grid-template-columns: 1fr; }
.itg-approved #deviceDetails .device-title-row h2 { font-size: 21px; }
.itg-approved #deviceDialog #screenshotsContent .capture-inputs { flex: 1 1 100%; flex-wrap: wrap; }
.itg-approved #deviceDialog #screenshotsContent .capture-inputs label { flex: 1 1 120px; }
.itg-approved #deviceDialog #screenshotsContent .capture-inputs button { min-height: 44px; }
.itg-approved #healthPage .health-controls>.toolbar { flex-wrap: wrap; }
.itg-approved #licenseAlertsDialog .license-controls { padding: 10px 12px; }
.itg-approved #licenseAlertsDialog .license-toolbar { flex-wrap: wrap; justify-content: flex-start; }
.itg-approved #licenseAlertsDialog .license-search { flex: 1 1 100%; }
.itg-approved #licenseAlertsDialog .license-dialog-header { padding: 12px; }
.itg-approved #licenseAlertsContent { padding: 0 12px 12px; }
.itg-approved #licenseAlertsDialog .issue-toolbar { flex-wrap: wrap; }
.itg-approved #deviceDetails .device-tabs button { min-height: 44px; height: 44px; }
}
.itg-approved :is(#healthPage,#deviceDetails) .diagnostics-grid { align-items: start; }
.itg-approved :is(#healthPage,#deviceDetails) .diagnostic-values b { color: #234365; font-size: 15px; }
.itg-approved #deviceDialog #captureDateFilter button { align-self: flex-end; height: 40px; min-height: 40px; }
@media(min-width:701px) and (max-width:1000px) {
.itg-approved #deviceDetails .action-grid { grid-template-columns: 1fr 1fr; }
.itg-approved #deviceDetails #messageForm { grid-column: 1; grid-row: 1 / span 2; }
.itg-approved #deviceDetails .action-card:not(form) { grid-column: 2; }
}
.itg-approved :is(#deviceDialog,#monitorUsersDialog,#activityDialog) { --dw-blue: #eef7ff; --dw-mint: #effbf6; --dw-violet: #f6f2ff; --dw-amber: #fff9ee; background: #f7fbff; }
.itg-approved #deviceDialog #deviceDetails { font-size: 14px; line-height: 1.4; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) :is(.ui-head,.panel-head) { margin: 0 0 10px; padding: 0; align-items: center; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) :is(.ui-head,.panel-head) h3 { font-size: 21px; line-height: 1.3; margin: 0; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) :is(.ui-head,.panel-head) p { font-size: 13px; margin: 4px 0 0; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics { margin: 10px 0; gap: 10px; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics article { padding: 10px 12px; min-height: 70px; border-radius: 10px; gap: 10px; background: var(--dw-blue); border: 1px solid #cfe5fb; box-shadow: none; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics article:nth-child(4n+2) { background: var(--dw-mint); border-color: #ccefe1; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics article:nth-child(4n+3) { background: var(--dw-violet); border-color: #e2d8fa; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics article:nth-child(4n+4) { background: var(--dw-amber); border-color: #f2e4c8; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics article strong { font-size: 24px; line-height: 1.25; margin-top: 3px; color: #18375c; }
.itg-approved #deviceDialog #deviceDetails .diagnostic-statuses .ui-metrics article strong { font-size: 16px; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metric-icon { width: 32px; height: 32px; flex-basis: 32px; border-radius: 9px; color: #1575d0; background: #e0efff; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics article:nth-child(4n+2) .ui-metric-icon { color: #148263; background: #dff6ed; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics article:nth-child(4n+3) .ui-metric-icon { color: #7650b6; background: #ece4ff; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics article:nth-child(4n+4) .ui-metric-icon { color: #9d680f; background: #fff0cd; }
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metric-icon svg { width: 19px; height: 19px; }
.itg-approved #deviceDetails .vital-card { background: var(--dw-blue); border-color: #cfe5fb; box-shadow: none; border-radius: 10px; }
.itg-approved #deviceDetails .vital-card:nth-child(2) { background: var(--dw-violet); border-color: #e2d8fa; }
.itg-approved #deviceDetails .vital-card:nth-child(3) { background: var(--dw-mint); border-color: #ccefe1; }
.itg-approved #deviceDetails .vital-card :is(.vital-caption,small) { font-size: 13px; color: #4e6885; }
.itg-approved #deviceDetails .vital-card .vital-track { height: 4px; }
.itg-approved #deviceDetails .detail-grid { gap: 8px; }
.itg-approved #deviceDetails .detail-card { border-radius: 8px; border-color: #dce8f5; }
.itg-approved #deviceDetails .employee-panel { border-radius: 10px; }
.itg-approved #deviceDetails .employee-grid dd { font-size: 14px; }
.itg-approved #deviceDetails .employee-grid dt { font-size: 13px; color: #5c718a; }
.itg-approved #deviceDialog #deviceDetails .ui-table :is(th,td) { padding: 8px 12px; font-size: 14px; line-height: 1.4; }
.itg-approved #deviceDetails .ui-table th { background: #edf6ff; color: #365779; }
.itg-approved #deviceDetails .ui-table tbody tr:hover { background: #f1f8ff; }
.itg-approved #deviceDetails .ui-pagination { margin-top: 10px; }
.itg-approved #deviceDetails .action-card { border-radius: 10px; }
.itg-approved #deviceDetails .action-card h3 { padding: 8px 10px; margin: -14px -14px 0; background: var(--dw-blue); border-radius: 10px 10px 0 0; border-bottom: 1px solid #deebf8; }
.itg-approved #deviceDetails .action-card:nth-child(2) h3 { background: var(--dw-mint); }
.itg-approved #deviceDetails .action-card:nth-child(3) h3 { background: var(--dw-amber); }
.itg-approved #deviceDialog #detailActions #detailShutdown { color: #ae3652; background: #fff0f3; border-color: #edc9d3; }
.itg-approved #deviceDialog #detailActions #detailShutdown:hover:not(:disabled) { color: #8d233d; background: #ffe1e9; border-color: #dfa4b4; }
.itg-approved #deviceDetails #screenshotsContent .capture-summary>span { background: var(--dw-blue); border: 1px solid #d4e7f9; }
.itg-approved #deviceDetails #screenshotsContent .capture-summary>span:nth-child(3) { background: var(--dw-violet); border-color: #e2d8fa; }
.itg-approved #deviceDetails #screenshotsContent .capture-entry { background: #fff; color: #215781; border: 1px solid #d4e5f6; }
.itg-approved #deviceDetails #screenshotsContent .capture-entry:hover:not(:disabled) { background: #edf6ff; color: #145dae; }
.itg-approved #deviceDetails #screenshotsContent .capture-entry.selected { background: #e6f2ff; border-color: #80baf3; }
.itg-approved #deviceDetails #outlookContent .outlook-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 10px; padding: 0; }
.itg-approved #deviceDetails #outlookContent .outlook-reading { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.itg-approved #deviceDetails #outlookContent .outlook-reading>strong { font-size: 21px; color: #18375c; }
.itg-approved #deviceDetails #outlookContent .outlook-tools { display: flex; align-items: center; gap: 8px; }
.itg-approved #deviceDetails #outlookContent .outlook-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 10px 0 12px; }
.itg-approved #deviceDetails #outlookContent .outlook-stats>div { padding: 10px 12px; min-height: 70px; border-radius: 10px; background: var(--dw-blue); border: 1px solid #cfe5fb; }
.itg-approved #deviceDetails #outlookContent .outlook-stats>div:nth-child(2) { background: var(--dw-violet); border-color: #e2d8fa; }
.itg-approved #deviceDetails #outlookContent .outlook-stats>div:nth-child(3) { background: #fff4f6; border-color: #f2d9e0; }
.itg-approved #deviceDetails #outlookContent .outlook-stats>div:nth-child(4) { background: var(--dw-amber); border-color: #f2e4c8; }
.itg-approved #deviceDetails #outlookContent .outlook-stats strong { display: block; margin: 4px 0 0; font-size: 24px; line-height: 1.2; color: #18375c; }
.itg-approved #deviceDetails #outlookContent .outlook-stats span { font-size: 14px; }
.itg-approved #deviceDetails #outlookContent .outlook-account-table th { font-size: 14px; background: #edf6ff; text-transform: none; letter-spacing: 0; }
.itg-approved #deviceDetails #outlookContent .outlook-account-table td { font-size: 14px; padding: 10px 12px; }
.itg-approved #deviceDetails #outlookContent .outlook-storage-file { padding: 8px; border-radius: 8px; }
.itg-approved #deviceDetails #usageContent .activity-toolbar { padding: 0; margin: 0 0 8px; border: 0; gap: 10px; }
.itg-approved #deviceDetails #usageContent .activity-toolbar h3 { font-size: 21px; margin: 0; color: #18375c; }
.itg-approved #deviceDetails #usageContent .activity-month { min-height: 36px; height: 36px; padding: 6px 10px; font-size: 14px; }
.itg-approved #deviceDetails #usageContent :is(.activity-summary,.activity-stamp) { font-size: 13px; margin: 6px 0; }
.itg-approved #deviceDetails #usageContent .activity-total { margin: 10px 0; padding: 10px 14px; background: var(--dw-mint); border: 1px solid #ccefe1; border-radius: 10px; box-shadow: none; backdrop-filter: none; }
.itg-approved #deviceDetails #usageContent .activity-total small { font-size: 14px; }
.itg-approved #deviceDetails #usageContent .activity-total strong { font-size: 24px; color: #18375c; }
.itg-approved #deviceDetails #usageContent .usage-ranking { border: 1px solid #dce8f5; border-radius: 10px; background: #fff; overflow: hidden; }
.itg-approved #deviceDetails #usageContent .usage-row { margin: 0; padding: 10px 12px; border: 0; border-bottom: 1px solid #e7eef7; border-radius: 0; background: #fff; }
.itg-approved #deviceDetails #usageContent .usage-row:last-child { border-bottom: 0; }
.itg-approved #deviceDetails #usageContent .usage-row:nth-child(even) { background: #f8fbff; }
.itg-approved #deviceDetails #usageContent .usage-row b { font-size: 14px; color: #234365; }
.itg-approved #deviceDetails #usageContent .usage-rank { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: #eaf4ff; color: #2366a3; }
.itg-approved #deviceDetails #usageContent .usage-track { height: 4px; margin-top: 5px; background: #e8eff7; }
.itg-approved #deviceDetails #usageContent .usage-track span { background: #559ddd; }
.itg-approved #deviceDetails #usageContent .activity-about { font-size: 13px; }
.itg-approved #deviceDetails #usageContent .activity-about summary { padding: 8px 0; min-height: 0; color: #2366a3; }
@media(max-width:700px) {
.itg-approved :is(#deviceDialog #deviceDetails,#monitorUsersBody) .ui-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
.itg-approved #deviceDetails #outlookContent .outlook-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
.itg-approved #deviceDetails #outlookContent .outlook-tools { width: 100%; min-width: 0; }
.itg-approved #deviceDetails #outlookContent .outlook-tools input { min-width: 0; flex: 1; }
.itg-approved #deviceDetails #outlookContent .outlook-tools button { flex: none; }
}

/* Company-manager phone workspace: small tabs replace dashboard tiles. */
.manager-mobile-workspace { display:none; }
/* Manager detail surfaces share the compact workspace layout, without adding actions. */
.itg-approved :is(#monitorUsersDialog,#activityDialog) { width:min(1180px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:18px;border:1px solid #d3e3f1;border-radius:16px;overflow:auto;color:#18375c; }
.itg-approved :is(#monitorUsersDialog .monitor-users-head,#activityDialog .activity-dialog-head) { display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:0 0 10px;min-height:0;border-bottom:1px solid #dce8f4; }
.itg-approved :is(#monitorUsersDialog .monitor-users-head,#activityDialog .activity-dialog-head) h2 { flex:1;margin:0;font-size:22px;line-height:1.3;text-align:left; }
.itg-approved :is(#monitorUsersBody,#activityDialog .manager-activity) { padding:0;min-width:0;font-size:14px; }
.itg-approved :is(#monitorUsersDialog,#activityDialog) button { min-height:36px;padding:7px 11px;border-radius:8px;font-size:14px; }
.itg-approved :is(#monitorUsersDialog,#activityDialog) button.quiet { color:#215781;background:#fff;border:1px solid #cbddeb; }
.itg-approved :is(#monitorUsersDialog,#activityDialog) button.quiet:hover:not(:disabled) { color:#16486f;background:#e6f1fc;border-color:#9cbedc;filter:none; }
.itg-approved #monitorUsersBody .local-users-heading { margin:0 0 10px;padding:0;gap:10px; }
.itg-approved #monitorUsersBody .local-users-heading h3 { font-size:21px;margin:0; }
.itg-approved #monitorUsersBody .ui-scroll { width:100%;min-width:0;overflow:auto; }
.itg-approved #monitorUsersBody :is(th,td) { font-size:14px;padding:9px 11px; }
.itg-approved #activityDialog .activity-toolbar { display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 10px; }
.itg-approved #activityDialog .activity-toolbar h3 { margin:0;flex:1;font-size:21px; }
.itg-approved #activityDialog .activity-toolbar label { margin:0;font-size:13px; }
.itg-approved #activityDialog .activity-total { padding:10px 14px;border:1px solid #ccefe1;border-radius:10px;background:#effbf6;margin:10px 0; }
@media(max-width:760px) {
 .itg-approved #appView.monitoring-only>main>.workspace-header { padding:10px 12px;gap:8px;grid-template-columns:44px minmax(0,1fr);min-height:0; }
 .itg-approved #appView.monitoring-only .workspace-header .header-actions { justify-content:flex-start;gap:6px;flex-wrap:wrap; }
 .itg-approved #appView.monitoring-only .workspace-header .header-actions button { width:auto;min-width:44px;height:36px;min-height:36px;padding:6px 10px;font-size:12px!important;gap:5px;display:inline-flex; }
 .itg-approved #appView.monitoring-only .header-actions button .ui-icon { width:16px;height:16px;flex-basis:16px; }
 .itg-approved #appView.monitoring-only #monitoringPage { padding:12px; }
 .itg-approved #monitoringPage.manager-mobile-ready>.managed-dashboard { display:none; }
 .itg-approved #monitoringPage>.manager-mobile-workspace { display:block;margin:0 0 12px;min-width:0; }
 .itg-approved #monitoringPage.manager-report-open>:not(.manager-mobile-workspace) { display:none; }
 .itg-approved #monitoringPage .manager-mobile-tabs { display:flex;gap:0;overflow-x:auto;border-bottom:1px solid #cedff0;scrollbar-width:thin; }
 .itg-approved #monitoringPage .manager-mobile-tabs button { flex:1 0 auto;min-height:44px;min-width:0;padding:9px 8px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;color:#45627d;font-size:13px;white-space:nowrap;box-shadow:none; }
 .itg-approved #monitoringPage .manager-mobile-tabs button[aria-selected=true] { background:#e9f4ff;border-bottom-color:#1681ff;color:#075cb9; }
 .itg-approved #monitoringPage .manager-mobile-tabs span { display:inline-block;padding:1px 5px;border-radius:8px;background:#dfeeff;font-size:11px; }
 .itg-approved #monitoringPage .manager-mobile-report { background:white;border:1px solid #d6e5f4;border-radius:10px;margin-top:12px;padding:12px; }
 .itg-approved #monitoringPage .manager-mobile-report[hidden] { display:none; }
 .itg-approved #monitoringPage .manager-report-heading { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px; }
 .itg-approved #monitoringPage .manager-report-heading h3 { font-size:16px;margin:0; }
 .itg-approved #monitoringPage .manager-mobile-report button { font-size:12px;padding:7px 10px; }
 .itg-approved #monitoringPage .manager-mobile-table { overflow:auto;max-width:100%; }
 .itg-approved #monitoringPage .manager-mobile-table table { min-width:0;width:100%;table-layout:fixed; }
 .itg-approved #monitoringPage .manager-mobile-table :is(td,th) { padding:9px 5px;white-space:normal;overflow-wrap:anywhere;font-size:12px; }
 .itg-approved #monitoringPage .manager-mobile-table small { display:block;font-size:11px;margin-top:4px; }
 .itg-approved #monitoringPage .manager-full-report { margin-top:10px; }
 .itg-approved #monitoringPage>.section-heading { margin:8px 0 10px;text-align:left; }
 .itg-approved #monitoringPage>.section-heading h3 { font-size:20px; }
 .itg-approved #monitoringPage .monitor-order-toolbar { gap:6px;margin:8px 0; }
 .itg-approved #monitoringPage .monitor-order-toolbar button { font-size:12px;padding:7px 10px; }
 /* Dialog sizing is scoped to manager views, including failures with no image. */
 .itg-approved .monitor-wall-dialog[open], .itg-approved #monitorUsersDialog[open], .itg-approved #activityDialog[open] { width:calc(100% - 16px);max-width:calc(100vw - 16px);height:fit-content;min-height:0;max-height:calc(100dvh - 16px);margin:auto;inset:0;padding:12px;border-radius:14px;overflow:auto; }
 .itg-approved .monitor-wall-dialog[open]>header, .itg-approved #monitorUsersDialog .monitor-users-head, .itg-approved #activityDialog .activity-dialog-head { display:flex;position:static;align-items:center;gap:10px;padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #dce8f4;min-height:0; }
 .itg-approved :is(.monitor-wall-dialog,#monitorUsersDialog,#activityDialog) :is(header,.monitor-users-head,.activity-dialog-head)>h2 { flex:1;font-size:18px;line-height:1.35;letter-spacing:0;margin:0;overflow-wrap:anywhere; }
 .itg-approved :is(.monitor-wall-dialog,#monitorUsersDialog,#activityDialog) :is(header,.monitor-users-head,.activity-dialog-head)>button { flex:0 0 auto;min-width:44px;min-height:44px;padding:7px 9px;font-size:13px; }
 .itg-approved .monitor-wall-dialog[open] .monitor-wall-large { min-height:120px;aspect-ratio:auto;border-radius:9px; }
 .itg-approved .monitor-wall-dialog[open] .monitor-wall-large p { font-size:13px;line-height:1.6;padding:12px;margin:0;overflow-wrap:anywhere; }
 .itg-approved .monitor-wall-dialog[open] .monitor-wall-large img { max-height:52dvh; }
 .itg-approved .monitor-wall-dialog[open] .monitor-device-actions { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px; }
 .itg-approved .monitor-wall-dialog[open] .monitor-device-actions button { display:flex;min-width:0;min-height:44px;padding:7px 4px;gap:4px;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere; }
 .itg-approved .monitor-wall-dialog[open] .monitor-device-actions .ui-icon { width:14px;height:14px;flex:0 0 14px; }
 .itg-approved #monitorUsersDialog #monitorUsersBody { padding:0;min-width:0; }
 .itg-approved #monitorUsersDialog #monitorUsersBody .ui-metrics { grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:10px 0; }
 .itg-approved #monitorUsersDialog #monitorUsersBody .ui-metrics article { min-height:60px;padding:8px 5px;gap:4px;display:block; }
 .itg-approved #monitorUsersDialog #monitorUsersBody .ui-metric-icon { display:none; }
 .itg-approved #monitorUsersDialog #monitorUsersBody .ui-metrics article strong { font-size:21px; }
 .itg-approved #monitorUsersDialog #monitorUsersBody .ui-metrics article :is(small,span) { font-size:11px; }
 .itg-approved #monitorUsersDialog .local-users-heading { gap:8px;margin:0 0 8px;padding:0; }
 .itg-approved #monitorUsersDialog .local-users-heading h3 { font-size:17px; }
 .itg-approved #monitorUsersDialog :is(.muted,p) { font-size:12px;line-height:1.5; }
 .itg-approved #monitorUsersDialog .ui-tools { display:flex;flex-wrap:wrap;gap:6px; }
 .itg-approved #monitorUsersDialog .ui-tools input { flex:1 1 150px;width:auto;min-width:0; }
 .itg-approved #monitorUsersDialog .ui-tools select { width:120px; }
 .itg-approved #monitorUsersDialog .ui-scroll { overflow:auto;max-width:100%; }
 .itg-approved #monitorUsersDialog table { font-size:12px; }
 .itg-approved #monitorUsersDialog :is(td,th) { padding:8px;font-size:12px; }
 .itg-approved #monitorUsersDialog .ui-scroll::before { content:'Swipe to see account actions →';display:block;font-size:11px;color:#607997;padding:6px; }
 .itg-approved #activityDialog .manager-activity { padding:0; }
 .itg-approved #activityDialog .activity-toolbar { display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px; }
 .itg-approved #activityDialog .activity-toolbar h3 { flex-basis:100%;font-size:18px; }
 .itg-approved #activityDialog .activity-toolbar label { margin:0; }
 .itg-approved #activityDialog .activity-toolbar input { width:145px; }
 .itg-approved #activityDialog .activity-total { display:flex;justify-content:space-between;padding:10px;background:#edfaf5;border-radius:8px;margin:8px 0; }
 .itg-approved #activityDialog .usage-row { padding:10px 0;margin:0;border-bottom:1px solid #e2edf6;gap:8px; }
 .itg-approved #activityDialog .usage-row strong, .itg-approved #activityDialog .usage-row b { font-size:13px; }
}

@media(max-width:760px){
.itg-approved #monitoringPage .monitor-frame:has(img[hidden]) { display:none; }
.itg-approved #monitoringPage .monitor-live-preview:has(img[hidden]) { height:auto;min-height:80px;aspect-ratio:auto; }
.itg-approved #monitoringPage .monitor-live-preview:has(img[hidden]) .monitor-live-caption { position:static;min-height:80px;padding:10px; }
}

/* UnifiedUI6: device cards own their compact header, screen and action strip.
   Table layouts and enlarged-view controls deliberately keep their existing labels. */
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) { gap:12px;align-items:start;grid-template-columns:repeat(var(--device-columns,4),minmax(0,1fr)); }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode)>:is(.approved-device,.monitor-device) { padding:0;gap:0;border-radius:14px;min-height:0;overflow:hidden;background:#fff; }
.itg-approved #appView :is(.device-card-heading,#monitorDevices:not(.device-table-mode) .monitor-device-heading) { display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;min-height:50px;background:#f3f9ff; }
.itg-approved #appView :is(.device-card-heading,#monitorDevices:not(.device-table-mode) .monitor-device-heading) h3 { flex:1;min-width:0;font-size:15px;line-height:1.3;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.itg-approved #appView :is(.device-card-heading,#monitorDevices:not(.device-table-mode) .monitor-device-heading) .monitor-symbol { display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;background:#e4f2ff;color:#0870d3;border-radius:9px; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) .monitor-live-preview { display:flex;position:relative;margin:0 8px;width:auto;aspect-ratio:auto;border:1px solid #d8e7f4;border-radius:7px;overflow:hidden;min-height:0; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) .monitor-frame { display:grid;aspect-ratio:16/9;width:100%;background:#edf5fc; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) .monitor-frame img { object-fit:fill;width:100%;height:100%; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) .monitor-frame img[hidden] { display:none; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) .monitor-live-caption { position:absolute;bottom:0;left:0;right:0;min-height:0;padding:5px 8px;border:0;background:#eef6fff2;font-size:11px;line-height:1.4; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) .monitor-live-preview:has(img[hidden]) .monitor-live-caption { inset:0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center;overflow:auto; }
.itg-approved #appView #approvedDevices:not(.device-table-mode) .approved-device-info { padding:8px 12px 0;gap:3px; }
.itg-approved #appView #approvedDevices:not(.device-table-mode) .approved-device-info>:is(h3,.approved-device-status,small:first-of-type) { display:none; }
.itg-approved #appView #monitorDevices:not(.device-table-mode) .monitor-device>small { display:none; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) :is(.approved-device-tools,.monitor-device-actions) { display:flex;flex-wrap:nowrap;gap:5px;margin:0;padding:9px 8px;overflow:visible; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) :is(.approved-device-tools,.monitor-device-actions)>button { display:flex;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:38px;min-height:38px;padding:7px 0;border:1px solid transparent;border-radius:10px;background:#edf6ff;color:#086ac4;box-shadow:none; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) :is(.approved-device-tools,.monitor-device-actions)>button:hover { background:#dceefe;color:#064c92;border-color:#bad8f3;transform:none; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) :is(.approved-device-tools,.monitor-device-actions)>button:focus-visible { outline:2px solid #0877df;outline-offset:2px; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) .device-action-label { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) :is(.approved-device-tools,.monitor-device-actions) .ui-icon { width:20px;height:20px;flex:0 0 20px; }
.itg-approved #appView #approvedDevices:not(.device-table-mode) .approved-order-controls { margin:0;padding:5px 10px;border-top:1px solid #edf3f9; }
.itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) :is(.approved-device-tools,.monitor-device-actions)>p { flex:1;font-size:12px; }
@media(min-width:761px) and (max-width:1199px) {
 .itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) { grid-template-columns:repeat(min(var(--device-columns,4),2),minmax(0,1fr)); }
}
@media(max-width:760px) {
 .itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) { grid-template-columns:minmax(0,1fr);gap:12px; }
 .itg-approved #appView #approvedDevices:not(.device-table-mode) .approved-device-info { display:none; }
 .itg-approved #appView :is(#approvedDevices,#monitorDevices):not(.device-table-mode) :is(.approved-device-tools,.monitor-device-actions)>button { height:44px;min-height:44px; }
 .itg-approved #appView :is(.device-card-heading,#monitorDevices:not(.device-table-mode) .monitor-device-heading) h3 { font-size:16px; }
}