/*
 * modern-sidebar.css — Right-side PNR/Running Status tab widget + sidebar panels
 */

/* === WIDGET PANELS === */
.widget {
  background: var(--re-card) !important;
  border-radius: var(--re-radius-lg) !important;
  box-shadow: var(--re-shadow-md) !important;
  border: 1px solid var(--re-border) !important;
  margin-bottom: 20px !important;
  overflow: hidden !important;
  transition: box-shadow var(--re-transition-base) !important;
  animation: re-fadeInUp 0.25s ease both;
}
.widget:hover { box-shadow: var(--re-shadow-lg) !important; }

.widget-header {
  background: linear-gradient(135deg, var(--re-primary) 0%, var(--re-primary-hover) 100%) !important;
  padding: 13px 18px !important;
  border-radius: var(--re-radius-lg) var(--re-radius-lg) 0 0 !important;
}
.widget-header h3,
.widget-header .widget-content-light,
.widget-header h4 {
  color: #fff !important;
  font-family: var(--re-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  letter-spacing: 0.2px;
}

.widget-main { padding: 18px !important; }

/* === BLOCK PANELS === */
.block {
  background: var(--re-card) !important;
  border-radius: var(--re-radius-lg) !important;
  box-shadow: var(--re-shadow-sm) !important;
  border: 1px solid var(--re-border) !important;
  margin-bottom: 20px !important;
  overflow: hidden !important;
  animation: re-fadeInUp 0.25s ease both;
}
.block-title {
  padding: 0 !important;
  border-bottom: 1px solid var(--re-border) !important;
  background: var(--re-card) !important;
}
.block-title h2 {
  font-family: var(--re-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--re-primary) !important;
  padding: 14px 18px !important;
  margin: 0 !important;
}

/* === TAB NAVIGATION === */
.nav-tabs {
  border-bottom: 1px solid var(--re-border) !important;
  background: var(--re-surface) !important;
  padding: 0 8px !important;
}
.nav-tabs > li > a {
  font-family: var(--re-font) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--re-text-secondary) !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  padding: 11px 12px !important;
  border-radius: 0 !important;
  transition: color var(--re-transition-fast), border-color var(--re-transition-fast) !important;
  background: transparent !important;
  margin-bottom: -1px !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--re-primary) !important;
  border-bottom-color: var(--re-accent) !important;
  background: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.nav-tabs > li > a:hover {
  color: var(--re-primary) !important;
  border-bottom-color: rgba(244,128,26,0.40) !important;
  background: transparent !important;
}

/* Inside block title */
.block-title .nav-tabs { background: var(--re-card) !important; }
.block-title .nav-tabs > li.active > a { color: var(--re-primary) !important; border-bottom-color: var(--re-accent) !important; }

/* Tab pane spacing */
.tab-content { padding: 0 !important; }
.tab-pane { padding: 0 !important; }
.widget-main .tab-content { padding: 0 16px 16px !important; }

/* === SIDEBAR QUICK-ACTIONS === */
#pnrhistory, #rtrainhistory { margin-top: 8px; }
#rtrainhistory .btn, #pnrhistory .btn {
  font-size: 11.5px !important;
  color: var(--re-text-muted) !important;
  border-color: var(--re-border) !important;
  padding: 4px 10px !important;
}
#rtrainhistory .btn:hover, #pnrhistory .btn:hover {
  color: var(--re-primary) !important;
  border-color: var(--re-primary) !important;
}

/* Sidebar user area */
.sidebar-user-name { color: #fff !important; font-family: var(--re-font) !important; font-weight: 600 !important; font-size: 13px !important; }
.sidebar-user-links a { color: rgba(255,255,255,0.55) !important; transition: color var(--re-transition-fast) !important; }
.sidebar-user-links a:hover { color: var(--re-accent) !important; }

/* Sidebar color theme swatches */
.sidebar-themes li a {
  width: 22px; height: 22px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.20);
  transition: transform var(--re-transition-fast), border-color var(--re-transition-fast);
}
.sidebar-themes li a:hover { transform: scale(1.2); border-color: rgba(255,255,255,0.70); }

/* === MODAL === */
.modal-content {
  border: none !important;
  border-radius: var(--re-radius-xl) !important;
  box-shadow: var(--re-shadow-xl) !important;
  overflow: hidden !important;
  font-family: var(--re-font) !important;
}
.modal-header {
  background: linear-gradient(135deg, var(--re-primary) 0%, var(--re-primary-hover) 100%) !important;
  border-radius: var(--re-radius-xl) var(--re-radius-xl) 0 0 !important;
  padding: 18px 24px !important;
  border-bottom: none !important;
}
.modal-header .modal-title, .modal-header h4 {
  color: #fff !important;
  font-family: var(--re-font) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
.modal-header .close { color: rgba(255,255,255,0.70) !important; opacity: 1 !important; }
.modal-header .close:hover { color: #fff !important; }
.modal-body { padding: 24px !important; }
.modal-footer {
  border-top: 1px solid var(--re-border) !important;
  padding: 14px 24px !important;
  background: var(--re-surface) !important;
  border-radius: 0 0 var(--re-radius-xl) var(--re-radius-xl) !important;
}