/* Lumus Flow — login, sincronização, painel da conta e modos dinâmico/básico */
:root{
  --fc-bg:#0B1024;--fc-surface:#131D36;--fc-surface2:#18244a;--fc-text:#F5F7FC;--fc-muted:#A3B1CA;
  --fc-cyan:#64D8FF;--fc-blue:#269FFF;--fc-cobalt:#3155F5;--fc-violet:#7057FF;
  --fc-ok:#40D6A0;--fc-warn:#F4C365;--fc-danger:#FF7989;
  --fc-grad:linear-gradient(120deg,#64D8FF 0%,#269FFF 42%,#3155F5 78%,#7057FF 100%);
  --fc-ease:cubic-bezier(.22,1,.36,1);
}

/* ---------- Tela de entrada ---------- */
.flow-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:
  radial-gradient(1200px 600px at 15% 0%,#173A9566,transparent 60%),radial-gradient(900px 500px at 100% 100%,#7057ff33,transparent 60%),var(--fc-bg);
  color:var(--fc-text);font-family:Manrope,system-ui,sans-serif;transition:opacity .38s var(--fc-ease)}
.flow-gate.leaving{opacity:0;pointer-events:none}
.flow-gate-card{width:min(400px,100%);background:#131d36e6;border:1px solid #ffffff14;border-radius:22px;padding:34px 30px 26px;box-shadow:0 30px 90px #0009;display:flex;flex-direction:column;gap:12px;animation:flow-rise .6s var(--fc-ease) both}
.flow-gate h1{margin:0;font:700 26px/1.15 Unbounded,Manrope,sans-serif;letter-spacing:-.01em}
.flow-logo{width:52px;height:48px;background:url(assets/flow-symbol.svg) center/contain no-repeat;margin-bottom:6px;filter:drop-shadow(0 6px 22px #269fff66)}
.flow-logo span{display:none}
.flow-eyebrow{margin:0;font-size:11px;letter-spacing:.26em;font-weight:700;background:var(--fc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.flow-sub{margin:0;color:var(--fc-muted);font-size:13px;line-height:1.55}
.flow-sub.small{font-size:11px}
.flow-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--fc-muted)}
.flow-field input,.flow-invite input,.flow-invite select{background:#0b1024;border:1px solid #ffffff1f;color:var(--fc-text);border-radius:12px;padding:13px 14px;font:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.flow-field input:focus,.flow-invite input:focus,.flow-invite select:focus{border-color:var(--fc-blue);box-shadow:0 0 0 4px #269fff2e}
.flow-field input[name=code]{font-size:24px;letter-spacing:.4em;text-align:center}
.flow-btn{appearance:none;border:0;cursor:pointer;background:var(--fc-grad);color:#08102a;font:700 14px Manrope,sans-serif;padding:13px 18px;border-radius:12px;transition:transform .18s var(--fc-ease),filter .2s,opacity .2s;background-size:140% 100%}
.flow-btn:hover{filter:brightness(1.08)}
.flow-btn:active{transform:scale(.97)}
.flow-btn:disabled{opacity:.6;cursor:progress}
.flow-btn.ghost{background:#ffffff0d;color:var(--fc-text);border:1px solid #ffffff1c}
.flow-btn.ghost:hover{background:#ffffff17}
.flow-btn.danger{color:var(--fc-danger)}
.flow-btn.sm{padding:7px 11px;font-size:12px;border-radius:9px}
.flow-link{appearance:none;background:none;border:0;color:var(--fc-cyan);font:600 12px Manrope,sans-serif;cursor:pointer;padding:4px 0;text-align:left}
.flow-link.subtle{color:var(--fc-muted);text-align:center;margin-top:2px}
.flow-msg{min-height:18px;margin:0;font-size:12px;color:var(--fc-warn);line-height:1.5}
.flow-code{display:flex;flex-direction:column;gap:6px}
.flow-loading{align-items:flex-start}
.flow-bar{width:100%;height:3px;border-radius:3px;background:#ffffff12;overflow:hidden;margin-top:8px}
.flow-bar i{display:block;height:100%;width:40%;background:var(--fc-grad);border-radius:3px;animation:flow-bar 1.1s var(--fc-ease) infinite}

/* ---------- Status da sincronização ---------- */
.flow-pill{position:fixed;right:16px;bottom:16px;z-index:90;display:inline-flex;align-items:center;gap:8px;padding:8px 13px 8px 11px;border-radius:999px;border:1px solid #ffffff1c;background:#131d36eb;color:var(--fc-text);font:600 11px Manrope,sans-serif;cursor:pointer;box-shadow:0 10px 30px #0007;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s var(--fc-ease),background .2s}
.flow-pill:hover{transform:translateY(-2px);background:#18244aeb}
.flow-pill i{width:8px;height:8px;border-radius:50%;background:var(--fc-ok);box-shadow:0 0 0 3px #40d6a033}
.flow-pill.busy i{background:var(--fc-blue);box-shadow:0 0 0 3px #269fff33;animation:flow-pulse 1s ease-in-out infinite}
.flow-pill.warn i{background:var(--fc-warn);box-shadow:0 0 0 3px #f4c36533}
.flow-pill.local i{background:var(--fc-muted)}
.flow-online{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#269fff2e;color:var(--fc-cyan);font-size:10px}
@media (max-width:700px){.flow-pill{right:10px;bottom:10px;padding:7px 10px}.flow-pill span{display:none}}

/* ---------- Painel lateral ---------- */
.flow-sheet{position:fixed;inset:0;z-index:950;font-family:Manrope,system-ui,sans-serif;color:var(--fc-text)}
.flow-sheet-backdrop{position:absolute;inset:0;background:#05081a99;opacity:0;transition:opacity .28s var(--fc-ease)}
.flow-sheet-card{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--fc-surface);border-left:1px solid #ffffff14;overflow:auto;padding:22px 22px 40px;transform:translateX(30px);opacity:0;transition:transform .32s var(--fc-ease),opacity .28s;outline:none}
.flow-sheet.open .flow-sheet-backdrop{opacity:1}
.flow-sheet.open .flow-sheet-card{transform:none;opacity:1}
.flow-sheet header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}
.flow-sheet h2{margin:4px 0 2px;font:700 20px Unbounded,Manrope,sans-serif}
.flow-sheet header small{color:var(--fc-muted);font-size:12px}
.flow-sheet section{border-top:1px solid #ffffff12;padding:18px 0 4px;display:flex;flex-direction:column;gap:10px}
.flow-sheet h3{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fc-muted)}
.flow-x{appearance:none;border:0;background:#ffffff0d;color:var(--fc-text);width:32px;height:32px;border-radius:10px;font-size:18px;line-height:1;cursor:pointer;flex:none;transition:background .2s}
.flow-x:hover{background:#ffffff1f}
.flow-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.flow-seg button{appearance:none;text-align:left;cursor:pointer;background:#0b1024;border:1px solid #ffffff17;border-radius:14px;padding:12px;color:var(--fc-text);display:flex;flex-direction:column;gap:4px;transition:border-color .2s,background .2s,transform .18s var(--fc-ease)}
.flow-seg button:active{transform:scale(.97)}
.flow-seg button strong{font-size:13px}
.flow-seg button small{font-size:11px;color:var(--fc-muted);line-height:1.35}
.flow-seg button.on{border-color:var(--fc-blue);background:linear-gradient(#0b1024,#0b1024) padding-box,var(--fc-grad) border-box;border:1px solid transparent;box-shadow:0 0 0 3px #269fff22}
@media (max-width:420px){.flow-seg{grid-template-columns:1fr}}
.flow-row{display:flex;gap:8px;flex-wrap:wrap}
.flow-member{display:flex;align-items:center;gap:10px;padding:8px 0}
.flow-member>div{flex:1;min-width:0}
.flow-member strong{display:block;font-size:13px}
.flow-member small{display:block;color:var(--fc-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-av{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,#269fff) 30%,#0b1024);color:var(--fc-text);font-size:11px;font-weight:700;flex:none}
.flow-invite{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.flow-invite input[name=email]{grid-column:1/-1}
.flow-invite input,.flow-invite select{font-size:13px;padding:10px 12px;border-radius:10px}
.flow-portal-list{max-height:280px;overflow:auto}

/* ---------- Aviso rápido ---------- */
#flow-toast{position:fixed;left:50%;bottom:22px;z-index:1100;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:#131d36f2;color:var(--fc-text);border:1px solid #ffffff1c;border-radius:12px;padding:11px 16px;font:600 12px Manrope,sans-serif;box-shadow:0 16px 40px #0008;max-width:min(560px,92vw);transition:opacity .25s var(--fc-ease),transform .3s var(--fc-ease)}
#flow-toast.show{opacity:1;transform:translate(-50%,0)}
#flow-toast.warn{border-color:#f4c36566}

/* ---------- Modo dinâmico: microinterações ---------- */
html.flow-dynamic dialog[open]{animation:flow-pop .26s var(--fc-ease) both}
html.flow-dynamic dialog[open]::backdrop{animation:flow-fade .26s ease both}
html.flow-dynamic .btn,html.flow-dynamic .icon-btn{transition:transform .16s var(--fc-ease),filter .2s,background-color .2s,border-color .2s,opacity .2s}
html.flow-dynamic .btn:active,html.flow-dynamic .icon-btn:active{transform:scale(.96)}
html.flow-dynamic .nav-link{transition:background-color .2s,color .2s,transform .2s var(--fc-ease)}
html.flow-dynamic .nav-link:hover{transform:translateX(2px)}
html.flow-dynamic .entity-card,html.flow-dynamic .dash-card{transition:transform .25s var(--fc-ease),box-shadow .25s,border-color .25s}
html.flow-dynamic .entity-card:hover{transform:translateY(-2px)}
html.flow-dynamic #notice{transition:opacity .25s var(--fc-ease),transform .3s var(--fc-ease)}
.flow-remote-flash{animation:flow-flash 1.4s var(--fc-ease) 1}
html.flow-ready #conteudo{animation:none}

/* ---------- Modo básico: leve, sem movimento ---------- */
html.flow-basic *,html.flow-basic *::before,html.flow-basic *::after{animation-duration:0s!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}
html.flow-basic *,html.flow-basic *::before,html.flow-basic *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.flow-basic .flow-bar i{animation:none!important;width:100%;opacity:.6}

@keyframes flow-rise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes flow-pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes flow-fade{from{opacity:0}to{opacity:1}}
@keyframes flow-bar{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@keyframes flow-pulse{50%{opacity:.4}}
@keyframes flow-flash{0%{box-shadow:0 0 0 0 #269fff00}20%{box-shadow:0 0 0 3px #269fff88}100%{box-shadow:0 0 0 0 #269fff00}}
@media (prefers-reduced-motion:reduce){html:not([data-flow-mode=dynamic]) .flow-gate-card{animation:none}}

/* ---------- Seção de desempenho nas configurações ---------- */
.flow-perf41{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:center;margin:0 0 18px;padding:20px 22px;border-radius:16px;border:1px solid var(--line,#ffffff1a);background:var(--panel,#1b1b1e)}
.flow-perf41 h2{margin:6px 0 6px;font-size:18px}
.flow-perf41 p{margin:0;color:var(--muted,#a0a0a8);font-size:12px;line-height:1.55}
.flow-perf-options41{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.flow-perf-options41 button{appearance:none;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:3px;padding:13px 14px;border-radius:12px;border:1px solid var(--line,#ffffff1a);background:transparent;color:inherit;transition:border-color .2s,background-color .2s,transform .16s var(--fc-ease)}
.flow-perf-options41 button:hover{background:#ffffff08}
.flow-perf-options41 button:active{transform:scale(.97)}
.flow-perf-options41 button strong{font-size:13px}
.flow-perf-options41 button small{font-size:11px;color:var(--muted,#a0a0a8)}
.flow-perf-options41 button.on{border-color:var(--ice,#56b8ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--ice,#56b8ff) 22%,transparent)}
@media (max-width:860px){.flow-perf41{grid-template-columns:1fr}}
@media (max-width:480px){.flow-perf-options41{grid-template-columns:1fr}}
.flow-invite input[name=password],.flow-invite .flow-btn{grid-column:1/-1}

/* ---------- Biblioteca de materiais ---------- */
.lib41{display:flex;flex-direction:column;gap:18px}
.lib-bar41{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.lib-chips41{display:flex;flex-wrap:wrap;gap:8px}
.lib-chip41{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid var(--line,#ffffff1a);background:transparent;color:var(--muted,#a0a0a8);font-weight:700;font-size:12px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .16s var(--fc-ease)}
.lib-chip41 svg{width:15px;height:15px}
.lib-chip41 small{font-size:10px;opacity:.75;background:#ffffff12;border-radius:9px;padding:1px 6px}
.lib-chip41:hover{color:var(--text,#eee)}
.lib-chip41.on{color:var(--text,#eee);border-color:var(--ice,#56b8ff);background:color-mix(in srgb,var(--ice,#56b8ff) 14%,transparent)}
.lib-chip41:active{transform:scale(.96)}
.lib-tools41{display:flex;gap:8px;flex-wrap:wrap}
.lib-tools41 input,.lib-tools41 select{background:var(--panel,#1b1b1e);border:1px solid var(--line,#ffffff1a);color:inherit;border-radius:10px;padding:9px 12px;font:inherit;font-size:12px;min-width:180px}
.lib-grid41{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.lib-card41{border:1px solid var(--line,#ffffff1a);border-radius:14px;overflow:hidden;background:var(--panel,#1b1b1e);display:flex;flex-direction:column;min-width:0}
html.flow-dynamic .lib-card41{transition:transform .25s var(--fc-ease),border-color .25s,box-shadow .25s;animation:flow-rise .4s var(--fc-ease) both}
html.flow-dynamic .lib-card41:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0006}
.lib-open41{appearance:none;border:0;padding:0;background:none;cursor:pointer;display:block;width:100%}
.lib-thumb41{aspect-ratio:16/10;background:#0b1024;display:grid;place-items:center;position:relative;overflow:hidden}
.lib-thumb41 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.lib-thumb41 img:not([src]){display:none}
.lib-icon41 svg{width:34px;height:34px;opacity:.7;color:var(--ice,#56b8ff)}
.kind-video .lib-icon41 svg{color:#FF7989}.kind-doc .lib-icon41 svg{color:#F4C365}.kind-link .lib-icon41 svg{color:#40D6A0}
.lib-kind41{position:absolute;left:10px;top:10px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#0b1024cc;color:#fff;padding:4px 8px;border-radius:7px}
.lib-body41{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.lib-body41 strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lib-body41>small{color:var(--muted,#a0a0a8);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lib-meta41{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.lib-meta41 small{color:var(--muted,#a0a0a8);font-size:10px}
.lib-meta41 .text-btn{margin-left:auto}
.lib-empty41{padding:40px}

/* ===== v42 · menu lateral redesenhado ===== */
#navigation{background:var(--nav)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-right:1px solid color-mix(in srgb,var(--text) 7%,transparent)!important;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 14%,transparent) transparent}
#navigation:hover,#navigation:focus-within{box-shadow:28px 0 60px -24px #000c!important}
body.sidebar-pinned #navigation{box-shadow:none!important}
#navigation .rail-label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#navigation .nav-link{position:relative;width:auto!important;min-width:0;min-height:36px!important;padding:8px 12px!important;margin:1px 0!important;border-radius:9px!important;gap:12px!important;font-size:12.5px!important;font-weight:500;line-height:1.3;color:color-mix(in srgb,var(--text) 64%,transparent)!important;background:transparent!important;box-shadow:none!important;transform:none!important;filter:none!important;transition:background-color .16s ease,color .16s ease,transform .12s ease!important}
#navigation .nav-link>svg{width:18px!important;height:18px!important;opacity:.8;transition:opacity .16s ease}
#navigation .nav-link:hover{background:color-mix(in srgb,var(--text) 6%,transparent)!important;color:var(--text)!important}
#navigation .nav-link:hover>svg{opacity:1}
#navigation .nav-link:active{transform:scale(.97)!important;background:color-mix(in srgb,var(--text) 10%,transparent)!important}
#navigation .nav-link:focus-visible{outline:2px solid color-mix(in srgb,var(--ice) 70%,transparent);outline-offset:-2px}
#navigation .nav-link.active{background:color-mix(in srgb,var(--nav-color21,var(--ice)) 15%,transparent)!important;color:var(--text)!important;font-weight:650}
#navigation .nav-link.active>svg{color:var(--nav-color21,var(--ice))!important;opacity:1}
#navigation .nav-link.active::before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--nav-color21,var(--ice))}
/* pastas, listas e contagens */
#navigation .nav-row21{width:auto!important;margin:1px 0}
#navigation .nav-row21 .nav-link{padding-right:12px!important}
#navigation .nav-row21.is-folder21>.nav-link{font-weight:650;color:color-mix(in srgb,var(--text) 86%,transparent)!important}
#navigation .nav-row21 .nav-link>small{margin-left:auto;flex-shrink:0;font-size:10px!important;font-weight:600;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text) 45%,transparent)!important;background:color-mix(in srgb,var(--text) 6%,transparent);padding:2px 7px;border-radius:20px;transition:opacity .15s}
#navigation .nav-row21:hover>.nav-link>small,#navigation .nav-row21:focus-within>.nav-link>small{opacity:0}
#navigation .access-nav23[title="Privada"]{display:none!important}
#navigation .nav-tools21{right:6px!important;gap:2px;background:transparent!important}
#navigation .nav-tools21 button{width:24px!important;height:24px!important;border-radius:6px;display:grid;place-items:center;font-size:14px!important;line-height:1;color:color-mix(in srgb,var(--text) 55%,transparent)!important;transition:background-color .15s,color .15s}
#navigation .nav-tools21 button:hover{background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text)!important}
#navigation .nav-children21,#navigation .project-subnav27{margin-left:21px!important;padding:2px 0 4px 8px!important;max-width:none!important;border-left:1px solid color-mix(in srgb,var(--text) 9%,transparent)!important}
#navigation .nav-children21 .nav-row21,#navigation .project-subnav27 .nav-row21{width:auto!important}
#navigation .nav-children21 .nav-link,#navigation .project-subnav27 .nav-link{width:auto!important;min-height:32px!important;padding:6px 10px!important;font-size:12px!important;gap:10px!important}
#navigation .nav-children21 .nav-link>svg,#navigation .project-subnav27 .nav-link>svg{width:15px!important;height:15px!important}
#navigation .nav-children21 .nav-link.active::before,#navigation .project-subnav27 .nav-link.active::before{left:-9px;border-radius:3px}
/* títulos de seção */
#navigation .nav-space-head21{width:auto!important;padding:20px 8px 6px 12px!important;font-size:10px!important;font-weight:650;letter-spacing:1px!important;color:color-mix(in srgb,var(--text) 40%,transparent)!important}
#navigation .nav-space-head21 button{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:15px!important;color:color-mix(in srgb,var(--text) 55%,transparent);transition:background-color .15s,color .15s}
#navigation .nav-space-head21 button:hover{background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text)}
/* rodapé do menu e perfil */
#navigation .rail-bottom{margin-top:auto;padding-top:10px!important;border-top:1px solid color-mix(in srgb,var(--text) 7%,transparent)}
#navigation .rail-profile{margin-top:6px!important;min-height:46px!important}
#navigation .rail-profile .avatar{width:28px!important;height:28px!important;font-size:10px!important;margin:0 -4px 0 -5px!important}
#navigation .rail-profile .rail-label{line-height:1.35}
#navigation .rail-caption{color:color-mix(in srgb,var(--text) 38%,transparent)!important}
.flow-basic #navigation .nav-link,.flow-basic #navigation .nav-tools21 button,.flow-basic #navigation .nav-row21 .nav-link>small{transition:none!important}
.flow-basic #navigation .nav-link:active{transform:none!important}
/* logo enviada */
.rail-brand.has-logo42 .brand-wordmark{display:none!important}
.rail-brand.has-logo42 .brand-symbol{width:auto!important;max-width:190px;height:40px!important;background:none!important}
.rail-brand.has-logo42 .brand-symbol>img{width:auto!important;max-width:190px;height:40px!important;object-fit:contain;object-position:left center}
/* configurações › logo */
.flow-brand42{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,1fr) auto;align-items:center;gap:22px;padding:22px;margin:0 0 22px;border:1px solid var(--line);border-radius:var(--ui-radius,14px);background:var(--panel)}
.flow-brand42 h2{margin:6px 0}.flow-brand42 p{color:var(--muted);font-size:12px}
.flow-brand42-preview{display:flex;align-items:center;gap:12px;min-height:84px;padding:14px 18px;border-radius:12px;background:var(--nav);border:1px dashed color-mix(in srgb,var(--text) 14%,transparent)}
.flow-brand42-preview img{max-height:52px;max-width:100%;object-fit:contain}
.flow-brand42-preview .brand-symbol{width:36px;height:36px}.flow-brand42-preview .brand-wordmark{width:120px;height:28px}
.flow-brand42-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.flow-brand42-actions label{cursor:pointer}
@media(max-width:900px){.flow-brand42{grid-template-columns:1fr}}
/* perfil › foto */
.profile-photo42{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.profile-photo42>.avatar{width:84px!important;height:84px!important;font-size:24px!important;overflow:hidden}
.profile-photo42>.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.profile-photo42-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-photo42-actions label{cursor:pointer}
.profile-photo42-actions small{flex-basis:100%;color:var(--muted)}
.avatar.avatar-photo37 img{width:100%;height:100%;object-fit:cover;border-radius:50%}