#masthead,#mobile-drawer{--si-header-button-radius:3px;--si-header-button-height:44px}
#masthead .si-account-access{position:relative;margin-left:12px;flex-shrink:0;z-index:1001;font-size:14px;line-height:1.4}
#masthead .si-account-toggle{border:1px solid #008f91;border-radius:var(--si-header-button-radius,3px);background:#fff;color:#007b7d;padding:10px 12px;min-height:var(--si-header-button-height,44px);min-width:164px;font:inherit;font-weight:600;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;box-shadow:none}
#masthead .si-account-toggle:hover,#masthead .si-account-toggle[aria-expanded=true]{background:#e7f7f7;color:#006567}
#masthead .si-account-panel{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:164px;max-width:calc(100vw - 24px);border:1px solid #ddd;border-radius:3px;box-shadow:0 6px 20px #0002;z-index:1002;text-align:left}
#masthead .si-account-panel[hidden]{display:none!important}
#masthead .si-account-panel ul{display:block;margin:0;padding:0;list-style:none}
#masthead .si-account-panel li{display:block;margin:0;padding:0}
#masthead .si-account-panel a{display:block;text-decoration:none}
#masthead .si-account-access :focus-visible{outline:3px solid #b82435;outline-offset:2px}
#masthead .site-header-main-section-right{flex-wrap:wrap}
.si-am-activity{border:1px solid #ddd;border-radius:3px;padding:16px;margin:16px 0}
.si-am-activity h3{margin-top:0;font-size:1.15rem}
.si-am-activity a{display:inline-block;margin-right:12px;padding:4px 0}
.si-my-activities{overflow-wrap:anywhere}
@media(max-width:1024px){
 #masthead .si-account-access{margin-left:6px;font-size:12px}
 #masthead .si-account-toggle{padding:8px;min-height:var(--si-header-button-height,44px)}
 #mobile-header .site-header-main-section-left .site-branding img{max-width:clamp(95px,28vw,155px);height:auto}
 #mobile-header .site-header-main-section-right{flex-wrap:nowrap}
}

/* Icona decorativa: il nome accessibile resta il testo del pulsante. */
#masthead .si-account-toggle::before{content:"";display:block;width:18px;height:18px;flex:0 0 18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E") center/contain no-repeat}


.si-am-activity.si-am-status-publish{background:#eff9f1;border-color:#b8d9c0;color:#243237}
.si-am-activity.si-am-status-pending{background:#fff1f1;border-color:#e4bcbc;color:#243237}
.si-am-activity .si-activity-add-event{padding:10px 16px;min-height:44px;box-sizing:border-box;text-align:center}

/* Keep the profile-photo action at the bottom of the avatar. */
.bsui .card-body .card-img-overlay > .uwp-banner-change-icon[onclick*="avatar"]{
 position:absolute!important;
 top:auto!important;
 bottom:8px!important;
 left:50%!important;
 right:auto!important;
 transform:translateX(-50%)!important;
}

/* The current events tab must remain clickable to reset period filters. */
.bsui a.uwp-account-si-events,.bsui a.uwp-account-si-events *{cursor:pointer!important}
.bsui a.uwp-account-si-events.active{pointer-events:auto!important}

/* Fascia fuori dal flusso: non modifica l’altezza delle attività. */
.si-am-activity.si-am-status-pending{position:relative}
.si-am-draft-corner{position:absolute;right:0;bottom:0;width:112px;height:112px;overflow:hidden;pointer-events:none;border-bottom-right-radius:2px}
.si-am-draft-ribbon{position:absolute;right:-41px;bottom:26px;width:164px;padding:5px 0;background:#bd242b;color:#fff;font-size:14px;font-weight:700;line-height:22px;text-align:center;transform:rotate(-45deg);box-shadow:0 1px 4px #0003}

.bsui .card-body .tofront:has(> .card-img-overlay > .uwp-banner-change-icon[onclick*="avatar"]){position:relative;align-self:flex-start}
.bsui .card-body .tofront:has(> .card-img-overlay > .uwp-banner-change-icon[onclick*="avatar"]) > img.rounded-circle{margin-left:auto;margin-right:auto}