/*
 * РЯДОМ · Desktop Site
 * Desktop-only presentation. Phone/tablet and Android/iOS WebViews keep their
 * existing layout, DOM event handlers, stores, notification flow and economy.
 */
.desktop-brand,.desktop-nav-label,.desktop-nav-footer,.desktop-header-copy,.desktop-home-intro,.desktop-gate-intro{display:none}
/* This default rule must precede @scope; ordinary mobile must hide desktop chrome. */
.desktop-command,.desktop-header-date,.desktop-workspace-strip,.desktop-nav-shortcuts{display:none}

/* Same site on PC and requested desktop-mode phone browsers. */
@scope (html.ryadom-desktop-ui) {
@media (min-width:900px) {
  body.rl-theme {
    --site-canvas:#f6f5fa;
    --site-surface:#ffffff;
    --site-text:#302b46;
    --site-muted:#7b758e;
    --site-border:#e7e2f0;
    --site-lilac:#7758b6;
    --site-lilac-soft:#f1ebff;
    --site-shadow:0 10px 36px rgba(68,47,113,.055);
  }
  body.rl-theme[data-theme="night"] {
    --site-canvas:#191923;
    --site-surface:#242331;
    --site-text:#f2eff9;
    --site-muted:#b9afc9;
    --site-border:#414054;
    --site-lilac:#baa0ff;
    --site-lilac-soft:#393049;
    --site-shadow:0 10px 32px rgba(0,0,0,.2);
  }

  /* Website-style authentication and room joining on large desktops. */
  body.rl-theme #gate {
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:safe center;
    justify-content:center;
    gap:clamp(20px,4vw,68px);
    width:100%;
    min-height:100dvh;
    overflow-y:auto;
    padding:35px clamp(30px,6vw,95px);
    background:
      radial-gradient(circle at 0% 0%,#efe5ff 0,transparent 44%),
      radial-gradient(circle at 98% 95%,#e4dcf8 0,transparent 45%),
      #f7f6fc;
  }
  body.rl-theme #gate .desktop-gate-intro {
    position:relative;
    isolation:isolate;
    display:flex;
    flex:1 1 48%;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    align-self:stretch;
    box-sizing:border-box;
    max-width:625px;
    min-height:580px;
    padding:40px clamp(33px,4.3vw,64px);
    border-radius:32px;
    background:
      radial-gradient(circle at 90% 18%,#c7b9ff7a,transparent 34%),
      linear-gradient(144deg,#413678,#755eaf 56%,#a48fcf);
    box-shadow:0 18px 52px rgba(88,65,135,.18);
    color:#fff;
  }
  body.rl-theme #gate .desktop-gate-intro::before {
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    top:-180px;
    right:-170px;
    border:1px solid #ffffff4d;
    border-radius:50%;
    box-shadow:0 0 0 55px #ffffff10,0 0 0 120px #ffffff09;
    pointer-events:none;
    z-index:-1;
  }
  .desktop-gate-brand{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:auto;
    font:820 24px/1.15 system-ui,sans-serif;
    letter-spacing:-.045em;
  }
  .desktop-gate-brand img{width:45px;height:45px;border-radius:15px}
  .desktop-gate-eyebrow{display:block;margin:46px 0 14px;color:#e3d7ff;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.2em}
  body.rl-theme #gate .desktop-gate-intro h2{margin:0;max-width:480px;font:830 clamp(36px,3.65vw,54px)/1.13 system-ui,sans-serif;letter-spacing:-.06em;color:#fff}
  body.rl-theme #gate .desktop-gate-intro p{max-width:480px;margin:19px 0 30px;font:500 14px/1.75 system-ui,sans-serif;color:#eee8fa}
  .desktop-gate-benefits{display:grid;grid-template-columns:1fr;gap:10px;max-width:440px}
  .desktop-gate-benefits > div{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center}
  .desktop-gate-benefits > div > span{display:grid;grid-row:1/3;place-items:center;width:36px;height:36px;border-radius:12px;background:#ffffff29;font-size:20px}
  .desktop-gate-benefits strong{font:730 13px/1.3 system-ui,sans-serif;color:#fff}
  .desktop-gate-benefits small{font:500 11px/1.4 system-ui,sans-serif;color:#eee6ff}
  .desktop-gate-bottom{margin-top:auto;padding-top:42px;font:760 10px/1.2 system-ui,sans-serif;letter-spacing:.16em;color:#ddd0f7}
  body.rl-theme #gate #accountGate.account-card {
    flex:0 1 460px;
    width:min(460px,100%);
    max-width:460px;
    min-width:355px;
    margin:0;
    padding:34px clamp(26px,3vw,40px);
    border:1px solid #ebe5f5;
    border-radius:28px;
    background:#fff;
    box-shadow:0 15px 44px rgba(55,44,91,.08);
    color:#3e3456;
  }
  body.rl-theme #gate #join {
    flex:0 1 500px;
    width:min(500px,100%);
    max-width:500px;
    min-width:355px;
    max-height:calc(100dvh - 70px);
    margin:0;
    padding:30px clamp(25px,3vw,39px);
    overflow-y:auto;
    border:1px solid #ebe5f5;
    border-radius:28px;
    background:#fff;
    box-shadow:0 15px 44px rgba(55,44,91,.08);
    scrollbar-width:thin;
  }
  body.rl-theme #gate :is(#join,#accountGate) input{
    min-height:47px;
    border-radius:11px;
  }
  body.rl-theme #gate :is(#join,#accountGate) :is(.primary,.account-submit){
    border-radius:12px;
    box-shadow:none;
  }
  body.rl-theme #app{
    padding-left:268px;
    padding-right:0;
    padding-top:0;
    background:var(--site-canvas);
  }
  /* The original navigation buttons remain the one and only source of routing. */
  body.rl-theme #app > nav.rl-tabbar{
    position:absolute;
    inset:0 auto 0 0;
    z-index:41;
    box-sizing:border-box;
    width:268px;
    height:100%;
    max-height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start!important;
    align-items:stretch;
    gap:6px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:26px 17px 22px;
    background:var(--site-surface);
    border-top:0;
    border-right:1px solid var(--site-border);
    border-radius:0;
    box-shadow:5px 0 24px rgba(46,27,82,.025);
  }
  body.rl-theme #app > nav .desktop-brand{
    display:flex;
    align-items:center;
    gap:13px;
    margin:0 0 37px;
    padding:2px 8px 0;
    color:var(--site-text);
    flex:0 0 auto;
  }
  .desktop-brand-mark{
    display:grid;
    place-items:center;
    width:49px;
    height:49px;
    flex:none;
    border-radius:16px;
    background:linear-gradient(145deg,#7b65c6,#a18ae5);
    box-shadow:0 9px 18px #6c51ae2c;
    overflow:hidden;
  }
  .desktop-brand-mark img{width:49px;height:49px;object-fit:cover}
  .desktop-brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
  .desktop-brand-copy strong{font:800 23px/1.1 system-ui,sans-serif;letter-spacing:-.055em}
  .desktop-brand-copy small{font:500 11px/1.3 system-ui,sans-serif;color:var(--site-muted)}
  body.rl-theme #app > nav .desktop-nav-label{
    display:block;
    margin:0 0 10px;
    padding:0 16px;
    color:var(--site-muted);
    font:800 10px/1.2 system-ui,sans-serif;
    letter-spacing:.19em;
    flex:0 0 auto;
  }
  body.rl-theme #app > nav button.rl-tab{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:15px;
    width:100%;
    flex:0 0 auto;
    min-width:0;
    min-height:53px;
    padding:12px 16px;
    border:1px solid transparent;
    border-radius:14px;
    background:transparent;
    box-shadow:none;
    color:var(--site-muted);
    text-align:left;
    font:650 14px/1.3 system-ui,sans-serif;
    transition:background-color .17s ease,color .17s ease,transform .17s ease;
  }
  body.rl-theme #app > nav button.rl-tab .rl-icon{
    width:21px;
    height:21px;
    flex:0 0 21px;
    stroke-width:1.8;
  }
  body.rl-theme #app > nav button.rl-tab:is(:hover,:focus-visible){
    background:var(--site-lilac-soft);
    color:var(--site-lilac);
    outline-offset:1px;
  }
  body.rl-theme #app > nav button.rl-tab.on{
    background:var(--site-lilac-soft);
    color:var(--site-lilac);
    border-color:color-mix(in srgb,var(--site-lilac) 15%,transparent);
    font-weight:780;
  }
  body.rl-theme #app > nav .desktop-nav-footer{
    display:flex;
    flex-direction:column;
    gap:9px;
    flex:0 0 auto;
    margin-top:auto;
    padding:19px 17px 15px;
    border:1px solid var(--site-border);
    border-radius:19px;
    background:linear-gradient(145deg,var(--site-lilac-soft),var(--site-surface));
  }
  .desktop-nav-footer .desktop-footer-symbol{
    display:grid;
    place-items:center;
    width:35px;
    height:35px;
    border-radius:12px;
    background:var(--site-surface);
    color:var(--site-lilac);
    font-size:19px;
  }
  .desktop-nav-footer strong{font:760 13px/1.3 system-ui,sans-serif;color:var(--site-text)}
  .desktop-nav-footer p{margin:0;font:500 12px/1.55 system-ui,sans-serif;color:var(--site-muted)}
  body.rl-theme #app > header{
    display:flex;
    order:0;
    flex:0 0 84px;
    min-height:84px;
    width:100%;
    align-items:center;
    gap:13px;
    padding:13px 32px;
    box-sizing:border-box;
    background:var(--site-surface);
    border-bottom:1px solid var(--site-border);
    box-shadow:none;
  }
  body.rl-theme #app > header .desktop-header-copy{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    min-width:0;
  }
  body.rl-theme #app > header .desktop-header-copy span{
    color:var(--site-lilac);
    font:800 10px/1.2 system-ui,sans-serif;
    letter-spacing:.17em;
  }
  body.rl-theme #app > header .desktop-header-copy strong{
    color:var(--site-text);
    font:790 22px/1.16 system-ui,sans-serif;
    letter-spacing:-.035em;
    text-shadow:none;
    flex:none;
  }
  body.rl-theme #app > header #title{
    flex:0 1 240px;
    min-width:0;
    max-width:240px;
    padding:9px 14px;
    background:var(--site-canvas);
    border:1px solid var(--site-border);
    border-radius:11px;
    font-size:12px;
    font-weight:700;
    color:var(--site-text);
    text-overflow:ellipsis;
  }
  body.rl-theme #app > header #net{width:8px;height:8px;flex:none;margin-left:10px}
  body.rl-theme #app > header :is(#leave,#accountHeaderLogout){
    flex:none;
    min-height:42px;
    border-radius:12px;
    border:1px solid var(--site-border);
    background:var(--site-surface);
    padding:8px 13px;
    color:var(--site-text);
    font-weight:650;
  }
  body.rl-theme #app > header #accountHeaderLogout{min-width:42px}
  body.rl-theme #app > .pane{
    min-width:0;
    min-height:0;
    flex:1 1 auto;
  }
  body.rl-theme #app > :is(#pane-home,#pane-more,#pane-sos){
    background:var(--site-canvas);
  }
  body.rl-theme #pane-home .wrap{
    width:100%;
    max-width:1500px;
    display:grid;
    grid-template-columns:minmax(0,1.8fr) minmax(290px,.9fr);
    align-items:start;
    gap:23px;
    margin:0 auto;
    padding:29px clamp(23px,3.5vw,57px) 60px;
  }
  body.rl-theme #pane-home .desktop-home-intro{
    position:relative;
    isolation:isolate;
    display:flex;
    grid-column:1/-1;
    grid-row:1;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    overflow:hidden;
    min-height:233px;
    padding:30px clamp(27px,4vw,57px);
    border-radius:27px;
    background:
      radial-gradient(circle at 85% 2%,rgba(255,243,251,.7),transparent 35%),
      linear-gradient(115deg,#514187 2%,#8266b9 53%,#b2a1d7 100%);
    box-shadow:0 18px 44px rgba(93,70,143,.16);
    color:#fff;
  }
  .desktop-home-intro::before{
    content:"";
    position:absolute;
    right:-15px;
    top:-116px;
    width:420px;
    height:420px;
    border:1px solid #ffffff44;
    border-radius:50%;
    box-shadow:0 0 0 42px #ffffff10,0 0 0 93px #ffffff0a,0 0 0 145px #ffffff08;
    pointer-events:none;
    z-index:-1;
  }
  .desktop-home-intro::after{
    content:"✦";
    position:absolute;
    right:154px;
    top:47px;
    font-size:105px;
    font-weight:300;
    opacity:.24;
    transform:rotate(-15deg);
    pointer-events:none;
  }
  .desktop-home-kicker{
    display:block;
    margin-bottom:14px;
    color:#eee3ff;
    font:800 11px/1.3 system-ui,sans-serif;
    letter-spacing:.18em;
  }
  .desktop-home-intro h1{
    max-width:690px;
    margin:0;
    color:#fff;
    font:800 clamp(33px,3.2vw,48px)/1.12 system-ui,sans-serif;
    letter-spacing:-.05em;
  }
  .desktop-home-intro p{
    max-width:590px;
    margin:14px 0 20px;
    color:#f7efff;
    font:500 14px/1.65 system-ui,sans-serif;
  }
  .desktop-home-actions{display:flex;gap:10px;flex-wrap:wrap}
  body.rl-theme #pane-home .desktop-home-actions button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:11px 18px;
    border:1px solid #fff7;
    border-radius:12px;
    color:#fff;
    background:#ffffff1e;
    box-shadow:none;
    font:750 13px/1.2 system-ui,sans-serif;
  }
  body.rl-theme #pane-home .desktop-home-actions button:first-child{
    color:#4b3b79;
    border-color:#fff;
    background:#fff;
  }
  body.rl-theme #pane-home .desktop-home-actions button:hover{
    transform:translateY(-2px);
    background:#ffffff37;
  }
  body.rl-theme #pane-home .desktop-home-actions button:first-child:hover{background:#f2e9ff}
  body.rl-theme #pane-home #homeCatalog{
    grid-column:1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:17px;
    min-width:0;
  }
  body.rl-theme #pane-home #homeCatalog[hidden],
  body.rl-theme #pane-home #homeFeatureView[hidden]{display:none!important}
  body.rl-theme #pane-home #homeGreeting{
    grid-column:2;
    grid-row:2;
    align-self:start;
    position:sticky;
    top:20px;
    min-width:0;
    padding:25px;
    border:1px solid var(--site-border);
    border-radius:24px;
    background:var(--site-surface);
    box-shadow:var(--site-shadow);
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-heading{flex-wrap:wrap;gap:12px}
  body.rl-theme #pane-home #homeGreeting .hero-summary-title{flex:1 1 140px}
  body.rl-theme #pane-home #homeGreeting .stat{max-width:100%}
  body.rl-theme #pane-home #homeGreeting .hero-summary-location{margin-top:17px}
  body.rl-theme #pane-home #homeGreeting .home-support-actions{flex-wrap:wrap}
  body.rl-theme #pane-home #homeGreeting #openSupport{font-size:13px}
  body.rl-theme #pane-home #homeCatalog > :is(#openVpn,#openWellbeing){
    margin:0;
    min-width:0;
    width:100%;
    min-height:175px;
    border:1px solid var(--site-border);
    border-radius:23px;
    box-shadow:var(--site-shadow);
    transition:transform .16s ease,box-shadow .16s ease;
  }
  body.rl-theme #pane-home #homeCatalog > :is(#openVpn,#openWellbeing):hover,
  body.rl-theme #pane-home .home-tool-tile:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(81,57,129,.13);
  }
  body.rl-theme #pane-home #homeCatalog .home-catalog-intro{
    grid-column:1/-1;
    margin:20px 0 2px;
  }
  body.rl-theme #pane-home .home-catalog-intro h2{
    font-size:29px;
    color:var(--site-text);
  }
  body.rl-theme #pane-home #homeCatalog .home-tools-grid{
    grid-column:1/-1;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
  body.rl-theme #pane-home .home-tool-tile{
    min-height:150px;
    border:1px solid var(--site-border);
    border-radius:21px;
    background:var(--site-surface);
    box-shadow:var(--site-shadow);
    transition:transform .16s ease,box-shadow .16s ease;
  }
  body.rl-theme #pane-home #homeFeatureView{
    grid-column:1;
    grid-row:2;
    min-width:0;
    width:100%;
  }
  body.rl-theme #pane-home .home-feature-panels{max-width:none}
  body.rl-theme #pane-more .more-content:not(#moreCafe){
    width:100%;
    max-width:1280px;
    padding:32px clamp(23px,3.5vw,56px) 54px;
  }
  body.rl-theme #pane-more .more-intro{
    margin:0 0 27px;
    padding:5px 0 0;
  }
  body.rl-theme #pane-more .more-intro h2{font-size:37px;color:var(--site-text)}
  body.rl-theme #pane-more .more-intro p{font-size:15px}
  body.rl-theme #pane-more .more-app-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:17px;
  }
  body.rl-theme #pane-more .more-app-card{
    min-height:175px;
    padding:21px;
    background:var(--site-surface);
    color:var(--site-text);
    border:1px solid var(--site-border);
    border-radius:23px;
    box-shadow:var(--site-shadow);
    transition:transform .16s ease,box-shadow .16s ease;
  }
  body.rl-theme #pane-more .more-app-card:hover{
    transform:translateY(-3px);
    border-color:#baa4df;
    box-shadow:0 14px 30px rgba(81,57,129,.11);
  }
  body.rl-theme #pane-more .more-app-card .more-app-icon{
    width:53px;
    height:53px;
    background:linear-gradient(145deg,#c4b1e6,#8b72c2);
    border-radius:16px;
  }
  body.rl-theme #pane-more .more-app-card .more-app-icon svg{width:35px;height:35px}
  body.rl-theme #pane-more .more-app-card .more-app-copy b{font-size:16px;color:var(--site-text)}
  body.rl-theme #pane-more #moreCrystalShop{max-width:1360px}
  body.rl-theme #pane-more #moreCrystalShop .crystal-products{
    grid-template-columns:repeat(auto-fill,minmax(235px,1fr));
    gap:18px;
  }
  body.rl-theme #pane-more #moreCrystalShop .crystal-hero{
    padding:31px 35px;
    border-radius:27px;
  }
  /* Café lives inside the desktop work area; the mobile immersive overlay remains unchanged. */
  body.rl-theme #pane-more #moreCafe{
    position:relative;
    z-index:1;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    inset:auto;
    width:100%;
    height:auto;
    min-height:calc(100dvh - 84px);
    max-width:none;
    margin:0;
    padding:18px 25px 25px!important;
    border:0;
    background:var(--site-canvas);
    border-radius:0;
  }
  body.rl-theme #pane-more #moreCafe .shift-backbar{
    display:flex;
    flex:0 0 auto;
    padding:0 0 14px;
    margin:0;
  }
  body.rl-theme #pane-more #moreCafe #cafeFrame{
    display:block;
    flex:1 1 auto;
    width:100%;
    min-height:max(640px,calc(100dvh - 176px));
    height:calc(100dvh - 176px);
    border:1px solid var(--site-border);
    border-radius:20px;
    overflow:hidden;
    background:#f7f7f4;
    box-shadow:var(--site-shadow);
  }
  body.rl-theme #pane-chat{
    width:calc(100% - 48px);
    max-width:1500px;
    margin:23px auto;
    flex:1 1 auto;
    border:1px solid var(--site-border);
    border-radius:24px;
    box-shadow:0 16px 48px rgba(51,36,84,.09);
    overflow:hidden;
    --chat-gutter:max(32px,calc((100% - 920px)/2));
  }
  body.rl-theme #pane-chat .chat-topbar{
    min-height:74px;
    padding-top:13px;
    padding-bottom:13px;
  }
  body.rl-theme #pane-chat #log{
    min-height:0;
    padding-top:25px;
    padding-bottom:26px;
  }
  body.rl-theme #pane-chat .bubble{max-width:min(75%,620px)}
  body.rl-theme #pane-chat .chat-composer{
    padding-top:14px;
    padding-bottom:15px;
  }
  body.rl-theme #pane-map{border-radius:0;background:var(--site-canvas)}
  body.rl-theme #pane-map #mapSheet{
    top:22px;
    bottom:22px;
    right:23px;
    left:auto;
    width:320px;
    height:calc(100% - 44px);
    max-height:calc(100% - 44px);
    transform:none!important;
    border:1px solid var(--site-border);
    border-radius:22px;
    background:var(--site-surface);
    box-shadow:0 14px 38px rgba(46,35,78,.16);
  }
  body.rl-theme #pane-map #mapSheet::before,
  body.rl-theme #pane-map #mapSheet .sheet-handle{display:none}
  body.rl-theme #pane-map #mapSheet .sheet-head{padding:17px 18px;border-bottom:1px solid var(--site-border)}
  body.rl-theme #pane-map #mapSheet .sheet-list{flex:1 1 auto;overflow-y:auto}
  body.rl-theme #pane-map :is(#mapFab,#btnGeofence,#btnTrail){right:364px}
  body.rl-theme #pane-map #sosBanner{right:364px}
  body.rl-theme #pane-sos .services{width:100%;max-width:1180px;padding:32px 38px 65px}
  body.rl-theme #pane-sos .service-tile{transition:transform .16s ease}
  body.rl-theme #pane-sos .service-tile:hover{transform:translateY(-2px)}
  body.rl-theme :is(#app > nav button,#app > header button,.desktop-home-actions button):focus-visible{
    outline:3px solid var(--site-lilac);
    outline-offset:3px;
  }
  @media (max-width:1380px) {
    body.rl-theme #pane-home .home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.rl-theme #pane-more .more-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
}
@media (min-width:900px) and (prefers-reduced-motion:reduce) {
  .desktop-home-intro *,
  .desktop-home-actions button,
  #app > nav button.rl-tab{transition:none!important}
}


