@import "./effects";
@import "./variables";

vn-ticket-card vn-ticket-summary {
    a[name="goToTicketSummary"],
    vn-ticket-descriptor-menu {
        display: none
    }
}
vn-ticket-summary .summary {
    max-width: $width-lg;

    h5 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;

        & > a > vn-icon-button[icon="open_in_full"] {
            display: flex;
            min-width: 45px;
            height: 45px;
            box-sizing: border-box;
            align-items: center;
            justify-content: center;
        }
        & > a > vn-icon-button[icon="open_in_full"] {
            @extend %clickable;
            color: $color-font-dark;
        
            & > vn-icon {
                padding: 10px;
            }
            vn-icon {
                font-size: 1.75rem;
            }
        }

  
        span {
            flex: 1;
        }

        vn-button {
            flex: none
        }
    }

    vn-button {
        max-height: 27px;
        button {
            box-shadow: none;
            height: inherit;
            line-height: inherit;
            &:active, &:focus {
                box-shadow: none !important;
            }
        }
    }

    & > vn-horizontal > vn-one {
        min-width: 160px;
    
        &.taxes {
            border: $border-thin-light;
            text-align: right;
            padding: 8px;
    
            & > p {
                font-size: 1.2rem;
                margin: 3px;
            }
        }

        &.services {
            .vn-table > vn-thead .identifier,
            .vn-table > vn-tbody .identifier {
                min-width: 56px
            }

            .vn-table > vn-thead .tax-class,
            .vn-table > vn-tbody .tax-class {
                min-width: 90px;
                width: 1px;
            }

            .vn-table > vn-tbody vn-td:first-child {
                min-width: 24px;
                
            }
        }
    }
}