/* iKap WebApp Theme - MudBlazor Integration */

/* ==========================================================================
   CSS Variables (for legacy components and custom styles)
   MudBlazor uses its own theming system, but these vars are kept for
   compatibility with any remaining custom components.
   ========================================================================== */

:root {
    /* iKap Brand Colors */
    --ikap-primary: #00b0f0;
    --ikap-primary-dark: #0095d6;
    --ikap-secondary: #233d91;
    --ikap-accent: #37E409;

    /* Semantic Colors */
    --ikap-success: #28a745;
    --ikap-warning: #f39c12;
    --ikap-error: #dc3545;
    --ikap-info: #17a2b8;

    /* Backgrounds */
    --ikap-bg-main: #ffffff;
    --ikap-bg-secondary: #f5f5f5;
    --ikap-surface: #ffffff;

    /* Text Colors */
    --ikap-text-primary: #212121;
    --ikap-text-secondary: #757575;

    /* Sizing */
    --ikap-radius-sm: 4px;
    --ikap-radius-md: 8px;
    --ikap-radius-lg: 12px;

    /* Shadows */
    --ikap-shadow-1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    --ikap-shadow-2: 0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.12);
}

/* ==========================================================================
   Base Styles
   ========================================================================== */

* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    background-color: var(--ikap-bg-secondary);
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Better focus outlines for accessibility */
:focus-visible {
    outline: 2px solid var(--ikap-primary);
    outline-offset: 2px;
}

/* ==========================================================================
   MudBlazor Customizations
   ========================================================================== */

/* Make MudDataGrid rows clickable with pointer */
.mud-table-row {
    cursor: pointer;
}

/* Canceled order row styling */
.mud-table-row-canceled {
    opacity: 0.6;
}

.mud-table-row-canceled td:first-child {
    border-left: 3px solid var(--ikap-error);
}

/* Improve touch targets on mobile */
@media (max-width: 599px) {
    .mud-button,
    .mud-icon-button,
    .mud-nav-link {
        min-height: 44px;
        min-width: 44px;
    }
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .mud-drawer,
    .mud-appbar,
    .mud-snackbar-provider {
        display: none !important;
    }
    
    .mud-main-content {
        margin: 0 !important;
        padding: 0 !important;
    }
}