/*
 * Basic styling for the transshipping table. This CSS aims to mimic the
 * appearance of the provided screenshot using a gradient header and simple
 * alternating row colors. Feel free to adjust colors to better fit your
 * WordPress theme.
 */
.transshipping-wrapper {
    margin: 1.5em 0;
}

.transshipping-updated {
    font-style: italic;
    margin-bottom: 0.5em;
}

.transshipping-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
    font-size: 14px;
}
.transshipping-table th {
    background: linear-gradient(90deg, #6a7bd9 0%, #7a5bc7 100%);
    color: #ffffff !important; /* Header text is explicitly white for visibility */
    padding: 10px;
    text-align: left;
    font-weight: 600;
}
.transshipping-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #e3e3e3;
}
.transshipping-table tr:nth-child(even) td {
    background-color: #f7f7f7;
}

/* Delete column styling (visibility controlled via inline styles and JS) */
.transshipping-table th.delete-col,
.transshipping-table td.delete-col {
    text-align: center;
    width: 60px;
}

/* Delete button styling */
.transshipping-delete-row {
    background: transparent;
    border: none;
    color: #c62828;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

/* Inputs in edit mode */
.transshipping-input {
    width: 100%;
    box-sizing: border-box;
    padding: 4px;
    font-size: 14px;
}

/* Buttons */
.transshipping-edit-button,
.transshipping-key-submit,
.transshipping-key-cancel,
.transshipping-save-button,
.transshipping-cancel-button {
    background: #0073aa;
    color: #ffffff;
    border: none;
    padding: 6px 12px;
    margin-right: 8px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}
.transshipping-edit-button:hover,
.transshipping-key-submit:hover,
.transshipping-key-cancel:hover,
.transshipping-save-button:hover,
.transshipping-cancel-button:hover {
    background: #006799;
}

.transshipping-key-form {
    margin-top: 0.5em;
}

.transshipping-edit-key {
    padding: 5px;
    font-size: 14px;
    width: 120px;
    margin-right: 8px;
}

/* Version text styling */
.transshipping-version {
    font-size: 10px;
    color: #666666;
    display: block;
    margin-top: 0.5em;
}