/*
 * Tema UNIRA v2 - Repository Universitas Madura
 * Dongker + Putih + aksen Kuning
 * Load AFTER auto.css untuk override template default
 */

:root {
  --unira-navy: #001B5E;
  --unira-navy-dark: #001040;
  --unira-navy-mid: #002B7A;
  --unira-white: #FFFFFF;
  --unira-yellow: #F5C518;
  --unira-yellow-dark: #D4A800;
  --unira-gray: #F0F2F6;
  --unira-text: #1A1A2E;
  --unira-text-muted: #5A6275;
}

body {
  color: var(--unira-text);
  background-color: var(--unira-gray);
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
}

a, .ep_tm_key_tools a:visited {
  color: var(--unira-navy-mid);
}
a:hover {
  color: var(--unira-yellow-dark);
}

h1, h2, h3, h4, .ep_tm_pagetitle {
  color: var(--unira-navy);
}

#wrapper {
  max-width: 1200px;
  margin: 0 auto;
  background: var(--unira-white);
  box-shadow: 0 2px 20px rgba(0, 27, 94, 0.1);
}

/* ===== HEADER - override auto.css white background ===== */
.ep_tm_header {
  background: var(--unira-navy) !important;
  background-image: none !important;
  background-color: var(--unira-navy) !important;
  padding: 0 !important;
  border-bottom: 4px solid var(--unira-yellow) !important;
}

/* Bar 1: branding saja (logo + nama) */
.ep_tm_branding {
  display: flex;
  align-items: center;
  padding: 0.85rem 1.5rem;
  background: var(--unira-navy-dark) !important;
  border-bottom: none;
}

.ep_tm_branding > a {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  color: var(--unira-white) !important;
}

.ep_tm_branding > a:hover {
  opacity: 0.95;
}

/* Bar 2: toolbar — nav + akun + search satu baris */
.ep_tm_toolbar {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  background: var(--unira-navy-mid) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  min-height: 44px;
}

.ep_tm_toolbar_nav {
  flex: 1;
  min-width: 0;
}

.ep_tm_toolbar_right {
  display: flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}

/* Akun: link teks sederhana */
.ep_tm_account {
  display: flex;
  align-items: center;
  padding: 0 0.85rem;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  height: 100%;
}

.ep_tm_account .ep_tm_key_tools {
  display: flex;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  row-gap: 0.3rem;
}

.ep_tm_account .ep_tm_key_tools li {
  border: none !important;
  padding: 0 !important;
}

.ep_tm_account .ep_tm_key_tools a,
.ep_tm_account .ep_tm_key_tools a:visited {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap;
  padding: 0.3rem 0 !important;
  background: none !important;
  border: none !important;
}

.ep_tm_account .ep_tm_key_tools a:hover {
  color: var(--unira-yellow) !important;
  text-decoration: underline !important;
}

.ep_tm_account .unira-divider {
  color: rgba(255, 255, 255, 0.35);
  margin: 0 0.4rem;
  font-weight: 300;
}

/* Pemisah antar item menu akun */
.ep_tm_account .ep_tm_key_tools .ep_tm_key_tools_item + .ep_tm_key_tools_item::before {
  content: "|";
  color: rgba(255, 255, 255, 0.35);
  margin: 0 0.45rem;
  font-weight: 300;
}

/* Nama pengguna (link ke dashboard) */
.ep_tm_account .ep_tm_key_tools a[href*="/users/home"]:not([href*="screen"]) {
  color: var(--unira-yellow) !important;
  font-weight: 700 !important;
}

/* Link Admin — sorot kuning */
.ep_tm_account .ep_tm_key_tools a[href*="screen=Admin"],
.ep_tm_account .ep_tm_key_tools a[href*="screen%3DAdmin"] {
  color: var(--unira-yellow) !important;
  font-weight: 700 !important;
}

.ep_tm_account .ep_tm_key_tools a[href*="logout"] {
  color: #ffb3b3 !important;
}

.ep_tm_account .ep_tm_key_tools a[href*="logout"]:hover {
  color: #ffd4d4 !important;
}

/* Saat login: baris kedua khusus menu admin */
.ep_tm_toolbar {
  flex-wrap: wrap;
}

.ep_tm_toolbar:has(.ep_tm_key_tools li:nth-child(3)) .ep_tm_toolbar_right {
  flex-basis: 100%;
  order: 2;
  border-left: none;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 0.45rem 0.75rem;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}

.ep_tm_toolbar:has(.ep_tm_key_tools li:nth-child(3)) .ep_tm_account {
  border-right: none;
  padding: 0;
  flex: 1;
  min-width: 0;
}

