/* FINNEX 10.3: access choices do not change WordPress authorization. */
.fn103-pricing-access{padding:80px 0;background:#eaf5f4}
.fn103-roles{max-width:1100px;margin:0 auto}
.fn103-roles-title{font-weight:800;color:#123c49;margin:0 0 16px;text-align:center}
.fn103-roles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.fn103-role{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:23px 19px;min-width:0;border:1px solid #c8e2e2;border-radius:16px;background:#fff;text-decoration:none!important;color:#143a47!important;box-shadow:0 8px 24px #0d4d5010;transition:transform .18s,border-color .18s}
.fn103-role:hover,.fn103-role:focus-visible{border-color:#0caa98;transform:translateY(-2px)}
.fn103-role.is-selected{border:2px solid #0b9f90;background:#f1fcf9}
.fn103-role-icon{width:39px;height:39px;display:grid;place-items:center;background:#d7f5ef;color:#067c71;border-radius:11px;font-size:18px;font-weight:850}
.fn103-role strong{font-size:17px;font-weight:850}
.fn103-role small{font-size:12px;line-height:1.5;color:#607986}
.fn103-roles-note{font-size:12px;color:#66808a;text-align:center;margin:17px auto 0;line-height:1.5}
.fn103-pricing-access-cta{text-align:center;margin-top:25px}
body.login.fn102-login .fn103-roles{width:min(430px,calc(100% - 36px));margin:0 max(6vw,calc((100vw - 1440px)/2)) 0 auto;position:relative;z-index:3}
body.login.fn102-login #login .fn103-roles{width:100%;margin:0 0 18px}
body.login.fn102-login .fn103-roles-title{font-size:12px;margin:0 0 8px;text-align:left}
body.login.fn102-login .fn103-roles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
body.login.fn102-login .fn103-role{padding:10px 5px;align-items:center;text-align:center;border-radius:9px;gap:5px;box-shadow:none}
body.login.fn102-login .fn103-role-icon{width:27px;height:27px;font-size:13px;border-radius:7px}
body.login.fn102-login .fn103-role strong{font-size:11px}
body.login.fn102-login .fn103-role small{display:none}
body.login.fn102-login .fn103-roles-note{font-size:10px;margin-top:7px;text-align:left}
@media(max-width:760px){.fn103-roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fn103-pricing-access{padding:55px 0}body.login.fn102-login .fn103-roles{width:100%}}
@media(max-width:380px){body.login.fn102-login .fn103-roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.fn103-role{transition:none}}

/* FINNEX 10.4: real SVG pictograms, clearer visual hierarchy */
.fn103-role-icon{width:50px;height:50px;flex:0 0 auto;background:linear-gradient(140deg,#e1f8f3,#c5efe5);color:#087d72;border:1px solid #b6e7dd;border-radius:14px;box-shadow:inset 0 1px 0 #fff}
.fn103-role-icon svg{width:26px;height:26px;display:block;stroke:currentColor}
.fn103-role{position:relative;overflow:hidden}
.fn103-role:hover .fn103-role-icon,.fn103-role:focus-visible .fn103-role-icon,.fn103-role.is-selected .fn103-role-icon{background:#0d9d8e;color:#fff;border-color:#0d9d8e}
.fn103-role:focus-visible{outline:3px solid #61d8c6;outline-offset:2px}
body.login.fn102-login .fn103-role{padding:13px 5px 11px;min-height:81px;justify-content:center;gap:7px}
body.login.fn102-login .fn103-role-icon{width:37px;height:37px;border-radius:11px}
body.login.fn102-login .fn103-role-icon svg{width:22px;height:22px}
body.login.fn102-login .fn103-role strong{font-size:12px;line-height:1.2;letter-spacing:0;font-weight:750}
@media(max-width:440px){body.login.fn102-login .fn103-role{min-height:74px;padding:10px 3px}body.login.fn102-login .fn103-role-icon{width:33px;height:33px}body.login.fn102-login .fn103-role-icon svg{width:20px;height:20px}}