/* Retro Windows 98/2000 Style CSS */

.retro-button {
    border-style: outset;
    border-width: 2px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    background: linear-gradient(145deg, #e0e0e0, #c0c0c0);
    font-family: 'MS Sans Serif', sans-serif;
    cursor: pointer;
    transition: all 0.1s;
}

.retro-button:hover {
    background: linear-gradient(145deg, #f0f0f0, #d0d0d0);
}

.retro-button:active {
    border-style: inset;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    background: linear-gradient(145deg, #c0c0c0, #a0a0a0);
}

.retro-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.retro-panel {
    border-style: inset;
    border-width: 2px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.retro-input {
    border-style: inset;
    border-width: 2px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    background: white;
    font-family: 'MS Sans Serif', sans-serif;
    padding: 4px 6px;
}

.retro-input:focus {
    outline: none;
    background: #fffff0;
}

.retro-progress {
    border-style: inset;
    border-width: 2px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    background: #c0c0c0;
    height: 20px;
    overflow: hidden;
}

.retro-progress-fill {
    background: linear-gradient(90deg, #0078d4, #106ebe);
    border-right: 1px solid #ffffff;
    position: relative;
}

.retro-progress-fill::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,0.3), transparent);
}

.retro-badge {
    border-style: outset;
    border-width: 1px;
    font-family: 'MS Sans Serif', sans-serif;
    font-size: 11px;
}

/* Custom scrollbars for that retro feel */
::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

::-webkit-scrollbar-track {
    background: #c0c0c0;
    border: 1px inset #c0c0c0;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(145deg, #e0e0e0, #c0c0c0);
    border: 1px outset #c0c0c0;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(145deg, #f0f0f0, #d0d0d0);
}

::-webkit-scrollbar-corner {
    background: #c0c0c0;
}

/* Typography */
body {
    font-family: 'MS Sans Serif', 'Microsoft Sans Serif', sans-serif;
    font-size: 11px;
    background: #c0c0c0;
}

/* Windows 98 style selections */
::selection {
    background: #316ac5;
    color: white;
}

/* Hover effects for file rows */
.hover\:bg-gray-100:hover {
    background-color: #f8f8ff !important;
    transition: background-color 0.1s;
}

/* Custom animations for retro feel */
@keyframes retro-blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0.3; }
}

.retro-blink {
    animation: retro-blink 1s infinite;
}

/* Make sure buttons don't have modern styling */
button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

/* Retro focus styles */
*:focus {
    outline: 1px dotted #000000;
    outline-offset: 2px;
}

/* Drag and drop styling */
.border-dashed:hover {
    border-color: #666;
    background-color: #f0f0f0;
}

/* Status indicators */
.bg-green-200 {
    background-color: #d4edda !important;
}

.border-green-400 {
    border-color: #28a745 !important;
}

.bg-yellow-200 {
    background-color: #fff3cd !important;
}

.border-yellow-400 {
    border-color: #ffc107 !important;
}