.client-info-card{background:#fff;border:1px solid #d6d0c4;border-radius:.5rem;flex-direction:column;gap:2.4rem;padding:3.2rem;display:flex;box-shadow:0 1px 3px #0000000d}@media (max-width:767px){.client-info-card{padding:2.4rem}}@media (max-width:575px){.client-info-card{padding:1.6rem}}.client-info-card__header{border-bottom:1px solid #d6d0c4;align-items:center;gap:2.4rem;padding-bottom:2.4rem;display:flex}.client-info-card__avatar{background:linear-gradient(135deg,#6b8f71,#7a9a7f);border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden;box-shadow:0 2px 8px #6b8f7133}@media (min-width:768px){.client-info-card__avatar{width:64px;height:64px}}.client-info-card__avatar img{object-fit:cover;width:100%;height:100%}.client-info-card__avatar-placeholder{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:700;display:flex}@media (min-width:768px){.client-info-card__avatar-placeholder{font-size:2.4rem}}.client-info-card__identity{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.client-info-card__name{color:#1f2933;margin:0;font-size:1.6rem;font-weight:600}@media (min-width:768px){.client-info-card__name{font-size:1.75rem}}.client-info-card__email{color:#4b5563;word-break:break-all;margin:0;font-size:1.4rem}@media (min-width:768px){.client-info-card__email{font-size:1.6rem}}.client-info-card__fields{flex-direction:column;gap:2.4rem;display:flex}.client-info-card__fields-grid{gap:2.4rem;display:grid}@media (min-width:768px){.client-info-card__fields-grid{grid-template-columns:1fr 1fr;gap:3.2rem}}.client-info-card__info-row{flex-direction:column;gap:1.6rem;display:flex}@media (min-width:768px){.client-info-card__info-row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2.4rem}}.client-info-card__info-grid{flex:1;gap:1.6rem;display:grid}@media (min-width:768px){.client-info-card__info-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2.4rem}}.client-info-card__info-item{flex-direction:column;gap:.2rem;display:flex}.client-info-card__info-label{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem;font-weight:600}.client-info-card__info-value{color:#1f2933;font-size:1.4rem;font-weight:500}@media (min-width:768px){.client-info-card__info-value{font-size:1.6rem}}.client-info-card__info-value--link{color:#6b8f71;text-decoration:none}.client-info-card__info-value--link:hover{color:#5e7f63;text-decoration:underline}.client-info-card__edit-btn{color:#4b5563;cursor:pointer;white-space:nowrap;background:#f7f7f5;border:1px solid #d6d0c4;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.4rem;padding:.2rem .8rem;font-size:1.2rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}@media (min-width:768px){.client-info-card__edit-btn{gap:.8rem;padding:.4rem 1.6rem;font-size:1.4rem}}.client-info-card__edit-btn svg{flex-shrink:0;width:1.4rem;height:1.4rem}@media (min-width:768px){.client-info-card__edit-btn svg{width:1.6rem;height:1.6rem}}.client-info-card__edit-btn:hover{color:#6b8f71;background:#fff;border-color:#6b8f71}.client-info-card__edit-btn:focus-visible{outline-offset:2px;outline:2px solid #6b8f71}.client-info-card__edit-btn:active{transform:scale(.98)}.client-info-card__form-note{color:#4b5563;background:#f7f7f5;border:1px solid #d6d0c4;border-radius:.25rem;align-items:center;gap:.4rem;margin:0;padding:.8rem 1.6rem;font-size:1.2rem;display:flex}.client-info-card__form-note svg{flex-shrink:0}.client-info-card__edit-actions{justify-content:flex-end;align-items:center;gap:1.6rem;padding-top:.8rem;display:flex}.client-info-card__btn{cursor:pointer;border:1px solid #0000;border-radius:.25rem;align-items:center;gap:.4rem;padding:.8rem 2.4rem;font-size:1.4rem;font-weight:500;transition:background .2s,border-color .2s,color .2s,opacity .2s;display:inline-flex}.client-info-card__btn:disabled{opacity:.6;cursor:not-allowed}.client-info-card__btn--cancel{color:#4b5563;background:0 0;border-color:#d6d0c4}.client-info-card__btn--cancel:not(:disabled):hover{color:#1f2933;border-color:#4b5563}.client-info-card__btn--save{color:#fff;background:#6b8f71}.client-info-card__btn--save:not(:disabled):hover{background:#5e7f63}.client-info-card__save-error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:.25rem;margin:0;padding:.8rem 1.6rem;font-size:1.2rem}
