.settings-icon{flex-shrink:0;width:42px;height:42px;padding:10px;display:grid;place-items:center;border-radius:12px}.settings-icon svg{width:22px;height:22px}.settings-icon.active{background:var(--lime);color:#14200e}#configuracoes{max-width:760px;margin:auto}.settings-intro{color:var(--muted);font-size:14px;line-height:1.6}.settings-menu{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.settings-menu a{color:var(--lime);border:1px solid var(--line);padding:10px 14px;border-radius:30px;text-decoration:none;font-size:13px}.settings-card,#configuracoes .health-box,#configuracoes .reminder-settings{background:linear-gradient(145deg,#1b2822,#111b17);border:1px solid var(--line);border-radius:18px;padding:22px;margin:16px 0;scroll-margin-top:16px}.settings-card h3{margin:0 0 16px}.settings-card p{font-size:13px;color:var(--muted);line-height:1.6}.settings-card .secondary,#configuracoes .reminder-settings button{display:inline-flex;align-items:center;justify-content:center;margin:5px 5px 5px 0;min-height:44px;white-space:normal;text-decoration:none}.settings-card .pet-controls{margin:18px 0}.settings-card .med-add{margin:0}.settings-card .med-add summary{padding:12px 0}.settings-card label{display:block;font-size:13px;margin:12px 0}.settings-card input,.settings-card select{max-width:100%}#configuracoes .health-values{grid-template-columns:repeat(3,minmax(0,1fr))}#configuracoes .health-values strong{overflow-wrap:anywhere}@media(max-width:520px){#app-header .greeting{gap:10px}#app-header .greeting h1{font-size:24px}#app-header .greeting .eyebrow{font-size:9px;letter-spacing:.8px}.settings-card,#configuracoes .health-box,#configuracoes .reminder-settings{padding:18px}.settings-menu a{font-size:12px;padding:9px 12px}.settings-icon{width:40px;height:40px}.settings-card .pet-controls form>div{flex-wrap:wrap}}
.settings-integrations{margin:26px 0;scroll-margin-top:16px}.integrations-heading h3{font-size:23px;letter-spacing:-.5px;margin:5px 0 8px}.integrations-heading>p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 18px}.integrations-list{display:grid;gap:12px}.integration-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#1b2822,#111b17);overflow:hidden}.integration-card>summary{display:flex;align-items:center;gap:14px;padding:20px;min-height:96px}.integration-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid #4b693d;border-radius:13px;background:#2c422c;color:var(--lime)}.integration-icon svg{width:27px;height:27px}.integration-name{font-size:17px;font-weight:750;flex:1;min-width:0}.integration-name small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:6px;line-height:1.5}.integration-status{display:block;padding:6px 9px;border:1px solid #546442;border-radius:20px;color:#d7dfc9;font-size:10px;line-height:1.4;max-width:145px;text-align:center}.integration-status[data-state=ready]{color:var(--lime);border-color:#6d9a4c}.integration-card[open]>summary{border-bottom:1px solid var(--line)}.integration-card[open]>summary>.chevron{transform:rotate(90deg)}.integration-content{padding:20px}.integration-content>p,.integration-steps{font-size:13px;color:var(--muted);line-height:1.7}.integration-content h4{margin:0 0 12px;font-size:17px}.integration-content .secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 15px;text-decoration:none}.integration-steps{padding-left:20px;margin:18px 0}.integration-steps li{padding-left:3px;margin:12px 0}.integration-steps strong{color:var(--ink)}.integration-strava .integration-icon{color:var(--orange);border-color:#825032;background:#3b291d}.integration-content .integration-note{font-size:12px;margin:16px 0 0}#configuracoes #health-sync.health-box{padding:0;margin:20px 0 0;border:0;background:none;box-shadow:none}.integration-content .integration-description{margin:0}.integration-content .health-setup{margin-bottom:0}@media(max-width:520px){.integration-card>summary{padding:16px;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:10px}.integration-icon{width:38px;height:38px;grid-row:1/3}.integration-name{font-size:16px}.integration-status{grid-column:2;justify-self:start;text-align:left;max-width:none;font-size:9px}.integration-card>summary>.chevron{grid-column:3;grid-row:1/3}.integration-content{padding:17px}.integration-name small{font-size:10px}.integration-content .health-values{gap:6px}.integration-content .health-values>div{padding:9px;font-size:11px}.integration-content .health-values strong{font-size:16px}}