#manage-client-page {
    //$h: calc(var(--nav-height) + calc(var(--main-padding) * 2));
    //height: calc(100vh - $h);
    width: 100%;

    .clients-list-wrapper {
        .clients-list {
            .clients-list-item {
                border-bottom: 1px solid var(--link-fg);
                display: flex;
                flex-direction: column;
                gap: 1rem;

                .header {
                    display: flex;
                    align-items: center;
                    gap: 0.5em;
                    font-size: 1.4em;

                    .client-name {
                        font-weight: bold;
                    }

                    .client-gstin {
                        font-size: 0.8em;
                        color: var(--body-fg-alt);
                    }
                }

                .details {
                    margin: auto;
                    width: 98%;
                    display: grid;
                    grid-template-columns: 1fr 1fr 2fr;

                    .contact-info, .client-address {
                        display: flex;
                        flex-direction: column;

                        .title {
                            font-weight: bold;
                        }
                    }
                }
            }
        }
    }
}