:root{--pib-ink:#16231d;--pib-muted:#66736c;--pib-green:#176b4b;--pib-green-dark:#10543a;--pib-mint:#e8f4ee;--pib-bg:#f5f7f5;--pib-line:#dfe6e2;--pib-white:#fff;--pib-warn:#b42318}*{box-sizing:border-box}.pib-body{margin:0;background:var(--pib-bg);color:var(--pib-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pib-body a{color:inherit}.pib-header{height:72px;background:#fff;border-bottom:1px solid var(--pib-line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));gap:48px;position:sticky;top:0;z-index:20}.pib-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:750;white-space:nowrap}.pib-brand b{color:var(--pib-green)}.pib-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--pib-green);color:#fff;font-weight:800}.pib-header nav{display:flex;gap:26px;flex:1}.pib-header nav a,.pib-guest>a:first-child{font-size:14px;font-weight:650;text-decoration:none;color:#47564e}.pib-header nav a:hover{color:var(--pib-green)}.pib-header nav small{font-size:9px;background:var(--pib-mint);color:var(--pib-green);padding:3px 5px;border-radius:5px;margin-left:3px}.pib-user,.pib-guest{display:flex;align-items:center;gap:16px;font-size:14px}.pib-user a{color:var(--pib-muted)}.pib-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:50px 0 80px;min-height:calc(100vh - 140px)}.pib-auth{display:grid;grid-template-columns:1fr 460px;align-items:center;gap:100px;min-height:620px}.pib-auth-copy h1{font-size:52px;line-height:1.06;letter-spacing:-2.5px;margin:15px 0 20px;max-width:650px}.pib-auth-copy p{font-size:19px;line-height:1.65;color:var(--pib-muted);max-width:590px}.pib-kicker{font-size:12px;letter-spacing:1.8px;color:var(--pib-green);font-weight:800}.pib-card{background:#fff;border:1px solid var(--pib-line);border-radius:20px;padding:28px}.pib-form h2{font-size:26px;margin:0 0 6px}.pib-muted,.pib-heading p,.pib-pet-card p{color:var(--pib-muted)}.pib-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;margin:18px 0}.pib-form input,.pib-form select{width:100%;height:48px;border:1px solid #ccd6d0;border-radius:10px;background:#fff;padding:0 14px;font:inherit;color:var(--pib-ink);outline:none}.pib-form input:focus,.pib-form select:focus{border-color:var(--pib-green);box-shadow:0 0 0 3px rgba(23,107,75,.1)}.pib-check{flex-direction:row!important;align-items:center;font-weight:500!important}.pib-check input{width:17px;height:17px}.pib-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:0;border-radius:10px;padding:0 20px;background:var(--pib-green);color:#fff!important;text-decoration:none;font:700 14px inherit;cursor:pointer}.pib-button:hover{background:var(--pib-green-dark)}.pib-full{width:100%}.pib-secondary{background:#fff;color:var(--pib-ink)!important;border:1px solid var(--pib-line)}.pib-small-button{min-height:38px;padding:0 15px}.pib-center{text-align:center;font-size:14px}.pib-center a{color:var(--pib-green);font-weight:750}.pib-small{font-size:11px!important;line-height:1.5;color:var(--pib-muted);text-align:center}.pib-notice{padding:13px 16px;border-radius:10px;margin:0 0 20px;font-size:14px}.pib-error{color:#8f1d16;background:#fef0ee;border:1px solid #f8ccc7}.pib-success{color:#12603f;background:#e9f7f0;border:1px solid #bde4d1}.pib-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.pib-heading h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0 6px}.pib-heading p{margin:0}.pib-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pib-stats .pib-card{display:flex;flex-direction:column;gap:4px}.pib-stats strong{font-size:36px;color:var(--pib-green)}.pib-stats span{font-size:14px;color:var(--pib-muted)}.pib-section{margin-top:42px}.pib-section-title{display:flex;justify-content:space-between;align-items:center}.pib-section-title a{color:var(--pib-green);font-weight:700;font-size:14px}.pib-pet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pib-pet-card{display:flex;align-items:center;gap:18px}.pib-pet-photo{width:80px;height:80px;border-radius:16px;background:var(--pib-mint);display:grid;place-items:center;overflow:hidden;flex:none;font-size:30px;color:var(--pib-green)}.pib-pet-photo img{width:100%;height:100%;object-fit:cover}.pib-pet-card h3{margin:7px 0 3px;font-size:20px}.pib-pet-card p{margin:0;font-size:13px}.pib-tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:var(--pib-green)}.pib-empty{text-align:center;padding:56px 28px;grid-column:1/-1}.pib-empty h3,.pib-empty h2{margin:10px 0}.pib-empty p{color:var(--pib-muted);margin:0 auto 22px}.pib-paw{font-size:40px;color:var(--pib-green)}.pib-wide{max-width:900px}.pib-form-section{padding-bottom:26px;margin-bottom:22px;border-bottom:1px solid var(--pib-line)}.pib-form-section h2{font-size:19px;margin:0 0 12px}.pib-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.pib-upload{grid-row:span 2;min-height:190px;border:2px dashed #b8cbc1;border-radius:16px;align-items:center;justify-content:center;background:#f8fbf9;cursor:pointer}.pib-upload input{display:none}.pib-upload span{color:var(--pib-green);font-weight:800}.pib-upload small{color:var(--pib-muted);font-weight:400}.pib-actions{display:flex;justify-content:flex-end;gap:12px}.pib-footer{border-top:1px solid var(--pib-line);background:#fff;display:flex;justify-content:space-between;padding:24px max(24px,calc((100vw - 1180px)/2));font-size:12px;color:var(--pib-muted)}
@media(max-width:820px){.pib-header{padding:0 18px;height:64px}.pib-header nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--pib-line);height:62px;justify-content:space-around;align-items:center;z-index:30}.pib-header nav a{font-size:12px}.pib-user span{display:none}.pib-main{width:min(100% - 28px,680px);padding:30px 0 90px}.pib-auth{grid-template-columns:1fr;gap:24px;min-height:auto}.pib-auth-copy{display:none}.pib-card{padding:22px;border-radius:16px}.pib-heading{align-items:flex-start;flex-direction:column}.pib-heading h1{font-size:32px}.pib-stats{grid-template-columns:1fr}.pib-pet-grid{grid-template-columns:1fr}.pib-grid-2{grid-template-columns:1fr}.pib-upload{min-height:150px}.pib-footer{display:none}}

