/* Owner-approved LOS ecosystem presentation. No app-internal selectors or state. */
html:root:has(body#losWorkspace[data-los-surface="platform"]),body.gg-details,body.gg-guest{--abyss-bg:#14191e;--abyss-surface:#1b272c;--abyss-panel:#202f34;--abyss-raised:#293d43;--abyss-line:#435b61;--abyss-edge:#6d8986;--abyss-text:#edf4f2;--abyss-muted:#b3c7c8;--abyss-subtle:#a8bfc1;--abyss-accent:#b8d6d6;--abyss-ice:#badbd4;--abyss-ink:#10282d;--gg-fill:linear-gradient(130deg,#1f2e2a,#202c39);--gg-edge:linear-gradient(130deg,#60856b,#385262 55%,#6383ab);--gg-action:linear-gradient(105deg,#284936,#2a425e);color-scheme:dark}
html:root:has(body#losWorkspace[data-los-surface="platform"]) body,body.gg-details,body.gg-guest{background:radial-gradient(ellipse at 3% 2%,#23513a4d,transparent 55%),radial-gradient(ellipse at 100% 15%,#294d774d,transparent 58%),#14191e!important;color:#edf4f2!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) body>header,body.gg-details>header,body.gg-guest>header{background:linear-gradient(105deg,#1a2824,#1c2934 72%,#1a2027)!important;border-bottom:1px solid #3b4a50!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .menubar{background:#192227!important;border-color:#36494f!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .workspace>aside{background:#151d20!important;border-color:#35474d!important;width:198px}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .sideButton{min-height:44px;color:#b3c7c8!important;border-radius:10px!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .sideButton.active{background:linear-gradient(105deg,#244437,#243e55)!important;color:#dfefeb!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .workspace>main{padding:30px;max-width:1500px}
html:root:has(body#losWorkspace[data-los-surface="platform"]) #pageTitle{font-size:30px!important;line-height:1.2;letter-spacing:-.04em!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) body :is(.contentCard,.hero,.documentGrid>.contentCard,dialog){background:var(--gg-fill)!important;border-color:#435b61!important;box-shadow:none!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#1b272c!important;color:#edf4f2!important;border-color:#4a626a!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) body :is(.primary,.openApp,.worldShare){background:var(--gg-action)!important;color:#edf5ef!important;border-color:#4f6c69!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) #appsPage .toolbar,html:root:has(body#losWorkspace[data-los-surface="platform"]) .gg-toolbar{display:flex;align-items:center;gap:12px;margin:18px 0 20px}
html:root:has(body#losWorkspace[data-los-surface="platform"]) #appsPage .search,html:root:has(body#losWorkspace[data-los-surface="platform"]) .gg-toolbar input{min-height:46px;border:1px solid #4a626a!important;border-radius:12px!important;background:#202e35!important;flex:1;min-width:0}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .gg-toolbar input{padding:12px 14px;color:#edf4f2;font:inherit}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appTiles,.worldGrid,.educationApps).gg-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;margin:0!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) #approvedApps{display:contents!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .worldPackage{display:contents!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .losAppTile{display:flex!important;flex-direction:column;gap:0;min-height:0!important;padding:20px!important;margin:0!important;border:1px solid transparent!important;border-radius:20px!important;background:var(--gg-fill) padding-box,var(--gg-edge) border-box!important;box-shadow:inset 0 1px 0 #b1c9d10a!important;min-width:0;position:relative}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .losAppTile[hidden]{display:none!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .appMain{display:grid!important;grid-template-columns:minmax(0,1fr) 37px!important;gap:15px!important;align-items:start;min-width:0}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .tileTop{grid-column:2!important;grid-row:1!important;margin:0!important;padding:0!important;display:block!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .tileBody{grid-column:1!important;grid-row:1!important;min-width:0}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .appIcon{height:37px!important;width:37px!important;border-radius:50%!important;background:linear-gradient(135deg,#325340,#344e6d)!important;border:1px solid #5f7d7777!important;color:#c5dbd8!important;font-size:13px!important;display:grid!important;place-items:center!important;font-weight:500!important;margin:0!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .appIcon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .losAppTile h2{font-size:16px!important;line-height:1.3!important;letter-spacing:-.025em!important;font-weight:500!important;margin:0 0 7px!important;color:#edf4f2!important;overflow-wrap:anywhere}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .losAppTile h2 a{color:inherit;text-decoration:none}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .tileBody>p{font-size:12px!important;line-height:1.6!important;color:#c0d1d2!important;min-height:58px;margin:0!important;overflow-wrap:anywhere}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .tileFooter{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:9px!important;margin-top:auto!important;padding:10px 0 0!important;border:0!important;min-height:78px}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .tileFooter .openApp{width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 13px!important;background:var(--gg-action)!important;color:#e4f1ed!important;border:1px solid #4f6c69!important;border-radius:12px!important;margin:0!important;font-size:13px!important;line-height:20px!important;font-weight:500!important;text-decoration:none;white-space:normal!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .gg-counts{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;min-height:24px!important;margin:0!important;padding:0!important;width:100%;border:0!important;background:none!important;color:#b1c5ce!important;border-radius:0!important;position:static!important;font-size:11px!important;line-height:18px!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .gg-counts>*{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:24px!important;padding:0!important;background:transparent!important;color:inherit!important;border:0!important;font:inherit!important;min-width:30px}
html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .gg-counts svg{width:13px!important;height:13px!important;fill:none;stroke:currentColor;stroke-width:1.5}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .gg-download{font-size:12px;min-height:36px;color:#c0d1d2!important;background:transparent!important;border:0!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) #appTiles.gg-grid.listView{grid-template-columns:1fr!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .educationStatus{font-size:12px!important;color:#bccdcb!important}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .losAppTile[data-details]{cursor:pointer}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .losAppTile:focus-within{outline:2px solid #a8d3cc;outline-offset:3px}
html:root:has(body#losWorkspace[data-los-surface="platform"]) .pageNote{color:#b3c7c8!important;font-size:12px!important}
body.gg-details{margin:0;font:15px/1.6 Inter,system-ui,sans-serif;min-height:100vh}body.gg-details *{box-sizing:border-box}body.gg-details header{padding:18px max(18px,calc((100% - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}body.gg-details header a{color:#dbece5;text-decoration:none}body.gg-details .gg-brand{display:flex;align-items:center;gap:10px;font-weight:500}body.gg-details .gg-brand img{width:34px;height:34px}body.gg-details main{max-width:880px;margin:40px auto;padding:0 20px}body.gg-details .gg-about{background:var(--gg-fill) padding-box,var(--gg-edge) border-box;border:1px solid transparent;border-radius:20px;padding:28px}body.gg-details h1{font-size:30px;line-height:1.2;letter-spacing:-.04em;font-weight:500}body.gg-details h2{font-size:18px;font-weight:500}body.gg-details p{color:#bfd0d1;overflow-wrap:anywhere}body.gg-details .gg-about-title{display:flex;align-items:center;gap:15px}body.gg-details .gg-about-title>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#325340,#344e6d);color:#d1e2dc;font-weight:500}body.gg-details .gg-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}body.gg-details :is(button,.gg-button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:var(--gg-action);border:1px solid #5b7773;border-radius:12px;color:#edf4f2;text-decoration:none;font:inherit;touch-action:manipulation}body.gg-details button:disabled{opacity:.6}body.gg-details :is(a,button):focus-visible{outline:2px solid #badbd4;outline-offset:4px}body.gg-details #detailsSocial{display:flex;align-items:center;gap:16px;margin:20px 0;color:#c1d2d1}body.gg-details .gg-muted{font-size:12px;color:#adc3c4}body.gg-details #detailsStatus{min-height:24px}body.gg-details .gg-back{color:#c4dcd7}body.gg-details [hidden]{display:none!important}
body.gg-guest{--line:#435b61}body.gg-guest .notice{background:#1c2b2d;border-color:#435b61;color:#bfd0d1}body.gg-guest .gg-guest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}body.gg-guest .gg-guest-grid>.card{position:relative;background:var(--gg-fill) padding-box,var(--gg-edge) border-box;border:1px solid transparent;border-radius:20px;margin:0;padding:20px;display:flex;flex-direction:column}body.gg-guest .gg-guest-grid>.card .row{display:grid;grid-template-columns:minmax(0,1fr) 37px;align-items:start}body.gg-guest .gg-guest-grid>.card .mark{grid-column:2;grid-row:1;width:37px;height:37px;padding:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#325340,#344e6d);font-size:12px;font-weight:500}body.gg-guest .gg-guest-grid>.card .row>div{grid-column:1;grid-row:1}body.gg-guest .gg-guest-grid h2{font-size:16px;line-height:1.3}body.gg-guest .gg-guest-grid p{font-size:12px;min-height:58px}body.gg-guest .gg-guest-grid .actions{margin-top:auto;display:flex;flex-direction:column;align-items:stretch}body.gg-guest .gg-guest-grid .button.primary{background:var(--gg-action)!important;color:#e4f1ed!important;border:1px solid #4f6c69;border-radius:12px;font-size:13px;padding:10px 13px}body.gg-guest .gg-guest-grid .button:not(.primary){font-size:12px;background:transparent;border:0;order:-1;padding:5px 0;min-height:30px;color:#bfd0d1}body.gg-guest .gg-title-link{color:inherit;text-decoration:none}body.gg-guest .gg-title-link:after{content:"";position:absolute;inset:0;border-radius:20px}body.gg-guest .actions a{position:relative;z-index:1}body.gg-guest .gg-guest-grid .card:focus-within{outline:2px solid #badbd4;outline-offset:3px}
@media(max-width:1050px){html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appTiles,.worldGrid,.educationApps).gg-grid,body.gg-guest .gg-guest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){html:root:has(body#losWorkspace[data-los-surface="platform"]) .workspace>main{padding:22px 16px}html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appTiles,.worldGrid,.educationApps).gg-grid,body.gg-guest .gg-guest-grid{grid-template-columns:1fr!important}html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .losAppTile{padding:18px!important}html:root:has(body#losWorkspace[data-los-surface="platform"]) .gg-toolbar{flex-wrap:wrap}html:root:has(body#losWorkspace[data-los-surface="platform"]) #pageTitle{font-size:27px!important}body.gg-details main{margin-top:22px}body.gg-details .gg-about{padding:20px}body.gg-details .gg-about-title{align-items:flex-start}body.gg-details h1{font-size:26px}}
@media(any-pointer:coarse){html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .gg-counts>button{min-height:44px!important;min-width:44px}body.gg-details input{font-size:16px}}
@media print{body.gg-details{background:white!important;color:black!important}body.gg-details header,body.gg-details .gg-actions{display:none}body.gg-details .gg-about{background:white!important;color:black!important;border:1px solid #777}body.gg-details p{color:black!important}}

html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .losAppTile .appIcon{border-radius:50%!important;background:linear-gradient(135deg,#325340,#344e6d)!important}
.gg-counts [hidden]{display:none!important}.gg-counts .gg-like-status:empty{display:none!important}.gg-counts .gg-like-status{font-size:11px;max-width:200px;overflow-wrap:anywhere}.gg-counts>button{touch-action:manipulation}

html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .gg-counts>button[hidden],html:root:has(body#losWorkspace[data-los-surface="platform"]) :is(#appsPage,#contentPage) .gg-counts .gg-like-status:empty{display:none!important}

/* Phone workspace navigation: override desktop theme widths without changing app surfaces. */
@media(max-width:680px){
 body#losWorkspace[data-los-surface="platform"] .workspace>aside{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;
  gap:6px;padding:10px 12px;border-right:0!important;border-bottom:1px solid #35474d;
 }
 body#losWorkspace[data-los-surface="platform"] .workspace>aside>.sideButton{
  display:flex;align-items:center;justify-content:flex-start;min-width:0;width:100%;
  min-height:48px;margin:0;padding:8px 7px;gap:7px;font-size:12px;line-height:1.3;
  overflow-wrap:anywhere;
 }
 body#losWorkspace[data-los-surface="platform"] .workspace>aside>.sideButton>span{flex:0 0 18px}
 body#losWorkspace[data-los-surface="platform"] .workspace>aside>.sideButton svg{width:18px;height:18px}
 body#losWorkspace[data-los-surface="platform"] .workspace>aside>:is(.sideLabel,.sideBottom,[data-page="connection"]){display:none!important}
 body#losWorkspace[data-los-surface="platform"].noSidebar .workspace>aside{display:none!important}
}