:root {
  --green: #0b3b29;
  --green2: #13583e;
  --gold: #d6a84f;
  --cream: #f7f1e3;
  --ivory: #fffaf0;
  --charcoal: #1d2b22;
  --muted: #6f6244;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  background: var(--cream);
  color: var(--charcoal);
}

body.dark {
  background: #071b13;
  color: #fff3d2;
}

.hero {
  min-height: 92vh;
  background:
    radial-gradient(circle at top right, rgba(214,168,79,.28), transparent 32%),
    linear-gradient(rgba(4, 38, 22, .86), rgba(4, 38, 22, .74)),
    url("https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1800&q=80");
  background-size: cover;
  background-position: center;
  color: #fff8e6;
  padding: 24px;
}

nav {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.logo {
  font-weight: 900;
  letter-spacing: 3px;
  color: var(--gold);
}

.nav-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

#searchInput {
  max-width: 460px;
  width: 45vw;
  padding: 14px 18px;
  border-radius: 40px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.15);
  color: white;
  outline: none;
}

#searchInput::placeholder { color: #efe2c1; }

.dark-toggle {
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.12);
  color: white;
  padding: 12px 16px;
  border-radius: 999px;
  cursor: pointer;
}

.hero-content {
  max-width: 920px;
  margin: 130px auto 0;
  text-align: center;
  animation: rise .9s ease both;
}

.eyebrow {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 800;
}

h1 {
  font-size: clamp(42px, 7vw, 88px);
  line-height: .95;
  margin: 12px 0;
}

.subtitle {
  font-size: 26px;
  color: #f3d98b;
}

.intro {
  font-size: 20px;
  line-height: 1.7;
  max-width: 780px;
  margin: 0 auto 32px;
}

button, .btn {
  background: var(--gold);
  color: #102516;
  border: none;
  padding: 15px 28px;
  border-radius: 40px;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.search-panel {
  max-width: 900px;
  margin: 24px auto 0;
  display: grid;
  gap: 12px;
}

.search-card {
  display: block;
  text-decoration: none;
  color: var(--charcoal);
  background: rgba(255,255,255,.94);
  border-left: 5px solid var(--gold);
  border-radius: 16px;
  padding: 18px;
  text-align: left;
}

.search-card span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  margin-top: 4px;
}

.search-card p {
  margin-bottom: 0;
  color: var(--muted);
}

.stats {
  max-width: 1100px;
  margin: -60px auto 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  padding: 0 24px;
}

.stats div {
  background: white;
  padding: 30px;
  border-radius: 24px;
  box-shadow: 0 20px 50px rgba(0,0,0,.12);
  text-align: center;
}

.dark .stats div, .dark .card, .dark .reader-panel {
  background: #0e2d20;
  color: #fff3d2;
}

.stats strong {
  display: block;
  font-size: 42px;
  color: var(--green);
}

.dark .stats strong { color: var(--gold); }

.stats span { color: var(--muted); }

.library-section {
  max-width: 1180px;
  margin: auto;
  padding: 40px 24px 90px;
}

.library-section h2 {
  font-size: 44px;
  margin-bottom: 8px;
  color: var(--green);
}

.dark .library-section h2 { color: var(--gold); }

