/* ============================================================
   smooth.css — Soft, modern UI layer for SchoolCRM
   Loaded last so it safely overrides AdminLTE + custom.css
============================================================ */

/* ---- Login page logo ---- */
.login-page h2 img {
  max-width: 120px;
  width: 120px;
  height: auto;
  display: block;
  margin: 0 auto 8px auto;
}

/* ---- Base ---- */
body {
  background-color: #FFF3EE !important;
  color: #2d3748;
}

.content-wrapper {
  background-color: #FFF3EE;
}

/* ---- Cards / Boxes ---- */
.box {
  border-radius: 10px !important;
  border: 1px solid #EDD8CA !important;
  border-top-width: 1px !important;
  box-shadow: 0 2px 12px rgba(200, 80, 30, 0.08) !important;
  -webkit-box-shadow: 0 2px 12px rgba(200, 80, 30, 0.08) !important;
  -moz-box-shadow: 0 2px 12px rgba(200, 80, 30, 0.08) !important;
  overflow: hidden;
}

.box.box-primary  { border-top: 3px solid #FF7033 !important; }
.box.box-success  { border-top: 3px solid #48bb78 !important; }
.box.box-warning  { border-top: 3px solid #ecc94b !important; }
.box.box-danger   { border-top: 3px solid #fc8181 !important; }
.box.box-info     { border-top: 3px solid #FF9266 !important; }
.box.box-default  { border-top: 3px solid #EDD8CA !important; }

.box-header {
  background: #fff;
  border-bottom: 1px solid #F5E5D8 !important;
}

.box-header.with-border {
  border-bottom: 1px solid #F5E5D8 !important;
}

.box-title {
  color: #8A3A10;
  font-weight: 600;
  font-size: 15px;
}

/* ---- Dashboard stat cards ---- */
.small-box {
  border-radius: 12px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.09) !important;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.small-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.13) !important;
}

/* ---- Buttons ---- */
.btn {
  border-radius: 7px !important;
  transition: all 0.2s ease !important;
  font-weight: 500;
}

.btn-primary {
  background-color: #FF7033 !important;
  border-color: #E55A1A !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #E55A1A !important;
  border-color: #CC4A10 !important;
  box-shadow: 0 3px 10px rgba(255, 112, 51, 0.40) !important;
}

.btn-success:hover {
  box-shadow: 0 3px 10px rgba(72, 187, 120, 0.38) !important;
}

.btn-danger:hover {
  box-shadow: 0 3px 10px rgba(221, 75, 57, 0.35) !important;
}

.btn-warning:hover {
  box-shadow: 0 3px 10px rgba(243, 156, 18, 0.35) !important;
}

.btn-info:hover {
  box-shadow: 0 3px 10px rgba(255, 112, 51, 0.35) !important;
}

.btn-custom2 {
  background: #48bb78 !important;
  border-color: #38a169 !important;
  color: #fff !important;
  border-radius: 7px !important;
}

.btn-custom2:hover {
  background: #38a169 !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(72, 187, 120, 0.38) !important;
}

/* DataTable export buttons */
.buttons-copy,
.buttons-excel,
.buttons-csv,
.buttons-pdf,
.buttons-print,
.buttons-delete {
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  font-weight: 500 !important;
  padding: 4px 10px !important;
}

.buttons-copy:hover,
.buttons-excel:hover,
.buttons-csv:hover,
.buttons-pdf:hover,
.buttons-print:hover {
  opacity: 0.8;
  transform: translateY(-1px);
}

/* ---- Forms / Inputs ---- */
.form-control {
  border-radius: 7px !important;
  border: 1px solid #E8CDB8 !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  color: #3d4f63;
  background-color: #fdfdfe !important;
}

.form-control:focus {
  border-color: #FF7033 !important;
  box-shadow: 0 0 0 3px rgba(255, 112, 51, 0.14) !important;
  background-color: #fff !important;
}

select.form-control {
  border-radius: 7px !important;
}

/* Labels */
label {
  color: #CC5520 !important;
  font-weight: 600;
  font-family: calibri, sans-serif;
  font-size: 14px;
}

/* ---- Tables ---- */
thead {
  background: linear-gradient(135deg, #FF7033 0%, #FF9266 100%) !important;
}

thead th,
thead td {
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: 10px 12px !important;
  border-bottom: none !important;
  border-top: none !important;
}

table tbody tr:nth-child(even) {
  background-color: #FFF9F7 !important;
  color: #2d3748 !important;
}

table tbody tr:nth-child(odd) {
  background-color: #FFF0E8 !important;
  color: #2d3748;
}

table tbody tr:hover {
  background-color: #FFE0CC !important;
  transition: background-color 0.15s ease;
}

.table-bordered {
  border: 1px solid #EDD8CA !important;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #EDD8CA !important;
}

/* Keep invoice / certificate tables white */
.invoice table tbody tr:nth-child(even),
.invoice table tbody tr:nth-child(odd),
.fehinvoice table tbody tr:nth-child(even),
.fehinvoice table tbody tr:nth-child(odd) {
  background-color: #fff !important;
}

/* ---- Table report header ---- */
.tblhead {
  background: linear-gradient(135deg, #FF7033, #FF9266) !important;
  border-radius: 6px 6px 0 0;
}

.tblhead td {
  color: #fff !important;
}

/* ---- AdminLTE skin-blue header → orange ---- */
.skin-blue .main-header .navbar,
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #FF7033 !important;
}

.skin-blue .main-header .logo {
  background-color: #E55A1A !important;
  border-bottom: none !important;
}

.skin-blue .main-header .logo:hover {
  background-color: #CC4A10 !important;
}

.skin-blue .main-header li.user-header {
  background-color: #FF7033 !important;
}

.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus {
  background-color: #E55A1A !important;
}

/* ---- Sidebar ---- */
.main-sidebar {
  box-shadow: 2px 0 14px rgba(0, 0, 0, 0.1);
}

.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.active > a:hover,
.skin-blue .sidebar-menu > li.active > a:focus {
  border-left-color: #FF7033 !important;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
  border-left: 1px solid #FF9266 !important;
}

.sidebar-menu > li > a {
  transition: background 0.18s ease, padding-left 0.18s ease !important;
}

.sidebar-menu > li > a:hover {
  padding-left: 20px !important;
}

/* ---- Header ---- */
.main-header {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ---- Login page top bar ---- */
.indextop {
  background: linear-gradient(135deg, #FF7033 0%, #FF9266 100%) !important;
  font-size: 26px !important;
  padding: 14px !important;
  letter-spacing: 0.5px;
  box-shadow: 0 3px 10px rgba(255, 112, 51, 0.28);
}

/* ---- Login card ---- */
.login-box-body.account-container {
  border-radius: 18px !important;
  border: 1px solid #EDD8CA !important;
  box-shadow: 0 10px 36px rgba(255, 112, 51, 0.13), 0 2px 10px rgba(0, 0, 0, 0.06) !important;
  padding: 32px 28px !important;
  margin-top: 30px !important;
}

.login-box-body.account-container h1 {
  color: #8A3A10;
  font-weight: 700;
  margin-bottom: 6px;
}

.login-box-body.account-container p {
  color: #b08070;
  font-size: 13px;
  margin-bottom: 18px;
}

.login-box-body.account-container .form-control {
  height: 44px !important;
  border-radius: 8px !important;
  border: 1px solid #E8CDB8 !important;
  padding-left: 50px !important;
}

.login-box-body.account-container .form-control:focus {
  border-color: #FF7033 !important;
  box-shadow: 0 0 0 3px rgba(255, 112, 51, 0.14) !important;
}

.login-box-body.account-container .btn-primary {
  width: 100%;
  height: 46px;
  font-size: 15px;
  letter-spacing: 1px;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #FF7033 0%, #FF9266 100%) !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(255, 112, 51, 0.42) !important;
  transition: all 0.2s ease !important;
  color: #fff !important;
}

.login-box-body.account-container .btn-primary:hover {
  background: linear-gradient(135deg, #E55A1A 0%, #FF7033 100%) !important;
  box-shadow: 0 6px 20px rgba(255, 112, 51, 0.54) !important;
  transform: translateY(-1px);
}

/* ---- Nav tabs ---- */
.nav-tabs-custom {
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #FF7033 !important;
}

.nav-tabs-custom > .nav-tabs > li > a {
  transition: background 0.18s ease !important;
}

/* ---- Profile nav tabs ---- */
.nav-profile li {
  background: #FF7033 !important;
  transition: background 0.18s ease;
}

.nav-profile li a:hover {
  background: #48bb78 !important;
  color: #fff;
}

.nav-profile .active-nav {
  background: #48bb78 !important;
}

.custmernav-profile .nav li {
  background-color: #FF7033 !important;
  transition: background 0.18s ease;
}

.custmernav-profile .nav > li > a:hover,
.custmernav-profile .nav > li > a:active,
.custmernav-profile .nav > li > a:focus {
  background-color: #E55A1A !important;
}

/* ---- Alerts ---- */
.alert {
  border-radius: 8px !important;
  border-left-width: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

/* ---- Pagination ---- */
.pagination > li > a,
.pagination > li > span {
  margin: 0 2px;
  border-radius: 5px !important;
  border: 1px solid #E8CDB8;
  transition: all 0.18s ease;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
  background-color: #FF7033 !important;
  border-color: #FF7033 !important;
}

/* ---- Footer ---- */
.main-footer {
  border-top: 1px solid #EDD8CA;
  background: #fff;
  color: #718096;
  font-size: 13px;
}

/* ---- Scrollbar ---- */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #FFF3EE;
}

::-webkit-scrollbar-thumb {
  background: #F0A882;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #E07848;
}