/* Only the certification state inside /account.htm. */
#account .lua-certification-wrap{flex:0 1 400px;max-width:100%;min-width:0}
#account .lua-cert-card{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:0;padding:16px 18px;border:1px solid #e3eaf4;border-radius:10px;background:#f7faff;color:#31465f;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
#account .lua-cert-card:hover{border-color:#bfd1ee;background:#f1f6ff}
#account .lua-cert-card:focus-visible{outline:2px solid #2466d4;outline-offset:3px}
#account .lua-cert-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;border:1px solid #e5ecf5;border-radius:10px;background:#fff}
#account .lua-cert-symbol img{display:block;width:25px;height:25px;object-fit:contain}
#account .lua-cert-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
#account .lua-cert-copy strong{font-size:14px;line-height:1.5;font-weight:600;color:#31465f}
#account .lua-cert-copy>span{font-size:12px;line-height:1.6;color:#66778e;overflow-wrap:anywhere}
#account .lua-cert-action{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:44px;color:#2466d4;font-size:13px;font-weight:500;white-space:nowrap}
#account .lua-cert-card.is-pending{background:#f8fafc;border-color:#e3e9f1}
#account .lua-cert-card.is-pending .lua-cert-action{color:#526984}
#account .lua-cert-card.is-failed{background:#fffaf5;border-color:#f0dfcb}
#account .lua-cert-card.is-failed .lua-cert-action{color:#93551a}
@media(max-width:750px){#account .lua-certification-wrap{flex-basis:100%;width:100%}#account .lua-cert-card{padding:14px;gap:10px}#account .lua-cert-symbol{flex-basis:38px;height:38px}#account .lua-cert-copy>span{max-width:100%}#account .lua-cert-action{font-size:12px;gap:3px}}
@media(max-width:375px){#account .lua-cert-card{flex-wrap:wrap}#account .lua-cert-action{margin-left:48px;min-height:32px}}
@media(prefers-reduced-motion:reduce){#account .lua-cert-card{transition:none}}
/* Compact horizontal profile header: identity on the left, certification on the right. */
#account .box-top{min-height:0;padding:18px 24px;border-radius:10px}
#account .right-name{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap}
#account .lua-profile-identity{display:flex;flex:1;align-items:center;gap:12px 24px;flex-wrap:wrap;min-width:0}
#account .lua-profile-identity .name-text{flex:0 0 auto;font-size:19px;line-height:1.5}
#account .lua-profile-contact{display:flex;flex:1;gap:8px 20px;align-items:center;flex-wrap:wrap;margin:0;min-width:0;color:#536880;font-size:13px}
#account .lua-profile-contact>span{display:inline-flex;align-items:baseline;gap:7px;min-width:0;overflow-wrap:anywhere;word-break:break-word}
#account .lua-profile-contact small{flex-shrink:0;color:#78869a;font-size:12px;font-weight:400}
#account .lua-profile-identity .name-country{margin:0;display:flex;align-items:center}
#account .lua-certification-wrap{flex:0 0 auto;width:auto;max-width:42%}
#account .lua-cert-card{gap:10px;padding:10px 12px;border-radius:8px;min-height:62px}
#account .lua-cert-symbol{flex-basis:34px;height:34px;border-radius:8px}
#account .lua-cert-symbol img{width:23px;height:23px}
#account .lua-cert-copy{gap:2px}
#account .lua-cert-action{min-height:36px}
#account .lua-cert-card.is-verified{background:#f3faf7;border-color:#dceee4;cursor:default}
#account .lua-cert-card.is-verified .lua-cert-copy strong{color:#28634a}
#account .lua-cert-card.is-verified .lua-cert-symbol{border-color:#e0ede5}
#account .lua-cert-details{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;min-height:44px;margin:-2px -4px -2px 0;padding:0;border:0;border-radius:5px;background:transparent;color:#486f5c;font:inherit;cursor:pointer}
#account .lua-cert-details:hover{background:#e5f2eb}
#account .lua-cert-details:focus-visible{outline:2px solid #2466d4;outline-offset:2px}
@media(max-width:1000px){#account .lua-profile-identity{gap:6px 16px}#account .lua-profile-contact{flex-basis:100%;gap:6px 16px}#account .lua-certification-wrap{max-width:48%}}
@media(max-width:600px){#account .box-top{padding:16px}#account .right-name{gap:12px;align-items:flex-start}#account .lua-profile-identity{gap:6px;align-content:flex-start}#account .lua-profile-identity .name-text{font-size:17px;max-width:100%}#account .lua-profile-contact{gap:4px;font-size:12px}#account .lua-profile-contact>span{width:100%;gap:5px}#account .lua-certification-wrap{max-width:48%}#account .lua-cert-card{padding:9px;gap:7px;flex-wrap:wrap;min-height:0}#account .lua-cert-symbol{display:none}#account .lua-cert-copy strong{font-size:12px}#account .lua-cert-copy>span{font-size:12px}#account .lua-cert-action{margin:0;min-height:32px;font-size:12px}#account .lua-cert-details{flex-basis:24px;min-height:36px}#account .lua-profile-identity .name-country{display:none}}
/* Overview panels: basic details left, account settings right. */
#account .box-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
#account .box-main>.basic,#account .box-main>.account{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;padding:24px;border-radius:10px;align-content:start}
#account .box-main>.oauth{grid-column:1/-1;border-radius:10px}
#account .box-main>.btn-save{grid-column:1/-1;justify-self:start}
@media(max-width:980px){#account .box-main{grid-template-columns:minmax(0,1fr)}#account .box-main>.basic,#account .box-main>.account{grid-column:1/-1}}
@media(max-width:600px){#account .box-main>.basic,#account .box-main>.account{grid-template-columns:minmax(0,1fr);padding:18px;gap:18px}#account .box-main>.btn-save{justify-self:stretch}}
/* Read-only certification details on the customer account page. */
#account .lua-cert-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:18px 0 20px;align-items:start}
#account .lua-cert-panel{min-width:0;padding:18px 22px 20px;border:1px solid #dfe7f2;border-radius:10px;background:#fff;box-sizing:border-box}
#account .lua-cert-panel-head{display:flex;align-items:center;gap:14px;min-width:0;margin-bottom:14px}
#account .lua-cert-illustration{display:block;flex:0 0 72px;width:72px;height:72px;object-fit:contain}
#account .lua-cert-panel-heading{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}
#account .lua-cert-panel-heading h3{margin:0;font:inherit;font-size:15px;font-weight:600;line-height:1.5;color:#263d59}
#account .lua-cert-status{display:inline-flex;align-items:center;min-height:24px;padding:1px 9px;border:1px solid #e1e7ef;border-radius:5px;font-size:12px;line-height:1.5;color:#5d6b7d;background:#f7f9fc}
#account .lua-cert-status.is-verified{color:#137248;background:#eef9f2;border-color:#d3eddf}
#account .lua-cert-status.is-pending{color:#8b5b10;background:#fff8e9;border-color:#f1e2bc}
#account .lua-cert-status.is-failed{color:#a33535;background:#fff3f2;border-color:#f3d5d3}
#account .lua-cert-panel-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;min-height:44px;padding:0 5px;border:0;border-radius:5px;background:transparent;color:#2466d4;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
#account .lua-cert-panel-link:hover{background:#f2f6ff}
#account .lua-cert-panel-link:focus-visible{outline:2px solid #2466d4;outline-offset:2px}
#account .lua-cert-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0;padding-top:14px;border-top:1px solid #edf1f7}
#account .lua-cert-fields>div{min-width:0}
#account .lua-cert-fields dt{margin:0 0 5px;font-size:12px;line-height:1.6;color:#708096}
#account .lua-cert-fields dd{margin:0;font-size:13px;line-height:1.7;color:#31465f;overflow-wrap:anywhere}
#account .lua-cert-empty{padding:12px 0 2px;border-top:1px solid #edf1f7;color:#708096;font-size:13px;line-height:1.8}
#account .lua-cert-failure{margin:12px 0 0;color:#a33535;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
#account .lua-readonly-value{display:flex;align-items:center;min-width:0;min-height:42px;padding:8px 12px;box-sizing:border-box;border:1px solid #dce5f1;border-radius:4px;background:#f8fafd;color:#53657d;font-size:inherit;line-height:1.6;overflow-wrap:anywhere}
#account .lua-masked-card{font-variant-numeric:tabular-nums;letter-spacing:.3px}
#account .lua-cert-symbol{display:flex;flex-basis:54px;width:54px;height:54px;border:0;background:transparent}
#account .lua-cert-symbol img{width:54px;height:54px;object-fit:contain}
@media(max-width:980px){#account .lua-cert-panels{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#account .lua-cert-panel{padding:14px 16px 16px}#account .lua-cert-panel-head{gap:10px;margin-bottom:12px}#account .lua-cert-illustration{flex-basis:60px;width:60px;height:60px}#account .lua-cert-fields{gap:12px 16px}#account .lua-cert-symbol{display:flex;flex-basis:42px;width:42px;height:42px}#account .lua-cert-symbol img{width:42px;height:42px}#account .lua-certification-wrap{max-width:54%}#account .lua-cert-card{flex-wrap:nowrap}#account .lua-cert-details{display:none}}
@media(max-width:380px){#account .lua-cert-panel-link{font-size:12px;padding:0}#account .lua-cert-fields{grid-template-columns:minmax(0,1fr)}#account .lua-cert-panels{gap:14px}}