.section-note {
  color: var(--muted);
  margin-bottom: 30px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.card {
  text-decoration: none;
  color: inherit;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(214,168,79,.35);
  border-radius: 28px;
  padding: 30px;
  min-height: 210px;
  box-shadow: 0 18px 45px rgba(16,37,22,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 26px 60px rgba(16,37,22,.18);
}

.card span {
  color: var(--gold);
  font-weight: 900;
}

.card h3 {
  font-size: 24px;
  color: var(--green);
}

.dark .card h3 { color: var(--gold); }

.card p {
  line-height: 1.6;
  color: var(--muted);
}

.reader-panel {
  background: white;
  border-radius: 28px;
  padding: 34px;
  margin-top: 24px;
  box-shadow: 0 18px 45px rgba(16,37,22,.08);
}

.downloads {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 24px 0;
}

.downloads a {
  border: 1px solid var(--gold);
  color: var(--green);
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
}

.dark .downloads a { color: var(--gold); }

@keyframes rise {
  from { opacity: 0; transform: translateY(25px); }
  to { opacity: 1; transform: translateY(0); }
}

@media(max-width: 850px) {
  nav, .nav-actions { flex-direction: column; align-items: stretch; }
  #searchInput { width: auto; max-width: none; }
  .stats, .grid { grid-template-columns: 1fr; }
  .hero-content { margin-top: 80px; }
}
.nav-links {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.nav-links a {
  color: #102516;
  background: #d6a84f;
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
}

.knowledge-flow {
  display: grid;
  gap: 18px;
  justify-items: center;
  font-size: 24px;
}

.knowledge-flow a {
  width: min(480px, 100%);
  text-align: center;
  background: #0b3b29;
  color: #fff8e6;
  padding: 22px;
  border-radius: 22px;
  text-decoration: none;
  font-weight: 800;
  box-shadow: 0 18px 45px rgba(16,37,22,.12);
}

.knowledge-flow span {
  color: #d6a84f;
  font-weight: 900;
}
.reader-layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) 260px;
  gap: 24px;
  align-items: start;
}

.side-nav,
.related-box {
  position: sticky;
  top: 20px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(214,168,79,.35);
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 14px 35px rgba(16,37,22,.08);
}

.dark .side-nav,
.dark .related-box {
  background: #0e2d20;
}

.side-nav a,
.related-box a {
  display: block;
  color: #0b3b29;
  text-decoration: none;
  margin: 12px 0;
  font-weight: 700;
}

.dark .side-nav a,
.dark .related-box a {
  color: #d6a84f;
}

.article {
  background: white;
  border-radius: 28px;
  padding: 44px;
  box-shadow: 0 18px 45px rgba(16,37,22,.08);
}

.dark .article {
  background: #0e2d20;
}

.article h2 {
  color: #0b3b29;
  font-size: 36px;
}

.dark .article h2 {
  color: #d6a84f;
}

.article h3 {
  margin-top: 36px;
  color: #13583e;
}

.dark .article h3 {
  color: #f3d98b;
}

.article p,
.article li {
  font-size: 18px;
  line-height: 1.8;
}

.callout {
  border-left: 6px solid #d6a84f;
  background: #fff7df;
  padding: 22px;
  border-radius: 18px;
  margin: 28px 0;
}

.dark .callout {
  background: #142f22;
}

.meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0 30px;
}

.meta-row span {
  background: #f7f1e3;
  border: 1px solid rgba(214,168,79,.45);
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 700;
  color: #6f6244;
}

.dark .meta-row span {
  background: #071b13;
  color: #f3d98b;
}

@media(max-width: 1000px) {
  .reader-layout {
    grid-template-columns: 1fr;
  }

  .side-nav,
  .related-box {
    position: static;
  }

  .article {
    padding: 28px;
  }
}
.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 28px;
}

.filter-btn {
  background: white;
  border: 1px solid rgba(214,168,79,.55);
  color: #0b3b29;
  padding: 11px 16px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 800;
}

.filter-btn.active {
  background: #0b3b29;
  color: #fff8e6;
}

.dark .filter-btn {
  background: #0e2d20;
  color: #f3d98b;
}

.dark .filter-btn.active {
  background: #d6a84f;
  color: #071b13;
}

.repo-count {
  color: #6f6244;
  font-weight: 800;
  margin-bottom: 18px;
}

@media print {
  .hero, .side-nav, .related-box, .nav-actions, .downloads {
    display: none !important;
  }

  body {
    background: white !important;
    color: black !important;
  }

  .library-section {
    max-width: 100%;
    padding: 0;
  }

  .reader-layout {
    display: block;
  }

  .article {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }

  .article h2 {
    color: black;
  }

  .callout {
    border: 1px solid #999;
    background: #f5f5f5;
  }
}
.progress-wrap {
  position: fixed;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
  background: rgba(214,168,79,.15);
  z-index: 9999;
}

.progress-bar {
  height: 5px;
  width: 0%;
  background: #d6a84f;
}

.doc-pager {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-top: 40px;
  border-top: 1px solid rgba(214,168,79,.35);
  padding-top: 28px;
}

