
.pp-intro{font-size:14px;color:#354b37;line-height:1.5;margin:-7px 0 27px}.pp-identity{display:flex;align-items:center;gap:15px;padding:5px 0 22px}.pp-avatar{width:65px;height:65px;display:grid;place-items:center;flex-shrink:0;background:#eaf2d6;border:3px solid #fff;outline:1px solid #d4dfbf;border-radius:50%;color:#3e5c29;font-size:22px;font-weight:650}.pp-identity h3{font-size:22px;letter-spacing:-.6px;margin:0 0 7px}.pp-identity p{font-size:12px;margin:0 0 5px;color:#536747}.pp-identity small{font-size:12px;color:#536747;overflow-wrap:anywhere}.pp-identity>div{min-width:0}.pp-section{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#536747;margin:20px 0 11px}.pp-group{background:white;border:1px solid #e3e8dc;border-radius:21px;padding:0 16px}.pp-row{width:100%;display:flex;align-items:center;gap:12px;padding:18px 0;border:0;border-radius:0;background:none;text-align:left;min-height:84px}.pp-row+.pp-row{border-top:1px solid #e9ede3}.pp-icon{display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#f0f5e7;width:38px;height:40px;color:#5d7940}.pp-icon svg{width:22px;height:22px}.pp-row>span:nth-child(2){flex:1;min-width:0}.pp-row strong{font-size:14px;display:block}.pp-row small{font-size:11px;color:#536747;font-weight:400;display:block;line-height:1.5;margin-top:5px}.pp-row>b{font-size:23px;color:#6d8157;font-weight:400}.pp-signout{display:block;min-height:44px;font-size:13px;color:#795144;margin:22px auto 0}.pp-foot,.pp-demo{font-size:11px;color:#536747;line-height:1.6;text-align:center;margin:18px 0}.pp-demo{color:#6a7563;margin-bottom:0}.pp-card{background:white;border:1px solid #e3e8dc;border-radius:21px;padding:19px;margin-bottom:19px}.pp-card label{font-size:13px;font-weight:600;color:#354b37;display:block;margin-bottom:8px}.pp-card input{width:100%;min-height:44px;padding:7px 0;background:none;border:0;border-radius:6px;box-shadow:none;color:#19392d}.pp-card small{font-size:11px;line-height:1.6;color:#536747;display:block;margin-top:5px}.pp-divider{height:1px;background:#e9ede3;margin:17px 0}.pp-modes{border:0;padding:0;margin:0;min-width:0}.pp-modes legend{font-size:13px;font-weight:600;color:#354b37;margin-bottom:13px}.pp-modes>div{display:flex;gap:6px}.pp-modes label{position:relative;flex:1;min-width:0;margin:0}.pp-modes input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.pp-modes span{display:grid;place-items:center;min-height:45px;font-size:12px;border:1px solid #dce3d3;background:#fff;border-radius:13px;color:#536747}.pp-modes input:checked+span{background:#e6f5bc;border-color:#bdcf8b;color:#304b23}.pp-duration{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pp-duration>div:first-child{flex:1;min-width:140px}.pp-duration label{margin-bottom:0}.pp-duration small{font-size:10px}.pp-duration>span{font-size:11px;color:#536747}.pp-stepper{display:flex;align-items:center;border:1px solid #dce3d3;background:#f7f9f1;border-radius:13px;padding:2px}.pp-stepper button{min-height:42px;width:29px;border:0;background:none;padding:0;color:#4e6a35;font-size:20px}.pp-preview .pp-stepper input{width:39px;padding:0;text-align:center;font-weight:650;appearance:textfield}.pp-stepper input::-webkit-inner-spin-button{appearance:none}.pp-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.pp-card-head label{margin:0}.pp-card-head small{margin:0;font-size:10px}.pp-place{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f9f2;border:1px solid #e4e9dc;border-radius:12px;padding:0 12px;min-height:45px;margin-bottom:9px}.pp-place span{font-size:13px;overflow-wrap:anywhere}.pp-place button{border:0;background:none;font-size:21px;color:#657b4d;padding:4px;min-height:42px;min-width:32px}.pp-add{font-size:12px;min-height:44px;padding:8px 0}.pp-preview [hidden]{display:none!important}.pp-empty{font-size:12px;color:#536747}.pp-back{width:100%;font-size:13px;min-height:44px;margin-top:8px}.pp-account-row{display:flex;gap:13px;align-items:center}.pp-account-row .pp-avatar{width:48px;height:48px;font-size:16px}.pp-account-row strong{font-size:15px}.pp-email{overflow-wrap:anywhere}.pp-card>p{font-size:14px;color:#536747;line-height:1.6}.pp-card>h3{font-size:23px;line-height:1.3}.pp-modes input:focus-visible+span,.pp-preview input:focus-visible,.pp-preview button:focus-visible{outline:2px solid #779447;outline-offset:2px}#pp-add-location{display:flex;gap:8px;margin:5px 0 12px}#pp-add-location input{min-width:0;border:1px solid #dce3d3;padding:8px;border-radius:10px}#pp-add-location button{font-size:11px;padding:8px}
/* Profile hub: clear hierarchy and a continuous, softly fading header. */
#dialog:has(#dialog-content .pp-identity){background-image:linear-gradient(180deg,rgba(246,247,242,.87),rgba(246,247,242,.86) 50%,#f6f7f2 100%),url('assets/brand/bora-fundo-claro-v2.jpg');background-size:100% 270px}
#dialog:has(#dialog-content .pp-identity) #dialog-title{margin-bottom:18px}
.pp-identity{background:#ffffffed;border:1px solid #e3e8dc;border-radius:22px;padding:21px 18px;margin:24px 0 25px;gap:16px;box-shadow:0 4px 15px #19392d03;align-items:center}
.pp-identity .pp-avatar{width:58px;height:58px;font-size:19px;border:2px solid white;outline:1px solid #dbe4ce}
.pp-identity h3{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0 0 6px}
.pp-identity p{font-size:12px;line-height:1.4;margin:0 0 6px}
.pp-identity small{display:block;font-size:11px;line-height:1.5}
.pp-identity+.pp-section{margin-top:0}
@media(max-width:350px){.pp-identity{padding:18px 14px;gap:12px}.pp-identity h3{font-size:18px}.pp-identity .pp-avatar{width:48px;height:48px;font-size:17px}}

.pp-preview .account-avatar{width:58px;height:58px;flex-shrink:0;font-size:19px}.pp-preview .account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-page{max-width:620px;margin:auto}.pp-preview .pp-stepper input{width:39px}.pp-preview input,.pp-preview select{font-size:16px}body[data-role=professional][data-page=settings] .demo,body[data-role=professional][data-page=settings] .footnote{display:none}
body[data-role=professional][data-page=settings] .workspace{background-color:#f6f7f2;background-image:linear-gradient(180deg,#f6f7f2bb,#f6f7f2aa 60%,#f6f7f2 100%),url('assets/brand/bora-fundo-claro-v2.jpg');background-position:center top;background-size:100% calc(250px + var(--safe-top));background-repeat:no-repeat}
body[data-role=professional][data-page=settings] .topbar{background:transparent;border:0;box-shadow:none;backdrop-filter:none;position:relative;top:0;min-height:calc(70px + var(--safe-top));padding:calc(12px + var(--safe-top)) 20px 0}
body[data-role=professional][data-page=settings]{padding-top:0}body[data-role=professional][data-page=settings] #content{padding:22px 20px;background:transparent;max-width:none}.profile-page h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 24px}