/* Layout lateral do aplicativo */
.pib-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.pib-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#fff;border-right:1px solid var(--pib-line);padding:24px 16px 18px;display:flex;flex-direction:column;z-index:50}.pib-sidebar .pib-brand{padding:0 8px 24px;border-bottom:1px solid var(--pib-line)}.pib-sidebar .pib-brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.pib-sidebar .pib-brand small{font-size:10px;color:var(--pib-muted);font-weight:600;margin-top:6px;letter-spacing:.4px}.pib-side-nav{display:flex;flex-direction:column;gap:4px;padding-top:18px;overflow:auto}.pib-nav-label{font-size:9px;letter-spacing:1.4px;color:#8a978f;font-weight:800;padding:16px 12px 6px}.pib-side-nav a{min-height:43px;display:flex;align-items:center;gap:11px;border-radius:10px;padding:0 12px;text-decoration:none;color:#526159;font-size:13px;font-weight:650}.pib-side-nav a i{width:20px;text-align:center;font-size:17px;font-style:normal;color:#718078}.pib-side-nav a:hover{background:#f1f7f4;color:var(--pib-green)}.pib-side-nav a.active{background:var(--pib-mint);color:var(--pib-green);font-weight:800}.pib-side-nav a.active i{color:var(--pib-green)}.pib-side-nav a small{margin-left:auto;padding:3px 6px;border-radius:5px;background:#f0f3f1;color:#7a8680;font-size:8px;text-transform:uppercase}.pib-coming{opacity:.75}.pib-sidebar-footer{margin-top:auto;border-top:1px solid var(--pib-line);padding:16px 8px 0;display:flex;align-items:center;gap:10px}.pib-user-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--pib-green);color:#fff;font-size:13px;font-weight:800}.pib-sidebar-footer div{min-width:0;display:flex;flex-direction:column}.pib-sidebar-footer strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.pib-sidebar-footer a{font-size:10px;color:var(--pib-muted);margin-top:3px}.pib-workspace{grid-column:2;min-width:0}.pib-topbar{height:72px;background:#fff;border-bottom:1px solid var(--pib-line);display:flex;align-items:center;padding:0 34px;gap:12px}.pib-topbar>div{display:flex;flex-direction:column}.pib-topbar strong{font-size:14px}.pib-topbar span{font-size:10px;color:var(--pib-muted);margin-top:3px}.pib-help{margin-left:auto;font-size:12px;color:var(--pib-green);font-weight:750}.pib-menu-button{display:none;border:0;background:transparent;font-size:22px}.pib-workspace .pib-main{width:min(1120px,calc(100% - 64px));padding-top:42px}.pib-workspace .pib-footer{padding-left:32px;padding-right:32px}.pib-auth-header{height:72px;background:#fff;border-bottom:1px solid var(--pib-line);display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2))}.pib-auth-main{min-height:calc(100vh - 140px)}
@media(max-width:820px){.pib-layout{display:block}.pib-sidebar{transform:translateX(-105%);transition:transform .2s ease;box-shadow:12px 0 30px rgba(10,45,30,.12)}.pib-sidebar.is-open{transform:translateX(0)}.pib-workspace{width:100%}.pib-topbar{height:64px;padding:0 16px}.pib-menu-button{display:block}.pib-workspace .pib-main{width:min(100% - 28px,680px);padding-top:28px}.pib-auth-header{height:64px;padding:0 16px}.pib-auth-header .pib-brand{font-size:17px}.pib-auth-header .pib-brand-mark{width:34px;height:34px}.pib-auth-header .pib-guest>a:first-child{display:none}}

