/* Premium responsive cleanup · 2026-10-29
   Desktop Home matches the Figma mobile composer structure.
   Mobile tab headers remain the only major page titles.
   No global .brand or desktop nav logo styling changes.
*/
@media (min-width:900px){
  body.yangle-home .shell>.main{
    width:100%!important;max-width:810px!important;min-width:0!important;
    margin:0 auto!important;padding:23px 17px 70px!important;
  }
  body.yangle-home .home-glows-panel{
    background:transparent!important;border:0!important;box-shadow:none!important;
    padding:0!important;min-height:0!important;height:auto!important;
    margin:4px 0 15px!important;
  }
  body.yangle-home .home-glows-heading{
    display:flex!important;justify-content:space-between!important;align-items:center!important;
    margin:0 0 13px!important;min-height:28px!important;
  }
  body.yangle-home .home-glows-heading h2{
    font:700 22px/1.2 'Bricolage Grotesque','Outfit',sans-serif!important;
    color:var(--text)!important;letter-spacing:-.025em!important;
  }
  body.yangle-home .figma-glows-heading-left{display:flex!important;align-items:center!important;gap:9px!important}
  body.yangle-home .figma-glows-chip{
    display:inline-flex!important;align-items:center!important;padding:4px 9px!important;
    font:600 11px/1.1 'DM Sans',sans-serif!important;
    border-radius:999px!important;background:#CBF55C!important;color:#0D2418!important;
  }
  body.yangle-home .home-glows-view-all{
    padding:5px 8px!important;border:0!important;background:none!important;
    font:600 13px/1.1 'DM Sans',sans-serif!important;color:#0B5A33!important;
  }
  body.yangle-home .home-glows-panel .tray{
    display:flex!important;gap:13px!important;min-height:107px!important;
    max-height:118px!important;padding:0!important;margin:0!important;overflow-x:auto!important;
  }
  body.yangle-home .glow-item{width:66px!important;flex:0 0 66px!important;display:flex!important;align-items:center!important;flex-direction:column!important;gap:5px!important}
  body.yangle-home .glow-item .ring{
    width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;
    border:3px solid #12A150!important;background:transparent!important;border-radius:50%!important;
    padding:4px!important;box-shadow:none!important;
  }
  body.yangle-home .glow-item .ring.add{border:3px dashed #12A150!important}
  body.yangle-home .glow-item .ring .in{width:100%!important;height:100%!important;background:#DCEFC9!important;border-radius:50%!important}
  body.yangle-home .glow-item .name{font:500 12px/16px 'DM Sans',sans-serif!important}
  body.yangle-home .glow-item:first-child::after{content:'Add';font:400 10.5px/14px 'DM Sans',sans-serif;color:var(--muted)}
  body.yangle-home .home-slim-composer.composer{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:12px!important;grid-template-columns:none!important;
    width:100%!important;min-height:135px!important;height:auto!important;
    margin:0 0 16px!important;padding:14px 16px!important;
    background:var(--surface)!important;border:1px solid var(--line)!important;
    border-radius:28px 10px!important;box-shadow:0 5px 17px rgba(0,35,19,.06)!important;
  }
  body.yangle-home .figma-composer-input-row{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    gap:12px!important;width:100%!important;min-width:0!important;
  }
  body.yangle-home .figma-composer-input-row>.av,
  body.yangle-home .figma-composer-input-row>.avatar{
    flex:0 0 43px!important;min-width:43px!important;min-height:43px!important;
    width:43px!important;height:43px!important;border-radius:21px 8px!important;
    overflow:hidden!important;
  }
  body.yangle-home .home-slim-input{flex:1 1 auto!important;min-width:0!important;max-width:none!important;width:auto!important}
  body.yangle-home .home-slim-input textarea{
    display:block!important;width:100%!important;min-height:44px!important;height:44px!important;
    max-height:240px!important;resize:vertical!important;
    padding:12px 17px!important;background:var(--surface-2)!important;
    border:1px solid transparent!important;border-radius:25px!important;
    outline:none!important;box-shadow:none!important;
    color:var(--text)!important;font:400 15px/20px 'DM Sans',sans-serif!important;
  }
  body.yangle-home .home-slim-input textarea::placeholder{color:var(--muted)!important}
  body.yangle-home .home-slim-input textarea:focus{border-color:color-mix(in srgb,var(--g2) 45%,transparent)!important}
  body.yangle-home .home-slim-actions{
    display:flex!important;align-items:center!important;flex-direction:row!important;
    flex-wrap:wrap!important;gap:7px!important;
    width:100%!important;min-width:0!important;
    border-top:1px solid var(--line)!important;
    margin:0!important;padding:11px 0 0!important;
  }
  body.yangle-home .figma-action-name{
    display:inline-flex!important;align-items:center!important;gap:6px!important;
    padding:5px 9px!important;white-space:nowrap!important;
    font:500 13px/18px 'DM Sans',sans-serif!important;color:var(--text)!important;
  }
  body.yangle-home .figma-action-name>.composer-media-btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    padding:0!important;margin:0!important;width:19px!important;height:20px!important;
    min-width:19px!important;min-height:20px!important;border:0!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#0B5A33!important;
  }
  body.yangle-home .figma-composer-extra{
    display:inline-flex!important;align-items:center!important;gap:6px!important;
    padding:7px 8px!important;min-width:0!important;width:auto!important;height:auto!important;
    background:transparent!important;box-shadow:none!important;border:0!important;
    font:500 13px/18px 'DM Sans',sans-serif!important;
    white-space:nowrap!important;color:var(--text)!important;
  }
  body.yangle-home .figma-composer-extra .icon{width:19px!important;height:19px!important;color:#0B5A33!important}
  body.yangle-home .home-slim-actions>.home-slim-post-btn{
    margin:0 0 0 auto!important;flex:0 0 auto!important;width:auto!important;min-width:76px!important;
    height:38px!important;min-height:38px!important;padding:8px 17px!important;
    border:0!important;border-radius:18px 6px!important;
    background:#0B5A33!important;color:#FBFCF6!important;
    font:700 14px/18px 'DM Sans',sans-serif!important;
    box-shadow:none!important;text-shadow:none!important;
  }
  body.yangle-home .home-slim-actions>.home-slim-post-btn:disabled{opacity:.48!important;cursor:default!important}
  body.yangle-home .home-slim-composer>.preview{width:100%!important}
  body.yangle-home .home-slim-composer .count{display:none!important}
  body.yangle-home .main .post.card{max-width:100%!important}
}
/* The YNets section tabs are shared across mobile and desktop. */
.ynets-view-tabs{display:flex;align-items:center;gap:5px;padding:5px;background:color-mix(in srgb,var(--surface-2) 85%,var(--surface));border:1px solid var(--line);border-radius:18px;width:100%}
.ynets-view-tabs>button{flex:1 1 50%;min-width:0;padding:12px 15px;border-radius:13px;font:700 14px/18px 'DM Sans','Inter',sans-serif;color:var(--muted)}
.ynets-view-tabs>button.active-tab{background:color-mix(in srgb,var(--g2) 17%,var(--surface));color:var(--text);box-shadow:0 1px 3px rgba(0,38,19,.06)}
.ynets-category-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px 0 12px}
.ynets-category-filters::-webkit-scrollbar{display:none}
.ynets-category-filters button{flex:0 0 auto;border-radius:999px;border:1px solid var(--line);padding:7px 12px;background:var(--surface);color:var(--muted);font:600 12px/17px 'DM Sans',sans-serif}
.ynets-category-filters button.selected{background:#CBF55C;border-color:#CBF55C;color:#0D2418}
.ynets-simple-page{gap:16px!important}
.ynets-simple-section-head{margin-bottom:8px}
.ynets-simple-section-head .hint{display:none}
.ylink-settings-blocked-link{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:16px;color:var(--text);border:1px solid var(--line)}
.ylink-settings-blocked-link>span{flex:1;font-weight:650}
.ylink-blocked-back{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--g2);padding:8px 0}
.ylink-blocked-back .icon{transform:rotate(180deg)}
/* On mobile, the top global header already provides the only page title. */
@media(max-width:899px){
  body.yangle-mobile-tab[data-yangle-tab="ylinks"] .ylink-heading-copy{display:none!important}
  body.yangle-mobile-tab[data-yangle-tab="ylinks"] .ylink-page-head{min-height:0!important;margin:0 0 13px!important;padding:0!important;justify-content:flex-end!important}
  body.yangle-mobile-tab[data-yangle-tab="ylinks"] .ylink-inbox-heading .ylink-demo-safe{display:none!important}
  body.yangle-mobile-tab[data-yangle-tab="ynets"] .ynets-simple-heading{display:none!important}
  body.yangle-mobile-tab[data-yangle-tab="glows"] .glows-page-head{display:none!important}
  body.yangle-mobile-tab[data-yangle-tab="glows"] .glows-minimal-create{
    min-height:0!important;display:flex!important;justify-content:flex-start!important;
    padding:10px 0 16px!important;margin:0 0 12px!important;border:0!important;
    box-shadow:none!important;border-radius:0!important;background:transparent!important;
  }
  body.yangle-mobile-tab[data-yangle-tab="glows"] .glows-minimal-create .glows-premium-create{
    margin:0!important;min-height:44px!important;border-radius:16px 7px!important;
  }
  body.yangle-mobile-tab[data-yangle-tab="me"] .me-premium-intro{display:none!important}
  body.yangle-mobile-tab[data-yangle-tab="me"] .me-heading{margin:8px 0 12px!important;padding:13px 16px!important;min-height:0!important;gap:2px!important;border-radius:19px 8px!important;background:color-mix(in srgb,var(--g2) 9%,var(--surface))!important}
  body.yangle-mobile-tab[data-yangle-tab="me"] .me-heading .eyebrow{font-size:10px!important;letter-spacing:.07em!important}
  body.yangle-mobile-tab[data-yangle-tab="me"] .me-heading h2{font:700 21px/1.25 'Bricolage Grotesque','Outfit',sans-serif!important;color:var(--text)!important}
  body.yangle-mobile-tab[data-yangle-tab="me"] .me-profile-link{margin:0 0 12px!important}
  body.yangle-mobile-tab .nav a[data-nav].glows-nav-item:before{content:none!important;display:none!important}
  body.yangle-mobile-tab .nav a[data-nav].glows-nav-item .icon{width:23px!important;height:23px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
  body.yangle-mobile-tab .nav a[data-nav].glows-nav-item .icon svg{width:23px!important;height:23px!important;display:block!important}
}
/* Subviews keep their own usable page title and don't receive the main tab duplicate-hiding rules. */
@media(prefers-reduced-motion:reduce){.ynets-view-tabs>button,.ynets-category-filters>button{transition:none}}