/* Approved screen 01; inactive below the desktop.js breakpoint. */
body.desktop-app.compact-journey-app.desktop-class-browser>main{padding:0!important;overflow:hidden!important;align-items:stretch!important}
body.desktop-app.compact-journey-app.desktop-class-browser>main>:not(.desktop-classes-layout):not(dialog){display:none!important}
body.desktop-app.compact-journey-app.desktop-class-browser>main>.desktop-classes-layout{display:flex;width:100%;max-width:none;height:100%;min-height:0;flex:1;overflow:hidden}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-classes-layout,body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-classes-layout *{box-sizing:border-box;letter-spacing:normal;text-transform:none;animation:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column{display:flex;flex:0 0 264px;width:264px;height:100%;min-height:0;flex-direction:column;border-right:1px solid var(--desktop-list-line);background:var(--page)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-classes-layout{--desktop-list-line:rgb(var(--divider-rgb));--desktop-list-shadow:var(--shadow-tile);--desktop-white:var(--on-brand);font-family:var(--font)!important;color:var(--ink)}
body.desktop-app[data-theme=night]:not(#_) :is(main,#live-action-dock) .desktop-classes-layout{--desktop-white:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-classes-heading{padding:28px 24px 12px;flex:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-classes-heading h1{margin:0!important;padding:0!important;font:700 18px/1.5 var(--font)!important;letter-spacing:normal;text-align:left!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-classes-heading>span{margin:4px 0 0;font:400 12px/1.5 var(--font)!important;color:var(--muted);display:block}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-choices{flex:1;min-height:0;overflow-y:auto;padding:0 12px 16px;display:flex;flex-direction:column;gap:12px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-choices .classes{display:flex!important;flex-direction:column;gap:8px;width:100%;max-width:none;margin:0;padding:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-choices :is(.class-card,.desktop-class-link){position:relative;display:block!important;flex:none;width:100%;height:auto!important;min-height:0!important;margin:0!important;padding:12px!important;border:2px solid transparent!important;border-radius:12px!important;background:var(--page)!important;color:var(--ink)!important;box-shadow:none!important;text-decoration:none;transform:none!important;cursor:pointer}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-choices .class-card>:not(.desktop-class-face){display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-choices :is(.class-card,.desktop-class-link):hover{background:var(--surface)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-choices .desktop-class-link[aria-current=page]{margin:0!important;border:2px solid var(--ink)!important;background:var(--surface)!important;box-shadow:var(--desktop-list-shadow)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-face{display:flex;align-items:center;gap:12px;width:100%}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-grade{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:12px;background:var(--camera);color:var(--desktop-white);font:700 18px/1 var(--font)!important;text-align:center!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-copy{flex:1;min-width:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 14px/1.5 var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-meta{display:block;margin-top:2px;color:var(--muted);font:400 12px/1.5 var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-face>svg{width:16px;height:16px;flex:none;color:var(--brand-soft)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-link[aria-current=page] .desktop-class-face>svg{color:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-waiting-count{display:flex;align-items:center;justify-content:center;flex:none;min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:var(--brand-tint);color:var(--ink);white-space:nowrap;font:600 11px/1 var(--font)!important;text-align:center!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail{display:flex;flex:1;flex-direction:column;gap:32px;min-width:0;height:100%;max-width:none;margin:0;padding:0 32px 24px;overflow-y:auto;background:var(--page)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-header{margin:0 -32px;padding:24px 32px 20px;border-bottom:1px solid var(--desktop-list-line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-identity{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;min-width:0;flex:1}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-identity h2{margin:0;font:700 26px/1.25 var(--font)!important;overflow-wrap:anywhere}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-tags{display:flex;gap:8px;flex-wrap:wrap}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-tags>span{border-radius:999px;padding:4px 10px;background:var(--brand-tint);color:var(--ink);font:600 12px/1.5 var(--font)!important}
/* Hide the phone copy, including raw text nodes, while retaining its original action. */
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .create-test-tile{position:static!important;display:flex!important;align-items:center;align-self:auto!important;justify-content:space-between;gap:12px;flex:none;width:auto!important;min-width:0!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0 8px 0 20px!important;border:0!important;border-radius:16px!important;background:var(--forward)!important;color:var(--desktop-white)!important;box-shadow:none!important;font-size:0!important;line-height:0!important;letter-spacing:0;cursor:pointer}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .create-test-tile>:not(.desktop-new-test-face){display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .create-test-tile::before,body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .create-test-tile::after{content:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-new-test-face{display:flex!important;align-items:center;gap:12px;width:100%}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-new-test-label{flex:1;font:600 15px/20px var(--font)!important;letter-spacing:normal!important;text-transform:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-new-test-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:11px;background:color-mix(in srgb,var(--desktop-white) 15%,transparent)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-new-test-arrow svg{width:18px;height:18px;stroke-width:2}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .create-test-tile:hover{opacity:.9}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-subtitle{flex-basis:100%;color:var(--muted);font:400 14px/1.5 var(--font)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-continue{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--desktop-list-line);border-radius:var(--card-radius);background:var(--camera);color:var(--desktop-white);box-shadow:var(--shadow-tile)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-continue-copy{flex:1;min-width:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-continue-eyebrow{font:400 14px/1.5 var(--font);color:color-mix(in srgb,var(--desktop-white) 75%,var(--camera))}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-continue h3{margin:4px 0 0;font:700 24px/1.3 var(--font)!important;letter-spacing:-.03em;overflow-wrap:anywhere;color:var(--desktop-white)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-next{margin-top:8px;font:600 14px/1.5 var(--font);color:var(--desktop-white)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-progress{display:flex;gap:6px;height:4px;max-width:360px;margin-top:16px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-progress>span{flex:1;border-radius:999px;background:color-mix(in srgb,var(--desktop-white) 25%,transparent)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-progress>span.is-done{background:var(--desktop-white)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-continue-action{display:flex;align-items:center;gap:8px;flex:none;height:48px;margin:0;padding:0 20px;border:0;border-radius:var(--control-radius);background:var(--desktop-white);color:var(--camera);box-shadow:none;font:600 14px/1.5 var(--font)!important;cursor:pointer}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-continue-action svg{width:16px;height:16px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-stage{display:inline-flex;align-items:center;gap:6px;justify-self:start;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;border-radius:999px;padding:4px 10px;font:600 12px/1.5 var(--font)!important;color:var(--ink);background:var(--brand-tint)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-stage-progress{background:var(--surface);box-shadow:inset 0 0 0 1px var(--desktop-list-line)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-stage-progress::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:var(--brand)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-stage-checked{background:var(--tint-green);color:var(--score-high)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:-16px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-caption h3{margin:0;font:700 16px/1.5 var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-caption>span{font:400 13px/1.5 var(--font)!important;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-list{display:block!important;width:100%;max-width:none;margin:0!important;padding:0;border:1px solid var(--desktop-list-line);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:var(--desktop-list-shadow)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-list:has(.empty-state){display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .lists-test-group,body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .lists-test-group-body{display:contents!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .lists-test-group>.lists-section-label{display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-columns,body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-test-cells{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,180px) 80px 88px;align-items:center;gap:12px;padding:10px 20px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-columns{border-bottom:1px solid var(--desktop-list-line);font:600 12px/1.5 var(--font)!important;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-columns>span{text-transform:none;letter-spacing:normal}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile:not(.create-test-tile){position:relative!important;display:block!important;width:100%;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--desktop-list-line)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important;overflow:visible;transform:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile:last-child{border-bottom:0!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile:not(.create-test-tile):hover{background:var(--brand-tint)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile:not(.create-test-tile)>:not(.desktop-test-cells):not(.test-action){display:contents!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile :is(h2,.ds-wrap,.ds-test-meta,.ds-progress,.ds-hint){display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile:not(.create-test-tile)>:not(.desktop-test-cells):not(.test-action)>:not(:has(.delete-test)):not(.delete-test){display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile :has(>.delete-test){display:contents!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile .test-action{position:absolute!important;inset:0!important;z-index:1;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;opacity:1}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile .test-action>*{visibility:hidden!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile .delete-test{position:absolute!important;z-index:2;right:64px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-test-cells{position:relative;padding-top:12px;padding-bottom:12px;min-height:68px;pointer-events:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-test-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.5 var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-test-date{white-space:nowrap;font:400 13px/1.5 var(--font)!important;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-test-cells>svg{width:16px;height:16px;justify-self:end;margin-right:14px;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:48px 24px;border:1px dashed var(--desktop-list-line);border-radius:var(--tile-radius);background:var(--page)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-empty-title{display:block!important;margin:0;font:600 16px/1.5 var(--font)!important;text-align:center!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-empty>span{font:400 14px/1.5 var(--font)!important;color:var(--muted);text-align:center!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-tests-empty .create-test-tile{margin-top:20px!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-choose-class{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);font:400 14px/1.5 var(--font)!important;text-align:center!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-choose-mark{width:40px;height:40px;object-fit:contain}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .undo-area{margin:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-continue>.lists-resume{display:flex!important;align-items:center;justify-content:center;flex:none;width:auto!important;min-width:0!important;height:48px!important;margin:0!important;padding:0 20px!important;border:0!important;border-radius:var(--control-radius)!important;background:var(--desktop-white)!important;color:var(--camera)!important;box-shadow:none!important;transform:none!important;font:600 15px/1.5 var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-continue>.lists-resume>*{display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-continue>.lists-resume::after{content:'Continue →'}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .create-test-tile:hover{background:var(--forward-dark)!important;opacity:1}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile .delete-test:hover{background:var(--tint-red)!important;color:var(--danger)!important}
/* Keep only the original delete control visible inside the phone tile's copy wrappers. */
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .test-tile:not(.create-test-tile)>:not(.desktop-test-cells):not(.test-action) :not(.delete-test):not(.delete-test *):not(:has(.delete-test)){display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-detail .lists-test-group:not(:last-child) .test-tile:last-child{border-bottom:1px solid var(--desktop-list-line)!important}


body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-classes-layout *{text-align:left!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-classes-layout :is(.desktop-grade,.desktop-waiting-count,.desktop-tests-empty-title,.desktop-tests-empty>span,.desktop-choose-class>span){text-align:center!important}
@media(min-width:1280px){body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column{flex-basis:300px;width:300px}}

body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-stage-saved{color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-grade{background:var(--ink);color:var(--surface)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-copy .desktop-waiting-count{display:inline-flex;margin-top:6px;height:20px;font-size:11px!important}