/* Prévia e persistência visual da foto */
.pib-upload{position:relative;overflow:hidden}.pib-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2;color:var(--pib-green);font-weight:800}.pib-upload-placeholder small{color:var(--pib-muted);font-weight:400}.pib-upload img{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pib-upload.has-preview img{display:block}.pib-upload.has-preview .pib-upload-placeholder{opacity:0}.pib-upload.has-preview:hover .pib-upload-placeholder{opacity:1;background:rgba(255,255,255,.92);padding:12px;border-radius:10px}
.pib-upload-status{display:none;position:absolute;left:12px;right:12px;bottom:12px;z-index:4;padding:9px 11px;border-radius:8px;background:rgba(17,48,34,.88);color:#fff!important;font-size:11px;text-align:center}.pib-upload.is-uploading .pib-upload-status,.pib-upload.upload-success .pib-upload-status,.pib-upload.upload-error .pib-upload-status{display:block}.pib-upload.upload-success .pib-upload-status{background:rgba(23,107,75,.92)}.pib-upload.upload-error .pib-upload-status{background:rgba(180,35,24,.94)}

/* Perfil completo do pet */
.pib-form textarea{width:100%;min-height:105px;border:1px solid #ccd6d0;border-radius:10px;background:#fff;padding:12px 14px;font:inherit;color:var(--pib-ink);outline:none;resize:vertical}.pib-form textarea:focus{border-color:var(--pib-green);box-shadow:0 0 0 3px rgba(23,107,75,.1)}.pib-pet-card{text-decoration:none;transition:border-color .18s ease,transform .18s ease}.pib-pet-card:hover{border-color:#a9c9b9;transform:translateY(-2px)}.pib-view-link{display:block;margin-top:9px;color:var(--pib-green);font-size:11px;font-weight:800}.pib-profile-hero{display:flex;align-items:center;gap:24px;margin-bottom:20px}.pib-profile-photo{width:122px;height:122px;border-radius:22px;background:var(--pib-mint);display:grid;place-items:center;overflow:hidden;flex:none;color:var(--pib-green);font-size:44px}.pib-profile-photo img{width:100%;height:100%;object-fit:cover}.pib-profile-title h1{font-size:38px;line-height:1;margin:9px 0 7px;letter-spacing:-1.3px}.pib-profile-title p{color:var(--pib-muted);margin:0}.pib-profile-actions{margin-left:auto;display:flex;gap:10px}.pib-profile-actions button:disabled{opacity:.65;cursor:not-allowed}.pib-profile-actions button small{font-size:8px;text-transform:uppercase;margin-left:7px}.pib-profile-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px}.pib-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.pib-card-heading h2{font-size:18px;margin:0}.pib-card-heading>span{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:var(--pib-green);font-weight:800}.pib-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 18px}.pib-detail-grid div{display:flex;flex-direction:column;gap:5px}.pib-detail-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--pib-muted)}.pib-detail-grid strong{font-size:14px}.pib-owner{display:flex;gap:12px;align-items:flex-start}.pib-owner>.pib-user-avatar{width:44px;height:44px}.pib-owner div{display:flex;flex-direction:column;gap:4px;min-width:0}.pib-owner strong{font-size:14px}.pib-owner div span{font-size:11px;color:var(--pib-muted);overflow-wrap:anywhere}.pib-care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.pib-care-grid h3{font-size:15px;margin:12px 0 7px}.pib-care-grid p{font-size:12px;line-height:1.6;color:var(--pib-muted);margin:0}.pib-care-icon{width:32px;height:32px;border-radius:9px;background:var(--pib-mint);color:var(--pib-green);display:grid;place-items:center;font-weight:900}.pib-danger-zone{text-align:right;margin-top:22px}.pib-danger-zone button,.pib-remove-photo button{border:0;background:transparent;color:#a62a20;text-decoration:underline;font-size:11px;cursor:pointer}.pib-remove-photo{max-width:900px;text-align:right;margin:-22px 0 8px}.pib-remove-photo input{display:none}
@media(max-width:900px){.pib-profile-hero{align-items:flex-start;flex-wrap:wrap}.pib-profile-actions{width:100%;margin-left:0}.pib-profile-layout{grid-template-columns:1fr}.pib-care-grid{grid-template-columns:1fr}.pib-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pib-profile-photo{width:92px;height:92px}.pib-profile-title h1{font-size:30px}.pib-profile-actions{flex-direction:column}.pib-profile-actions .pib-button{width:100%}.pib-detail-grid{grid-template-columns:1fr}.pib-profile-hero{padding:20px}}