/**
 * 이 파일은 고객관리모듈의 일부입니다. (https://www.imodules.io)
 *
 * 고객관리모듈관리 패널을 정의한다.
 *
 * @file /modules/naddle/client/admin/styles/Admin.css
 * @author Arzz <arzz@arzz.com>
 * @license MIT License
 * @modified 2026. 9. 25.
 */
aui-component[data-name='clients'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-role='row'] {
            div[data-role='column'] {
                &.public {
                    &::before {
                        content: ' ';
                        border-top: 0.5rem solid var(--aui-accent-primary);
                        border-left: 0.5rem solid transparent;
                        position: absolute;
                        top: 0;
                        right: 0;
                    }
                }
            }

            &.select {
                div[data-role='column'] {
                    &.public {
                        &::before {
                            border-top: 0.5rem solid var(--aui-white-primary);
                        }
                    }
                }
            }
        }
    }
}

aui-component[data-name='contacts'] {
    aui-component[data-type='panel'][data-variant='grid'] {
        div[data-role='row'] {
            div[data-role='column'] {
                div.types {
                    display: flex;
                    flex-direction: row;
                    gap: 4px;

                    > label {
                        display: block;
                        height: 20px;
                        width: 20px;
                        text-align: center;
                        border-radius: 3px;
                        color: #fff;
                        font-weight: 900;

                        &.G {
                            background: #4caf50;
                        }

                        &.C {
                            background: #2196f3;
                        }

                        &.P {
                            background: #ff9800;
                        }

                        &.T {
                            background: #9c27b0;
                        }

                        &.I {
                            background: #607d8b;
                        }

                        &.O {
                            background: #ffc107;
                        }

                        &.E {
                            background: #e91e63;
                        }
                    }
                }
            }
        }
    }
}