/*
 * Рядом · Desktop tools & glass welcome panel.
 * No mobile layout changes: SVG alternatives are hidden until desktop media query.
 */
.desktop-mini-art,.desktop-greeting-eyebrow,.desktop-home-footer{display:none}
/* Same site on PC and requested desktop-mode phone browsers. */
@scope (html.ryadom-desktop-ui) {
@media (min-width:900px){
  /* Existing #homeGreeting is a CSS-grid overlay, not a DOM clone or moved button.
     It shares the hero's grid area so the purple gradient really shows through. */
  body.rl-theme #pane-home .desktop-home-intro{
    grid-column:1/-1;
    grid-row:1;
    min-height:348px;
    padding:35px clamp(29px,3vw,49px);
    justify-content:center;
  }
  body.rl-theme #pane-home .desktop-home-intro > :is(.desktop-home-kicker,h1,p,.desktop-home-actions){
    max-width:calc(100% - 340px);
  }
  body.rl-theme #pane-home .desktop-home-intro h1{
    font-size:clamp(29px,2.9vw,43px);
    line-height:1.13;
    overflow-wrap:break-word;
  }
  body.rl-theme #pane-home .desktop-home-intro p{
    font-size:13px;
    line-height:1.62;
  }
  body.rl-theme #pane-home .desktop-home-actions{
    gap:8px;
  }
  body.rl-theme #pane-home .desktop-home-actions button{
    min-height:40px;
    padding:9px 12px;
    font-size:12px;
  }
  body.rl-theme #pane-home #homeGreeting{
    position:relative;
    grid-column:1/-1;
    grid-row:1;
    justify-self:end;
    /* Match both edges of the shared hero grid row instead of floating
       with an independent content height (which protruded below its frame). */
    align-self:stretch;
    box-sizing:border-box;
    z-index:3;
    top:auto;
    width:312px;
    min-width:0;
    max-width:calc(100% - 45px);
    margin:23px 24px 22px 0;
    padding:17px 18px 13px;
    border:1px solid rgba(255,255,255,.30);
    border-radius:22px;
    color:#fff;
    background:linear-gradient(142deg,rgba(32,22,68,.92),rgba(56,38,96,.86))!important;
    box-shadow:0 11px 29px rgba(36,24,77,.12),inset 0 1px rgba(255,255,255,.15);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    isolation:isolate;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-heading{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    align-items:center;
    gap:6px 11px;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-logo{
    grid-row:1;
    width:38px;
    height:38px;
    border-radius:12px;
    background:#ffffff34;
    box-shadow:0 5px 18px #2b184d18;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-title{
    min-width:0;
    grid-column:2;
    grid-row:1;
  }
  body.rl-theme #pane-home #homeGreeting .lead{
    color:#fff!important;
    font-size:15px;
    font-weight:780;
    text-shadow:none;
    letter-spacing:-.018em;
  }
  body.rl-theme #pane-home #homeGreeting #count{
    grid-column:1/-1;
    display:inline-flex;
    align-items:center;
    justify-self:start;
    gap:8px;
    max-width:100%;
    min-height:26px;
    margin:5px 0 0;
    padding:5px 10px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:10px;
    background:rgba(255,255,255,.16);
    color:#fff;
    box-shadow:none;
    font-size:12px;
    font-weight:740;
    text-shadow:none;
  }
  body.rl-theme #pane-home #homeGreeting #count::before{
    background:#9FE6BA;
    box-shadow:0 0 0 3px #ffffff1a;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-location{
    gap:9px;
    margin:0;
    padding:10px 0 11px;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-location > svg{
    width:16px;
    height:16px;
    color:#F4E9FF;
  }
  body.rl-theme #pane-home #homeGreeting #fix{
    min-height:0;
    -webkit-line-clamp:2;
    color:#FAF6FF!important;
    font-size:11px;
    font-weight:550;
    line-height:1.5;
  }
  body.rl-theme #pane-home #homeGreeting #heroBattery{
    color:#F3E7FF;
    font-size:10px;
  }
  body.rl-theme #pane-home #homeGreeting .home-support-actions{
    gap:7px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.22);
  }
  body.rl-theme #pane-home #homeGreeting #openSupport{
    justify-content:center;
    flex:1 1 auto;
    width:auto;
    min-width:0;
    min-height:41px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:11px;
    color:#fff;
    background:rgba(255,255,255,.17);
    box-shadow:none;
    font-size:11px;
    font-weight:760;
    line-height:1.3;
    transition:background-color .15s ease,transform .15s ease;
  }
  body.rl-theme #pane-home #homeGreeting #openSupport:hover{
    background:rgba(255,255,255,.29);
    transform:translateY(-1px);
  }
  body.rl-theme #pane-home #homeGreeting .home-support-heart{
    width:24px;
    height:24px;
    color:#fff;
    background:rgba(255,255,255,.12);
  }
  body.rl-theme #pane-home #homeGreeting .home-support-heart svg{
    width:16px;
    height:16px;
    color:#fff;
    stroke:#fff;
  }
  body.rl-theme #pane-home #homeGreeting #supportQuick100:not([hidden]){
    border-color:rgba(255,255,255,.35);
    background:rgba(255,255,255,.15);
    color:#fff;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-connection{
    margin-top:5px;
    color:#F5ECFF;
    font-size:10px;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-connection summary{
    color:#F4E9FF;
    font-size:10px;
    min-height:25px;
  }
  body.rl-theme #pane-home #homeGreeting #roomConnectionInfo{
    color:#fff;
  }
  body.rl-theme #pane-home #homeGreeting :is(button,a,summary):focus-visible{
    outline:2px solid white;
    outline-offset:3px;
  }
  /* A visually distinct compact tool rail: illustrations at left, copy at right. */
  body.rl-theme #pane-home #homeCatalog .home-catalog-intro{
    border-top:1px solid var(--site-border);
    padding-top:23px;
    margin-top:19px;
  }
  body.rl-theme #pane-home #homeCatalog .home-tools-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
    min-width:0;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-tile{
    --tool-tint:#F5EEFF;
    --tool-frame:#E8D8FA;
    --tool-accent:#8B67C3;
    position:relative;
    display:grid;
    grid-template-columns:79px minmax(0,1fr);
    grid-template-rows:minmax(80px,auto);
    align-items:center;
    column-gap:10px;
    width:100%;
    min-width:0;
    min-height:112px;
    padding:12px 29px 12px 12px;
    overflow:hidden;
    border:1px solid var(--tool-frame);
    border-radius:17px;
    background:var(--site-surface);
    color:var(--site-text);
    box-shadow:0 3px 11px #5D3D8810,inset 0 1px #ffffff52;
    text-align:left;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-tile::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:3px;
    background:var(--tool-accent);
    opacity:.8;
    pointer-events:none;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:nth-child(1){--tool-tint:#F0EBFF;--tool-frame:#E8E1F9;--tool-accent:#8376CD}
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:nth-child(2){--tool-tint:#E8F8F1;--tool-frame:#D8EDE5;--tool-accent:#66B49A}
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:nth-child(3){--tool-tint:#EAF3FF;--tool-frame:#DBE8F7;--tool-accent:#81A6E1}
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:nth-child(4){--tool-tint:#FFF0F7;--tool-frame:#F3DEEA;--tool-accent:#CE88BD}
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:nth-child(5){--tool-tint:#FFF7E6;--tool-frame:#F0E7D4;--tool-accent:#D2A260}
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:nth-child(6){--tool-tint:#E9F8F6;--tool-frame:#D7EFEC;--tool-accent:#64B4AD}
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:hover{
    transform:translateY(-3px);
    border-color:var(--tool-accent);
    box-shadow:0 12px 27px #67548624;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:focus-visible{
    outline:3px solid var(--tool-accent);
    outline-offset:3px;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-icon{
    display:grid;
    place-items:center;
    grid-column:1;
    grid-row:1;
    width:79px;
    height:79px;
    overflow:hidden;
    border:1px solid var(--tool-frame);
    border-radius:15px;
    background:var(--tool-tint);
    box-shadow:none;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-icon > .rl-icon{display:none}
  body.rl-theme #pane-home #homeCatalog .desktop-mini-art{
    display:block;
    width:74px;
    height:74px;
    max-width:none;
    object-fit:contain;
    transform:scale(1);
    transform-origin:center;
    transition:transform .18s ease;
    pointer-events:none;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:hover .desktop-mini-art{
    transform:scale(1.055);
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-copy{
    grid-column:2;
    grid-row:1;
    align-content:center;
    gap:7px;
    padding-right:0;
    min-width:0;
    max-width:100%;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-copy strong{
    color:var(--site-text);
    font-size:13px;
    font-weight:790;
    line-height:1.24;
    letter-spacing:-.017em;
    overflow-wrap:anywhere;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-copy small{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    color:var(--site-muted);
    font-size:11px;
    line-height:1.45;
    font-weight:500;
    overflow-wrap:anywhere;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-arrow{
    position:absolute;
    top:12px;
    right:11px;
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    border:1px solid var(--tool-frame);
    border-radius:6px;
    background:var(--tool-tint);
    color:var(--tool-accent);
    font:760 18px/1 system-ui,sans-serif;
    transition:transform .16s ease;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:hover .home-tool-arrow{
    transform:translate(2px,-2px);
  }
  body.rl-theme[data-theme="night"] #pane-home #homeCatalog .home-tool-tile{
    background:#2C283B;
    border-color:#584B6D;
    box-shadow:0 4px 14px #0B08174B;
  }
  body.rl-theme[data-theme="night"] #pane-home #homeCatalog .home-tool-copy strong{color:#F6F1FC}
  body.rl-theme[data-theme="night"] #pane-home #homeCatalog .home-tool-copy small{color:#C9BED8}
  body.rl-theme[data-theme="night"] #pane-home #homeCatalog .home-tool-icon{background:#F8F4FF}
  @media (max-width:1399px){
    body.rl-theme #pane-home #homeCatalog .home-tools-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
    body.rl-theme #pane-home .desktop-home-intro{min-height:377px}
    body.rl-theme #pane-home .desktop-home-intro > :is(.desktop-home-kicker,h1,p,.desktop-home-actions){
      max-width:calc(100% - 316px);
    }
    body.rl-theme #pane-home #homeGreeting{
      width:288px;
      margin-right:19px;
    }
  }
  @media (min-width:1650px){
    body.rl-theme #pane-home .desktop-home-intro{min-height:338px}
    body.rl-theme #pane-home #homeGreeting{width:325px}
    body.rl-theme #pane-home .desktop-home-intro > :is(.desktop-home-kicker,h1,p,.desktop-home-actions){
      max-width:calc(100% - 363px);
    }
  }
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){
  body.rl-theme #pane-home .desktop-mini-art,
  body.rl-theme #pane-home #homeCatalog .home-tool-tile,
  body.rl-theme #pane-home #homeCatalog .home-tool-arrow{transition:none!important}
}


/* Desktop finish: contrast-safe translucent room panel, useful shortcuts and editorial footer.
 * White type on the dark glass retains > 9:1 contrast against the brightest hero
 * base (#b2a1d7); translucency and backdrop blur still show the banner underneath.
 */
@media (min-width:900px){
  body.rl-theme #pane-home #homeGreeting{
    color:#fff;
    border:1px solid rgba(237,224,255,.42);
    box-shadow:0 18px 42px rgba(23,13,58,.24), inset 0 1px rgba(255,255,255,.2);
  }
  body.rl-theme #pane-home #homeGreeting::before{
    content:"";
    position:absolute;
    top:0;
    right:24px;
    width:102px;
    height:1px;
    background:linear-gradient(90deg,transparent,#f4e7ffc9,transparent);
    pointer-events:none;
  }
  body.rl-theme #pane-home #homeGreeting .desktop-greeting-eyebrow{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:13px;
    color:#EDE3FF;
    font:800 10px/1.25 system-ui,sans-serif;
    letter-spacing:.19em;
    text-shadow:0 1px 2px rgba(20,11,47,.32);
  }
  body.rl-theme #pane-home #homeGreeting .desktop-greeting-signal{
    display:inline-block;
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#8FF4B3;
    box-shadow:0 0 0 4px rgba(126,235,165,.18);
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-heading{
    row-gap:10px;
    padding-bottom:2px;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-title .lead{
    color:#FFFFFF!important;
    font-size:17px;
    font-weight:830;
    letter-spacing:-.025em;
    text-shadow:0 1px 5px rgba(14,8,38,.26);
  }
  body.rl-theme #pane-home #homeGreeting #count{
    padding:6px 11px;
    color:#F6FFF7;
    background:rgba(22,57,52,.58);
    border:1px solid rgba(161,236,191,.43);
    font-weight:790;
    text-shadow:0 1px 3px rgba(0,0,0,.24);
  }
  body.rl-theme #pane-home #homeGreeting #count::before{
    background:#86F5B0;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-location{
    padding:12px 0 13px;
    border-bottom:0;
  }
  body.rl-theme #pane-home #homeGreeting #fix{
    color:#FCFAFF!important;
    font-size:12px;
    font-weight:620;
    line-height:1.48;
    text-shadow:0 1px 3px rgba(19,10,42,.25);
  }
  body.rl-theme #pane-home #homeGreeting #heroBattery{
    color:#E9DFF8;
    font-weight:650;
  }
  body.rl-theme #pane-home #homeGreeting #openSupport{
    color:#36235F;
    background:#FBF7FF;
    border:1px solid rgba(255,255,255,.95);
    font-size:12px;
    font-weight:800;
    box-shadow:0 6px 14px rgba(17,9,48,.19);
    text-shadow:none;
  }
  body.rl-theme #pane-home #homeGreeting #openSupport:hover{
    background:#ECE1FF;
    color:#291B4E;
    box-shadow:0 9px 19px rgba(17,9,48,.24);
  }
  body.rl-theme #pane-home #homeGreeting #openSupport .home-support-heart{
    color:#7251B7;
    background:#EBE3FA;
  }
  body.rl-theme #pane-home #homeGreeting #openSupport .home-support-heart svg{
    color:#7251B7;
    stroke:#7251B7;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-connection{
    margin-top:7px;
    color:#F4ECFF;
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-connection summary{
    min-height:31px;
    color:#F5ECFF;
    font-size:11px;
    font-weight:690;
    letter-spacing:.005em;
    text-shadow:0 1px 3px rgba(0,0,0,.15);
  }
  body.rl-theme #pane-home #homeGreeting .hero-summary-connection[open]{
    max-height:185px;
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#d9c7f77a transparent;
  }
  body.rl-theme #pane-home #homeGreeting :is(#roomConnectionInfo,#iosBackgroundLocationHint){
    color:#F8F4FF;
    font-size:11px;
  }
  body.rl-theme #pane-home #homeGreeting #supportQuick100:not([hidden]){
    color:#fff;
    background:rgba(255,255,255,.16);
    border-color:rgba(255,255,255,.55);
  }
  body.rl-theme #pane-home #homeGreeting :is(button,a,summary):focus-visible{
    outline:3px solid #FFF;
    outline-offset:3px;
  }
  /* A working website sidebar: two genuine routes, no cloned app sections. */
  body.rl-theme #app > nav .desktop-nav-shortcuts{
    display:grid;
    gap:7px;
    margin-top:6px;
  }
  body.rl-theme #app > nav .desktop-nav-shortcuts button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:9px;
    box-sizing:border-box;
    width:100%;
    min-height:38px;
    padding:7px 11px;
    border:1px solid var(--site-border);
    border-radius:11px;
    background:var(--site-surface);
    box-shadow:none;
    color:var(--site-text);
    text-align:left;
    font:720 12px/1.28 system-ui,sans-serif;
    transition:background-color .15s ease,color .15s ease,transform .15s ease;
  }
  body.rl-theme #app > nav .desktop-nav-shortcuts button:hover{
    background:var(--site-lilac);
    color:#fff;
    transform:translateY(-1px);
  }
  body.rl-theme #app > nav .desktop-nav-shortcuts button>span:first-child{
    color:var(--site-lilac);
    font-size:15px;
    flex:none;
  }
  body.rl-theme #app > nav .desktop-nav-shortcuts button:hover>span:first-child{color:#fff}
  body.rl-theme #app > nav .desktop-nav-shortcuts button>span:last-child{
    margin-left:auto;
    color:var(--site-muted);
    font-size:13px;
  }
  body.rl-theme #app > nav .desktop-nav-shortcuts button:hover>span:last-child{color:#fff}
  body.rl-theme #app > nav .desktop-nav-shortcuts button:focus-visible{
    outline:3px solid var(--site-lilac);
    outline-offset:2px;
  }
  /* A true site-style closing section instead of stopping abruptly after tiles. */
  body.rl-theme #pane-home .desktop-home-footer{
    display:flex;
    grid-column:1/-1;
    grid-row:5;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:17px 25px;
    margin-top:20px;
    padding:24px 6px 35px;
    border-top:1px solid var(--site-border);
    color:var(--site-muted);
  }
  body.rl-theme #pane-home .wrap:has(#homeCatalog[hidden])>.desktop-home-footer{
    display:none;
  }
  body.rl-theme #pane-home .desktop-footer-identity{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
  }
  body.rl-theme #pane-home .desktop-footer-identity img{
    flex:none;
    width:41px;
    height:41px;
    border-radius:13px;
    box-shadow:0 5px 16px #6A4D9C24;
  }
  body.rl-theme #pane-home .desktop-footer-identity>span{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
  }
  body.rl-theme #pane-home .desktop-footer-identity strong{
    color:var(--site-text);
    font:820 15px/1.16 system-ui,sans-serif;
    letter-spacing:-.025em;
  }
  body.rl-theme #pane-home .desktop-footer-identity small{
    color:var(--site-muted);
    font:530 11px/1.28 system-ui,sans-serif;
  }
  body.rl-theme #pane-home .desktop-footer-links{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:7px;
  }
  body.rl-theme #pane-home .desktop-footer-links button{
    min-height:36px;
    padding:8px 12px;
    border:1px solid transparent;
    border-radius:10px;
    background:transparent;
    color:var(--site-muted);
    box-shadow:none;
    font:690 12px/1.25 system-ui,sans-serif;
    transition:color .15s ease,background-color .15s ease;
  }
  body.rl-theme #pane-home .desktop-footer-links button:hover{
    color:var(--site-lilac);
    background:var(--site-lilac-soft);
  }
  body.rl-theme #pane-home .desktop-footer-links button:focus-visible{
    outline:3px solid var(--site-lilac);
    outline-offset:2px;
  }
  body.rl-theme #pane-home .desktop-footer-caption{
    color:var(--site-muted);
    font:600 10px/1.35 system-ui,sans-serif;
    letter-spacing:.025em;
    white-space:nowrap;
  }
  /* Wide desktop action strip: these were auto-placed in different grid
     columns, leaving a blank half-page and squeezing 6 buttons on the right. */
  body.rl-theme #pane-home #who,
  body.rl-theme #pane-home #homeQuickTitle,
  body.rl-theme #pane-home #homeQuickActions{
    grid-column:1/-1;
    min-width:0;
  }
  body.rl-theme #pane-home #homeQuickTitle{
    margin:7px 0 0;
    font-size:20px;
    color:var(--site-text);
  }
  body.rl-theme #pane-home #homeQuickActions{
    display:grid;
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
  body.rl-theme #pane-home #homeQuickActions .home-action-tile{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    min-width:0;
    min-height:104px;
    gap:13px;
    padding:16px 18px;
    text-align:left;
    font-size:13px;
    font-weight:700;
    line-height:1.3;
  }
  body.rl-theme #pane-home #homeQuickActions .home-action-tile > :is(svg,.home-tile-emoji){
    width:40px;
    height:40px;
    flex:0 0 40px;
  }
  @media (min-width:1700px){
    body.rl-theme #pane-home #homeQuickActions{
      grid-template-columns:repeat(6,minmax(0,1fr));
    }
    body.rl-theme #pane-home #homeQuickActions .home-action-tile{
      padding:14px 11px;
      gap:9px;
      font-size:12px;
    }
  }
  /* Give desktop cards predictable hover targets without altering navigation. */
  body.rl-theme #pane-home .home-tool-tile{
    cursor:pointer;
  }
  body.rl-theme #pane-home #homeCatalog .home-tool-tile:hover .home-tool-copy strong{
    color:var(--site-lilac);
  }
  body.rl-theme #pane-more .more-app-card:focus-visible,
  body.rl-theme #pane-home .desktop-home-actions button:focus-visible{
    outline:3px solid var(--site-lilac);
    outline-offset:3px;
  }
  @media(max-width:1399px){
    body.rl-theme #pane-home .desktop-home-footer{
      justify-content:flex-start;
      gap:15px 24px;
    }
    body.rl-theme #pane-home .desktop-footer-caption{margin-left:auto}
  }
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){
  body.rl-theme #app > nav .desktop-nav-shortcuts button,
  body.rl-theme #pane-home .desktop-footer-links button{transition:none!important}
}
}