/* 🎨 Summit Dashboard — Dark Theme Overrides v3 */
/* 完整覆蓋所有 AdminLTE 元件 */
/* 深色背景 + 白色/淺灰文字（棄用藍色字，提升可讀性） */

/* ========== BASE ========== */
body {
  font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.content-wrapper, .right-side, .content, body {
  background: #0a0a1a !important;
  color: #c0c0d0 !important;
}
h1, h2, h3, h4, h5, h6, p, span, li, div {
  color: #c0c0d0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #8899aa !important;
}
.text-muted { color: #6a7a8a !important; }
.text-red { color: #dd4b39 !important; }
.text-green { color: #00a65a !important; }
.text-yellow { color: #f39c12 !important; }
.text-aqua { color: #e0e0e0 !important; }
.text-light-blue { color: #ffffff !important; }
pre, code {
  background: #0a0a1a !important;
  color: #c0c0d0 !important;
  border: 1px solid #3a3a4e !important;
}
hr { border-color: #3a3a4e !important; }

/* ========== SIDEBAR ========== */
.main-sidebar, .left-side {
  background-color: #1a1a2e !important;
}
.skin-blue .sidebar-menu > li.header {
  color: #8899aa !important;
  font-size: 12px !important;
}
.skin-blue .sidebar-menu > li > a {
  color: #c0c0d0 !important;
  border-left: 3px solid transparent !important;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
  color: #fff !important;
  background: #2a2a3e !important;
  border-left-color: #ffffff !important;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
  background: #1a1a2e !important;
}
.skin-blue .sidebar-menu .treeview-menu > li > a {
  color: #8899aa !important;
}
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff !important;
}
.sidebar-menu .label {
  margin-top: 2px !important;
}

/* ========== HEADER ========== */
.main-header .logo {
  background: linear-gradient(135deg, #1a1a2e, #2a2a3e) !important;
  border-bottom: 0 solid transparent !important;
  color: #fff !important;
}
.main-header .navbar {
  background: linear-gradient(135deg, #1a1a2e, #2a2a3e) !important;
}
.main-header .navbar .sidebar-toggle:hover {
  background: #2a2a3e !important;
}
.main-header .navbar .nav > li > a {
  color: #c0c0d0 !important;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus {
  background: #2a2a3e !important;
}

/* ========== BOXES ========== */
.box {
  background: #1a1a2e !important;
  border-top: 3px solid #3a3a4e !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}
.box.box-success { border-top-color: #00a65a !important; }
.box.box-warning { border-top-color: #f39c12 !important; }
.box.box-info { border-top-color: #5bc0de !important; }
.box.box-primary { border-top-color: #7a7a8e !important; }
.box.box-danger { border-top-color: #dd4b39 !important; }
.box-header {
  background: #2a2a3e !important;
  border-radius: 8px 8px 0 0 !important;
  color: #e0e0f0 !important;
  border-bottom: 1px solid #3a3a4e !important;
}
.box-header .box-title { color: #e0e0f0 !important; }
.box-body {
  background: #1a1a2e !important;
  color: #c0c0d0 !important;
}
.box-footer {
  background: #2a2a3e !important;
  color: #8899aa !important;
  border-radius: 0 0 8px 8px !important;
  border-top: 1px solid #3a3a4e !important;
}
.box-tools .text-muted { color: #6a7a8a !important; }

/* ========== CONTENT HEADER ========== */
.content-header {
  background: transparent !important;
}
.content-header h1 { color: #e0e0f0 !important; }
.content-header h1 small { color: #8899aa !important; }
.breadcrumb { background: transparent !important; }
.breadcrumb > li + li:before { color: #555 !important; }
.breadcrumb > li > a { color: #ffffff !important; }
.breadcrumb > .active { color: #8899aa !important; }

/* ========== TABLES ========== */
.table { color: #c0c0d0 !important; margin-bottom: 0 !important; }
.table > thead > tr > th {
  background: #2a2a3e !important;
  color: #ffffff !important;
  border-bottom: 2px solid #3a3a4e !important;
}
.table > tbody > tr > td {
  border-top: 1px solid #3a3a4e !important;
  color: #c0c0d0 !important;
}
.table > tfoot > tr > td {
  border-top: 1px solid #3a3a4e !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background: #1e1e36 !important;
}
.table-hover > tbody > tr:hover {
  background: #2a2a3e !important;
}
.table-bordered {
  border-color: #3a3a4e !important;
}
.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > th {
  border-color: #3a3a4e !important;
}
.table.no-margin { margin: 0 !important; }

/* Total row in dark theme */
.table tr.total-row { background: #1a1a2e !important; }
.table tr.total-row td { border-top: 2px solid #3a3a4e !important; color: #ffffff !important; }

/* ========== SMALL BOXES ========== */
.small-box {
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}
.small-box .inner h3 { color: #fff !important; font-size: 28px !important; }
.small-box .inner p { color: rgba(255,255,255,0.85) !important; }
.small-box .icon { color: rgba(255,255,255,0.15) !important; }
.small-box-footer { 
  background: rgba(0,0,0,0.2) !important;
  color: rgba(255,255,255,0.8) !important;
}
.small-box-footer:hover {
  background: rgba(0,0,0,0.35) !important;
  color: #fff !important;
}

/* ========== PAGINATION ========== */
.pagination > li > a, .pagination > li > span {
  background: #2a2a3e !important;
  color: #e0e0e0 !important;
  border: 1px solid #3a3a4e !important;
}
.pagination > li.active > span, .pagination > li.active > a {
  background: #4a4a5e !important;
  color: #fff !important;
  border-color: #7a7a8e !important;
}
.pagination > li > a:hover, .pagination > li > span:hover {
  background: #3a3a4e !important;
}
.pagination > li.disabled > span {
  background: #111 !important;
  color: #444 !important;
  border-color: #3a3a4e !important;
}

/* ========== LABELS & BADGES ========== */
.label-success { background: #00a65a !important; }
.label-default { background: #555 !important; color: #ddd !important; }
.label-danger { background: #dd4b39 !important; }
.label-warning { background: #f39c12 !important; color: #222 !important; }
.label-info { background: #5a5a7e !important; color: #fff !important; }
.label-primary { background: #4a4a5e !important; color: #fff !important; }
.badge { background: #4a4a5e !important; color: #e0e0e0 !important; }

/* ========== FOOTER ========== */
.main-footer {
  background: #2a2a3e !important;
  color: #8899aa !important;
  border-top: 1px solid #3a3a4e !important;
}

/* ========== CALLOUT ========== */
.callout {
  background: #2a2a3e !important;
  border-color: #3a3a4e !important;
  color: #c0c0d0 !important;
}
.callout-info { border-left-color: #5bc0de !important; }
.callout-success { border-left-color: #00a65a !important; }
.callout-warning { border-left-color: #f39c12 !important; }
.callout-danger { border-left-color: #dd4b39 !important; }
.callout h4 { color: #e0e0f0 !important; }

/* ========== BUTTONS ========== */
.btn-primary { background: #4a4a5e !important; border-color: #6a6a7e !important; color: #fff !important; }
.btn-primary.active, .btn-primary:hover { background: #5a5a6e !important; }
.btn-default { background: #2a2a3e !important; border-color: #4a4a5e !important; color: #c0c0d0 !important; }
.btn-default:hover, .btn-default.active { background: #3a3a4e !important; color: #fff !important; }
.btn-info { background: #4a7aaa !important; border-color: #5a8aba !important; color: #fff !important; }
.btn-info:hover { background: #5a8aba !important; }
.btn-success { background: #00a65a !important; border-color: #008d4c !important; }
.btn-warning { background: #f39c12 !important; border-color: #e08e0b !important; color: #222 !important; }
.btn-danger { background: #dd4b39 !important; border-color: #d73925 !important; }
.btn-app { background: #2a2a3e !important; border: 1px solid #4a4a5e !important; color: #c0c0d0 !important; }
.btn-app:hover { background: #3a3a4e !important; color: #fff !important; }
.btn-app > .badge { background: #5a5a7e !important; color: #fff !important; }
.btn-group .btn + .btn { border-left: 1px solid rgba(255,255,255,0.1) !important; }

/* ========== FORMS ========== */
.form-control {
  background: #0a0a1a !important;
  color: #e0e0f0 !important;
  border-color: #3a3a4e !important;
}
.form-control:focus {
  border-color: #7a7a8e !important;
  box-shadow: 0 0 5px rgba(120,120,140,0.3) !important;
}
.form-control::placeholder { color: #5a6a7a !important; }
.form-control:-ms-input-placeholder { color: #5a6a7a !important; }
.form-control::-ms-input-placeholder { color: #5a6a7a !important; }
select.form-control option { background: #1a1a2e !important; color: #c0c0d0 !important; }
.input-group-addon {
  background: #3a3a4e !important;
  border-color: #3a3a4e !important;
  color: #8899aa !important;
}

/* ========== LINKS ========== */
a { color: #e0e0f0 !important; }
a:hover { color: #ffffff !important; }
a.text-muted { color: #6a7a8a !important; }
a.text-muted:hover { color: #8899aa !important; }

/* ========== MODALS ========== */
.modal-content {
  background: #1a1a2e !important;
  border: 1px solid #3a3a4e !important;
}
.modal-header { border-bottom: 1px solid #3a3a4e !important; }
.modal-footer { border-top: 1px solid #3a3a4e !important; }
.modal-title { color: #e0e0f0 !important; }
.close { color: #c0c0d0 !important; text-shadow: none !important; }
.close:hover { color: #fff !important; }

/* ========== DROPDOWNS ========== */
.dropdown-menu {
  background: #1a1a2e !important;
  border: 1px solid #3a3a4e !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
.dropdown-menu > li > a { color: #c0c0d0 !important; }
.dropdown-menu > li > a:hover { background: #2a2a3e !important; color: #fff !important; }
.dropdown-menu .divider { background: #3a3a4e !important; }
.dropdown-menu .header { background: #2a2a3e !important; color: #8899aa !important; }

/* ========== NAV TABS ========== */
.nav-tabs { border-bottom: 1px solid #3a3a4e !important; }
.nav-tabs > li > a { color: #8899aa !important; }
.nav-tabs > li > a:hover { background: #2a2a3e !important; border-color: #3a3a4e !important; color: #fff !important; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: #1a1a2e !important;
  border-color: #3a3a4e !important;
  border-bottom-color: #1a1a2e !important;
  color: #ffffff !important;
}

/* ========== ALERTS ========== */
.alert { background: #2a2a3e !important; border-color: #3a3a4e !important; color: #c0c0d0 !important; }
.alert-info { border-left: 4px solid #5bc0de !important; }
.alert-success { border-left: 4px solid #00a65a !important; }
.alert-warning { border-left: 4px solid #f39c12 !important; color: #f0e0c0 !important; }
.alert-danger { border-left: 4px solid #dd4b39 !important; }

/* ========== PROGRESS BARS ========== */
.progress { background: #0a0a1a !important; }

/* ========== WELL ========== */
.well { background: #2a2a3e !important; border: 1px solid #3a3a4e !important; box-shadow: none !important; }

/* ========== LISTS ========== */
.list-group-item {
  background: #1a1a2e !important;
  border-color: #3a3a4e !important;
  color: #c0c0d0 !important;
}
.list-group-item:hover { background: #2a2a3e !important; }

/* ========== PANELS ========== */
.panel { background: #1a1a2e !important; border-color: #3a3a4e !important; }
.panel-heading { background: #2a2a3e !important; border-color: #3a3a4e !important; color: #e0e0f0 !important; }
.panel-footer { background: #2a2a3e !important; border-color: #3a3a4e !important; }

/* ========== TIMELINE ========== */
.timeline > li > .timeline-item {
  background: #1a1a2e !important;
  border: 1px solid #3a3a4e !important;
}
.timeline > li > .timeline-item > .time { color: #8899aa !important; }
.timeline > li > .timeline-item > .timeline-header { border-color: #3a3a4e !important; color: #e0e0f0 !important; }
.timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion {
  background: #3a3a4e !important;
}

/* ========== DATA TABLE ========== */
.dataTables_wrapper { color: #c0c0d0 !important; }
.dataTables_wrapper .dataTables_filter input {
  background: #0a0a1a !important;
  color: #e0e0f0 !important;
  border: 1px solid #3a3a4e !important;
  border-radius: 4px !important;
  padding: 4px 8px !important;
  margin-left: 5px !important;
}
.dataTables_wrapper .dataTables_length select {
  background: #0a0a1a !important;
  color: #e0e0f0 !important;
  border: 1px solid #3a3a4e !important;
  padding: 2px 4px !important;
}
.dataTables_wrapper .dataTables_info { color: #8899aa !important; padding-top: 8px !important; }
.dataTables_wrapper .dataTables_paginate { padding-top: 5px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #2a2a3e !important;
  color: #e0e0e0 !important;
  border: 1px solid #3a3a4e !important;
  padding: 4px 10px !important;
  margin: 0 2px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #4a4a5e !important;
  color: #fff !important;
  border-color: #7a7a8e !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #3a3a4e !important;
  border-color: #6a6a8e !important;
}

/* ========== SCROLLBAR ========== */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0a0a1a; }
::-webkit-scrollbar-thumb { background: #3a3a4e; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #5a5a6e; }

/* ========== REFRESH BUTTON ========== */
.btn-refresh { 
  position: fixed !important; 
  top: 8px !important; 
  right: 15px !important; 
  z-index: 9999 !important;
  border-radius: 20px !important;
  padding: 4px 14px !important;
  font-size: 11px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #e0e0e0 !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}
.btn-refresh:hover {
  background: rgba(255,255,255,0.15) !important;
  border-color: #ffffff !important;
  transform: scale(1.05);
}
.btn-refresh.spinning i {
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ========== MOBILE ========== */
@media (max-width: 767px) {
  .content { padding: 10px !important; }
  .box { border-radius: 6px !important; }
  .table { font-size: 11px !important; }
  .table > tbody > tr > td { padding: 4px !important; }
  .small-box .inner h3 { font-size: 20px !important; }
  .small-box .icon { font-size: 40px !important; }
  .btn-group { flex-wrap: wrap; }
  .input-group { width: 100% !important; margin: 5px 0 !important; }
  .content-header h1 { font-size: 20px !important; }
}

/* ========== IFRAME OVERRIDE ========== */
iframe { background: #0a0a1a !important; }

/* ========== NAV-TABS-CUSTOM OVERRIDE ========== */
.nav-tabs-custom { background: #1a1a2e !important; }
.nav-tabs-custom > .nav-tabs { background: #2a2a3e !important; }
.nav-tabs-custom > .nav-tabs > li.active > a { background: #1a1a2e !important; color: #fff !important; }
.nav-tabs-custom > .tab-content { background: #1a1a2e !important; }

/* ========== STORE BADGE COLORS ========== */
.store-summit { background: #00a65a !important; color: #fff !important; }
.store-seeusoon { background: #f39c12 !important; color: #fff !important; }

/* DateRangePicker Dark Mode */
.daterangepicker { background: #1a1a2e !important; border-color: #4a4a6e !important; color: #ddd !important; }
.daterangepicker .calendar-table { background: #1a1a2e !important; border-color: #3a3a5e !important; color: #ddd !important; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #3a3a5e !important; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background: #0a0a1a !important; color: #555 !important; }
.daterangepicker td.in-range { background: #2a3a6e !important; color: #fff !important; }
.daterangepicker td.active, .daterangepicker td.active:hover { background: #4a7aaa !important; color: #fff !important; }
.daterangepicker .ranges li { background: #2a2a4e !important; color: #ddd !important; border-color: #4a4a6e !important; }
.daterangepicker .ranges li:hover { background: #3a3a5e !important; }
.daterangepicker .ranges li.active { background: #4a7aaa !important; color: #fff !important; }
.daterangepicker .drp-buttons { border-color: #3a3a5e !important; }
.daterangepicker .drp-selected { color: #aaa !important; }
.daterangepicker .btn-default { background: #2a2a4e !important; color: #ddd !important; border-color: #4a4a6e !important; }
.daterangepicker .btn-default:hover { background: #3a3a5e !important; }
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-color: #aaa !important; }
.daterangepicker .calendar-table th { color: #aaa !important; }
.daterangepicker .calendar-table td { color: #ddd !important; }
.daterangepicker .input-mini { background: #2a2a4e !important; color: #ddd !important; border-color: #4a4a6e !important; }
.daterangepicker .input-mini.active { border-color: #4a7aaa !important; }
.daterangepicker .daterangepicker_input i { color: #aaa !important; }