.cpc-account{
    position:relative;
    display:inline-block;
    font-family:var(--cpc-font-primary, inherit)
}
.cpc-account__trigger{
    display: flex;
    align-items: center;
    background: transparent;
    border: 0;
    padding: 0;
    color: #111;
    cursor: pointer;
    line-height: 1;
    font-family: var(--cpc-font-primary, inherit)
}
.cpc-account__trigger .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20;vertical-align:middle;margin-right:6px}
.cpc-account__trigger .cpc-account__name-text{
    display:flex;
    gap:4px;
    align-items: center;
}

/* Dropdown */
.cpc-account__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:300px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 28px rgba(2,6,23,.12);padding:10px 0;z-index:50;margin:0;font-family:var(--cpc-font-primary, inherit)}
.cpc-account__menu::before{content:"";position:absolute;right:14px;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;transform:rotate(45deg)}
.cpc-account__menu li{list-style:none}
.cpc-account__menu li a{display:block;padding:10px 14px;color:#111;text-decoration:none;border-radius:6px;margin:0 6px}
.cpc-account__menu li a:hover{background:#f3f4f6}

/* Login form inside dropdown */
.cpc-account__login{padding:12px 14px 6px}
.cpc-account__login form{display:flex;flex-direction:column;gap:10px}
.cpc-account__login form p{margin:0}
.cpc-account__login label{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}
.cpc-account__login input[type="text"],
.cpc-account__login input[type="password"]{width:100%;max-width:100%;box-sizing:border-box;display:block;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;outline:none;transition:border-color .15s, box-shadow .15s}
.cpc-account__login input[type="text"]:focus,
.cpc-account__login input[type="password"]:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.cpc-account__login .forgetmenot{display:flex;align-items:center;gap:8px}
.cpc-account__login .forgetmenot input{margin:0}
.cpc-account__login .submit .button-primary,
.cpc-account__login input[type="submit"].button-primary{appearance:none;border:0;border-radius:8px;background:#0ea5e9;color:#fff;font-weight:700;padding:10px 14px;cursor:pointer;transition:background .15s}
.cpc-account__login .submit .button-primary:hover,
.cpc-account__login input[type="submit"].button-primary:hover{background:#0284c7}
.cpc-account__register{padding:10px 14px}
.cpc-account__register a{color:#0ea5e9;text-decoration:none}
.cpc-account__register a:hover{text-decoration:underline}

/* Compact header */
.cpc-account__header{display:flex;flex-direction:column;gap:4px}
.cpc-account__email{font-size:12px;color:#6b7280}

/* Role shown under display name inside trigger */
.cpc-account__name-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.cpc-account__name-text__display-name{font-weight:700}
.cpc-account__name-text__role{font-size:12px;color:#6b7280;line-height:1.2}