.ep_tm_toolbar:has(.ep_tm_key_tools li:nth-child(3)) .ep_tm_search_compact {
  flex-shrink: 0;
  padding: 0;
}

/* Search ringkas di toolbar */
.ep_tm_search_compact {
  display: flex;
  align-items: center;
  padding: 0.35rem 0.5rem 0.35rem 0.75rem;
}

.ep_tm_search_compact form {
  display: flex !important;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
}

.ep_tm_search_compact .ep_tm_searchbarbox {
  width: 140px;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 4px !important;
  padding: 0.3rem 0.6rem !important;
  font-size: 0.85rem;
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--unira-white) !important;
}

.ep_tm_search_compact .ep_tm_searchbarbox::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

.ep_tm_search_compact .ep_tm_searchbarbox:focus {
  background: var(--unira-white) !important;
  color: var(--unira-text) !important;
  border-color: var(--unira-yellow) !important;
  outline: none;
}

.ep_tm_search_compact .ep_tm_searchbarbutton {
  background: var(--unira-yellow) !important;
  color: var(--unira-navy) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0.3rem 0.75rem !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  cursor: pointer;
}

.ep_tm_search_compact .ep_tm_searchbarbutton:hover {
  background: var(--unira-yellow-dark) !important;
}

/* Sembunyikan bar search lama jika masih ada */
.ep_tm_searchbar {
  display: none !important;
}

.ep_tm_logo {
  height: 68px;
  width: auto;
  background: var(--unira-white);
  border-radius: 6px;
  padding: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.ep_tm_brand_text {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.unira-brand-repo {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--unira-yellow) !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  line-height: 1.2;
}

.unira-brand-university {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--unira-white) !important;
  line-height: 1.3;
}

/* ===== NAVIGATION (dalam toolbar) ===== */
.ep_tm_toolbar .ep_tm_menu,
.ep_tm_toolbar .ep_tm_menu ul {
  background-color: transparent !important;
  background-image: none !important;
}

.ep_tm_menu {
  border-bottom: none !important;
  padding: 0;
  margin: 0;
}

.ep_tm_menu li:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
  background-image: none !important;
}

.ep_tm_menu > li > a,
.ep_tm_toolbar_nav > .ep_tm_menu > li > a {
  color: var(--unira-white) !important;
  font-weight: 600;
  padding: 0.65rem 1rem;
  font-size: 0.9rem;
}

.ep_tm_menu > li > a:hover {
  color: var(--unira-yellow) !important;
}

/* Dropdown Jelajahi — latar putih, teks dongker */
.ep_tm_menu li {
  position: relative;
}

.ep_tm_menu ul,
.ep_tm_menu li ul,
#ep_tm_menu_browse {
  background: var(--unira-white) !important;
  background-image: none !important;
  border: 1px solid #c8d0dc;
  border-top: 3px solid var(--unira-yellow);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 6px 18px rgba(0, 27, 94, 0.18);
  min-width: 220px;
  z-index: 1000;
  padding: 0.25rem 0;
}

.ep_tm_menu ul li,
.ep_tm_menu li ul li {
  float: none !important;
  background: transparent !important;
}

.ep_tm_menu ul li:hover,
.ep_tm_menu li ul li:hover {
  background: var(--unira-gray) !important;
}

.ep_tm_menu ul a,
.ep_tm_menu ul a:visited,
.ep_tm_menu li ul a,
.ep_tm_menu li ul a:visited {
  color: var(--unira-navy) !important;
  font-weight: 500;
  padding: 0.55rem 1rem !important;
  font-size: 0.88rem;
  white-space: nowrap;
}

.ep_tm_menu ul a:hover,
.ep_tm_menu li ul a:hover {
  color: var(--unira-navy-mid) !important;
  background: var(--unira-gray) !important;
}

/* ===== MAIN CONTENT ===== */
#main_content {
  padding: 0 1.5rem 2rem;
}

.ep_tm_pagetitle {
  border-bottom: 3px solid var(--unira-yellow);
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}

/* ===== HOMEPAGE ===== */
.unira-hero {
  background: linear-gradient(135deg, var(--unira-navy-dark) 0%, var(--unira-navy) 100%);
  color: var(--unira-white);
  border-radius: 10px;
  padding: 2rem 2.5rem;
  margin-bottom: 2rem;
  border-left: 5px solid var(--unira-yellow);
}

.unira-hero h2 {
  color: var(--unira-yellow);
  font-size: 1.6rem;
  margin: 0 0 0.5rem;
  border: none;
}

