/* ========================================
   Admin Login Reports Module - CSP Compliant Styles
   File: admin_login.html.erb
   Namespace: .admin-login-
   ======================================== */

/* Report Table Column Widths */
.report-col-width-98 {
  min-width: 98%;
  width: 98%;
}

.report-col-width-13 {
  width: 13.3%;
  min-width: 13.3%;
}

.report-col-width-20 {
  min-width: 20%;
}

.report-col-width-25 {
  width: 25%;
  min-width: 25%;
}

.report-col-width-11 {
  width: 11%;
  min-width: 11%;
}

.report-col-width-2 {
  max-width: 2% !important;
  width: 2%;
}

.report-col-max-width-13 {
  width: 13%;
  max-width: 13%;
}

.report-col-max-width-2 {
  max-width: 2%;
  width: 2%;
}

/* Loading and Pagination Styles */
.report-load-img {
  width: 100%;
  float: left;
  padding: 5px;
  border-bottom: 1px solid #e5e5e5;
}

.report-pagination {
  width: 100%;
  float: left;
  padding: 5px;
  border-bottom: 1px solid #e5e5e5;
}

.report-loading-text {
  text-align: center;
  font-size: 22px;
  width: 100%;
}

.report-loading-centered {
  text-align: center;
  padding-top: 150px;
  font-size: 22px;
}

/* Message Activity Specific Styles */
.report-msg-icon-spacing {
  margin-left: 6px;
}

.report-msg-icon-broadcast {
  margin-left: 6px;
  width: 17px;
  height: 17px;
}

.report-session-id-display {
  float: left;
  margin-top: 0%;
  text-align: center;
  overflow: hidden;
  height: 27px;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  white-space: nowrap;
  width: 100%;
  z-index: auto;
}

.report-download-btn {
  padding: 3px 6px;
}

.report-download-icon {
  padding-left: 4px;
}

.report-sms-value-hidden {
  display: none;
}

/* Data Activity Specific Styles */
.report-data-max-height-54 {
  max-height: 54px;
}

/* List Page Specific Styles */
.report-alert-hidden {
  display: none;
}

/* Date Range Input Height */
.report-date-range-height {
  height: 35px;
}

/* Error Message Styles */
.report-error-message {
  font-size: 14px;
  color: #ffffff;
  display: none;
  background: rgb(226, 47, 47);
  text-align: center;
}

/* SMS Attestation Column Widths */
.report-col-width-21 {
  width: 21%;
  min-width: 21%;
}

.report-col-width-12 {
  width: 12%;
  min-width: 12%;
}

.report-col-width-15 {
  width: 15%;
  min-width: 15%;
}

.report-col-max-width-15 {
  width: 15%;
  min-width: 15%;
  max-width: 15%;
}

.report-col-width-30 {
  width: 30%;
  min-width: 30%;
  word-break: break-word;
}

.report-col-width-18 {
  width: 18%;
  min-width: 18%;
}

.report-col-width-33 {
  min-width: 33%;
}

/* User Audit Trail Column Widths */
.report-col-max-width-13-1 {
  max-width: 13.1%;
  min-width: 13.1%;
}

.report-col-max-width-16-5 {
  max-width: 16.5%;
  min-width: 16.5%;
}

.report-col-max-width-12-4 {
  max-width: 12.4%;
  min-width: 12.4%;
}

.report-col-max-width-12-3 {
  max-width: 12.3%;
  min-width: 12.3%;
}

.report-col-width-10 {
  width: 10%;
  min-width: 10%;
}

/* Loader Image */
.report-loader-img {
  width: 32px;
  height: 32px;
}

/* Voice Activity Column Widths */
.report-col-width-22 {
  width: 22%;
  min-width: 22%;
}

.report-col-max-width-10 {
  width: 10%;
  max-width: 10%;
}

/* Consumption Metrics Graph Widths */
.report-graph-width-99 {
  width: 99% !important;
  max-width: 99% !important;
  min-width: 99% !important;
}

/* Consumption Metrics Loading Text Variants */
.report-loading-graph-150 {
  text-align: center;
  padding-top: 150px;
  height: 250px;
  font-size: 18px;
}

.report-loading-graph-170 {
  text-align: center;
  padding-top: 170px;
  height: 250px;
  font-size: 18px;
}

.report-loading-graph-100 {
  text-align: center;
  padding-top: 100px;
  height: 250px;
  font-size: 18px;
  width: 100%;
}

/* Additional Column Width Classes */
.report-col-width-12-break {
  width: 12%;
  min-width: 12%;
  word-break: break-word;
}

.report-col-width-30-no-break {
  width: 30%;
  min-width: 30%;
}

/* ========================================
   CSP-Compliant Inline Style Replacements
   admin_login.html.erb
   ======================================== */

/* Date range picker container height - Line 42 */
.admin-login-daterange-container {
  height: 35px;
}

/* Hidden modal trigger button - Line 159 */
.admin-login-modal-trigger-hidden {
  display: none;
}

/* Loading message in filter results - Line 431 */
.admin-login-loading-message {
  text-align: center;
  font-size: 22px;
  width: 100%;
}

/* ========================================
   CSS Class-Based State Management
   Replaces JavaScript .css() calls
   ======================================== */

/* Border color states for date validation */
.admin-login-border-default {
  border-color: #bcbcbc !important;
}

.admin-login-border-error {
  border-color: red !important;
}

/* UI Datepicker hide state - Line 505 */
.admin-login-datepicker-hidden {
  display: none !important;
}

/* Error message hide state - Line 586 */
.admin-login-error-hidden {
  display: none !important;
}

/* Search icon color states - Lines 939-948 */
.admin-login-search-icon-active {
  color: #333333 !important;
}

.admin-login-search-icon-inactive {
  color: #999999 !important;
}

.report-min-width-33 {
  min-width: 33%;
}

.download-file-button.close-modal-button {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
}
 
.download-file-button.close-modal-button:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  text-decoration: none;
}