/* Listinha+ Web HML v3: organization A, outlined violet icons B. */
.drawer-panel.drawer-app-style .web-v3-drawer-group{padding:8px 0 13px;border-bottom:1px solid #b999db26}
.drawer-panel.drawer-app-style .web-v3-drawer-group:last-child{border-bottom:0}
.drawer-panel.drawer-app-style .web-v3-drawer-group h3{margin:6px 12px 11px;color:#d8b9fa;font-size:11px;line-height:1.5;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.drawer-panel.drawer-app-style .drawer-app-actions{gap:0;display:block}
.drawer-panel.drawer-app-style .web-v3-drawer-group .drawer-app-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left}
.drawer-panel.drawer-app-style .drawer-app-item .icon{fill:none!important;stroke:#c49cfa!important;stroke-width:1.8;width:22px;height:22px;flex:none}
.drawer-panel.drawer-app-style .drawer-app-item:hover .icon,.drawer-panel.drawer-app-style .drawer-app-item:focus-visible .icon{stroke:#f7e9ff!important}
.settings-tabs .nav-btn .icon{fill:none;stroke:#c49cfa;stroke-width:1.8}
.settings-tabs .nav-btn.active .icon{stroke:#fff}
.cloud-v3-profile-form{display:grid;gap:15px;min-width:0;max-width:100%}
.cloud-v3-photo-area{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(230px,1.25fr);gap:18px;align-items:center}
.cloud-v3-profile-preview{background:linear-gradient(155deg,#302142,#1b1426);border:1px solid #745296;border-radius:17px;padding:18px;display:flex;flex-direction:column;gap:8px;text-align:center;align-items:center;justify-content:center;min-height:225px}
.cloud-v3-profile-preview strong{font-size:17px;line-height:1.3;color:#f4e9ff}
.cloud-v3-profile-preview small{font-size:11px;color:#c1b2d1}
.cloud-v3-photo-frame{width:124px;height:124px;display:grid;place-items:center;overflow:hidden;border:2px solid #9e6bd6;border-radius:18px;background:#48227e;color:#eee0ff;box-shadow:0 10px 24px #0005}
.cloud-v3-photo-frame img,.avatar-mini .web-v3-local-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cloud-v3-photo-frame svg{width:75%;height:75%}
.cloud-v3-upload-panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.cloud-v3-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;cursor:pointer;background:#6934aa;border:1px solid #b688e2;color:#fff;padding:10px 19px;border-radius:12px;font-weight:750}
.cloud-v3-upload-button:focus-within{outline:3px solid #e3c3ff;outline-offset:3px}
.cloud-v3-upload-button input{position:absolute;clip-path:inset(50%);width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important;border:0!important}
.cloud-v3-upload-panel .btn{min-height:42px}
.cloud-v3-upload-panel [data-cloud-photo-message]{font-size:12px;color:#c8b4d8;line-height:1.5;margin:0}
.cloud-v3-upload-panel [role=alert]{color:#ffcad6}
.cloud-v3-profile-form .cloud-avatar-picker{max-width:100%}
.cloud-v3-profile-form .cloud-avatar-grid{max-height:330px;overflow:auto;overscroll-behavior:contain}
.cloud-profile-list{max-width:100%}
.avatar-mini.web-v3-photo-applied{overflow:hidden}
@media(max-width:780px){.cloud-v3-photo-area{grid-template-columns:minmax(0,1fr)}.cloud-v3-profile-preview{min-height:auto;flex-direction:row;gap:14px;text-align:left;flex-wrap:wrap;justify-content:flex-start}.cloud-v3-photo-frame{height:78px;width:78px}.cloud-v3-upload-panel{align-items:stretch}.cloud-v3-upload-button{align-self:flex-start}}
@media(max-width:460px){.cloud-v3-profile-preview{padding:14px}.drawer-panel.drawer-app-style .web-v3-drawer-group{padding:5px 0 10px}}

/* Mobile accessibility: the v113 header hid its entire profile/menu control at <=720px.
   Keep the approved avatar as the drawer opener on phones. */
@media(max-width:720px){
 .shell .topbar-right{display:flex!important;align-items:center;gap:7px;order:2!important;margin:0!important}
 .shell .topbar .topbar-right .topbar-profile{display:flex!important;align-items:center;gap:6px;padding:0}
 .shell .topbar .topbar-right .topbar-profile .avatar-mini{width:38px;height:38px;border-radius:12px}
 .shell .topbar .topbar-right .topbar-profile>b{display:none}
 .shell .topbar{justify-content:space-between}
}