.doc-pager a {
  background: #0b3b29;
  color: #fff8e6;
  padding: 14px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
}

.dark .doc-pager a {
  background: #d6a84f;
  color: #071b13;
}

.reader-top-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0 0;
}

.reader-top-actions a {
  border: 1px solid rgba(214,168,79,.7);
  color: #fff8e6;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
}

@media print {
  .progress-wrap, .doc-pager, .reader-top-actions {
    display: none !important;
  }
}
.progress-wrap {
  position: fixed !important;
  top: 0;
  left: 0;
  height: 7px;
  width: 100%;
  background: rgba(214,168,79,.18);
  z-index: 999999;
}

.progress-bar {
  height: 7px;
  width: 0%;
  background: #d6a84f;
  transition: width .1s linear;
}

.doc-pager {
  display: flex !important;
  justify-content: space-between;
  gap: 18px;
  margin-top: 45px;
  border-top: 1px solid rgba(214,168,79,.45);
  padding-top: 28px;
}

.doc-pager div {
  flex: 1;
}

.doc-pager div:last-child {
  text-align: right;
}

.doc-pager a {
  display: inline-block;
  background: #0b3b29;
  color: #fff8e6;
  padding: 14px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
}

.dark .doc-pager a {
  background: #d6a84f;
  color: #071b13;
}
.admin-shell {
  max-width: 1180px;
  margin: auto;
  padding: 50px 24px 90px;
}

.admin-header {
  background: linear-gradient(135deg, #0b3b29, #145c43);
  color: #fff8e6;
  padding: 42px;
  border-radius: 30px;
  margin-bottom: 28px;
  box-shadow: 0 24px 60px rgba(16,37,22,.18);
}

.admin-header h1 {
  font-size: clamp(36px, 5vw, 64px);
  margin: 0;
}

.admin-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.admin-card {
  background: white;
  border: 1px solid rgba(214,168,79,.35);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 16px 40px rgba(16,37,22,.08);
}

.admin-card strong {
  display: block;
  font-size: 34px;
  color: #0b3b29;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 24px;
}

.admin-table th,
.admin-table td {
  padding: 14px;
  border-bottom: 1px solid #eee2c7;
  text-align: left;
}

.admin-table th {
  background: #0b3b29;
  color: #fff8e6;
}

.admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 24px 0;
}

.admin-actions a,
.admin-actions button {
  background: #d6a84f;
  color: #071b13;
  border: none;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.editor-form {
  display: grid;
  gap: 14px;
  background: white;
  padding: 28px;
  border-radius: 24px;
  box-shadow: 0 16px 40px rgba(16,37,22,.08);
}

.editor-form input,
.editor-form textarea,
.editor-form select {
  width: 100%;
  padding: 14px;
  border: 1px solid #dcc98e;
  border-radius: 14px;
  font-size: 16px;
}

.editor-form textarea {
  min-height: 120px;
}

.alert-box {
  padding: 18px;
  background: #fff7df;
  border-left: 6px solid #d6a84f;
  border-radius: 16px;
  margin: 20px 0;
}

.dark .admin-card,
.dark .editor-form,
.dark .admin-table,
.dark .alert-box {
  background: #0e2d20;
  color: #fff3d2;
}

.dark .admin-card strong {
  color: #d6a84f;
}

@media(max-width: 900px) {
  .admin-grid {
    grid-template-columns: 1fr;
  }
}

/* === ANIDASO PREMIUM READER UPGRADE === */
.viewer-grid {
  display: grid;
  grid-template-columns: 240px minmax(680px, 880px) 260px;
  gap: 28px;
  align-items: start;
}

.document-main,
.viewer-content,
.reader-main {
  max-width: 880px !important;
  width: 100%;
}

.document-content,
.reader-body,
#documentContent {
  font-size: 18px !important;
  line-height: 1.85 !important;
  letter-spacing: 0.01em;
}

.document-content p,
.reader-body p,
#documentContent p {
  margin-bottom: 1.25rem;
}

.document-content h2,
.reader-body h2,
#documentContent h2 {
  font-size: 2rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  color: #06452f;
}

