/* 
 * Main stylesheet for eBay Order Hub
 * Contains global styles used across the application
 */

/* Copy tooltip styling - used across multiple pages */
.copy-tooltip {
    position: absolute;
    z-index: 9999;
    background: #222;
    color: #fff;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.95em;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap;
}

/* Truncated cell tooltip styling - similar to note tooltips */
.truncate-cell {
    position: relative !important;
    display: block !important;
    max-width: 150px !important;
    overflow: hidden !important; /* Keep hidden for text truncation */
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Ensure address column has proper width */
.truncate-cell[style*="max-width: 180px"] {
    max-width: 180px !important;
}

/* Remove debug border */
/* .truncate-cell {
    border: 1px solid red !important;
} */

.truncate-cell-tooltip {
    visibility: hidden;
    min-width: 200px;
    max-width: 300px;
    background-color: #333;
    color: white;
    text-align: center;
    font-size: 12px;
    border-radius: 6px;
    padding: 8px;
    position: fixed; /* Use fixed to escape table clipping */
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
    word-wrap: break-word;
    white-space: normal;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.truncate-cell:hover .truncate-cell-tooltip {
    visibility: visible;
    opacity: 1;
}

/* Hide truncate tooltip when copying is in progress */
.truncate-cell.copying .truncate-cell-tooltip {
    visibility: hidden !important;
    opacity: 0 !important;
}

.truncate-cell-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

/* Print-specific styles */
@media print {
    nav { 
        display: none !important; 
    }
}

/* Manual Order Editing Styles */
.field-changed {
    border-color: #60a5fa !important; /* blue-400 */
    border-width: 2px !important;
    background-color: #eff6ff !important; /* blue-50 */
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1) !important;
}