.unira-hero p {
  margin: 0;
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.92);
  max-width: 700px;
}

.unira-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin: 1.5rem 0 2rem;
}

.unira-card {
  background: var(--unira-white);
  border: 1px solid #dde1e8;
  border-top: 3px solid var(--unira-navy);
  border-radius: 8px;
  padding: 1.25rem;
  text-align: center;
  transition: box-shadow 0.2s, transform 0.2s;
}

.unira-card:hover {
  box-shadow: 0 4px 16px rgba(0, 27, 94, 0.15);
  transform: translateY(-2px);
  border-top-color: var(--unira-yellow);
}

.unira-card a {
  text-decoration: none;
  color: var(--unira-navy);
  font-weight: 700;
}

.unira-card .unira-card-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  display: block;
}

.unira-card .unira-card-desc {
  font-size: 0.85rem;
  color: var(--unira-text-muted);
  margin-top: 0.35rem;
}

/* ===== FORMS & BOXES ===== */
.ep_form_action_button,
.ep_form_internal_button,
.ep_blister_node_selected {
  background: var(--unira-navy) !important;
  background-image: none !important;
  border-color: var(--unira-navy-dark) !important;
  border-radius: 6px !important;
  color: var(--unira-white) !important;
}

.ep_summary_box_title,
.ep_sr_title_bar,
.ep_sr_collapse_bar {
  background: var(--unira-navy) !important;
  background-image: none !important;
  color: var(--unira-white) !important;
}

.ep_summary_box_body,
.ep_sr_content,
.ep_tab_panel {
  background-color: var(--unira-gray) !important;
  background-image: none !important;
}

th.ep_title_row {
  background: var(--unira-navy) !important;
  background-image: none !important;
  color: var(--unira-white) !important;
}

/* ===== FOOTER — mirror header, simpel ===== */
.unira-site-footer {
  border-top: 4px solid var(--unira-yellow);
  margin-top: 0;
}

.unira-footer-branding {
  display: flex;
  align-items: center;
  padding: 0.85rem 1.5rem;
  background: var(--unira-navy-dark) !important;
}

.unira-footer-branding > a {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  color: var(--unira-white) !important;
}

.unira-footer-branding > a:hover {
  opacity: 0.95;
}

.unira-footer-branding .ep_tm_logo {
  height: 52px;
}

.unira-footer-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.6rem 1.5rem;
  background: var(--unira-navy-mid) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
}

.unira-footer-bar p {
  margin: 0;
}

.unira-footer-bar a {
  color: var(--unira-yellow) !important;
  text-decoration: none;
}

.unira-footer-bar a:hover {
  text-decoration: underline;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .ep_tm_branding {
    padding: 0.75rem 1rem;
  }
  .ep_tm_branding > a {
    gap: 0.75rem;
  }
  .ep_tm_logo {
    height: 52px;
  }
  .unira-brand-repo {
    font-size: 1rem;
  }
  .ep_tm_toolbar {
    flex-direction: column;
  }
  .ep_tm_toolbar_right {
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 0.5rem 0.75rem;
    justify-content: space-between;
    width: 100%;
  }
  .ep_tm_account {
    border-right: none;
    padding: 0;
  }
  .ep_tm_search_compact .ep_tm_searchbarbox {
    width: 110px;
  }
  .unira-hero {
    padding: 1.5rem;
  }
  .unira-cards {
    grid-template-columns: 1fr;
  }
  .unira-footer-branding {
    padding: 0.75rem 1rem;
  }
  .unira-footer-bar {
    flex-direction: column;
    text-align: center;
    padding: 0.65rem 1rem;
  }
}

/* Halaman Tentang (information.xpage) */
.unira-about-intro {
  background: var(--unira-gray);
  border-left: 4px solid var(--unira-yellow);
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
  border-radius: 0 6px 6px 0;
}

.unira-about-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.5rem;
  font-size: 95%;
}

.unira-about-table th,
.unira-about-table td {
  border: 1px solid #D8DCE6;
  padding: 0.6rem 0.85rem;
  text-align: left;
  vertical-align: top;
}

.unira-about-table th {
  background: var(--unira-navy);
  color: var(--unira-white);
  font-weight: 600;
}

.unira-about-table tr:nth-child(even) td {
  background: #F8F9FC;
}

.ep_tm_page_content ul,
.ep_tm_page_content ol {
  margin: 0.5rem 0 1rem 1.25rem;
}

.ep_tm_page_content li {
  margin-bottom: 0.35rem;
}