/* jQuery UI Smoothness Theme für Tabelle */

.table-container {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    font-family: Verdana, Arial, sans-serif;
}

.data-table th {
    background: #cccccc;
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    color: #222222;
    padding: 0.6rem 0.5rem;
    text-align: left;
    font-weight: bold;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #cccccc;
    white-space: nowrap;
    font-size: 0.8rem;
}

.data-table th:last-child {
    border-right: none;
}

.data-table td {
    padding: 0.5rem;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #eeeeee;
    vertical-align: top;
}

.data-table td:last-child {
    border-right: none;
}

.data-table tbody tr {
    background: #ffffff;
}

.data-table tbody tr:nth-child(even) {
    background: #f6f6f6;  /* Smoothness Zebra-Striping */
}

.data-table tbody tr:hover {
    background-color: #fdf5ce;  /* Smoothness Hover - Gelb */
}

.data-table tbody tr:nth-child(even):hover {
    background-color: #fdf5ce;
}

/* Position Types - Smoothness Style */
.pos-type {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    color: white;
    text-align: center;
    line-height: 20px;
    font-size: 0.7rem;
    font-weight: bold;
    border: 1px solid rgba(0,0,0,0.2);
}

.pos-type-T {
    background: linear-gradient(to bottom, #888888 0%, #666666 100%);
}

.pos-type-M {
    background: linear-gradient(to bottom, #4da74d 0%, #3d8b3d 100%);
}

.pos-type-P {
    background: linear-gradient(to bottom, #ffc850 0%, #ffb030 100%);
    color: #333;
}

/* Auftragstyp Farben - Smoothness Style */
.order-group[data-type="VTE"] {
    background-color: #e6f2ff !important;  /* Smoothness Blau */
}

.order-group[data-type="CES"],
.order-group[data-type="INT"],
.order-group[data-type="PRE"] {
    background-color: #ffffcc !important;  /* Smoothness Gelb */
}

.order-group[data-type="GAR"] {
    background-color: #ffe6e6 !important;  /* Smoothness Rot */
}

.order-total {
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%) !important;
    font-weight: 600;
    border-top: 2px solid #cccccc;
}

.order-total td {
    color: #222222;
}

/* Referenz Commentaire */
.ref-commentaire {
    font-size: 0.7rem;
    color: #666;
    font-style: italic;
}

.bezeichnung-text {
    font-size: 0.8rem;
    line-height: 1.2;
}

.bezeichnung-comment {
    font-size: 0.7rem;
    color: #666;
    margin-top: 2px;
    line-height: 1.1;
}

/* Spalten - gleich wie vorher */
.col-auftrag { width: 8%; font-weight: 600; color: #1c5a99; }
.col-datum { width: 8%; font-size: 0.8rem; }
.col-material { width: 10%; font-weight: 500; }
.col-marke { width: 8%; font-weight: 500; }
.col-typ { width: 4%; text-align: center; }
.col-ref { width: 14%; font-family: monospace; font-size: 0.8rem; }
.col-bezeichnung { width: 32%; line-height: 1.3; }
.col-menge { width: 8%; text-align: right; }