.document-content h3,
.reader-body h3,
#documentContent h3 {
  font-size: 1.35rem;
  margin-top: 1.8rem;
  color: #0b5a3e;
}

.reader-tools,
.document-tools {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.reader-tools button,
.document-tools button,
.print-btn,
.pdf-btn {
  border: none;
  background: #ddb04a;
  color: #082f23;
  font-weight: 800;
  border-radius: 999px;
  padding: 12px 16px;
  cursor: pointer;
}

.premium-callout {
  border-left: 5px solid #ddb04a;
  background: #fff8dc;
  padding: 18px 22px;
  border-radius: 16px;
  margin: 24px 0;
}

@media print {
  nav, .sidebar, .reader-tools, .document-tools, .dark-toggle {
    display: none !important;
  }

  body {
    background: white !important;
  }

  .viewer-grid {
    display: block !important;
  }

  .document-main,
  .viewer-content,
  .reader-main {
    max-width: 100% !important;
  }

  .document-content,
  .reader-body,
  #documentContent {
    font-size: 12pt !important;
    line-height: 1.6 !important;
  }
}

@media (max-width: 1100px) {
  .viewer-grid {
    grid-template-columns: 1fr;
  }

  .document-main,
  .viewer-content,
  .reader-main {
    max-width: 100% !important;
  }
}

/* ANIDASO TRUE A4 PREMIUM PRINT SYSTEM */
@page{
  size:A4;
  margin:0;
}

.pdf-print-instructions{
  position:sticky;
  top:0;
  z-index:9999;
  margin:0;
  padding:14px 24px;
  background:#063b2b;
  color:#fff7df;
  font-family:Arial,sans-serif;
  font-size:14px;
  border-bottom:4px solid #c9a227;
}

.anidaso-a4-print-mode{
  background:#e9dfc4!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.anidaso-a4-sheet{
  width:210mm!important;
  min-height:297mm!important;
  margin:24px auto!important;
  padding:22mm 18mm!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at top left, rgba(241,215,122,.38), transparent 30%),
    radial-gradient(circle at bottom right, rgba(6,59,43,.18), transparent 34%),
    linear-gradient(135deg,#fffaf0 0%,#f3ead3 54%,#ffffff 100%)!important;
  border:1px solid rgba(201,162,39,.45)!important;
  box-shadow:0 28px 80px rgba(6,59,43,.18)!important;
  overflow:hidden!important;
}

.anidaso-a4-sheet h1{
  color:#063b2b!important;
  font-size:38pt!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  margin:0 0 14mm 0!important;
}

.anidaso-a4-sheet h1::after{
  content:"";
  display:block;
  width:55mm;
  height:2mm;
  margin-top:8mm;
  background:linear-gradient(90deg,#c9a227,transparent);
}

.anidaso-a4-sheet h2{
  color:#063b2b!important;
  font-size:20pt!important;
  margin-top:14mm!important;
  padding-top:6mm!important;
  border-top:1px solid rgba(201,162,39,.45)!important;
}

.anidaso-a4-sheet p,
.anidaso-a4-sheet li{
  font-size:11.5pt!important;
  line-height:1.65!important;
  color:#1c2b25!important;
}

.anidaso-a4-sheet blockquote,
.anidaso-a4-sheet .callout,
.anidaso-a4-sheet .card{
  background:rgba(255,250,240,.96)!important;
  border:1px solid rgba(201,162,39,.55)!important;
  border-left:6px solid #c9a227!important;
  border-radius:16px!important;
  padding:14px 18px!important;
  margin:12mm 0!important;
}

@media print{
  html,body{
    width:210mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }

  .no-print,
  nav,
  .topnav,
  .navbar,
  .site-nav,
  button,
  .btn,
  .pdf-print-instructions{
    display:none!important;
  }

  .anidaso-a4-sheet{
    width:210mm!important;
    min-height:297mm!important;
    margin:0!important;
    padding:22mm 18mm!important;
    box-shadow:none!important;
    border:none!important;
    page-break-after:always!important;
    background:
      radial-gradient(circle at top left, rgba(241,215,122,.38), transparent 30%),
      radial-gradient(circle at bottom right, rgba(6,59,43,.18), transparent 34%),
      linear-gradient(135deg,#fffaf0 0%,#f3ead3 54%,#ffffff 100%)!important;
  }

  h1,h2,h3{
    break-after:avoid!important;
  }

  p,li,blockquote,.card,.callout,table{
    break-inside:avoid!important;
  }
}

/* RECOVERY OVERRIDE - REMOVE BROKEN A4 SCREEN LOCK */
@media screen{
  .anidaso-a4-sheet{
    width:auto!important;
    min-height:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-shadow:none!important;
    border:none!important;
    overflow:visible!important;
  }

  .anidaso-a4-print-mode{
    background:inherit!important;
  }

  .pdf-print-instructions{
    display:none!important;
  }
}

.portal-dashboard{
  max-width:1180px;
  margin:0 auto;
  padding:64px 28px;
}

.dashboard-intro{
  margin-bottom:30px;
}

.dashboard-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:24px;
}

.dashboard-card{
  display:block;
  min-height:230px;
  padding:34px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff,#fff9e8);
  border:1px solid rgba(201,162,39,.35);
  box-shadow:0 24px 60px rgba(6,59,43,.10);
  text-decoration:none!important;
}

.dashboard-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#063b2b;
  color:#f1d77a;
  font-weight:900;
  margin-bottom:22px;
}

