.recovery-tools, .recovery-boot { box-sizing: border-box; font-family: "Segoe UI Variable", "Segoe UI", sans-serif; font-size: 13px; line-height: 1.5; color-scheme: light; }
.recovery-tools *, .recovery-tools *::before, .recovery-tools *::after, .recovery-boot *, .recovery-boot *::before, .recovery-boot *::after { box-sizing: border-box; }
.recovery-tools { min-width: 0; width: 100%; overflow: hidden; border: 1px solid #bac9d8; border-radius: 12px; background: #f3f6fa; color: #213044; box-shadow: 0 20px 48px #0002; }
.recovery-tools h2, .recovery-tools h3, .recovery-tools h4, .recovery-tools p, .recovery-boot h2, .recovery-boot h3, .recovery-boot p { color: inherit; letter-spacing: normal; }
.recovery-tools button, .recovery-tools input, .recovery-tools select, .recovery-boot button, .recovery-boot input { font: inherit; }
.recovery-tools button, .recovery-boot button { cursor: pointer; }
.recovery-tools button:disabled, .recovery-boot button:disabled { opacity: .55; cursor: default; }
.recovery-tools button:focus-visible, .recovery-tools input:focus-visible, .recovery-tools select:focus-visible, .recovery-boot button:focus-visible, .recovery-boot input:focus-visible { outline: 3px solid #0381d4; outline-offset: 2px; }
.recovery-icon { width: 21px; height: 21px; flex: 0 0 21px; vertical-align: middle; }
.recovery-workspace-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 24px; background: #fff; border-bottom: 1px solid #d8e1ea; color: #1b3551; }
.recovery-workspace-header > div { display: flex; align-items: center; gap: 10px; }
.recovery-workspace-header strong { font-size: 16px; font-weight: 650; }
.recovery-workspace-header > div > span { border-left: 1px solid #c8d4df; padding-left: 10px; color: #6a798a; font-size: 12px; }
.recovery-workspace-header > span { font-family: Consolas, monospace; font-size: 12px; }
.recovery-tool-nav { display: flex; gap: 5px; padding: 9px 18px; background: #fff; border-bottom: 1px solid #d8e1ea; overflow-x: auto; }
.recovery-tools .recovery-tool-nav button { display: flex; align-items: center; gap: 8px; border: 0; border-radius: 5px; padding: 9px 13px; color: #4a5e73; background: transparent; white-space: nowrap; font-size: 12px; font-weight: 600; }
.recovery-tools .recovery-tool-nav button:hover { background: #f0f4fa; }
.recovery-tools .recovery-tool-nav button[aria-current] { color: #075ba4; background: #e4effb; }
.recovery-tool-nav .recovery-icon { width: 17px; height: 17px; flex-basis: 17px; }
.recovery-home { padding: 32px; }
.recovery-eyebrow { font-size: 10px; font-weight: 700; color: #64768b; letter-spacing: 1.25px; }
.recovery-home-heading h2 { font-size: 29px; font-weight: 650; margin: 8px 0; }
.recovery-home-heading p { color: #627187; font-size: 14px; margin: 0; max-width: 640px; }
.recovery-target-strip { margin: 27px 0 22px; padding: 15px 18px; border: 1px solid #d8e3ee; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #fff; }
.recovery-target-strip > span:first-child { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.recovery-target-strip > span:first-child > span { color: #728194; font-size: 12px; }
.recovery-tool-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.recovery-tools .recovery-tool-card { display: flex; flex-direction: column; align-items: flex-start; text-align: left; border: 1px solid #d8e1eb; border-radius: 9px; background: #fff; color: #203650; padding: 25px 22px 18px; min-width: 0; box-shadow: 0 2px 4px #09274c05; transition: border-color .15s, box-shadow .15s; }
.recovery-tools .recovery-tool-card:hover { border-color: #74a9d3; box-shadow: 0 5px 18px #183f6812; }
.recovery-tool-symbol { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 13px; background: #e5f1ff; color: #1772c5; margin-bottom: 25px; }
.recovery-tool-symbol .recovery-icon { width: 30px; height: 30px; }
.recovery-tool-symbol.entra { background: #eae9fc; color: #6854ce; }
.recovery-tool-symbol.deploy { background: #ddf2ee; color: #168273; }
.recovery-tool-card h3 { margin: 8px 0 10px; font-size: 20px; font-weight: 650; }
.recovery-tool-card p { margin: 0 0 20px; font-size: 13px; color: #627389; line-height: 1.7; }
.recovery-tool-status { margin-top: auto; color: #49647d; font-size: 11px; }
.recovery-card-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #e6ecf2; width: 100%; margin-top: 17px; padding-top: 15px; font-weight: 650; color: #1266ad; }
.recovery-home-footer { display: flex; align-items: center; justify-content: center; gap: 8px; color: #78899a; font-size: 11px; margin: 28px 0 0; }
.recovery-home-footer .recovery-icon { width: 15px; height: 15px; flex-basis: 15px; }
.recovery-browser { margin: 18px; min-width: 0; border: 1px solid #c4ccd7; border-radius: 9px; overflow: hidden; background: #fff; box-shadow: 0 4px 14px #1636530b; }
.recovery-browser-chrome { background: #e4e8ee; padding: 8px 10px 9px; border-bottom: 1px solid #cbd4df; }
.recovery-browser-tab { display: flex; align-items: center; gap: 8px; max-width: 250px; border-radius: 7px 7px 0 0; background: #f9fafc; padding: 6px 13px 8px; font-size: 11px; }
.recovery-browser-tab .recovery-icon { width: 15px; height: 15px; flex-basis: 15px; color: #286997; }
.recovery-address { display: flex; align-items: center; gap: 10px; border: 1px solid #d2d9e2; border-radius: 5px; background: #f9fafc; padding: 5px 12px; color: #40546b; font-size: 11px; }
.recovery-address > span:first-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recovery-address .recovery-icon { width: 14px; height: 14px; flex-basis: 14px; color: #647b8d; }
.recovery-address-badge { margin-left: auto; white-space: nowrap; color: #778498; font-size: 10px; }
.recovery-portal-header { min-height: 58px; display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 12px 21px; background: #173b64; color: #fff; }
.recovery-portal-header > div { display: flex; align-items: center; gap: 10px; }
.recovery-portal-header strong { font-size: 16px; font-weight: 650; }
.recovery-portal-header strong span { font-weight: 400; opacity: .9; }
.recovery-tenant { font-size: 10px; opacity: .8; }
.recovery-entra .recovery-portal-header { background: #242c3b; }
.recovery-deployment .recovery-portal-header { background: #174c4c; }
.recovery-entra-logo { width: 23px; height: 23px; flex: 0 0 23px; background: linear-gradient(135deg,#53d5f7 25%,#087fd2 55%,#7464e6 56%); clip-path: polygon(48% 0,100% 70%,52% 100%,0 70%); }
.recovery-portal-layout { display: grid; grid-template-columns: 180px minmax(0, 1fr); min-height: 540px; }
.recovery-portal-sidebar { background: #f4f6f9; border-right: 1px solid #dfe5ed; padding: 25px 14px; color: #54667c; min-width: 0; }
.recovery-portal-sidebar > small { padding: 0 8px; font-size: 9px; letter-spacing: 1.2px; font-weight: 700; }
.recovery-sidebar-active { display: flex; align-items: center; gap: 8px; background: #e1ebf8; color: #22629e; border-left: 3px solid #217ac2; border-radius: 3px; padding: 10px 9px; margin: 12px -5px 28px; font-size: 11px; font-weight: 650; }
.recovery-sidebar-active .recovery-icon { width: 17px; height: 17px; flex-basis: 17px; }
.recovery-portal-sidebar dl { font-size: 11px; padding: 0 8px; margin: 0; }
.recovery-portal-sidebar dt { color: #7d8b9b; font-size: 10px; margin-top: 19px; }
.recovery-portal-sidebar dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.recovery-sidebar-caption { border-top: 1px solid #dce3eb; padding: 20px 8px 0; margin-top: 35px; font-size: 10px; color: #7d8b9b; line-height: 1.8; }
.recovery-portal-main { padding: 23px 24px 28px; min-width: 0; overflow-wrap: anywhere; }
.recovery-breadcrumb { color: #657e98; font-size: 10px; }
.recovery-breadcrumb span { margin: 0 8px; color: #a5b1bf; }
.recovery-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 17px 0 22px; }
.recovery-page-heading h2 { font-size: 24px; font-weight: 600; margin: 0 0 3px; }
.recovery-page-heading p { margin: 0; color: #6a7b8e; font-size: 12px; }
.recovery-badge { display: inline-flex; align-items: center; justify-content: center; width: fit-content; padding: 4px 8px; border-radius: 4px; background: #ecf1f7; color: #51647b; font-size: 10px; font-weight: 600; line-height: 1.5; white-space: nowrap; }
.recovery-badge.success { background: #e4f3e9; color: #23734d; }
.recovery-badge.muted { background: #f4eee4; color: #836129; }
.recovery-table-scroll { overflow-x: auto; border: 1px solid #dae3ed; border-radius: 5px; }
.recovery-tools .recovery-version-table { width: 100%; border-collapse: collapse; font-size: 11px; margin: 0; }
.recovery-tools .recovery-version-table th { padding: 11px 13px; font-size: 10px; color: #61758d; background: #f6f8fb; font-weight: 600; white-space: nowrap; text-align: left; border: 0; border-bottom: 1px solid #dce4ed; }
.recovery-tools .recovery-version-table td { padding: 13px; color: #45596f; border: 0; border-bottom: 1px solid #e5ebf2; vertical-align: middle; white-space: nowrap; }
.recovery-tools .recovery-version-table tbody tr:last-child td { border-bottom: 0; }
.recovery-tools .recovery-version-table .is-selected td { background: #edf5fd; }
.recovery-version-table td .recovery-icon { width: 13px; height: 13px; margin-right: 3px; }
.recovery-tools .recovery-version-table td button { display: flex; align-items: center; gap: 9px; padding: 0; border: 0; background: transparent; color: #235d94; font-size: 11px; text-align: left; }
.recovery-selection-dot { width: 13px; height: 13px; border: 1px solid #aab9c7; border-radius: 50%; flex-shrink: 0; background: #fff; }
.is-selected .recovery-selection-dot { border: 4px solid #1674bd; }
.recovery-detail-panel { border: 1px solid #dce4ed; border-radius: 6px; padding: 20px; margin-top: 20px; background: #fff; }
.recovery-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.recovery-section-heading h3 { font-size: 16px; font-weight: 600; margin: 4px 0 0; }
.recovery-section-heading p { color: #687d92; font-size: 11px; margin: 4px 0 0; }
.recovery-section-heading .recovery-eyebrow { font-size: 9px; letter-spacing: .8px; }
.recovery-metadata { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 21px 0; color: #74889e; font-size: 10px; }
.recovery-metadata strong { display: block; font-size: 11px; color: #3e536c; font-weight: 500; margin-top: 4px; }
.recovery-manifest { background: #f7f9fc; border: 1px solid #e3eaf2; border-radius: 5px; padding: 13px 15px; }
.recovery-manifest h4 { font-size: 11px; font-weight: 600; margin: 0 0 10px; }
.recovery-manifest ul { list-style: none; padding: 0; margin: 0; }
.recovery-manifest li { display: flex; align-items: center; gap: 8px; padding: 6px 0; color: #536d88; font-size: 11px; }
.recovery-manifest li .recovery-icon { width: 15px; height: 15px; flex-basis: 15px; color: #347aaa; }
.recovery-manifest li small { margin-left: auto; font-size: 10px; color: #8190a1; white-space: nowrap; }
.recovery-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.recovery-tools .recovery-button, .recovery-boot .recovery-button { display: inline-flex; justify-content: center; align-items: center; gap: 7px; width: fit-content; min-height: 35px; padding: 7px 13px; color: #365776; border: 1px solid #a9bdce; border-radius: 4px; background: #fff; font-size: 11px; font-weight: 600; line-height: 1.5; }
.recovery-tools .recovery-button:hover:not(:disabled), .recovery-boot .recovery-button:hover:not(:disabled) { background: #f0f5fa; border-color: #5b91ba; }
.recovery-tools .recovery-button.primary, .recovery-boot .recovery-button.primary { color: #fff; background: #0769b8; border-color: #0769b8; }
.recovery-tools .recovery-button.primary:hover:not(:disabled), .recovery-boot .recovery-button.primary:hover:not(:disabled) { background: #085b9d; border-color: #085b9d; }
.recovery-button .recovery-icon { width: 16px; height: 16px; flex-basis: 16px; }
.recovery-job { border: 1px solid #d2e1ef; background: #f0f6fb; border-radius: 6px; padding: 14px 16px; margin-top: 18px; }
.recovery-job > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #2d557d; font-size: 11px; margin-bottom: 7px; }
.recovery-job strong { font-weight: 600; }
.recovery-job progress { display: block; width: 100%; height: 7px; border: 0; border-radius: 8px; overflow: hidden; accent-color: #1676c0; }
.recovery-job progress::-webkit-progress-bar { background: #d9e5f0; border-radius: 8px; }
.recovery-job progress::-webkit-progress-value { background: #1676c0; border-radius: 8px; transition: width .3s; }
.recovery-job progress::-moz-progress-bar { background: #1676c0; border-radius: 8px; }
.recovery-job small { display: block; margin-top: 8px; color: #7890a6; font-size: 10px; }
.recovery-prerequisites { display: flex; gap: 16px; flex-wrap: wrap; margin: 19px 0; padding: 0; list-style: none; }
.recovery-prerequisites li { display: flex; gap: 7px; align-items: center; color: #8190a1; font-size: 10px; }
.recovery-prerequisites li > span { width: 17px; height: 17px; border: 1px solid #c9d4df; border-radius: 50%; background: #f5f7fa; }
.recovery-prerequisites li.is-done { color: #267650; }
.recovery-prerequisites li.is-done > span { background: #e1f3e8; border-color: #9cd0b3; }
.recovery-prerequisites .recovery-icon { width: 15px; height: 15px; display: block; }
.recovery-inline-form { display: flex; gap: 12px; align-items: flex-end; }
.recovery-inline-form label { flex: 1; color: #50647a; font-size: 11px; margin: 0; display: block; }
.recovery-tools .recovery-inline-form select { width: 100%; margin: 5px 0 0; min-height: 35px; background: #fff; color: #283e56; border: 1px solid #afbece; border-radius: 4px; padding: 6px 9px; font-size: 11px; }
.recovery-inline-success { color: #29734d !important; background: #eef8f1; border: 1px solid #c6e1ce; padding: 11px 13px; border-radius: 4px; font-size: 11px; margin: 16px 0 0; }
.recovery-empty { padding: 32px 20px; text-align: center; border: 1px dashed #cbd7e3; background: #f9fbfd; color: #708399; margin-top: 20px; border-radius: 6px; font-size: 12px; }
.recovery-account-list { border: 1px solid #dce4ec; border-radius: 6px; overflow: hidden; }
.recovery-tools .recovery-account { display: flex; align-items: center; gap: 12px; width: 100%; border: 0; border-bottom: 1px solid #e3e9f0; border-radius: 0; background: #fff; color: #38546f; text-align: left; padding: 13px 16px; }
.recovery-tools .recovery-account:last-child { border-bottom: 0; }
.recovery-tools .recovery-account.is-selected { background: #edf4ff; box-shadow: inset 3px 0 #286dc5; }
.recovery-tools .recovery-account:hover { background: #f4f7fb; }
.recovery-account-avatar { display: grid; place-items: center; width: 35px; height: 35px; flex: 0 0 35px; border-radius: 50%; color: #466298; background: #e2e8f6; font-size: 11px; font-weight: 700; }
.recovery-account strong { display: block; font-size: 12px; font-weight: 600; }
.recovery-account small { display: block; font-size: 10px; color: #78899c; overflow-wrap: anywhere; }
.recovery-account-department { margin-left: auto; font-size: 11px; color: #8190a3; }
.recovery-account > .recovery-icon { width: 15px; height: 15px; flex-basis: 15px; color: #8b9aac; }
.recovery-identity-actions { margin-top: 22px; }
.recovery-identity-actions article { display: flex; gap: 13px; padding: 21px 0; border-top: 1px solid #e2e8f0; }
.recovery-identity-actions article > div { min-width: 0; }
.recovery-identity-symbol { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; border-radius: 6px; background: #eef1fc; color: #657bc2; }
.recovery-identity-symbol .recovery-icon { width: 18px; height: 18px; }
.recovery-identity-actions h4 { margin: 0 0 5px; font-size: 13px; font-weight: 650; }
.recovery-identity-actions p { margin: 0 0 11px; font-size: 11px; color: #708198; max-width: 610px; }
.recovery-identity-actions .recovery-button { display: flex; margin-top: 12px; }
.recovery-tools .recovery-checkbox, .recovery-boot .recovery-checkbox { display: flex; align-items: flex-start; gap: 8px; color: #4c637e; font-size: 11px; font-weight: 400; margin: 14px 0 0; }
.recovery-tools .recovery-checkbox input, .recovery-boot .recovery-checkbox input { margin: 2px 0 0; width: 15px; height: 15px; flex: 0 0 15px; accent-color: #0868b6; }
.recovery-password-result { display: grid; gap: 4px; margin-top: 14px; padding: 12px; border: 1px solid #c6d7ec; border-radius: 4px; background: #f1f6fd; }
.recovery-password-result > span { font-size: 10px; color: #6b819b; }
.recovery-password-result code { font-family: Consolas, monospace; font-size: 13px; color: #285a92; overflow-wrap: anywhere; background: transparent; padding: 0; user-select: all; }
.recovery-password-result small { color: #8192a7; font-size: 10px; }
.recovery-network-card { border: 1px solid #cce1df; background: #f6faf9; border-radius: 7px; padding: 21px; }
.recovery-network-visual { display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 23px; }
.recovery-network-visual > span { display: flex; flex-direction: column; align-items: center; gap: 9px; color: #2c6e6b; }
.recovery-network-visual > span > .recovery-icon { width: 31px; height: 31px; }
.recovery-network-visual b { font-size: 11px; font-weight: 600; }
.recovery-network-link { position: relative; width: 30%; max-width: 170px; border-top: 2px dashed #bdcecd; margin-top: -18px; }
.recovery-network-link.connected { border-top: 2px solid #389d87; }
.recovery-network-link small { display: block; position: absolute; top: 7px; left: 0; width: 100%; text-align: center; font-size: 9px; color: #77928f; }
.recovery-network-card p { color: #668480; font-size: 11px; margin: 0; }
.recovery-image-inventory { margin-top: 15px; }
.recovery-image-inventory article { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid #e3e9ed; }
.recovery-image-inventory article > .recovery-icon { color: #1779b9; width: 27px; height: 27px; flex-basis: 27px; }
.recovery-image-inventory h4 { font-size: 12px; font-weight: 600; margin: 0 0 3px; }
.recovery-image-inventory p { font-size: 10px; color: #718296; margin: 0; }
.recovery-image-inventory .recovery-badge { margin-left: auto; }
.recovery-deploy-launch { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin-top: 23px; }
.recovery-deploy-launch > div { flex: 1; }
.recovery-deploy-launch h3 { font-size: 15px; font-weight: 600; margin: 0 0 7px; }
.recovery-deploy-launch p { font-size: 11px; color: #738397; margin: 0; }
#recovery-notice:not(:empty), #boot-notice:not(:empty) { margin: 16px 20px; padding: 12px 15px; border: 1px solid #b8d0e5; border-radius: 5px; background: #ecf4fc; color: #245b88; font-size: 12px; }
.recovery-boot { position: absolute; inset: 0; z-index: 80; min-width: 0; overflow: auto; }
.recovery-uefi { display: flex; flex-direction: column; background: #101c2b; color: #e4edf7; font-family: Consolas, "Segoe UI", monospace; }
.recovery-uefi > header { display: flex; align-items: center; gap: 22px; padding: 25px 35px; border-bottom: 1px solid #34465c; background: #15283e; }
.recovery-uefi > header > strong { font: 700 25px "Segoe UI", sans-serif; letter-spacing: 4px; color: #8ebeed; }
.recovery-uefi > header > span { font-size: 12px; color: #9cb2ca; }
.recovery-uefi > header > small { margin-left: auto; font-size: 11px; color: #7891ab; }
.recovery-uefi-content { padding: 42px 35px; width: 100%; max-width: 810px; margin: auto; }
.recovery-uefi-content .recovery-eyebrow { color: #6599c4; letter-spacing: 2px; }
.recovery-uefi-content h2 { font-size: 24px; font-weight: 500; margin: 9px 0; }
.recovery-uefi-content p { color: #7f96b0; font-size: 11px; margin: 0 0 29px; }
.recovery-uefi-content > button { display: flex; align-items: center; gap: 17px; border: 1px solid #384d67; border-radius: 3px; width: 100%; margin: 12px 0 0; padding: 19px 22px; background: #17283d; color: #cadbec; text-align: left; }
.recovery-uefi-content > button:hover, .recovery-uefi-content > button:focus-visible { background: #21486d; border-color: #63a9e4; outline-color: #63a9e4; }
.recovery-uefi-content > button > .recovery-icon { width: 27px; height: 27px; flex-basis: 27px; color: #75a9d6; }
.recovery-uefi-content > button > .recovery-icon:last-child { width: 17px; height: 17px; flex-basis: 17px; margin-left: auto; }
.recovery-uefi-content > button strong { display: block; font-size: 14px; font-weight: 500; }
.recovery-uefi-content > button small { display: block; font-size: 10px; margin-top: 6px; color: #8099b3; }
.recovery-uefi > footer { display: flex; justify-content: space-between; gap: 15px; padding: 15px 30px; border-top: 1px solid #34465c; color: #6e8ba9; font-size: 10px; }
.recovery-setup { background: #f6f8fb; color: #28415e; }
.recovery-setup > header { display: flex; align-items: center; gap: 12px; padding: 19px 28px; background: #fff; border-bottom: 1px solid #d9e2ee; }
.recovery-setup > header > .recovery-icon { width: 31px; height: 31px; color: #0272c5; }
.recovery-setup > header > span:not(.recovery-badge) { font-size: 17px; font-weight: 600; }
.recovery-setup > header small { display: block; font-size: 10px; font-weight: 400; color: #74849a; margin-top: 2px; }
.recovery-setup > header .recovery-badge { margin-left: auto; }
.recovery-setup-content { max-width: 850px; padding: 23px 30px 30px; margin: 0 auto; }
.recovery-setup-steps { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; color: #96a5b8; }
.recovery-setup-steps span { display: flex; align-items: center; gap: 7px; white-space: nowrap; font-size: 11px; font-weight: 600; }
.recovery-setup-steps b { font-size: 10px; font-weight: 500; }
.recovery-setup-steps i { flex: 1; height: 1px; background: #d7e1ee; }
.recovery-setup-steps .active { color: #086cb7; }
.recovery-setup-steps .completed { color: #31875c; }
.recovery-setup-heading h2 { font-size: 24px; margin: 0 0 6px; font-weight: 600; }
.recovery-setup-heading p { font-size: 12px; color: #75879f; margin: 0 0 22px; }
.recovery-setup fieldset { border: 0; padding: 0; margin: 21px 0; min-width: 0; }
.recovery-setup legend { font-size: 12px; font-weight: 650; padding: 0; margin-bottom: 11px; }
.recovery-setup-images, .recovery-setup-disks { display: grid; gap: 8px; }
.recovery-setup-images > button, .recovery-setup-disks > button { display: flex; gap: 13px; align-items: center; width: 100%; padding: 13px 15px; border: 1px solid #d0dbea; border-radius: 5px; color: #3b526f; background: #fff; text-align: left; }
.recovery-setup-images > button:hover, .recovery-setup-disks > button:hover { background: #f5f9ff; border-color: #6ba3d0; }
.recovery-setup-images > button.is-selected, .recovery-setup-disks > button.is-selected { background: #eef6ff; border-color: #2677b9; box-shadow: inset 3px 0 #2677b9; }
.recovery-setup-images > button > .recovery-icon, .recovery-setup-disks > button > .recovery-icon { color: #297bb8; width: 24px; height: 24px; flex-basis: 24px; }
.recovery-setup-images strong, .recovery-setup-disks strong { display: block; font-size: 12px; font-weight: 600; }
.recovery-setup-images small, .recovery-setup-disks small { display: block; font-size: 10px; color: #8393a8; margin-top: 3px; }
.recovery-setup-images .recovery-badge { margin-left: auto; }
.recovery-setup-disks button > span:last-child { margin-left: auto; font-size: 10px; color: #8295ab; }
.recovery-install-summary { background: #edf1f7; border: 1px solid #d8e0eb; border-radius: 5px; padding: 15px 18px; margin-top: 22px; }
.recovery-install-summary > strong { font-size: 11px; font-weight: 650; }
.recovery-install-summary p { font-size: 11px; color: #67819d; margin: 6px 0 14px; }
.recovery-install-summary p > span { margin: 0 6px; color: #95a8be; }
.recovery-setup-footer { display: flex; align-items: center; gap: 12px; justify-content: space-between; margin-top: 22px; }
.recovery-setup-footer > span { color: #708a9b; font-size: 10px; }
.recovery-setup-footer > span > .recovery-icon { width: 15px; height: 15px; margin-right: 6px; }
.recovery-install-progress { text-align: center; padding: 50px 25px; max-width: 660px; margin: 0 auto; }
.recovery-install-progress > .recovery-icon { width: 75px; height: 75px; color: #0978c7; }
.recovery-install-progress h2 { font-size: 26px; font-weight: 600; margin: 25px 0 10px; }
.recovery-install-progress > p { font-size: 12px; color: #7b8fa5; margin: 0 0 29px; }
.recovery-install-progress .recovery-job { text-align: left; padding: 19px 21px; }
.recovery-install-details { margin-top: 25px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; text-align: left; color: #8b9cb0; font-size: 10px; }
.recovery-install-details strong { display: block; margin-top: 4px; color: #566f8c; font-size: 11px; font-weight: 500; }
@media (max-width: 1150px) {
  .recovery-tool-cards { gap: 12px; }
  .recovery-tool-card h3 { font-size: 18px; }
  .recovery-tools .recovery-tool-card { padding: 20px 16px 16px; }
  .recovery-portal-layout { grid-template-columns: 145px minmax(0,1fr); }
  .recovery-portal-main { padding: 21px 18px; }
  .recovery-deploy-launch { align-items: flex-start; flex-direction: column; gap: 14px; }
}
@media (max-width: 800px) {
  .recovery-home { padding: 25px 20px; }
  .recovery-tool-cards { grid-template-columns: 1fr; }
  .recovery-tools .recovery-tool-card { display: grid; grid-template-columns: 55px minmax(0,1fr); column-gap: 17px; }
  .recovery-tool-card > .recovery-tool-symbol { grid-row: 1 / 5; margin-bottom: 0; }
  .recovery-tool-card h3 { margin: 3px 0 7px; }
  .recovery-tool-card p { margin-bottom: 12px; }
  .recovery-card-link { grid-column: 2; }
  .recovery-portal-layout { grid-template-columns: minmax(0,1fr); }
  .recovery-portal-sidebar { display: none; }
  .recovery-browser { margin: 12px; }
  .recovery-portal-header strong { font-size: 14px; }
  .recovery-tenant { font-size: 9px; }
  .recovery-inline-form { align-items: stretch; flex-direction: column; }
  .recovery-metadata { gap: 10px; }
  .recovery-setup-content { padding: 20px; }
  .recovery-setup-steps { gap: 7px; }
  .recovery-setup-steps b { font-size: 9px; }
  .recovery-install-progress { padding: 30px 0; }
}
@media (max-width: 540px) {
  .recovery-workspace-header { padding: 13px 15px; }
  .recovery-workspace-header > div > span { display: none; }
  .recovery-tool-nav { padding: 8px; }
  .recovery-tools .recovery-tool-nav button { padding: 8px 10px; font-size: 11px; }
  .recovery-home { padding: 22px 14px; }
  .recovery-home-heading h2 { font-size: 24px; }
  .recovery-home-heading p { font-size: 12px; }
  .recovery-target-strip { align-items: flex-start; flex-direction: column; padding: 13px; }
  .recovery-tool-card .recovery-eyebrow { font-size: 8px; }
  .recovery-tool-card p { font-size: 12px; }
  .recovery-home-footer { font-size: 9px; text-align: center; }
  .recovery-browser { margin: 8px; }
  .recovery-address-badge { display: none; }
  .recovery-portal-header { align-items: flex-start; flex-direction: column; gap: 5px; padding: 12px 15px; }
  .recovery-portal-main { padding: 18px 12px; }
  .recovery-page-heading h2 { font-size: 22px; }
  .recovery-detail-panel { padding: 14px; }
  .recovery-section-heading { flex-wrap: wrap; }
  .recovery-metadata { grid-template-columns: 1fr; }
  .recovery-metadata > span { display: flex; justify-content: space-between; gap: 10px; }
  .recovery-metadata strong { margin-top: 0; text-align: right; }
  .recovery-manifest { padding: 12px; }
  .recovery-manifest li { font-size: 10px; }
  .recovery-manifest li small { font-size: 9px; }
  .recovery-actions { flex-direction: column; align-items: stretch; }
  .recovery-tools .recovery-actions .recovery-button { width: 100%; }
  .recovery-account-department { display: none; }
  .recovery-account > .recovery-icon { margin-left: auto; }
  .recovery-tools .recovery-account { padding: 12px; gap: 9px; }
  .recovery-identity-actions article { gap: 9px; }
  .recovery-identity-symbol { width: 24px; height: 24px; flex-basis: 24px; }
  .recovery-network-card { padding: 15px; }
  .recovery-network-visual { gap: 9px; }
  .recovery-network-visual b { font-size: 9px; }
  .recovery-network-link { min-width: 35px; }
  .recovery-image-inventory article { gap: 9px; flex-wrap: wrap; }
  .recovery-image-inventory article > div { flex: 1; }
  .recovery-image-inventory .recovery-badge { margin-left: 35px; }
  .recovery-uefi > header { padding: 20px; gap: 10px; flex-wrap: wrap; }
  .recovery-uefi > header > span { font-size: 10px; }
  .recovery-uefi > header > small { margin-left: 0; flex-basis: 100%; }
  .recovery-uefi-content { padding: 30px 20px; }
  .recovery-uefi-content h2 { font-size: 21px; }
  .recovery-uefi-content > button { padding: 17px 13px; gap: 12px; }
  .recovery-uefi-content > button strong { font-size: 12px; }
  .recovery-uefi-content > button small { font-size: 9px; }
  .recovery-uefi > footer { padding: 14px 20px; flex-direction: column; gap: 4px; }
  .recovery-setup > header { padding: 14px 18px; }
  .recovery-setup > header > span:not(.recovery-badge) { font-size: 15px; }
  .recovery-setup > header .recovery-badge { font-size: 8px; }
  .recovery-setup-content { padding: 20px 15px; }
  .recovery-setup-steps { gap: 6px; }
  .recovery-setup-steps span { white-space: normal; align-items: flex-start; font-size: 10px; gap: 5px; }
  .recovery-setup-steps b { font-size: 8px; }
  .recovery-setup-steps i { min-width: 8px; }
  .recovery-setup-heading h2 { font-size: 21px; }
  .recovery-setup-images > button, .recovery-setup-disks > button { flex-wrap: wrap; padding: 12px; gap: 10px; }
  .recovery-setup-images > button > span:not(.recovery-badge), .recovery-setup-disks > button > span:first-of-type { flex: 1; }
  .recovery-setup-images strong, .recovery-setup-disks strong { font-size: 11px; }
  .recovery-setup-images .recovery-badge { margin-left: 34px; }
  .recovery-install-summary { padding: 13px; }
  .recovery-install-summary p { font-size: 10px; }
  .recovery-setup-footer { flex-direction: column-reverse; gap: 15px; align-items: stretch; }
  .recovery-setup-footer .recovery-button { width: 100%; }
  .recovery-setup-footer > span { text-align: center; }
  .recovery-install-progress h2 { font-size: 22px; }
  .recovery-install-details { grid-template-columns: 1fr; gap: 12px; }
  .recovery-install-details > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  .recovery-install-details strong { margin-top: 0; text-align: right; }
}