@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
        body { font-family: 'Inter', sans-serif; }
        
        /* Custom scrollbar for better UI */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

        .building-stack {
            transition: all 0.3s ease;
        }
        .floor {
            transition: all 0.3s ease-in-out;
            animation: grow 0.5s ease-out;
        }
        
        /* CORREÇÃO VISUAL: Ao passar o mouse, traz o andar para frente de tudo */
        .floor:hover {
            z-index: 100 !important;
        }

        @keyframes grow {
            from { opacity: 0; transform: scaleY(0); }
            to { opacity: 1; transform: scaleY(1); }
        }
        
        .draggable-item {
            transition: all 0.2s;
        }
        .draggable-source {
            cursor: grab;
        }
        .draggable-source:active {
            cursor: grabbing;
        }
        .fixed-item {
            cursor: default;
            opacity: 0.8;
            background-color: #f8fafc;
        }
        .item-disabled {
            opacity: 0.5;
            cursor: not-allowed;
            background-color: #f1f5f9;
            border-style: dashed;
        }
        .draggable-item.dragging {
            opacity: 0.5;
            transform: scale(0.98);
            background-color: #eff6ff;
            border-color: #3b82f6;
        }

        /* Tooltip personalizado */
        .floor-tooltip {
            pointer-events: none;
            z-index: 200; /* Z-index bem alto dentro do container do andar */
            display: none;
        }
        .floor:hover .floor-tooltip {
            display: block;
        }

        /* Input styling specifically for text inputs acting as numbers */
        input[type=text] {
            font-family: monospace; /* Helps alignment */
        }
        
        input[type=number]::-webkit-inner-spin-button, 
        input[type=number]::-webkit-outer-spin-button { 
            -webkit-appearance: none; 
            margin: 0; 
        }
        input[type=number] {
            -moz-appearance: textfield;
        }