.lines{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    overflow: hidden;
    
    min-width: 95%;

}

.linesHead{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px;
    border-bottom: 1px solid rgba(255,255,255,.10);
    gap: 12px;
}

.linesHead strong{
    color: white;
}

.linesHead button{
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
    color: var(--text);
    padding: 12px 14px;
    border-radius: 14px;
    font-weight: 750;
    cursor: pointer;
    transition: transform .12s ease; 
    display: inline-flex;
    gap: 10px;
    align-items: center;

    color: white;
}

.lines-table{
    width: 100%;
    display: table;
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 2px;
    text-indent: initial;
}

.lines-table thead {
width: 100%;
display: table-header-group;
vertical-align: middle;
border-top-color: inherit;
border-right-color: inherit;
border-bottom-color: inherit;
border-left-color: inherit;
}


.lines-table thead tr {
display: table-row;
vertical-align: inherit;
border-top-color: inherit;
border-right-color: inherit;
border-bottom-color: inherit;
border-left-color: inherit;
}

.lines-table thead th,.lines-table tbody td{
padding: 10px;
text-align: left;
font-size: 12px;
color: rgba(255,255,255,.68);
font-weight: 800;
}


#r_lines,
#invoice-r_lines
{display: table-row-group;
vertical-align: middle;
border-top-color: inherit;
border-right-color: inherit;
border-bottom-color: inherit;
border-left-color: inherit;
}

.mini input {
   height: 30px;
   padding: 5px 3px;

   color: white;

   font-size: 16px;

    background: rgba(255,255,255,.06);

    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
}

.mini textarea{
   height: 50px;
   flex: 1;
   width: 200px;
   padding: 5px 3px;


   color: white;

   font-size: 16px;

   resize: none;

    background: rgba(255,255,255,.06);

    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;  
}

.btn-danger {
    border: 1px solid rgba(239,68,68,.35);
    background: rgba(239,68,68,.14);
    color: var(--text);
    padding: 12px 14px;
    border-radius: 14px;
    font-weight: 750;
    cursor: pointer;
    gap: 10px;
    align-items: center;
}


@media screen and (max-width: 600px) {
    .lines{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    overflow: hidden;
    
    min-width: 45dvh;
    max-width: 95%;

    }

    .linesHead{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 6px;
    border-bottom: 1px solid rgba(255,255,255,.10);
    gap: 6px;
    }


    .lines-table thead th,.lines-table tbody td{
    padding: 2px;
    text-align: left;
    font-size: 12px;
    color: rgba(255,255,255,.68);
    font-weight: 800;
    }  

    .lines-table tbody td input{
        max-width: 60px;
    }

    .mini input {
    min-height: 20px;
    width: 40px;
    overflow-wrap: break-word;
    padding: 5px 3px;

    color: white;

    font-size: 16px;

    background: rgba(255,255,255,.06);

    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    }

    .mini textarea {
    min-height: 30px;
    width: 120px;
    overflow-wrap: break-word;
    padding: 5px 3px;

    color: white;

    font-size: 16px;

    background: rgba(255,255,255,.06);

    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    }

}