/* Basic drag functionality - LEGACY (Can be removed if strictly cleaning up, but keeping for window-loading if needed) */
.window {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.title-bar {
    cursor: default;
    /* No longer grabbable by default */
}

/* Dreamy Background for 3D Window (Fallback if Three.js texture fails) */
#canvas-wrapper {
    background: linear-gradient(to bottom, #7ec0ee 0%, #b2dfee 100%);
    /* Windows 95 Sky */
}

/* Sidebar Styles */


/* Windows 95 Slider Styling */
input[type=range] {
    -webkit-appearance: none;
    /* Hides the slider so that custom slider can be made */
    appearance: none;
    width: 100%;
    /* Specific width is required for Firefox. */
    background: transparent;
    /* Otherwise white in Chrome */
    margin: 5px 0;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 10px;
    background: #c0c0c0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    cursor: pointer;
    margin-top: -7px;
    /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    box-shadow: 1px 1px 0px #000;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #000;
    /* Track color */
    border-bottom: 1px solid #fff;
    /* Bevel */
    border-right: 1px solid #fff;
}

/* Firefox */
input[type=range]::-moz-range-thumb {
    height: 18px;
    width: 10px;
    background: #c0c0c0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    cursor: pointer;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #000;
}

/* Sidebar Input Field Tweaks */
#properties-sidebar input[type="text"],
#properties-sidebar input[type="number"] {
    font-family: 'Courier New', Courier, monospace;
    /* Monospace for numbers/hex */
    padding: 2px;
}