@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';

.application.sheet.daggerheart.actor.dh-style.character {
    .window-content {
        display: grid;
        grid-template-columns: 275px 1fr;
        grid-template-rows: auto 1fr;
        height: 100%;
        width: 100%;
        padding-bottom: 0;
        overflow-x: auto;

        &.viewMode {
            button:not(.btn-toggle-view),
            input:not(.search),
            .controls,
            .character-sidebar-sheet,
            .img-portait,
            .name-row,
            .hope-section,
            .downtime-section,
            .character-traits,
            .card-list {
                pointer-events: none;
            }
        }

        .character-sidebar-sheet {
            grid-row: 1 / span 2;
            grid-column: 1;
            display: flex;
            flex-direction: column;
        }

        .character-header-sheet {
            position: relative;
            grid-row: 1;
            grid-column: 2;
        }

        .tab {
            grid-row: 2;
            grid-column: 2;
            &.active {
                display: flex;
                flex-direction: column;
                overflow: hidden;
            }
        }
    }
}