/*!
 * muosdeibi — Bootstrap Overrides
 */

/* --- Base reset against Bootstrap defaults --- */
body { background: #0b0b0f; color: #e8e8f0; }

a:focus, a:hover { color: inherit !important; text-decoration: none !important; }

/* --- Tables: strip Bootstrap borders, let style.css handle them --- */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th { border-top: none !important; }

/* --- Forms --- */
.form-control {
    background: #17171f !important;
    border: 1px solid #2a2a38 !important;
    color: #e8e8f0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    height: 36px;
}
.form-control:focus {
    border-color: #3a3a50 !important;
    box-shadow: 0 0 0 3px rgba(201,165,90,0.08) !important;
    outline: none !important;
}
.form-control::placeholder { color: #48485e !important; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea { background: #17171f !important; color: #e8e8f0 !important; }

/* --- Panels: remove Bootstrap coloring --- */
.panel { background: #111118; border-color: #1e1e2a; border-radius: 6px; box-shadow: none; }
.panel-default { background: #111118; border-color: #1e1e2a; }
.panel-default > .panel-heading { background: transparent !important; border-color: #1e1e2a; color: #e8e8f0; }

/* --- Navbar reset (we build our own) --- */
.navbar { display: none !important; }

/* --- Wells --- */
.well { background: #17171f; border-color: #1e1e2a; border-radius: 6px; box-shadow: none; color: #8080a0; }

/* --- Dropdowns --- */
.dropdown-menu {
    background: #17171f;
    border: 1px solid #2a2a38;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.8);
    padding: 4px;
}
.dropdown-menu > li > a { color: #8080a0; font-size: 13px; padding: 7px 12px; border-radius: 4px; }
.dropdown-menu > li > a:hover { background: #111118; color: #e8e8f0; }
.dropdown-menu .divider { background-color: #1e1e2a; margin: 4px 0; }

/* --- Tabs --- */
.nav-tabs { border-bottom: 1px solid #1e1e2a; margin-bottom: 18px; }
.nav-tabs > li > a { color: #48485e; font-size: 12px; font-weight: 600; border: none; border-bottom: 2px solid transparent; border-radius: 0; padding: 8px 14px; margin-bottom: -1px; }
.nav-tabs > li > a:hover { color: #8080a0; background: transparent; border-color: transparent; border-bottom-color: #3a3a50; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #e8e8f0; background: transparent; border: none; border-bottom: 2px solid #c9a55a; }

/* --- Breadcrumb --- */
.breadcrumb { background: #111118; border: 1px solid #1e1e2a; border-radius: 4px; padding: 8px 14px; font-size: 12px; }
.breadcrumb > li + li::before { color: #48485e; }
.breadcrumb > li > a { color: #8080a0; }
.breadcrumb > .active { color: #e8e8f0; }

/* --- Progress --- */
.progress { background: #1e1e2a; border-radius: 3px; height: 5px; box-shadow: none; }
.progress-bar { background: #c9a55a; box-shadow: none; }
.progress-bar-success { background: #4ade80; }
.progress-bar-info    { background: #60a5fa; }
.progress-bar-warning { background: #fbbf24; }
.progress-bar-danger  { background: #f87171; }

/* --- List groups --- */
.list-group-item { background: #111118; border-color: #1e1e2a; color: #8080a0; }
.list-group-item:hover { background: #17171f; color: #e8e8f0; }
.list-group-item.active,
.list-group-item.active:hover { background: #c9a55a; border-color: #c9a55a; color: #0b0b0f; }

/* --- Modals --- */
.modal-content { background: #111118; border: 1px solid #2a2a38; border-radius: 8px; box-shadow: 0 16px 48px rgba(0,0,0,0.9); }
.modal-header { border-bottom: 1px solid #1e1e2a; padding: 14px 18px; }
.modal-header .modal-title { color: #e8e8f0; font-size: 14px; font-weight: 600; }
.modal-body { padding: 18px; color: #8080a0; }
.modal-footer { border-top: 1px solid #1e1e2a; padding: 12px 18px; background: transparent; }
.close { color: #48485e; opacity: 1; text-shadow: none; font-size: 18px; }
.close:hover { color: #e8e8f0; }

/* --- Input groups --- */
.input-group-addon { background: #17171f; border: 1px solid #2a2a38; color: #48485e; font-size: 13px; }

/* --- Table inside panel (remove double border, keep consistent padding) --- */
.panel > .table { margin-bottom: 0; }
/* Do NOT override th/td padding here — let style.css control it uniformly */

/* --- Utility --- */
.nopadding { padding: 0 !important; margin: 0 !important; }
.vcenter { display: inline-block; vertical-align: middle; float: none; }
.form-horizontal .control-label { text-align: left !important; }

/* --- Tooltip --- */
.tooltip-inner { background: #e8e8f0; color: #0b0b0f; font-size: 11px; border-radius: 4px; padding: 4px 10px; }
.tooltip.top    .tooltip-arrow { border-top-color: #e8e8f0; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #e8e8f0; }

/* --- Code --- */
code { background: #17171f; border: 1px solid #1e1e2a; border-radius: 3px; color: #c9a55a; font-size: 12px; padding: 1px 5px; }
pre  { background: #17171f; border: 1px solid #1e1e2a; border-radius: 4px; color: #8080a0; padding: 14px; font-size: 12px; }