.weight-summary{display:flex;align-items:center;gap:22px;padding:17px 20px;margin-bottom:18px;border:1px solid #cfe2d5;border-radius:13px;background:linear-gradient(110deg,#f1f8f3,#fff)}.weight-summary-copy{min-width:180px}.weight-summary-copy>span{font-weight:600;letter-spacing:.05em}.weight-summary-copy>div{display:flex;align-items:center;gap:10px}.weight-summary-copy strong{font-size:27px}.weight-status{padding:3px 8px;border-radius:99px;background:#fff0e2;color:#98500a;font-size:11px;font-weight:600}.weight-status.valid{background:#dff1e5;color:#1e6941}.weight-progress{height:10px;flex:1;overflow:hidden;border-radius:99px;background:#e1e7e2}.weight-progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--primary);transition:width .2s}.weight-progress span.over{background:var(--danger)}.weight-target{display:flex;flex-direction:column;text-align:right}.weight-target span{font-size:11px;color:var(--muted)}.weight-target strong{font-size:18px}.weight-card{padding:0;overflow:hidden}.weight-card .table-toolbar{padding:18px 20px;margin:0}.weight-card .table-wrap{border-right:0;border-left:0;border-radius:0}.weight-table td{vertical-align:middle}.weight-input-group{display:flex;align-items:center;overflow:hidden;border:1px solid #ccd3cd;border-radius:8px;background:#f5f7f5}.weight-input-group:focus-within{outline:3px solid #dcefe3;border-color:var(--primary)}.weight-input-group input{width:100%;padding:9px 10px;border:0;background:#fff;text-align:right;font-weight:600;outline:0}.weight-input-group span{padding:0 11px;color:var(--muted)}.row-weight-bar{width:100px;height:7px;overflow:hidden;border-radius:99px;background:#e7ebe8}.row-weight-bar span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .2s}.weight-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#fafbfa}.weight-message{display:flex;align-items:center;gap:8px;color:#9a6700;font-size:12px}.weight-message.valid{color:#1e6941}.weight-message svg{width:16px}.weight-footer .button:disabled{cursor:not-allowed;background:#a9b7ad;color:#eef2ef}@media(max-width:700px){.weight-summary{align-items:stretch;flex-direction:column;gap:10px}.weight-summary-copy,.weight-target{text-align:left}.weight-progress{flex:none}.weight-footer{align-items:stretch;flex-direction:column}.weight-footer .button{width:100%}}