app-thana-list {
    ion-content {
        ion-card {
            margin: var(--ion-margin-15);

            ion-list {
                padding: var(--ion-padding-0) !important;

                ion-item {
                    margin: var(--ion-margin-0);
                    padding: var(--ion-padding-10);
                    border-bottom: 1px solid #efefef;

                    ion-avatar {
                        width: 50px;
                        height: 50px;
                        margin: var(--ion-margin-0) var(--ion-margin-15) var(--ion-margin-0) var(--ion-margin-0);
                        position: relative;

                        img {
                            background: #e2f0ff;
                        }
                    }

                    ion-label {
                        display: flex !important;
                        justify-content: space-between;
                        align-items: center;
                        margin: var(--ion-margin-0);

                        h3 {
                            margin: var(--ion-margin-0) !important;
                            font-weight: 600 !important;
                            white-space: normal;
                            width: 100%;

                            p {
                                font-weight: 400;
                                color: #999;
                                font-size: var(--ion-font-size-12) !important;
                                line-height: 15px !important;

                                &.not-apprved {
                                    float: right;

                                    .in-review {
                                        font-size: var(--ion-font-size-12) !important;
                                        line-height: 27px !important;
                                        font-weight: 500;
                                        color: #FF6331;
                                        background: #FFEFEB;
                                        padding: 5px 10px;
                                        border-radius: 4px;
                                    }
                                }
                            }
                        }

                        &.thana-title {
                            h3 {
                                width: calc(100% - 13px);
                            }
                        }

                        ion-icon {
                            font-size: 18px;
                        }

                        .thana-icon {
                            background: var(--ion-color-white);
                            padding: 0;
                            border-radius: var(--ion-border-radius-100);
                            color: var(--ion-color);
                            width: 20px;
                            height: 20px;
                            overflow: hidden;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin-bottom: 10px;
                        }
                    }
                }
            }

            .thana-leader {
                background: var(--ion-background-content-sant);

                ion-item {
                    ion-label {
                        >div {
                            display: flex;
                            justify-content: space-between;
                            flex-direction: column;
                            height: 100%;
                        }
                    }
                }
            }
        }

        ion-fab-button::part(native) {
            --background: var(--ion-color-sant);
        }

        h3 {
            p {
                color: var(--ion-color-sant);
            }
        }
    }
}

ion-popover {
    ion-content {
        ion-list {
            padding: var(--ion-padding-0);

            .delete-thana {
                color: red;
            }
        }
    }
}