/**
 * 이 파일은 아이모듈의 일부입니다. (https://www.imodules.io)
 *
 * 아이모듈 코어 관리자클래스의 스타일을 정의한다.
 *
 * @file /app/admin/styles/Admin.css
 * @author Arzz <arzz@arzz.com>
 * @license MIT License
 * @modified 2026. 8. 19.
 */
*[data-role='aui'] {
    aui-component {
        &[data-type='panel'][data-variant='grid'],
        &[data-type='panel'][data-variant='tree'] {
            div[data-role='row'] {
                div[data-role='column'] {
                    div.withImage {
                        display: flex;
                        flex-direction: row;
                        align-items: stretch;
                        margin-block: calc((var(--aui-component-height-default) - 1lh) / -2);
                        height: var(--aui-component-height-default);
                        gap: var(--aui-component-gap);

                        > span {
                            flex-grow: 1;
                            flex-shrink: 1;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            padding-block: calc((var(--aui-component-height-default) - 1lh) / 2);
                        }

                        > i {
                            flex-shrink: 1;
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
                            margin-block: 2px;
                            min-width: calc(var(--aui-component-height-default) - 4px);
                            max-width: calc(var(--aui-component-height-default) * 3);
                            height: calc(var(--aui-component-height-default) - 4px);
                        }
                    }
                }
            }

            &[data-name='sites'] {
                div[data-role='row'] {
                    div[data-role='column'] {
                        display: flex;
                        flex-direction: row;
                        gap: 4px;

                        b.language,
                        b.level {
                            display: block;
                            height: 20px;
                            width: 20px;
                            text-align: center;
                            border-radius: 3px;
                            color: #fff;
                            background: #607d8b;
                            text-transform: uppercase;
                            font-size: 0.6rem;
                        }
                    }
                }
            }

            &[data-name='users'] {
                div[data-role='row'] {
                    div[data-role='column'] {
                        &.DEACTIVATED {
                            color: var(--aui-text-quaternary);
                            text-decoration: line-through;
                        }

                        &.MANAGER {
                            &::after {
                                font-family: moimz;
                                content: '\ea08';
                                padding-left: 5px;
                            }
                        }
                    }
                }
            }
        }

        &[data-type='panel'][data-variant='tree'] {
            &[data-name='contexts'] div[data-role='row'] {
                div[data-role='column'] {
                    div.view {
                        display: flex;
                        flex-direction: row;
                        gap: 4px;

                        i.icon {
                            margin-right: 5px;
                        }
                    }
                }
            }
        }
    }
}