/* Simple Shipping Containers brand theme for the portal. Loaded LAST from includes/views/head.php.
   Brand: green #199450 (hover #126839), slate #314149, text #2C3E50, blue #4169E1, red #D90000, orange #FFA500. Font: Inter.
   White stays the main background. To undo: remove the ssc-theme.css <link> line in head.php. */
:root{
  --ssc-green:#199450; --ssc-green-hover:#126839; --ssc-green-tint:#eaf7f0;
  --ssc-slate:#314149; --ssc-text:#2C3E50; --ssc-muted:#6C757D; --ssc-border:#DEE2E6;
  --ssc-blue:#4169E1; --ssc-red:#D90000; --ssc-orange:#FFA500;
}

/* ---------- Font (icon fonts untouched) ---------- */
body, button, input, select, textarea, .btn, .form-control, .table, .dropdown-menu, .modal-content,
.kt-portlet, .kt-menu__link-text, .kt-subheader__title, .kt-portlet__head-title, .select2-container,
.dataTables_wrapper, .nav-link, .badge, .kt-badge{
  font-family:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
body{ color:var(--ssc-text); }
h1,h2,h3,h4,h5,h6,.kt-portlet__head-title,.kt-subheader__title,.modal-title{
  font-family:'Inter', system-ui, sans-serif; color:var(--ssc-slate); letter-spacing:-.01em;
}

/* ---------- Links ---------- */
a{ color:var(--ssc-green); }
a:hover{ color:var(--ssc-green-hover); }
.kt-link, .kt-link:hover{ color:var(--ssc-green); }

/* ---------- Buttons (white text on green) ---------- */
.btn-primary, .btn-brand, .btn-success,
.btn-primary:not(:disabled):not(.disabled):active, .btn-brand:not(:disabled):not(.disabled):active,
.btn-primary.focus, .btn-primary:focus, .btn-brand:focus{
  background-color:var(--ssc-green) !important; border-color:var(--ssc-green) !important; color:#fff !important;
}
.btn-primary:hover, .btn-brand:hover, .btn-success:hover{
  background-color:var(--ssc-green-hover) !important; border-color:var(--ssc-green-hover) !important; color:#fff !important;
}
.btn-primary:focus, .btn-brand:focus, .btn-success:focus{ box-shadow:0 0 0 .2rem rgba(25,148,80,.25) !important; }
.btn-outline-primary, .btn-outline-brand, .btn-outline-success{ color:var(--ssc-green) !important; border-color:var(--ssc-green) !important; background:transparent !important; }
.btn-outline-primary:hover, .btn-outline-brand:hover, .btn-outline-success:hover{ background:var(--ssc-green) !important; color:#fff !important; }
.btn-secondary{ background:var(--ssc-slate) !important; border-color:var(--ssc-slate) !important; color:#fff !important; }
.btn-secondary:hover{ background:#5F6E7A !important; border-color:#5F6E7A !important; }
.btn-info{ background:var(--ssc-blue) !important; border-color:var(--ssc-blue) !important; color:#fff !important; }
.btn-info:hover{ background:#3557BC !important; border-color:#3557BC !important; }
.btn-danger{ background:var(--ssc-red) !important; border-color:var(--ssc-red) !important; color:#fff !important; }
.btn-danger:hover{ background:#B30000 !important; border-color:#B30000 !important; }
.btn-warning{ background:var(--ssc-orange) !important; border-color:var(--ssc-orange) !important; color:#1a1300 !important; }
.btn-light-primary, .btn-clean:hover{ color:var(--ssc-green) !important; }
.btn{ font-weight:600; }

/* ---------- Text / background helpers ---------- */
.text-primary, .kt-font-primary, .kt-font-brand, .kt-font-success{ color:var(--ssc-green) !important; }
.text-info, .kt-font-info{ color:var(--ssc-blue) !important; }
.text-danger, .kt-font-danger{ color:var(--ssc-red) !important; }
.bg-primary, .kt-bg-brand, .kt-bg-primary{ background-color:var(--ssc-green) !important; }

/* ---------- Badges / labels (kt-badge, bootstrap badge) ---------- */
.badge-primary, .badge-success, .kt-badge--primary, .kt-badge--brand, .kt-badge--success, .label-primary{
  background-color:var(--ssc-green) !important; color:#fff !important;
}
.badge-info, .kt-badge--info{ background-color:var(--ssc-blue) !important; color:#fff !important; }
.badge-danger, .kt-badge--danger{ background-color:var(--ssc-red) !important; color:#fff !important; }
.badge-warning, .kt-badge--warning{ background-color:var(--ssc-orange) !important; color:#1a1300 !important; }
.badge-secondary, .badge-dark{ background-color:var(--ssc-slate) !important; color:#fff !important; }
.kt-badge.kt-badge--inline.kt-badge--primary, .kt-badge.kt-badge--inline.kt-badge--brand{ background-color:var(--ssc-green) !important; }

/* ---------- Forms ---------- */
.form-control:focus, .custom-select:focus, .select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
  border-color:var(--ssc-green) !important; box-shadow:0 0 0 3px rgba(25,148,80,.15) !important; outline:0;
}
.custom-control-input:checked ~ .custom-control-label::before,
.kt-checkbox > input:checked ~ span, .kt-radio > input:checked ~ span{ background-color:var(--ssc-green) !important; border-color:var(--ssc-green) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ background-color:var(--ssc-green) !important; color:#fff !important; }
.select2-container--default .select2-results__option[aria-selected=true]{ background-color:var(--ssc-green-tint) !important; color:var(--ssc-green-hover) !important; }
.chosen-container .chosen-results li.highlighted{ background:var(--ssc-green) !important; color:#fff !important; }
.chosen-container-active .chosen-single, .chosen-container-active .chosen-choices{ border-color:var(--ssc-green) !important; box-shadow:0 0 0 .2rem rgba(25,148,80,.25) !important; }

/* ---------- Tables, tabs, pagination, dropdowns, progress ---------- */
.table tbody tr:hover{ background-color:var(--ssc-green-tint) !important; }
.table thead th{ color:var(--ssc-slate); }
.nav-tabs .nav-link.active, .nav-pills .nav-link.active, .nav-tabs .nav-item.show .nav-link{ color:var(--ssc-green) !important; border-bottom-color:var(--ssc-green) !important; }
.nav-pills .nav-link.active{ background:var(--ssc-green) !important; color:#fff !important; }
.nav-tabs .nav-link:hover{ color:var(--ssc-green-hover); }
.page-item.active .page-link{ background-color:var(--ssc-green) !important; border-color:var(--ssc-green) !important; color:#fff !important; }
.page-link{ color:var(--ssc-green); }
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ background:var(--ssc-green) !important; border-color:var(--ssc-green) !important; color:#fff !important; }
.dropdown-item.active, .dropdown-item:active{ background-color:var(--ssc-green) !important; color:#fff !important; }
.kt-nav .kt-nav__item > .kt-nav__link:hover .kt-nav__link-text, .kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-text{ color:var(--ssc-green) !important; }
.progress-bar{ background-color:var(--ssc-green); }
.alert-info{ background:#eaf0ff; border-color:#c9d6fb; color:#2a3f8f; }
.alert-success{ background:var(--ssc-green-tint); border-color:#bfe3cf; color:var(--ssc-green-hover); }
.kt-portlet .kt-portlet__head .kt-portlet__head-icon i{ color:var(--ssc-green); }

/* ---------- Left sidebar: brand green, white text + logo on white panel, darker green for hover/active ---------- */
body .kt-aside .kt-aside-menu-wrapper, body .custom-wrapper{ background-color:var(--ssc-green) !important; }
body .kt-aside .kt-menu__link-text, body .kt-aside .kt-menu__link-icon{ color:#fff !important; }
body .kt-aside .kt-menu__ver-arrow, body .kt-aside .kt-menu__link:hover .kt-menu__ver-arrow{ color:#fff !important; }
body .kt-aside .kt-menu__link:hover,
body .kt-aside .kt-menu__item--here,
body .kt-aside .kt-menu__item--here > .kt-menu__link,
body .kt-aside .kt-menu__item--active,
body .kt-aside .kt-menu__item--active > .kt-menu__link,
body .kt-aside .kt-menu__item--open > .kt-menu__link{ background-color:var(--ssc-green-hover) !important; border-radius:10px; }
body .kt-aside .kt-menu__item--here .kt-menu__link-text, body .kt-aside .kt-menu__item--active .kt-menu__link-text{ font-weight:700; }
body .kt-aside .kt-menu__submenu .kt-menu__link-text{ color:#fff !important; }
body .policy a{ color:#fff; } body .policy a:hover{ color:#eaf7f0; }

/* ---------- Mobile top bar: white with logo, green toggler ---------- */
.kt-header-mobile{ background:#fff !important; border-bottom:1px solid var(--ssc-border); }
.kt-header-mobile .kt-header-mobile__logo img{ height:48px !important; width:auto; }
.kt-header-mobile__toolbar-toggler span, .kt-header-mobile__toolbar-toggler span::before, .kt-header-mobile__toolbar-toggler span::after{ background:var(--ssc-green) !important; }
.kt-header-mobile__toolbar-topbar-toggler i{ color:var(--ssc-green) !important; }
#kt_header{ background:#fff !important; }
#kt_header .kt-header-menu-wrapper, #kt_header .kt-header-menu{ background-color:var(--ssc-green) !important; }
.kt-scrolltop{ background:var(--ssc-green) !important; }

/* ---------- Login page (login.php): white page with a faint green tint, big logo ---------- */
body .logo-icon{ width:auto !important; height:auto !important; border-radius:0 !important; display:block !important; margin-bottom:.5rem !important; }
body .logo-icon img{ height:96px !important; width:auto !important; margin:8px 0 !important; }
body .login-card{ background:#fff !important; border-top:4px solid var(--ssc-green); }
body .login-card .card-title, body .login-card .brand-title{ color:var(--ssc-slate) !important; font-family:'Inter',sans-serif !important; }
body .login-card .form-control:focus{ border-color:var(--ssc-green) !important; box-shadow:0 0 0 3px rgba(25,148,80,.15) !important; }
body .btn-login{ background:var(--ssc-green) !important; color:#fff !important; }
body .btn-login:hover{ background:var(--ssc-green-hover) !important; color:#fff !important; }
body .support-email{ color:var(--ssc-green) !important; } body .support-email:hover{ color:var(--ssc-green-hover) !important; }
body:has(.login-container){ background:linear-gradient(135deg,#eaf7f0 0%,#ffffff 50%,#eaf7f0 100%) !important; font-family:'Inter',system-ui,sans-serif !important; }
body .login-card a{ color:var(--ssc-green) !important; }
body .login-card a:hover{ color:var(--ssc-green-hover) !important; }