/* PAPAREIL Profil Premium V7.1 — scoped components to avoid overriding theme and Asgaros. */
.ppp-wrap,.ppp-guest,.ppp-public-card{--ppp-navy:#102c50;--ppp-ink:#203957;--ppp-yellow:#ffcf4a;--ppp-cream:#fffaf0;--ppp-sky:#e8f4ff;--ppp-line:#e2eaf0;font-family:inherit;color:var(--ppp-ink);box-sizing:border-box}
.ppp-wrap *, .ppp-guest *{box-sizing:border-box}
.ppp-wrap{max-width:1250px;margin:22px auto 72px;padding:0 clamp(12px,2vw,22px)}
.ppp-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(108deg,#edf6ff 0%,#fff8ec 72%,#ffecba 100%);border:1px solid #e7edf0;border-radius:25px;padding:clamp(27px,5vw,55px);min-height:215px;display:flex;align-items:center;box-shadow:0 8px 35px rgba(31,61,96,.06)}
.ppp-hero:after{content:"";position:absolute;z-index:-1;right:18%;top:-50%;width:390px;aspect-ratio:1;background:radial-gradient(circle,#eaf4ff 0%,#eaf4ff00 70%)}
.ppp-hero-main{max-width:800px;position:relative;z-index:2}
.ppp-hero-eyebrow,.ppp-eyebrow,.ppp-kicker{font-weight:850;letter-spacing:.105em;font-size:12px;color:#2460a0;text-transform:uppercase}
.ppp-hero-eyebrow span{color:#ffbd28;margin:0 7px}
.ppp-hero h1{font-size:clamp(31px,4vw,57px)!important;font-weight:900!important;line-height:1.07!important;letter-spacing:-.042em!important;margin:13px 0!important;color:#123258!important}
.ppp-hero h1 em{font-weight:900;color:#eb8a51;font-style:normal;white-space:nowrap}
.ppp-hero p{font-size:clamp(15px,1.4vw,18px);font-weight:500;max-width:630px;line-height:1.65;margin:0}
.ppp-hero-sun{position:absolute;right:90px;top:30px;font-size:72px;color:#ffb940;opacity:.72;transform:rotate(24deg)}
.ppp-hero-circle{position:absolute;border-radius:50%;width:235px;height:235px;border:40px solid #dcf1fc;right:-115px;bottom:-117px;opacity:.9}
.ppp-layout{display:grid;grid-template-columns:minmax(235px,285px) minmax(0,1fr);gap:21px;margin-top:20px;align-items:start}
.ppp-side,.ppp-main{background:#fff;border:1px solid var(--ppp-line);box-shadow:0 14px 32px rgba(19,47,78,.045);border-radius:23px}
.ppp-side{padding:24px 14px 14px;position:sticky;top:22px}
.ppp-identity{text-align:center;padding:0 12px 22px;border-bottom:1px solid #ebeff5}
.ppp-avatar{position:relative;width:117px;height:117px;border-radius:50%;margin:0 auto 14px;background:#e9f5ff;padding:5px;box-shadow:0 0 0 1px #dce8f1}
.ppp-avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%}
.ppp-online{position:absolute;right:9px;bottom:10px;border:3px solid white;width:19px;height:19px;background:#65ba9c;border-radius:50%}
.ppp-identity h2{font-size:23px!important;color:#133252!important;line-height:1.2!important;font-weight:900!important;margin:0 0 7px!important;overflow-wrap:anywhere}
.ppp-member{font-weight:700;color:#647b91;font-size:13px}
.ppp-member-since{font-size:12px;color:#75899b;margin:11px 0 0}
.ppp-demo{display:inline-block;border-radius:7px;background:#fff0dc;color:#97560f;padding:4px 9px;font-size:11px;font-weight:900;letter-spacing:.035em;margin:8px 0}
.ppp-nav{padding:16px 0 3px;display:grid;gap:7px}
.ppp-navlink{display:flex!important;gap:12px;align-items:center;color:#425f78!important;text-decoration:none!important;border-radius:12px;padding:13px 14px;font-weight:780;font-size:14px;transition:background .15s ease,color .15s ease}
.ppp-navlink:hover{background:#f4f8ff;color:var(--ppp-navy)!important}
.ppp-navlink.is-active{background:#eaf4ff;color:#0e477f!important;box-shadow:inset 3px 0 #269bdb}
.ppp-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.ppp-side-note{margin:17px 4px 1px;padding:18px 13px;border-radius:15px;background:#fff5dc;text-align:center;font-size:14px;color:#6a5843;line-height:1.5;font-weight:600}
.ppp-side-note span{color:#af7149}
.ppp-main{min-height:490px;padding:clamp(19px,3.1vw,34px)}
.ppp-section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 27px}
.ppp-section-heading h2{font-size:clamp(23px,2.5vw,33px)!important;font-weight:900!important;line-height:1.15!important;color:#123258!important;letter-spacing:-.032em!important;margin:10px 0 11px!important}
.ppp-section-heading p{margin:0;color:#677d92;font-size:15px;line-height:1.6}
.ppp-subtle-link,.ppp-card-head a{display:inline-flex;gap:8px;align-items:center;text-decoration:none!important;font-weight:800;color:#135a9c!important;font-size:13px;white-space:nowrap}
.ppp-subtle-link .ppp-icon,.ppp-card-head .ppp-icon{width:16px}
.ppp-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:19px}
.ppp-stats>div{border-radius:16px;background:#f4f9ff;border:1px solid #e1ecf6;padding:18px 22px;min-height:113px;display:grid;grid-template-columns:43px 1fr;align-items:center;column-gap:12px}
.ppp-stats strong{font-size:37px;line-height:1;font-weight:900;color:#133252}
.ppp-stats>div>span:last-child{grid-column:2;color:#658099;font-weight:650;font-size:13px;margin-top:-13px}
.ppp-stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;grid-row:span 2}
.ppp-blue{background:#ddecff;color:#1378cc}.ppp-purple{background:#f0e5ff;color:#8757c5}
.ppp-welcome-card{display:flex;align-items:center;gap:23px;padding:24px 27px;background:linear-gradient(120deg,#fff4d9,#fffaf2);border-radius:18px;border:1px solid #f9e9c6;margin-bottom:22px}
.ppp-welcome-heart{font-size:51px;line-height:1;color:#ffba46}
.ppp-welcome-card h3{font-weight:900;color:#18365a;font-size:23px;margin:0 0 8px}
.ppp-welcome-card p{line-height:1.55;color:#657284;margin:0 0 17px;font-size:15px}
.ppp-btn{display:inline-flex!important;align-items:center!important;justify-content:center;gap:10px!important;border:0!important;border-radius:12px!important;background:#ffd34c!important;color:#143458!important;text-decoration:none!important;padding:12px 19px!important;font:inherit!important;font-size:14px!important;font-weight:900!important;cursor:pointer;box-shadow:0 3px 0 rgba(196,136,36,.14);line-height:1.3;transition:background .2s,transform .2s}
.ppp-btn:hover{background:#ffbd29!important;transform:translateY(-1px)}
.ppp-btn .ppp-icon{width:17px;height:17px}
.ppp-discussions-box{border:1px solid var(--ppp-line);border-radius:17px;overflow:hidden;background:#fff}
.ppp-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 21px;border-bottom:1px solid var(--ppp-line)}
.ppp-card-head h3{font-size:19px!important;font-weight:900!important;color:#18365a;margin:0!important}
.ppp-topic-list a{display:flex;align-items:center;gap:12px;min-height:59px;padding:12px 19px;border-bottom:1px solid #edf1f5;color:#1b3b5d!important;text-decoration:none!important;font-size:15px;font-weight:750}
.ppp-topic-list a:hover{background:#f7faff}.ppp-topic-list a:last-child{border-bottom:none}.ppp-topic-list a>svg:last-child{margin-left:auto;max-width:16px;color:#6995b6}
.ppp-topic-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e8f4ff;color:#1b82c9;flex-shrink:0}.ppp-topic-icon .ppp-icon{width:17px}
.ppp-empty-state{text-align:center;padding:40px 18px}.ppp-empty-state>svg{color:#82acdf;width:40px;height:40px;margin-bottom:11px}.ppp-empty-state strong{display:block;color:#163f68;font-size:17px}.ppp-empty-state p,.ppp-empty{color:#698096;font-size:14px}
.ppp-info-note{display:flex;align-items:flex-start;gap:10px;background:#eef8fc;border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.6;color:#3e6982;margin-top:18px}
.ppp-form{display:grid;gap:24px}
.ppp-avatar-edit{display:flex;align-items:center;gap:23px;padding:23px;background:#f3f9ff;border:1px dashed #b7d8f0;border-radius:17px}
.ppp-avatar-preview img{width:104px!important;height:104px!important;object-fit:cover;border-radius:50%;border:5px solid #fff;box-shadow:0 3px 12px #d3e3ee}
.ppp-avatar-edit strong{font-size:18px;font-weight:900;color:#17385b}.ppp-avatar-edit p{margin:5px 0 12px;font-size:13px;line-height:1.5;color:#687d93}
.ppp-upload-btn{display:inline-flex;gap:8px;align-items:center;cursor:pointer;border:1px solid #c0d2e2;border-radius:10px;padding:9px 12px;color:#164a7c;background:#fff;font-size:13px;font-weight:850}
.ppp-upload-btn input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}
.ppp-file-name{margin-left:10px;font-size:12px;color:#437d98}
.ppp-check.small{display:block;font-size:12px;margin-top:11px;color:#61758c}
.ppp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.ppp-form label:not(.ppp-upload-btn):not(.ppp-check):not(.ppp-setting){display:flex;flex-direction:column;font-weight:800;gap:9px;color:#1a3d60;font-size:14px}
.ppp-required{color:#e76b66}.ppp-form input[type=text],.ppp-form textarea{background:#fff;color:#1a3857;border:1.5px solid #cedce8;border-radius:11px;padding:14px 15px;font:inherit;font-size:15px!important;line-height:1.4;min-height:49px;max-width:100%;width:100%;box-shadow:none}
.ppp-form textarea{min-height:140px;resize:vertical}
.ppp-form label small{font-size:12px;font-weight:500;color:#73869a;line-height:1.5}
.ppp-form input:focus,.ppp-form textarea:focus{outline:3px solid #bee5ff!important;border-color:#3388ca!important;outline-offset:0}
.ppp-label>span{color:#73869a;font-size:12px;font-weight:500}
.ppp-form-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding-top:2px}.ppp-form-actions>span{font-size:13px;color:#72869b}
.ppp-setting{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:21px;border-radius:15px;background:#f6faff;border:1px solid #e3edf4;cursor:pointer}.ppp-setting>span{display:flex;gap:13px;align-items:flex-start}.ppp-setting .ppp-icon{color:#2588bf;margin-top:2px}.ppp-setting strong{font-size:15px;color:#17395d;display:block}.ppp-setting small{display:block;margin-top:5px;color:#6b7f92;font-size:13px;line-height:1.5}.ppp-setting input[type=checkbox]{accent-color:#247cc1;width:23px;height:23px;flex-shrink:0}
.ppp-alert{border-radius:12px;padding:13px 17px;margin-bottom:18px;font-weight:750;line-height:1.4}.ppp-success{background:#e5f7ef;color:#1f7354}.ppp-error{background:#fff0ec;color:#a74c3b}
.ppp-bottom{display:flex;justify-content:space-between;align-items:center;padding:21px 14px;color:#72859a;font-size:12px;gap:10px}.ppp-bottom a{color:#0d619e!important;text-decoration:none!important;font-weight:850;display:inline-flex;align-items:center;gap:7px}.ppp-bottom .ppp-icon{width:15px}
.ppp-guest{max-width:900px;margin:35px auto 60px;background:linear-gradient(110deg,#eef7ff,#fff5df);border:1px solid #e1eaf0;border-radius:24px;padding:clamp(28px,5vw,59px)}
.ppp-guest h1,.ppp-guest h2{font-size:clamp(29px,4vw,43px)!important;line-height:1.13!important;font-weight:900!important;color:#18375a!important;margin:13px 0 17px!important}.ppp-guest p{font-size:16px;line-height:1.65;max-width:650px;color:#506a80;margin:0 0 24px}
.ppp-public-identity{display:flex;align-items:center;gap:20px;margin:26px 0}.ppp-public-identity img{width:95px!important;height:95px!important;border-radius:50%;object-fit:cover;border:5px solid white}.ppp-public-identity h1{margin:0 0 5px!important}.ppp-public-identity p{margin:0;font-size:13px}
.ppp-public-card{min-height:350px}.ppp-redirect-link{padding:35px;text-align:center}
.ppp-guest a:focus-visible,.ppp-wrap a:focus-visible,.ppp-wrap button:focus-visible,.ppp-wrap input:focus-visible{outline:3px solid #1b83cf!important;outline-offset:3px}
@media(max-width:1000px){.ppp-layout{grid-template-columns:220px minmax(0,1fr)}.ppp-form-grid{grid-template-columns:1fr}.ppp-hero-sun{right:30px;opacity:.25}}
@media(max-width:740px){.ppp-wrap{padding:0 12px;margin:12px auto 35px}.ppp-layout{display:block}.ppp-side{position:static;padding:13px 12px;margin-bottom:13px}.ppp-identity{display:flex;text-align:left;align-items:center;flex-wrap:wrap;gap:4px 13px;padding:3px 3px 14px}.ppp-avatar{width:63px;height:63px;margin:0;grid-row:span 2;flex-shrink:0}.ppp-online{width:13px;height:13px;right:5px;bottom:5px;border-width:2px}.ppp-identity h2{font-size:18px!important;margin:0!important}.ppp-member{width:calc(100% - 80px)}.ppp-member-since,.ppp-side-note{display:none}.ppp-nav{display:flex;overflow-x:auto;gap:5px;padding:11px 0 2px}.ppp-navlink{white-space:nowrap;font-size:12px;padding:11px 10px}.ppp-navlink .ppp-icon{width:17px;height:17px}.ppp-main{padding:20px 15px}.ppp-section-heading{display:block}.ppp-subtle-link{margin-top:14px}.ppp-hero{padding:29px 22px;min-height:200px}.ppp-hero h1 em{white-space:normal}.ppp-stats{gap:9px}.ppp-stats>div{padding:13px 11px;grid-template-columns:1fr}.ppp-stat-icon{grid-row:1;width:36px;height:36px}.ppp-stats strong{font-size:29px;margin-top:10px}.ppp-stats>div>span:last-child{grid-column:1;margin-top:3px}.ppp-welcome-card{padding:21px;gap:11px}.ppp-welcome-heart{font-size:35px}.ppp-welcome-card h3{font-size:19px}.ppp-avatar-edit{flex-wrap:wrap;padding:15px}.ppp-avatar-preview img{width:83px!important;height:83px!important}.ppp-file-name{display:block;margin:8px 0 0}.ppp-form-actions{display:block}.ppp-form-actions>span{display:block;margin-top:11px}.ppp-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ppp-btn,.ppp-navlink{transition:none}}

/* V8.1 portrait accessibility and safe member form widths */
.ppp-wrap,.ppp-wrap *{box-sizing:border-box}.ppp-wrap{max-width:100%;min-width:0}.ppp-main,.ppp-side,.ppp-form,.ppp-public-card{min-width:0}.ppp-form :is(input,select,textarea){max-width:100%;min-width:0}
@media(max-width:580px){.ppp-wrap{padding:0 9px}.ppp-hero{min-width:0;overflow-wrap:break-word}.ppp-main{padding:18px 12px}.ppp-form-grid{grid-template-columns:minmax(0,1fr)}.ppp-setting{padding:14px;gap:7px}.ppp-identity h2{overflow-wrap:break-word}.ppp-nav{max-width:100%;-webkit-overflow-scrolling:touch}.ppp-navlink{min-height:44px;display:inline-flex;align-items:center}.ppp-public-identity{gap:12px;min-width:0;flex-wrap:wrap}.ppp-guest{padding:20px 15px}.ppp-form-actions .ppp-btn{min-height:44px}}
