/* Custom scrollbar for aesthetics */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(148, 163, 184, 0.3);
    border-radius: 20px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(148, 163, 184, 0.5);
}

/* @media print for 1:1 Scale Print Optimization */
@media print {
    @page { 
        margin: 0; /* Important to remove browser margins */
        size: auto;
    }

    body {
        margin: 0;
        padding: 0;
        background: none;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Hide UI Sidebars, controls, and shadows */
    .hide-on-print, .print-shadow-hide {
        display: none !important;
    }

    /* Ensure workspace removes its background and scrolling */
    .print-workspace {
        background: none !important;
        overflow: visible !important;
        display: block !important;
    }

    /* The canvas layout itself, ensuring it starts exactly at 0,0 */
    .print-paper {
        margin: 0 !important;
        box-shadow: none !important;
        border: none !important;
        transform: none !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    /* Set exact standard DPI sizes for specific media features or general print logic */
    /* Canvas element must print at exact CSS pixel dimensions which maps to physical size */
    canvas {
        margin: 0 !important;
        padding: 0 !important;
        display: block;
    }
}