/**
 * Inline CSS Utilities
 *
 * This file contains utility classes extracted from common inline styles
 * throughout the application. Use these classes instead of inline styles
 * for better maintainability and dark mode compatibility.
 *
 * Generated: 2025-12-10
 */

/**
 * Font Sizes
 * Common font-size values found in inline styles
 */
.fs-06 { font-size: .6rem !important; }
.fs-07 { font-size: .7rem !important; }
.fs-075 { font-size: .75rem !important; }
.fs-08 { font-size: .8rem !important; }
.fs-09 { font-size: .9rem !important; }
.fs-10 { font-size: 1rem !important; }
.fs-11 { font-size: 1.1rem !important; }
.fs-12 { font-size: 1.2rem !important; }
.fs-13 { font-size: 1.3rem !important; }
.fs-14 { font-size: 1.4rem !important; }
.fs-16 { font-size: 1.6rem !important; }
.fs-24 { font-size: 2.4rem !important; }

/**
 * Fixed Widths
 * Common width values in pixels
 */
.w-30px { width: 30px !important; }
.w-60px { width: 60px !important; }
.w-65px { width: 65px !important; }
.w-75px { width: 75px !important; }
.w-80px { width: 80px !important; }
.w-85px { width: 85px !important; }
.w-100px { width: 100px !important; }
.w-150px { width: 150px !important; }
.w-180px { width: 180px !important; }
.w-300px { width: 300px !important; }

/**
 * Max Heights
 * Common max-height values
 */
.max-h-32 { max-height: 32px !important; }
.max-h-900 { max-height: 900px !important; }
.max-h-1040 { max-height: 1040px !important; }
.max-h-1287 { max-height: 1287px !important; }

/**
 * Max Widths
 * Common max-width values
 */
.max-w-90 { max-width: 90% !important; }
.max-w-100px { max-width: 100px !important; }
.max-w-125px { max-width: 125px !important; }
.max-w-150px { max-width: 150px !important; }
.max-w-250px { max-width: 250px !important; }
.max-w-275px { max-width: 275px !important; }
.max-w-300px { max-width: 300px !important; }

/**
 * Heights
 * Common height values
 */
.h-29 { height: 29px !important; }
.h-31 { height: 31px !important; }
.h-39 { height: 39px !important; }
.h-900 { height: 900px !important; }

/**
 * Min Heights
 */
.min-h-29 { min-height: 29px !important; }

/**
 * Borders
 * Common border styles
 */
.border-bottom-dark { border-bottom: 1px solid #666 !important; }
.border-bottom-light { border-bottom: 1px solid #e5e5e5 !important; }
.border-0 { border: 0 !important; }
.border-2-danger { border: 2px solid #c00 !important; }

/**
 * Backgrounds
 * Common background colors (light mode)
 */
.bg-ccc { background: #ccc !important; }
.bg-ddd { background: #ddd !important; }
.bg-eee { background: #eee !important; }
.bg-f9 { background: #f9f9f9 !important; }
.bg-aliceblue { background: aliceblue !important; }
.bg-555 { background: #555 !important; }

/**
 * Padding Utilities
 */
.p-quarter-half { padding: .25rem .5rem !important; }
.pt-015 { padding-top: .15rem !important; }
.pt-01 { padding-top: .1rem !important; }
.pb-02 { padding-bottom: .2rem !important; }
.p-05-1 { padding: 0.5rem 1rem !important; }

/**
 * Margin Utilities
 */
.m-auto { margin: 0 auto !important; }
.m-50-auto { margin: 50px auto !important; }
.mb-01 { margin-bottom: .1rem !important; }

/**
 * Text Utilities
 */
.text-uppercase-fw600-fs08 {
    text-transform: uppercase !important;
    font-size: .8rem !important;
    font-weight: 600 !important;
}

.text-center-fs09-fw500 {
    text-align: center !important;
    font-size: .9rem !important;
    font-weight: 500 !important;
}

/**
 * Display & Position
 */
.d-block-border-0 {
    border: 0 !important;
    display: block !important;
}

.position-fixed-bottom-right {
    position: fixed !important;
    bottom: 0 !important;
    right: 15px !important;
}

/**
 * Overflow
 */
.overflow-y-auto { overflow-y: auto !important; }
.overflow-y-scroll { overflow-y: scroll !important; }

/**
 * List Styles
 */
.list-style-none-p-0 {
    list-style-type: none !important;
    padding: 0 !important;
}

/**
 * Combined Common Patterns
 * These combine multiple inline styles that frequently appear together
 */

/* Navbar brand image sizing */
.navbar-brand-img {
    max-height: 32px !important;
}

/* Small button with specific padding and height */
.btn-compact {
    padding: .25rem .5rem !important;
    min-height: 29px !important;
}

/* Form control with specific height and font size */
.form-control-compact-08 {
    font-size: .8rem !important;
    height: 39px !important;
}

.form-control-compact-09 {
    height: 31px !important;
    font-size: .9rem !important;
    padding-top: .15rem !important;
}

/* Modal/content container with auto margins and specific size */
.modal-content-large {
    max-width: 90% !important;
    height: 900px !important;
    margin: 50px auto !important;
}

.modal-content-full {
    max-width: 100% !important;
    height: 900px !important;
    margin: 0 auto !important;
}

/* Scrollable container with max height */
.scrollable-container-tall {
    max-height: 1287px !important;
    overflow-y: auto !important;
}

.scrollable-list {
    list-style-type: none !important;
    padding: 0 !important;
    max-height: 1040px !important;
    overflow-y: scroll !important;
}

/**
 * Icon Sizes
 * For Font Awesome icons in specific contexts
 */
.icon-fs-11 { font-size: 1.1rem !important; }
.icon-fs-12 { font-size: 1.2rem !important; }
.icon-fs-14 { font-size: 1.4rem !important; }
.icon-fs-16 { font-size: 1.6rem !important; }

/**
 * Z-Index Utilities
 */
.z-9999 { z-index: 9999 !important; }
.z-99999 { z-index: 99999 !important; }

/**
 * Border Combinations
 */
.bg-555-border-bottom-light {
    background: #555 !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.bg-aliceblue-border-bottom-gray {
    background: aliceblue !important;
    border-bottom: 1px solid lightgray !important;
}