/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
/* Custom Rails + Template Integration Styles */
.stats {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.stats li {
  text-align: center;
}

.stats li a {
  display: block;
  font-size: 24px;
  font-weight: bold;
  padding: 15px;
  margin-bottom: 5px;
}

.stats li span {
  font-size: 12px;
  color: #999;
}

/* Fix for Rails asset pipeline image references */
.page-header .logo img {
  max-height: none !important;
  width: auto;
}

/* Table spacing improvements */
.datatable .table td {
  vertical-align: middle;
}

/* Button spacing in action columns */
.btn-xs {
  margin-right: 2px;
}
/* Sidebar
 Toggle Functionality */
.sidebar-collapsed .sidebar {
  margin-left: -250px;
}

.sidebar-collapsed .page-content {
  margin-left: 0;
}

/* Smooth transitions for sidebar toggle */
@media (min-width: 768px) {
  .sidebar,
  .page-content {
    -webkit-transition: margin-left 0.25s ease-in-out;
       -moz-transition: margin-left 0.25s ease-in-out;
         -o-transition: margin-left 0.25s ease-in-out;
            transition: margin-left 0.25s ease-in-out;
  }
}

/* Ensure sidebar toggle button is accessible */
.sidebar-toggle {
  cursor: pointer;
  display: inline-block;
  padding: 8px 12px;
  text-decoration: none;
  background: none;
  border: none;
  color: inherit;
  font-size: inherit;
}

.sidebar-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  color: inherit;
  text-decoration: none;
}

.sidebar-toggle:focus {
  outline: 2px solid #fff;
  outline-offset: 2px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

/* Make button behave like navbar links */
.nav-icon.sidebar-toggle {
  color: #999;
  line-height: 20px;
}

.nav-icon.sidebar-toggle:hover,
.nav-icon.sidebar-toggle:focus {
  color: #fff;
}/*
 Sidebar Toggle Functionality - Original Template Style */
.hidden-sidebar .sidebar {
  margin-left: -250px;
}

.hidden-sidebar .page-content {
  margin-left: 0;
}/* O
verride brain-theme.css to ensure sidebar toggle is always visible */
.nav .sidebar-toggle {
  display: block !important;
}/* Lo
gin page styles */
.login-page {
  background-image: var(--app-body-bg);
  background-repeat: repeat;
  padding-top: 50px;
  min-height: 100vh;
}

.login-page .panel {
  margin-top: 50px;
}

.login-page .page-title {
  text-align: center;
  margin-bottom: 30px;
}

.login-page .page-title h5 {
  color: #ddd;
}/* Role-bas
ed styling */
.role-indicator {
    font-size: 10px;
    opacity: 0.8;
    margin-left: 5px;
}

.user-preview {
    background: #f8f9fa;
    border-radius: 3px;
}

.color-preview {
    border-radius: 2px;
}

/* Color picker styling */
.color-picker {
    height: 34px;
}

/* Navbar role color indicator */
.navbar .user > a {
    padding-left: 8px !important;
}/
* Fix button_to forms to display inline in action columns */
.btn-group form {
  display: inline-block !important;
  margin: 0 !important;
}

.btn-group .btn {
  margin-right: 2px;
}

/
* Documents table and dropdown styles */
.table-docs td, .table-docs th { 
  padding: 12px 16px; 
  vertical-align: middle; 
}

.dropdown-menu > li > a { 
  padding: 10px 16px; 
}

.dropdown-menu > li > a > i {
  margin-right: 6px;
}

/* Modal and form styles */
#ocrSettingsModal .modal-body { 
  padding: 20px 24px; 
}

#ocrSettingsModal .form-horizontal .control-label { 
  padding-top: 7px; 
}

#ocrSettingsModal .modal-footer .btn { 
  margin-left: 6px; 
}

.label i { 
  margin-right: 4px; 
}

.help-block {
  color: #999;
  font-size: 12px;
  margin-top: 4px;
}

/* Dark panel footer for pagination */
.panel-footer--dark {
  background-color: #4E5659 !important;
  border-top: 1px solid #3b4047 !important;
  padding: 8px 12px !important;
  margin: 0 !important;
}

.panel-footer--dark .pagination { 
  margin: 0; 
}

.panel-footer--dark .pagination > li > a,
.panel-footer--dark .pagination > li > span {
  background: transparent;
  border-color: #3b4047;
  color: #cfd8dc;
}

.panel-footer--dark .pagination > li > a:hover,
.panel-footer--dark .pagination > li > span:hover {
  background: rgba(255,255,255,0.06);
  border-color: #4b5159;
  color: #fff;
}

.panel-footer--dark .pagination > .active > a,
.panel-footer--dark .pagination > .active > span,
.panel-footer--dark .pagination > .active > a:hover,
.panel-footer--dark .pagination > .active > span:hover {
  background-color: #3E9475;
  border-color: #3E9475;
  color: #ffffff;
}

.panel-footer--dark .pagination > .disabled > a,
.panel-footer--dark .pagination > .disabled > span {
  background: transparent;
  border-color: #3b4047;
  color: #7e8a93;
  cursor: not-allowed;
}