.dashboard-card h2{
  margin:0 0 14px 0!important;
  padding:0!important;
  border:0!important;
  color:#063b2b!important;
  font-size:1.55rem!important;
}

.dashboard-card p{
  color:#5e5543!important;
}
/* PREMIUM PORTAL TOP BAR FIX */
.portal-topbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  height:72px;
  padding:0 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(3,37,28,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(241,215,122,.25);
  box-shadow:0 16px 40px rgba(0,0,0,.18);
}

.portal-topbar .brand{
  color:#f1d77a;
  font-weight:900;
  letter-spacing:.22em;
  text-decoration:none;
}

.portal-topbar .links{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.portal-topbar .links a{
  color:#fff7df!important;
  text-decoration:none!important;
  font-weight:800;
  padding:9px 13px;
  border-radius:999px;
}

.portal-topbar .links a:hover{
  background:rgba(241,215,122,.14);
  color:#f1d77a!important;
}

.portal-topbar .user-pill{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(241,215,122,.35);
  color:#fff7df;
  padding:9px 14px;
  border-radius:999px;
  font-weight:800;
}

body{
  padding-top:72px;
}

@media(max-width:760px){
  .portal-topbar{
    height:auto;
    min-height:72px;
    align-items:flex-start;
    padding:14px 18px;
    flex-direction:column;
    gap:10px;
  }

  body{
    padding-top:130px;
  }
}
/* GLOBAL PORTAL NAVIGATION */

.portal-global-search{
  display:flex;
  align-items:center;
  gap:10px;
}

.portal-global-search input{
  width:240px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(241,215,122,.35);
  background:rgba(255,255,255,.08);
  color:white;
}

.portal-global-search input::placeholder{
  color:#e7dcb5;
}

.back-to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#063b2b;
  color:#f1d77a!important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
  font-weight:900;
  z-index:9999;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}

.back-to-top:hover{
  transform:translateY(-2px);
}
.user-profile-card{
  text-align:right;
  color:#fff;
  line-height:1.3;
}

.user-name{
  font-weight:800;
  font-size:.95rem;
}

.user-role{
  color:#f1d77a;
  font-size:.8rem;
}

.user-status{
  color:#8df58d;
  font-size:.75rem;
}
/* FORCE PREMIUM BOOK TOPBAR VISIBILITY */
body{
  padding-top:92px!important;
}

.portal-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:999999!important;
  height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 28px!important;
  background:rgba(3,37,28,.96)!important;
  border-bottom:1px solid rgba(241,215,122,.35)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.24)!important;
}

.portal-topbar *{
  visibility:visible!important;
  opacity:1!important;
}

.portal-topbar .brand{
  color:#f1d77a!important;
}

.portal-topbar .links a{
  color:#fff7df!important;
}

.portal-global-search input{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}