/* Utility helpers to replace small inline styles used across templates */
.toast-top-right { top: 100px; right: 10px; }
.toast-width-auto { width: auto; }
.toast-show-block { display: block; }
.w-300 { width: 300px; }
.no-decoration { text-decoration: none; }
.min-h-100 { min-height: 100px; }
.font-18 { font-size: 18px; }
.hidden { display: none !important; }
.btn-w-91 { width: 91px; }
.breadcrumb-no-margin { --bs-breadcrumb-divider: '>'; margin-bottom: 0; }
.mr-10 { margin-right: 10px; }
.ml-15 { margin-left: 15px; }
.bg-muted-light { background-color: #f8f9fa; }
.readonly-field { background-color: #e9ecef; border: 1px solid #ced4da; color: #6c757d; }
.disabled-style { pointer-events: none; opacity: 0.6; cursor: not-allowed; margin-right: 10px; }
.form-label-bold { font-weight: bold; }
.dropdown-menu-high { z-index: 99999; }
.min-w-253 { min-width: 253px; }
.clickable { cursor: pointer; }
.logo-lg { width: 160px; height: 60px; margin-bottom: 30px; }
.vh-100 { height: 100vh !important; }
.w-80pct { width: 80% !important; }
.w-86pct { width: 86% !important; }
.w-100pct { width: 100% !important; }
.full-height-calc { height: calc(100vh - 70px) !important; }
.toast-top-70 { top: 70px; right: 0; }
.card-fixed-w-400 { width: 400px; }
.w-350 { width: 350px; }
.max-w-150 { max-width: 150px; }
.bg-banner { background-image: url('../images/banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.rounded-8 { border-radius: 8px; }
.upload-word-break { word-break: break-all; }
.badge-h-30 { height: 30px; display: inline-block; line-height: 30px; }
.toast-header-error { color: aliceblue !important; background-color: brown !important; }
.w-70 { width: 70% !important; }
.h-30 { height: 30px !important; }
.touch-scroll { -webkit-overflow-scrolling: touch; }
.shadow-sm { box-shadow: 2px 2px 5px rgba(0,0,0,0.08); }
.h-60vh { height: 60vh !important; }
.text-warning-color { color: var(--warning-color) !important; }
.text-gray-600 { color: var(--gray-600) !important; }
.chart-container-style { position: relative; height: 300px; width: 100%; margin-bottom: 2rem; }
/* z-index helpers */
.z-1050 { z-index: 1050 !important; }
.h-40 { height: 40px !important; }
.w-500 { width: 500px !important; }
.text-primary-custom { color: var(--primary-color) !important; }
.btn-w-91 { width: 91px !important; }
.min-h-350 { min-height: 350px !important; }