/* Website refinements: command palette and working-area navigation (desktop only). */
.desktop-command,.desktop-header-date,.desktop-workspace-strip{display:none}
@media (min-width:900px) {
  body.rl-theme #app > header{
    position:relative;
    z-index:50;
    overflow:visible;
  }
  body.rl-theme #app > header .desktop-command{
    position:relative;
    display:block;
    flex:0 1 256px;
    min-width:185px;
    max-width:256px;
    z-index:60;
  }
  body.rl-theme .desktop-command-trigger{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    width:100%;
    min-width:0;
    height:44px;
    padding:0 11px 0 15px;
    border:1px solid var(--site-border);
    border-radius:13px;
    box-shadow:none;
    color:var(--site-muted);
    background:var(--site-canvas);
    text-align:left;
    font:550 12px/1.2 system-ui,sans-serif;
  }
  body.rl-theme .desktop-command-trigger:hover,
  body.rl-theme .desktop-command-trigger[aria-expanded="true"]{
    border-color:color-mix(in srgb,var(--site-lilac) 47%,var(--site-border));
    background:var(--site-lilac-soft);
    color:var(--site-text);
  }
  .desktop-command-trigger > svg{flex:0 0 18px}
  .desktop-command-trigger > span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.rl-theme .desktop-command-trigger kbd{
    flex:none;
    padding:4px 6px;
    border:1px solid var(--site-border);
    border-radius:6px;
    background:var(--site-surface);
    font:700 10px/1.15 system-ui,sans-serif;
    color:var(--site-muted);
    box-shadow:none;
  }
  body.rl-theme .desktop-command-panel{
    position:absolute;
    top:calc(100% + 13px);
    right:0;
    box-sizing:border-box;
    width:min(440px,calc(100vw - 350px));
    max-height:min(78dvh,640px);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    gap:11px;
    padding:19px;
    border:1px solid var(--site-border);
    border-radius:22px;
    background:var(--site-surface);
    color:var(--site-text);
    box-shadow:0 25px 75px rgba(27,20,50,.2);
    animation:desktopPop .15s ease-out both;
  }
  body.rl-theme .desktop-command-panel[hidden]{display:none!important}
  body.rl-theme .desktop-command-panel > label{
    margin:0;
    color:var(--site-text);
    font:760 16px/1.2 system-ui,sans-serif;
  }
  body.rl-theme .desktop-command-panel > input{
    display:block;
    box-sizing:border-box;
    width:100%;
    min-height:47px;
    margin:0;
    padding:10px 14px;
    border:1px solid var(--site-border);
    border-radius:12px;
    color:var(--site-text);
    background:var(--site-canvas);
    font:550 13px/1.3 system-ui,sans-serif;
  }
  body.rl-theme .desktop-command-panel > input:focus{
    outline:2px solid color-mix(in srgb,var(--site-lilac) 50%,transparent);
    outline-offset:1px;
  }
  .desktop-command-results{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-height:38px;
    max-height:min(52dvh,400px);
    overflow:auto;
    padding:4px 2px;
    scrollbar-width:thin;
    overscroll-behavior:contain;
  }
  body.rl-theme .desktop-command-item{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:flex-start;
    gap:13px;
    width:100%;
    min-height:54px;
    padding:8px 11px;
    border:0;
    border-radius:12px;
    box-shadow:none;
    color:var(--site-text);
    background:transparent;
    text-align:left;
  }
  body.rl-theme .desktop-command-item:hover,
  body.rl-theme .desktop-command-item:focus-visible{
    background:var(--site-lilac-soft);
    outline-color:var(--site-lilac);
  }
  .desktop-command-icon{
    display:grid;
    flex:0 0 36px;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:11px;
    color:var(--site-lilac);
    background:var(--site-lilac-soft);
    font:730 20px/1.2 system-ui,sans-serif;
  }
  .desktop-command-item-copy{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    gap:4px;
    min-width:0;
  }
  .desktop-command-item-copy strong{font:720 13px/1.25 system-ui,sans-serif}
  .desktop-command-item-copy small{font:500 11px/1.25 system-ui,sans-serif;color:var(--site-muted)}
  .desktop-command-arrow{margin-left:auto;flex:none;font-size:18px;color:var(--site-muted)}
  .desktop-command-empty{padding:20px 8px;margin:0;color:var(--site-muted);font:550 12px/1.55 system-ui,sans-serif}
  .desktop-command-help{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0;
    padding-top:12px;
    border-top:1px solid var(--site-border);
    color:var(--site-muted);
    font:600 10px/1.3 system-ui,sans-serif;
  }
  body.rl-theme #app > header .desktop-header-date{
    display:none;
    flex:0 0 auto;
    color:var(--site-muted);
    font:650 12px/1.3 system-ui,sans-serif;
    white-space:nowrap;
  }
  body.rl-theme #pane-home .wrap{
    grid-template-rows:auto auto auto;
    row-gap:20px;
  }
  /* Four full-width, quiet-glass shortcuts; no extra scripts or bitmap downloads. */
  body.rl-theme #pane-home .desktop-workspace-strip{
    display:flex;
    grid-column:1/-1;
    grid-row:2;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    min-width:0;
    padding:3px 0 10px;
  }
  .desktop-workspace-label{
    display:flex;
    gap:7px;
    align-items:center;
    margin:0 0 0 2px;
    color:var(--site-muted);
    font:800 10px/1.3 system-ui,sans-serif;
    letter-spacing:.16em;
  }
  .desktop-workspace-label > span{color:var(--site-lilac);font-size:15px;line-height:1}
  body.rl-theme #pane-home .desktop-shortcut-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
    width:100%;
    min-width:0;
  }
  body.rl-theme #pane-home .desktop-workspace-strip button.desktop-shortcut{
    --shortcut-ink:#7352b9;
    --shortcut-tint:#eee7fc;
    --shortcut-glow:rgba(173,142,224,.15);
    position:relative;
    display:flex;
    flex:1 1 auto;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
    min-height:86px;
    gap:11px;
    padding:14px;
    border:1px solid rgba(161,143,190,.26);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(249,245,255,.91));
    color:var(--site-text);
    box-shadow:0 4px 12px rgba(53,35,91,.05),0 14px 32px var(--shortcut-glow);
    text-align:left;
    font:inherit;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
  }
  body.rl-theme #pane-home .desktop-shortcut--map{
    --shortcut-ink:#426faf;--shortcut-tint:#e5f0ff;--shortcut-glow:rgba(126,167,225,.12);
  }
  body.rl-theme #pane-home .desktop-shortcut--shop{
    --shortcut-ink:#a8568c;--shortcut-tint:#fce9f4;--shortcut-glow:rgba(218,148,185,.12);
  }
  body.rl-theme #pane-home .desktop-shortcut--sos{
    --shortcut-ink:#318878;--shortcut-tint:#e3f6f0;--shortcut-glow:rgba(109,195,170,.12);
  }
  body.rl-theme #pane-home .desktop-workspace-strip .desktop-shortcut-icon{
    display:grid;
    place-items:center;
    flex:0 0 47px;
    width:47px;
    height:47px;
    border-radius:15px;
    color:var(--shortcut-ink);
    background:var(--shortcut-tint);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
  }
  .desktop-shortcut-icon svg{display:block;width:25px;height:25px}
  body.rl-theme #pane-home .desktop-workspace-strip .desktop-shortcut-copy{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    gap:5px;
    min-width:0;
  }
  .desktop-shortcut-copy strong{
    display:block;
    color:var(--site-text);
    font:790 13px/1.18 system-ui,sans-serif;
    letter-spacing:-.018em;
    overflow-wrap:anywhere;
  }
  .desktop-shortcut-copy small{
    display:block;
    color:var(--site-muted);
    font:510 11px/1.32 system-ui,sans-serif;
    overflow-wrap:anywhere;
  }
  body.rl-theme #pane-home .desktop-workspace-strip .desktop-shortcut-arrow{
    display:block;
    width:15px;
    height:15px;
    flex:0 0 15px;
    color:var(--shortcut-ink);
    opacity:.75;
    transition:transform .18s ease,opacity .18s ease;
  }
  body.rl-theme #pane-home .desktop-workspace-strip button.desktop-shortcut:hover{
    transform:translateY(-3px);
    border-color:var(--shortcut-ink);
    box-shadow:0 8px 24px rgba(53,35,91,.09),0 18px 38px var(--shortcut-glow);
  }
  body.rl-theme #pane-home .desktop-workspace-strip button.desktop-shortcut:hover .desktop-shortcut-arrow{
    transform:translateX(3px);
    opacity:1;
  }
  body.rl-theme #pane-home .desktop-workspace-strip button.desktop-shortcut:active{transform:translateY(0)}
  body.rl-theme #pane-home .desktop-workspace-strip button.desktop-shortcut:focus-visible{
    outline:3px solid var(--shortcut-ink);
    outline-offset:3px;
  }
  body.rl-theme[data-theme="night"] #pane-home .desktop-workspace-strip button.desktop-shortcut{
    background:linear-gradient(145deg,rgba(47,41,63,.98),rgba(39,35,54,.97));
    border-color:rgba(182,164,208,.21);
    box-shadow:0 8px 22px rgba(0,0,0,.2);
  }
  body.rl-theme[data-theme="night"] #pane-home .desktop-shortcut--profile{--shortcut-ink:#ceb6ff;--shortcut-tint:#45385f}
  body.rl-theme[data-theme="night"] #pane-home .desktop-shortcut--map{--shortcut-ink:#b1d3ff;--shortcut-tint:#293d5a}
  body.rl-theme[data-theme="night"] #pane-home .desktop-shortcut--shop{--shortcut-ink:#ffb6de;--shortcut-tint:#5a344e}
  body.rl-theme[data-theme="night"] #pane-home .desktop-shortcut--sos{--shortcut-ink:#9ee3cb;--shortcut-tint:#294c44}
  @media (max-width:1440px){
    body.rl-theme #pane-home .desktop-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  body.rl-theme #pane-home :is(#homeCatalog,#homeFeatureView,#homeGreeting){grid-row:3}
  body.rl-theme #pane-home #homeCatalog .home-catalog-intro{
    padding:16px 0 4px;
    border-top:1px solid var(--site-border);
  }
  body.rl-theme #pane-home .home-tools-grid .home-tool-copy strong{
    color:var(--site-text);
    font-size:15px;
  }
  body.rl-theme #pane-home .home-tools-grid .home-tool-copy small{
    color:var(--site-muted);
    line-height:1.4;
  }
  body.rl-theme #pane-more .more-intro{
    position:relative;
    padding-bottom:25px;
    border-bottom:1px solid var(--site-border);
  }
  body.rl-theme #pane-more .more-intro h2{
    letter-spacing:-.05em;
  }
  body.rl-theme #pane-more .more-app-card .more-app-arrow{
    font-size:22px;
    color:var(--site-lilac);
  }
  body.rl-theme #pane-more .more-app-card .more-app-copy small{
    color:var(--site-muted);
    line-height:1.5;
  }
  body.rl-theme #pane-chat .chat-topbar{
    border-bottom-color:var(--site-border);
  }
  body.rl-theme #pane-map #mapSheet{
    backdrop-filter:blur(12px);
  }
  body.rl-theme #app > nav .desktop-brand{
    margin-bottom:29px;
  }
  body.rl-theme #app > nav .desktop-nav-footer{
    margin-bottom:2px;
  }
  @media (min-width:1500px){
    body.rl-theme #app > header .desktop-header-date{display:inline-flex}
  }
}
@keyframes desktopPop{
  from{opacity:0;transform:translateY(-5px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){
  body.rl-theme .desktop-command-panel{animation:none!important}
  body.rl-theme #pane-home .desktop-workspace-strip button{transition:none!important}
}
}