/* Web counterparts of ApexTheme / YuitionType. Keep shared values aligned. */
:root{--yuition-orange:#ff6a00;--yuition-background:#f6f2ec;--yuition-ink:#181a18;--yuition-muted:#71746e;--yuition-card:#fff;--yuition-line:rgba(0,0,0,.07);--yuition-space:24px;--yuition-radius:20px}
body{--orange:var(--yuition-orange);--ink:var(--yuition-ink);--muted:var(--yuition-muted);--panel:var(--yuition-card);--line:var(--yuition-line);--soft:#f6f3ee;color:var(--ink);font-family:Sora,system-ui,sans-serif;background:linear-gradient(#f6f2eced,#f6f2ecf7),url('../assets/mountain.jpg') center/cover fixed;font-size:15px;line-height:1.55}
body.dark{--yuition-background:#0e0f10;--yuition-ink:#f4f4f2;--yuition-muted:#b2b3ad;--yuition-card:#202020;--yuition-line:rgba(255,255,255,.09);--soft:#292a28;background:linear-gradient(#0e0f10ed,#0e0f10f7),url('../assets/mountain.jpg') center/cover fixed}
h1,h2,h3{color:inherit;letter-spacing:-.5px}h2{font-size:22px;font-weight:600}h3{font-size:17px;font-weight:600}.muted{font-size:13px;line-height:1.55}.primary{background:var(--orange);color:#161916;border-radius:28px;min-height:44px;padding:12px 22px;font-size:14px;text-align:center}.secondary{background:var(--soft);border:1px solid var(--line);border-radius:24px;min-height:40px;padding:10px 18px;font-size:13px;text-align:center}.card,.stat{border:1px solid var(--line);background:var(--panel);border-radius:var(--yuition-radius);padding:24px}.card+.card{margin-top:24px}.stat strong{font-size:34px;font-weight:600}.stat small{font-size:12px}.stat p{font-size:12px}.section-top{margin-top:28px}.columns{gap:24px}.hero,.hero.group-hero{border-radius:28px;min-height:220px;padding:32px}.hero h1{font-size:34px;font-weight:600}.hero p{font-size:14px}.hero .pill{font-size:12px}.avatar{background:#ff6a0019;color:var(--ink);width:40px;height:40px;flex-shrink:0}.person .identity strong{font-size:15px}.person .identity small,.badge{font-size:12px}input,select,textarea{border-radius:12px!important;color:var(--ink);background:var(--panel)}.text-button{font-size:13px}.sidebar{width:232px;padding:28px 20px;background:var(--panel);border-right:1px solid var(--line)}.workspace{margin-left:232px}.brand{letter-spacing:2px;font-size:17px}.brand img{width:38px;height:38px}.sidebar .eyebrow{margin:32px 12px 12px;font-size:10px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:13px;min-height:48px;padding:12px 15px;border-radius:16px;font-size:14px;line-height:1.3;color:var(--muted);background:transparent;font-weight:500;text-align:left}.sidebar nav button span{font-size:14px}.sidebar nav button svg{width:22px;height:22px;flex-shrink:0;stroke-width:1.8}.sidebar nav button.active{color:#171a17;background:var(--orange);font-weight:600}.sidebar nav button:not(.active):hover{background:var(--soft);color:var(--ink)}.sidebar nav button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.side-bottom{padding:12px;font-size:12px}.workspace>header{padding:20px 40px;height:auto;min-height:88px}.workspace>main{padding:0 40px 40px}.utilities{gap:12px}.utilities label{font-size:12px}.breadcrumb{font-size:13px}.chat-panel{padding:0}.chat-messages{background:linear-gradient(#f6f2ecb0,#f6f2ecd0),url('../assets/mountain.jpg') center/cover}.mine .chat-bubble,.insight-track i{background:var(--orange)}.chat-panel #chat-body{border-color:var(--orange);border-radius:20px!important;font-size:15px}.chat-panel #chat-compose{padding:20px 24px}.chat-panel .primary{color:#171a17}.chat-message .reactions button{color:var(--ink)}.chat-message .chat-meta details>.reactions{background:var(--panel)}.chat-panel #chat-older{padding:10px 24px}.insight-dialog{background:var(--panel);color:var(--ink)}.insight-person>div strong{font-size:15px}.insight-person p{font-size:13px}body[data-workspace-page=chat] #help-launch{display:none}
@media(max-width:1100px) and (min-width:701px){.sidebar{width:190px;padding:24px 14px}.workspace{margin-left:190px}.workspace>header{padding:20px 24px}.workspace>main{padding:0 24px 32px}.sidebar nav button{padding:12px}.utilities{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.sidebar{position:sticky;inset:0 auto auto;top:0;z-index:5;width:100%;height:auto;padding:12px 14px;background:var(--panel);border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{display:flex;font-size:14px;margin-bottom:12px}.sidebar .brand img{width:27px;height:27px}.sidebar .eyebrow,.sidebar .side-bottom{display:none}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto;gap:6px;grid-template-columns:none;padding-bottom:3px;scrollbar-width:thin}.sidebar nav button{flex-direction:row;flex:0 0 auto;min-height:44px;padding:10px 13px;border-radius:15px;gap:7px}.sidebar nav button span{font-size:12px}.sidebar nav button svg{width:19px;height:19px}.workspace{margin-left:0;padding-bottom:0}.workspace>header{padding:16px 20px;min-height:60px;flex-wrap:wrap;gap:12px}.workspace>main{padding:0 20px 32px}.utilities{gap:8px;flex-wrap:wrap}.breadcrumb{font-size:12px}.hero,.hero.group-hero{min-height:190px;padding:24px;border-radius:24px}.hero h1{font-size:28px}.card,.stat{padding:20px;border-radius:20px}.chat-panel{padding:0}.stats{gap:8px}.stat{padding:15px 10px}.stat strong{font-size:26px}.stat small,.stat p{font-size:11px}.columns{grid-template-columns:1fr;gap:20px}.chat-messages{height:48dvh;min-height:280px}.chat-panel #chat-compose{padding:16px}.chat-message{max-width:90%}#help-launch{bottom:20px;right:16px}.preview-note{padding-bottom:25px}.section-top{gap:12px}h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.chat-panel #chat-body:focus-visible{outline:0;box-shadow:0 0 0 3px #ff6a0026}.chat-bubble blockquote{border-radius:10px}.chat-message.mine .chat-bubble{border-radius:20px 20px 6px 20px}.chat-message:not(.mine) .chat-bubble{border-radius:20px 20px 20px 6px}
/* Explicit compact navigation: every primary destination is visible. */
.sidebar .space-mobile-nav{display:none}.space-more-dialog{width:min(440px,100%);padding:24px;border:0;border-radius:26px;background:var(--panel);color:var(--ink);box-shadow:0 20px 80px #0003}.space-more-dialog::backdrop{background:#15201b55}.space-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.space-menu-heading h2{margin:0}.space-menu-heading button{background:none;color:#bc5100;padding:10px;border:0}.space-more-dialog nav{display:flex;flex-direction:column}.space-more-dialog nav button{display:flex;align-items:center;gap:14px;text-align:left;padding:17px 12px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit}.space-more-dialog svg{width:22px;height:22px;stroke:var(--orange);stroke-width:1.8}.sidebar nav button.active{background:#ff6a001c;color:var(--ink)}.sidebar nav button.active svg{color:var(--orange)}
@media(max-width:700px){.sidebar{position:relative}.sidebar>nav[aria-label=Main]{display:none}.sidebar .space-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;background:var(--panel);padding:5px;border-radius:20px;gap:4px}.sidebar .space-mobile-nav button{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 2px;gap:6px;min-height:60px}.sidebar .space-mobile-nav button span{font-size:11px}.space-more-dialog{margin:auto 0 0;width:100%;max-width:none;max-height:85dvh;border-radius:26px 26px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom))}}
.space-more-dialog nav button span{font-size:14px}.space-more-dialog nav button{border-radius:0;min-height:54px}.space-more-dialog nav button:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.nav-organizer-label{font-size:10px;letter-spacing:1.3px;color:var(--muted);margin:20px 15px 6px}
.member-directory-row{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);padding:16px 0;min-height:64px}.member-directory-row strong{font-size:14px}.member-directory-row small{display:block;color:var(--muted);margin-top:3px;text-transform:capitalize}.member-chevron{margin-left:auto;color:var(--muted);font-size:22px}.member-management-dialog{border:0;border-radius:24px;padding:28px;max-width:440px;width:calc(100% - 32px);background:var(--panel);color:var(--ink)}.member-management-dialog::backdrop{background:#15201b55}.member-removal{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.member-removal button{color:#bb3535}
.chat-attachment-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.chat-attachment-tools span{font-size:12px;color:var(--muted,#777)}#chat-attachment-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:rgba(255,106,0,.08);margin-top:10px}#chat-attachment-preview[hidden]{display:none}#chat-attachment-preview img{max-width:180px;max-height:140px;object-fit:contain;border-radius:12px}.chat-attachment-tools button{min-height:44px}
.gif-picker{width:min(620px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:0;border-radius:28px;padding:24px;background:var(--card,#fff);color:inherit;box-shadow:0 24px 80px #0003}.gif-picker::backdrop{background:#0006}.gif-search-row{display:flex;gap:8px}.gif-search-row input{min-width:0;flex:1}.gif-grid{max-height:38dvh;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.gif-grid button{padding:0;border:0;border-radius:14px;overflow:hidden;background:#eee;min-height:90px}.gif-grid img{width:100%;height:130px;object-fit:contain}.gif-picker .muted{font-size:12px;line-height:1.5}@media(max-width:450px){.gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gif-picker{padding:18px}}