.tools-share-label{font-size:10px;color:#a0a68e;background:#edf0e7;padding:7px 10px;border-radius:18px}.measurement-list button:disabled{opacity:1}
.people-strip{overflow-x:auto;justify-content:flex-start;gap:14px;scrollbar-width:none}.people-strip::-webkit-scrollbar{display:none}.person-bubble{flex-shrink:0;width:57px}
.child-growth-summary-wrap{padding:0 19px 12px}.child-growth-summary{width:100%;min-height:44px;display:flex;align-items:center;gap:9px;padding:0 2px;border-radius:0;border-bottom:1px solid #e5e4dd;background:transparent;text-align:left;font-size:11px;color:#87877e}
.growth-summary-label{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:11px;color:#919189}.growth-summary-label svg{width:15px;height:15px}
.growth-summary-values{display:flex;align-items:baseline;gap:5px;white-space:nowrap;min-width:0}.growth-summary-values strong{font-size:13px;font-weight:550;color:#606059;letter-spacing:-.2px}.growth-summary-values small{font-size:9px;font-weight:400;color:#a0a096;margin-left:3px}.growth-summary-values i{font-style:normal;font-size:10px;color:#b8b8ad}
.growth-summary-plan{margin-left:auto;white-space:nowrap;font-size:10px;color:#99998f}.growth-summary-plan.near{color:#7e7e73}.child-growth-summary>svg:last-child{width:12px;height:12px;flex-shrink:0;color:#a9a99f}
.tools-child-switch{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:0 0 13px;scrollbar-width:none}.tools-child-switch button{display:flex;align-items:center;gap:6px;min-height:38px;border-radius:22px;padding:4px 14px 4px 5px;background:#eaece2;color:#929b80;font-size:12px;white-space:nowrap;flex-shrink:0}.tools-child-switch button[aria-pressed=true]{background:#49543b;color:#fff}.tools-switch-avatar{width:27px;height:27px;border-radius:50%;background-image:url('../assets/moments.png');background-size:300% auto}
.profile-children{background:#fff;border-radius:25px;padding:16px 16px 4px;margin-bottom:16px}.profile-children-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.profile-children-heading h3{font-size:13px;font-weight:550;color:#595d4c}.profile-children-heading>span{font-size:10px;color:#a8ad98}.profile-children>button{display:flex;align-items:center;gap:11px;width:100%;min-height:66px;text-align:left;border-bottom:1px solid #f0f0e8}.profile-children>button:last-child{border:0}.profile-children>button>span:nth-child(2){flex:1}.profile-children strong{display:block;font-size:13px;font-weight:550;color:#686e58}.profile-children small{display:block;font-size:10px;color:#a2a78f;margin-top:4px}.profile-children>button>svg{width:13px;height:13px;color:#b1b69f}
@media(max-width:360px){.people-strip{gap:11px}.person-bubble{width:50px}.child-growth-summary-wrap{padding-inline:16px}.child-growth-summary{padding-inline:2px;gap:7px}.growth-summary-values strong{font-size:12px}.growth-summary-plan{font-size:9px}}
.growth-tools-page{padding:0 19px}.tools-child-label{display:flex;gap:11px;align-items:center;padding:5px 2px 18px}.tools-child-avatar{width:41px;height:41px;border-radius:50%;background-image:url('../assets/moments.png');background-size:300% auto;flex-shrink:0}.tools-child-label strong{font-size:14px;font-weight:550}.tools-child-label p{font-size:10px;color:#9b9d8d;margin-top:4px}
.tools-tabs{display:flex;gap:4px;background:#eae9e1;padding:5px;border-radius:26px;margin-bottom:18px}.tools-tabs button{flex:1;min-height:39px;border-radius:23px;font-size:12px;color:#969584;white-space:nowrap}.tools-tabs button[aria-pressed=true]{background:#fff;color:#393b31;box-shadow:0 2px 5px #535a3910}
.tools-card{background:#fff;border-radius:24px;padding:17px 16px;margin-bottom:14px}.tools-card-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.tools-card h2,.tools-section-heading h2{font-size:14px;font-weight:550;color:#373a30}.tools-card-heading p{font-size:10px;color:#a2a493;margin-top:5px}
.tools-small-button{display:flex;align-items:center;gap:4px;min-height:38px;padding:0 13px;border-radius:22px;background:#eeefe7;font-size:11px;color:#7a8069}.tools-small-button svg{width:13px;height:13px}
.measurement-values{display:flex;gap:14px;margin-top:22px}.measurement-values>div{flex:1}.measurement-values>div>span{font-size:11px;color:#9b9e8c}.measurement-values strong{display:block;font-size:36px;font-weight:500;letter-spacing:-1px;color:#343d2b;line-height:1.6}.measurement-values strong small{font-size:11px;font-weight:400;letter-spacing:0;color:#b2b4a5;margin-left:7px}.measurement-values p{font-size:10px;color:#a3a793;line-height:1.8}
.tools-card-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:41px;border-top:1px solid #eeeee5;font-size:11px;color:#8d917d;margin-top:16px;padding-top:8px}.tools-card-link svg{width:13px;height:13px}
.tools-section-heading{display:flex;align-items:center;justify-content:space-between;margin:21px 3px 12px;gap:10px}.tools-section-heading>button{display:flex;align-items:center;gap:3px;min-height:36px;font-size:11px;color:#969b84}.tools-section-heading>button svg{width:12px;height:12px}.tools-section-heading>span{font-size:10px;color:#a8a995}
.appointment-top{display:flex;align-items:flex-start;gap:10px}.appointment-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:13px;background:#f0eee1;color:#aaa080;flex-shrink:0}.appointment-icon svg{width:17px;height:17px}.appointment-top>div{flex:1;min-width:0}.appointment-top h3{font-size:12px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}.appointment-top p{font-size:11px;color:#929780;margin-top:4px}.appointment-status{font-size:9px;color:#969984;background:#f2f3ed;max-width:96px;line-height:1.6;border-radius:12px;padding:4px 7px;text-align:center;flex-shrink:0}.appointment-status.due{background:#f4eddd;color:#a69059}.appointment-status.done{background:#eaf0e6;color:#889c75}
.appointment-note{font-size:11px;color:#a1a48f;line-height:1.7;margin:13px 0 4px;overflow-wrap:anywhere}.appointment-actions{display:flex;align-items:center;gap:6px;margin-top:13px;border-top:1px solid #efefe6;padding-top:10px}.appointment-actions button{flex:1;min-height:38px;font-size:10px;color:#9c9e87;border-radius:20px;white-space:nowrap}.appointment-actions .appointment-primary{background:#e9eddf;color:#7a8660;padding-inline:9px}.appointment-remind{font-size:9px;color:#b2b5a3;margin-top:8px}
.tools-add-plan{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:45px;border:1px dashed #cfd4c1;border-radius:23px;font-size:12px;color:#8c947a}.tools-add-plan svg{width:15px;height:15px}.tools-note{font-size:10px;color:#a7aa97;line-height:1.8;margin:12px 3px}.tools-footnote{font-size:9px;text-align:center;color:#b5b6a6;line-height:1.8;margin:22px 5px 0}.tools-empty{padding:25px 15px;text-align:center;font-size:12px;color:#a4a68f;line-height:1.8}
.metric-switch{display:flex;align-items:center;background:#f1f2eb;padding:3px;border-radius:20px}.metric-switch button{min-height:32px;padding:0 11px;font-size:10px;color:#a4a78f;border-radius:17px}.metric-switch button[aria-pressed=true]{background:#fff;color:#727d5c}.growth-chart{width:100%;height:auto;display:block;margin-top:16px}.growth-chart text{font-family:inherit;font-size:10px;fill:#a1a68e}
.measurement-list{padding:3px 16px}.measurement-list button{display:flex;align-items:center;gap:12px;width:100%;min-height:61px;border-bottom:1px solid #f0f0e7;font-size:12px}.measurement-list button:last-child{border:0}.measurement-list time{color:#9a9e87;flex:1;text-align:left}.measurement-list strong{font-size:14px;color:#737e5f;font-weight:500;min-width:59px}.measurement-list small{font-size:10px;color:#b8baa9;font-weight:400;margin-left:4px}.measurement-list svg{width:12px;height:12px;color:#bbbdaa}
.tools-plan-filters{display:flex;gap:7px;margin:0 0 12px}.tools-plan-filters button{min-height:37px;padding:0 16px;border-radius:20px;background:#fff;font-size:11px;color:#a2a68e}.tools-plan-filters button[aria-pressed=true]{background:#444e36;color:#fff}
.tools-form-intro{font-size:12px;color:#9a9e88;margin:0 0 17px;line-height:1.6}.tools-label{display:block;font-size:12px;color:#858d70;margin:16px 0 8px}.tools-input{width:100%;min-height:48px;border:1px solid #e7e9df;background:#fff;border-radius:16px;padding:11px 12px;font:inherit;font-size:16px;color:#535f3e;min-width:0;box-sizing:border-box}.tools-input::placeholder{font-size:12px;color:#babdad}.tools-form-columns{display:flex;gap:12px}.tools-form-columns>div{flex:1;min-width:0}.tools-input[type=date],.tools-input[type=time]{font-size:14px}.tools-input[type=date]::-webkit-date-and-time-value{text-align:left}.tools-input:focus-visible{outline:2px solid #9da68a;outline-offset:1px}textarea.tools-input{min-height:80px;resize:vertical}
.tools-back{display:inline-flex;align-items:center;gap:5px;min-height:30px;font-size:11px;color:#969b85;padding:0;margin:0 0 3px}.tools-back svg{width:13px;height:13px}
@media(max-width:360px){.growth-tools-page{padding-inline:15px}.tools-card{padding-inline:14px}.measurement-values strong{font-size:32px}.appointment-status{max-width:85px}.appointment-actions button{font-size:9px}.tools-form-columns{gap:9px}}
