/*
Theme Name: SGLE Theme
Theme URI: https://sgle.local
Author: SGLE Development Team
Author URI: https://sgle.local
Description: Custom WordPress theme for SGLE (Sistema de Gestão de Locação de Equipamentos) - An offline-first event equipment management system with React SPA integration
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sgle-theme
Tags: equipment-management, events, rental, offline-first, spa, react

This theme contains the WordPress shell for the SGLE React Single-Page Application.
*/

/* Basic Reset and WordPress Compatibility */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}

/* Hide WordPress admin bar for cleaner app experience */
body.sgle-app-template {
    margin-top: 0 !important;
}

#wpadminbar {
    display: none !important;
}

#modal-add-equipment-content .modal-content,
#modal-edit-equipment-content .modal-content {
    padding: 1.5rem 0;
}
/* Full viewport application container */
#sgle-root {
    min-height: 100vh;
    width: 100%;
}

/* Loading state */
.sgle-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: #f6f7f8;
}

.sgle-loading-spinner {
    width: 48px;
    height: 48px;
    border: 4px solid #e7edf3;
    border-top-color: #137fec;
    border-radius: 50%;
    animation: sgle-spin 0.8s linear infinite;
}

@keyframes sgle-spin {
    to { transform: rotate(360deg); }
}