/* Work surfaces: restrained Archivo headings, readable Inter UI, compact labeled navigation. */
.app-shell,.rg-auth{font-family:Inter,Arial,sans-serif}
.app-shell h1,.rg-auth h1{font-family:Archivo,Arial,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.2;letter-spacing:-.025em}
.app-shell h2{font-family:Archivo,Arial,sans-serif;font-size:clamp(1.125rem,1.7vw,1.375rem);font-weight:500;line-height:1.3;letter-spacing:-.015em}
.app-shell h3{font-size:1.0625rem;line-height:1.4;font-weight:500}
.app-shell .content{font-size:1rem;line-height:1.6}
.app-shell .btn,.app-shell .side-link,.app-shell input,.app-shell select,.rg-auth .btn{font-family:Inter,Arial,sans-serif;font-size:.875rem}
.app-shell input,.app-shell textarea,.rg-auth input{font-size:1rem}
.side-link{min-height:44px;padding:10px 12px}.side-link__icon .ta-side-icon{width:20px;height:20px}
.ux-section-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:0 0 12px;border-bottom:1px solid var(--line,var(--border,#444))}
.ux-section-nav button{font:500 .875rem/1.4 Inter,Arial,sans-serif;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:7px;color:var(--white);background:transparent;cursor:pointer}
.ux-section-nav button:hover{background:var(--panel)}.ux-section-nav button[aria-current=page]{border-color:var(--gold,#c8a46b);color:var(--white);background:var(--panel)}
.ux-section-nav button:focus-visible,.rg-notice summary:focus-visible{outline:2px solid var(--gold,#c8a46b);outline-offset:3px}
.rg-auth-grid{max-width:600px;margin:2rem auto}.rg-panel{max-width:none}.rg-auth .rg-intents{grid-template-columns:1fr;gap:10px;margin:1.25rem 0}
.rg-auth .rg-intent{display:flex;align-items:center;gap:16px;min-height:82px;padding:14px 24px;border-radius:999px}
.rg-auth .rg-intent .rg-intent-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#d7b780;margin:0}
.rg-intent-icon svg{width:28px;height:28px}.rg-auth .rg-intent .rg-intent-copy{margin:0;color:inherit;font-size:1rem}
.rg-auth .rg-intent b{font-weight:500}.rg-auth .rg-intent small{display:block;font-size:.875rem;line-height:1.4;color:#ccc9c2;margin-top:3px}
.rg-auth footer{margin-top:1.5rem}.rg-auth .rg-notice{font-size:.875rem}.rg-notice summary{font-size:.875rem;min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:400}.rg-notice p{margin:.5rem 0 0;font-size:.875rem}
.rg details.rg-notice{margin:0 0 18px;padding:0 12px;border-left:2px solid var(--gold,#c8a46b)}
.rg-context-select{min-height:44px;max-width:240px}.mainbar>.cluster{min-width:0;flex-wrap:wrap}.mainbar{gap:12px;flex-wrap:wrap}
.oc .oc-demo{font-size:.875rem;padding:10px 12px}.oc .oc-demo .btn{font-size:.875rem}.oc .card{padding:1.25rem}.oc .oc-call h2{font-size:1.25rem}
html[data-theme=light] .rg-auth .rg-intent small{color:#5f5a52}html[data-theme=light] .rg-auth .rg-intent-icon{color:#80612e}
@media(max-width:600px){.rg-auth-grid{margin:1.5rem auto}.rg-auth .rg-intent{padding:12px 18px;min-height:78px}.rg-intent-icon svg{width:24px;height:24px}.ux-section-nav{gap:4px;margin-bottom:18px}.ux-section-nav button{padding:10px}.rg-context-select{max-width:min(240px,100%)}.app-shell .page-head{gap:12px;flex-wrap:wrap}}

@media(max-width:600px){.mainbar{height:auto;min-height:72px;padding:12px 16px;align-items:flex-start;flex-wrap:nowrap}.mainbar>.cluster:first-child{display:grid;grid-template-columns:40px minmax(0,1fr);flex:1;gap:8px 10px;padding-right:46px}.mainbar>.cluster:first-child .mobile-menu{grid-column:1;grid-row:1}.mainbar>.cluster:first-child>.eyebrow{grid-column:2;grid-row:1;align-self:center}.mainbar>.cluster:first-child>.ux-context-label,.mainbar>.cluster:first-child>.rg-context-select{grid-column:1/-1}.mainbar>.cluster:first-child>.rg-context-select{width:100%;max-width:none}.mainbar>.cluster:last-child{position:absolute;top:12px;right:16px}}

.app-shell .ta-network-hero h1{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;letter-spacing:-.025em}

.ux-context-label{font-size:12px;color:var(--muted);max-width:260px;overflow-wrap:anywhere}
.ta-artist-context{display:grid;gap:2px;min-width:0}
.ta-artist-context small{color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.ta-artist-context strong{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}
@media(max-width:600px){.mainbar>.cluster:first-child>.ta-artist-context{grid-column:1/-1}.ta-artist-context strong{max-width:100%}}

/* Navigation latérale — rythme lisible, signes distincts et présence discrète. */
.sidebar{padding:26px 18px 18px;background:#050505}
.sidebar-head{min-height:42px;gap:10px}
.ta-sidebar-brand-cluster{display:flex;min-width:0;align-items:center}
.sidebar-head .brand{min-width:0;padding:0 8px}
.sidebar .brand-logo{width:108px;height:30px}
.sidebar-toggle{width:40px;height:40px;flex-basis:40px;border-color:#2a2a2e;color:#a8a8ae}
.sidebar-toggle .ta-side-icon{width:22px;height:22px}
.ta-sidebar-navigation{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 14px 0;scrollbar-width:thin;scrollbar-color:#38383d transparent}
.ta-side-group{padding-bottom:12px}
.ta-side-group+.ta-side-group{padding-top:4px}
.side-title{display:flex;align-items:center;gap:8px;margin:18px 0 8px;padding:0 12px;color:#77777f;font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:.12em}
.ta-side-group--active .side-title{color:var(--gold)}
.ta-side-group--active .side-title::after{content:"";width:18px;height:1px;background:currentColor;opacity:.72}
.side-nav{gap:2px}
.side-link{min-height:44px;padding:10px 12px;gap:11px;border-radius:10px;color:#aaaab1;font-family:Inter,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.4}
.ta-side-group--secondary .side-link{color:#85858c}
.ta-side-group--secondary .side-link:hover{color:var(--white)}
.side-link__icon{width:18px;height:18px;flex-basis:18px}
.side-link__icon .ta-side-icon{width:18px;height:18px;stroke-width:1.5}
.side-link.active{font-weight:500;background:#1d1d20}
.side-link.active::before{left:4px;width:3px;height:20px}
.user-dock{padding:17px 5px 0}
.user-button{min-height:58px;gap:11px;padding:7px 8px;border-radius:12px}
.mini-avatar{position:relative;width:38px;height:38px;flex-basis:38px;font-size:.875rem}
.ta-profile-presence{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #050505;border-radius:50%;background:#36b985;box-shadow:0 0 0 1px rgba(54,185,133,.18)}
.user-button__identity{flex:1;line-height:1.25}
.user-button__identity b{font-size:.9375rem;font-weight:600}
.user-button__identity small{font-size:.8125rem}
.ta-user-menu-indicator{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;color:#a2a2aa}
.ta-user-menu-indicator .ta-side-icon{width:20px;height:20px}
.user-button:hover .ta-user-menu-indicator,.user-button[aria-expanded="true"] .ta-user-menu-indicator{color:var(--white)}
.ta-workspace-indicator{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:200px;padding:7px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}
.ta-workspace-indicator>span:first-child{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:50%;color:var(--gold)}
.ta-workspace-indicator>span:first-child .ta-side-icon{width:17px;height:17px}
.ta-workspace-indicator>span:nth-child(2){display:grid;grid-row:1/3;align-content:center;min-width:0}
.ta-workspace-indicator small{color:var(--muted);font-size:.57rem;letter-spacing:.08em;text-transform:uppercase}
.ta-workspace-indicator b{overflow:hidden;font-size:.75rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.ta-workspace-indicator em{display:none}
.ta-workspace-indicator i{position:absolute;top:-6px;right:-5px;display:grid;min-width:21px;height:21px;place-items:center;padding-inline:5px;border:2px solid var(--ink);border-radius:999px;background:var(--gold);color:var(--gold-ink);font-size:.62rem;font-style:normal;font-weight:700}
.sidebar.is-collapsed .ta-sidebar-brand-cluster,.sidebar.is-collapsed .ta-user-menu-indicator{display:none}
.sidebar.is-collapsed .ta-sidebar-navigation{padding-right:0}
.sidebar.is-collapsed .ta-side-group+.ta-side-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
[data-theme="light"] .sidebar{background:#fff}
[data-theme="light"] .ta-profile-presence{border-color:#fff;background:#16865f}
[data-theme="light"] .side-title{color:#68686e}
[data-theme="light"] .ta-side-group--active .side-title{color:#80612e}
[data-theme="light"] .side-link{color:#626268}
[data-theme="light"] .ta-side-group--secondary .side-link{color:#74747a}
[data-theme="light"] .side-link.active{color:#111;background:#eeece7}
[data-theme="light"] .ta-workspace-indicator{border-color:#d8d3c8;background:#ebe8e0}
@media(max-width:980px){
 .sidebar,.sidebar.is-collapsed{width:280px;padding:24px 18px 18px}
 .sidebar.is-collapsed .ta-sidebar-brand-cluster{display:flex}
 .sidebar .brand-logo{width:108px;height:30px}
 .side-link,.sidebar.is-collapsed .side-link{min-height:44px;padding:10px 12px;font-size:.875rem}
 .sidebar.is-collapsed .ta-user-menu-indicator{display:grid}
}
@media(max-width:600px){
 .ta-workspace-indicator{min-width:0;padding:6px 9px;border-radius:14px}
 .ta-workspace-indicator>span:first-child{width:28px;height:28px}
 .ta-workspace-indicator small{display:none}
}