/**
 * Author: Khalid Ali
 * Date: 10 September 2026
 * Calgary
 * Description: Adds accessible visual hierarchy and high-priority review flags to the Bootstrap administration UI.
 */
html {
  font-size: 14px;
  /* Reserve the scrollbar space so short and long pages share the same frame. */
  overflow-y: scroll;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin-bottom: 0;
  background: #fff;
  color: #212529;
  transition: background-color .15s ease, color .15s ease;
}

.page-content { flex: 1 0 auto; }

.footer {
  flex: 0 0 auto;
  width: 100%;
  margin-top: 2rem;
  padding: 1.25rem 0 1rem;
  border-top: 1px solid #d4a72c;
  background: #f4f6f8;
  color: #52606d;
}
.footer .footer-content { display: grid; grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 2rem; row-gap: 1rem; }
.footer .footer-product-brand { display: flex; flex-direction: column; align-items: flex-start; gap: .35rem; width: min(18rem, 100%); }
.footer .footer-product-label { color: #263442; font-size: .85rem; line-height: 1.3; }
.footer .footer-company-brand { display: block; width: 18rem; max-width: 100%; height: auto; }
.footer .footer-product-brand { grid-column: 1; grid-row: 1; }
.footer .footer-nav { grid-column: 2; grid-row: 1; display: flex; flex-wrap: wrap; justify-content: flex-end; align-self: center; gap: .6rem 1.25rem; }
.footer .footer-nav a { color: #123b66; font-size: .9rem; font-weight: 600; text-decoration: none; }
.footer .footer-nav a:hover,
.footer .footer-nav a:focus { color: #55cfff; text-decoration: underline; }
.footer .footer-meta { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: .35rem; text-align: center; font-size: .85rem; line-height: 1.4; }

.navbar { background: #fff; }
.navbar-brand { display: grid; grid-template-columns: 64px auto; grid-template-rows: auto auto; align-items: center; column-gap: .65rem; row-gap: .15rem; margin-right: 1.25rem; }
.navbar-brand-icon { grid-column: 1; grid-row: 1 / 3; width: 64px; height: 64px; border-radius: 20%; object-fit: cover; }
.navbar-brand-title { grid-column: 2; grid-row: 1; color: #212529; font-size: 1.7rem; font-weight: 700; line-height: 1.05; }
.navbar-brand-thru { color: #efb72d; }
.navbar-brand-tagline { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 .25rem; font-size: .78rem; font-weight: 700; letter-spacing: .01em; line-height: 1.15; }
.navbar-brand-tagline span:first-child { color: #4b3f2b; }
.navbar-brand-tagline span:last-child { color: #efb72d; }
.dashboard-nav { align-items: center; gap: .4rem; }
.dashboard-nav .dashboard-nav-link {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .75rem;
  border: 1px solid #d7dee6;
  border-radius: .45rem;
  background: #f8f9fa;
  color: #25313d;
  font-weight: 600;
  line-height: 1.2;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.dashboard-nav .dashboard-nav-link:hover,
.dashboard-nav .dashboard-nav-link:focus { background: #e8f1ff; border-color: #86b7fe; color: #084298; }
.dashboard-nav .dashboard-nav-link.active { background: #0d6efd; border-color: #0d6efd; color: #fff; box-shadow: 0 .15rem .35rem rgba(13, 110, 253, .25); }
.nav-item-icon { width: 1.35rem; height: 1.35rem; flex: 0 0 auto; fill: currentColor; }
.theme-toggle { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
@media (min-width: 768px) { .theme-toggle { margin-left: .75rem; } }
@media (max-width: 767.98px) {
  .dashboard-nav { align-items: stretch; gap: .35rem; margin: .75rem 0; }
  .dashboard-nav .dashboard-nav-link { justify-content: center; text-align: center; }
  .theme-toggle { width: 100%; justify-content: center; margin-bottom: .65rem; }
}

@media (max-width: 575.98px) {
  .footer .footer-company-brand { width: 15rem; }
  .footer-divider { display: none; }
  .footer .footer-content { display: flex; flex-direction: column; align-items: flex-start; }
  .footer .footer-nav { justify-content: flex-start; }
  .footer .footer-meta { flex-direction: column; }
}

@media (max-width: 420px) {
  .navbar-brand { grid-template-columns: 52px auto; }
  .navbar-brand-icon { width: 52px; height: 52px; }
  .navbar-brand-title { font-size: 1.35rem; }
}

.review-card { border-left: .35rem solid #adb5bd; }
.review-card.review-important { border-left-color: #ffc107; }
.review-card.review-critical { border-left-color: #dc3545; background: #fff8f8; }
.review-text { white-space: pre-wrap; font-size: 1.05rem; }
.stars { color: #a66b00; letter-spacing: .08rem; }
.compact-review-text { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.queue-tabs { display: flex; flex-wrap: wrap; gap: .5rem; }
.status-group { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.inbox-filters .form-label { font-size: .85rem; font-weight: 600; }
.response-readonly { padding: 1rem; white-space: pre-wrap; background: #f8f9fa; border-left: .25rem solid #0d6efd; }
.history-entry { padding: .75rem 0; border-bottom: 1px solid #dee2e6; }
.history-entry:last-child { border-bottom: 0; }
.tag-remove { padding: 0 0 0 .3rem; color: inherit; background: transparent; border: 0; font-weight: 700; }
.tag-picker { position: relative; }
.tag-picker-control { display: flex; flex-wrap: wrap; gap: .35rem; min-height: 2.5rem; padding: .35rem .5rem; border: 1px solid #ced4da; border-radius: .375rem; background: #fff; cursor: text; }
.tag-picker-control:focus-within { border-color: #86b7fe; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); }
.tag-summary { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; }
.persisted-tag { display: inline-flex; align-items: center; gap: .25rem; font-size: .85rem; }
.tag-picker-token { display: inline-flex; align-items: center; gap: .25rem; padding: .2rem .5rem; border-radius: 999px; background: #cff4fc; color: #055160; white-space: nowrap; }
.tag-picker-token-pending { border: 1px dashed #087990; }
.tag-picker-token button { padding: 0; border: 0; background: transparent; color: inherit; font-weight: 700; }
.tag-picker-input { flex: 1 1 10rem; min-width: 8rem; padding: .15rem; border: 0; outline: 0; }
.tag-picker-suggestions { position: absolute; z-index: 1050; top: calc(100% + .25rem); right: 0; width: min(22rem, 100%); max-height: 12rem; overflow-y: auto; padding: .25rem; border: 1px solid #ced4da; border-radius: .375rem; background: #fff; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); }
.tag-picker-option { display: block; width: 100%; padding: .45rem .6rem; border: 0; border-radius: .25rem; background: transparent; text-align: left; }
.tag-picker-option:hover, .tag-picker-option:focus { background: #e9ecef; outline: 0; }

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body { background: #12161c; color: #e8edf2; }
html[data-theme="dark"] .footer { background: #000; color: #aeb8c3; }
html[data-theme="dark"] .footer .footer-product-label { color: #fff; }
html[data-theme="dark"] .footer .footer-nav a { color: #dce6ef; }
html[data-theme="dark"] .navbar { background: #1a2028; }
html[data-theme="dark"] .navbar-brand,
html[data-theme="dark"] .navbar .nav-link { color: #f1f4f7 !important; }
html[data-theme="dark"] .navbar-brand-title { color: #f1f4f7; }
html[data-theme="dark"] .navbar-brand-thru { color: #efb72d; }
html[data-theme="dark"] .navbar-brand-tagline span:first-child { color: #fff7e6; }
html[data-theme="dark"] .dashboard-nav .dashboard-nav-link { background: #242d38; border-color: #465463; color: #e8edf2 !important; }
html[data-theme="dark"] .dashboard-nav .dashboard-nav-link:hover,
html[data-theme="dark"] .dashboard-nav .dashboard-nav-link:focus { background: #2d4057; border-color: #70a7e8; color: #d9eaff !important; }
html[data-theme="dark"] .dashboard-nav .dashboard-nav-link.active { background: #287bd7; border-color: #5ca1ef; color: #fff !important; }
html[data-theme="dark"] .navbar .nav-link:hover,
html[data-theme="dark"] .navbar .nav-link:focus { color: #8fc1ff !important; }
html[data-theme="dark"] .navbar-toggler { border-color: #66717e; }
html[data-theme="dark"] .navbar-toggler-icon { filter: invert(1); }
html[data-theme="dark"] .card { background: #1b222b; border-color: #3a4653; }
html[data-theme="dark"] .review-card.review-critical { background: #2a1b20; }
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .tag-picker-control,
html[data-theme="dark"] .tag-picker-suggestions { background-color: #111820; border-color: #536171; color: #edf2f7; }
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] .tag-picker-input::placeholder { color: #9ca8b5; }
html[data-theme="dark"] .tag-picker-input,
html[data-theme="dark"] .tag-picker-option { background: transparent; color: #edf2f7; }
html[data-theme="dark"] .tag-picker-option:hover,
html[data-theme="dark"] .tag-picker-option:focus { background: #2d3946; }
html[data-theme="dark"] .response-readonly { background: #111820; }
html[data-theme="dark"] .history-entry { border-color: #3a4653; }
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .form-text { color: #aeb8c3 !important; }
html[data-theme="dark"] .bg-light { background-color: #303b47 !important; }
html[data-theme="dark"] .text-dark { color: #111820 !important; }
html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom { border-color: #3a4653 !important; }
html[data-theme="dark"] a { color: #76b7ff; }
html[data-theme="dark"] a:hover { color: #a8d2ff; }

/* ReachThru visual system: branded surfaces and controls while semantic lifecycle colors remain distinct. */
:root {
  --rt-page: #f7f4ed;
  --rt-panel: #fffdf7;
  --rt-panel-alt: #f1ede3;
  --rt-text: #19160f;
  --rt-muted: #6f6a60;
  --rt-border: #d8cfbd;
  --rt-gold: #e0ae38;
  --rt-gold-light: #f0cb6b;
  --rt-link: #795807;
  --rt-shadow: rgba(49, 38, 13, .08);
}

html[data-theme="dark"] {
  --rt-page: #050505;
  --rt-panel: #111112;
  --rt-panel-alt: #171715;
  --rt-text: #fff8e8;
  --rt-muted: #bbb8b0;
  --rt-border: #37332a;
  --rt-link: #f0cb6b;
  --rt-shadow: rgba(0, 0, 0, .55);
}

body { background: var(--rt-page); color: var(--rt-text); font-family: "Segoe UI", Arial, sans-serif; line-height: 1.55; }
.navbar { min-height: 86px; background: color-mix(in srgb, var(--rt-page) 96%, transparent); border-bottom-color: color-mix(in srgb, var(--rt-gold) 22%, transparent) !important; backdrop-filter: blur(12px); }
.navbar-brand-title { color: var(--rt-text); }
.navbar-brand-tagline span:first-child { color: var(--rt-text); }
.dashboard-nav .dashboard-nav-link { border-color: var(--rt-border); background: var(--rt-panel); color: var(--rt-text); }
.dashboard-nav .dashboard-nav-link:hover,
.dashboard-nav .dashboard-nav-link:focus { border-color: var(--rt-gold); background: var(--rt-panel-alt); color: var(--rt-link); }
.dashboard-nav .dashboard-nav-link.active { border-color: var(--rt-gold); background: var(--rt-gold); color: #090909; box-shadow: 0 .2rem .55rem rgba(224, 174, 56, .25); }
.dashboard-nav .dashboard-nav-link[aria-disabled="true"],
.queue-link[aria-disabled="true"],
.footer-nav a[aria-disabled="true"] { pointer-events: none; cursor: default; }
.footer-nav a[aria-disabled="true"] { color: var(--rt-gold); text-decoration: none; }
.theme-toggle { border-color: var(--rt-border); color: var(--rt-text); background: transparent; }
.theme-toggle:hover,
.theme-toggle:focus { border-color: var(--rt-gold); background: var(--rt-gold); color: #090909; }

.page-content { padding-top: .75rem; }
.page-eyebrow { color: var(--rt-link); font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { color: var(--rt-text); font-weight: 700; }
a { color: var(--rt-link); text-underline-offset: .2rem; }
a:hover { color: color-mix(in srgb, var(--rt-link) 72%, var(--rt-text)); }

.card { border-color: var(--rt-border); border-radius: .85rem; background: var(--rt-panel); box-shadow: 0 .25rem .8rem var(--rt-shadow); color: var(--rt-text); }
.card-body { padding: 1.25rem; }
.review-card { border-left-color: var(--rt-gold); }
.review-card.review-important { border-left-color: #d99705; }
.review-card.review-critical { border-left-color: #dc3545; background: color-mix(in srgb, var(--rt-panel) 92%, #dc3545); }
.stars { color: #b47e00; }
.text-secondary,
.text-muted,
.form-text { color: var(--rt-muted) !important; }

.btn { border-radius: .45rem; font-weight: 650; }
.btn-primary { border-color: var(--rt-gold); background: var(--rt-gold); color: #090909; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active { border-color: var(--rt-gold-light) !important; background: var(--rt-gold-light) !important; color: #090909 !important; }
.btn-outline-primary { border-color: var(--rt-gold); color: var(--rt-link); }
.btn-outline-primary:hover,
.btn-outline-primary:focus { border-color: var(--rt-gold); background: var(--rt-gold); color: #090909; }
.btn-outline-secondary { border-color: var(--rt-border); color: var(--rt-text); }
.btn-outline-secondary:hover,
.btn-outline-secondary:focus { border-color: var(--rt-gold); background: var(--rt-panel-alt); color: var(--rt-text); }
.btn:focus-visible,
.form-control:focus,
.form-select:focus,
.tag-picker-control:focus-within { border-color: var(--rt-gold); box-shadow: 0 0 0 .22rem rgba(224, 174, 56, .24); }

.form-control,
.form-select,
.tag-picker-control,
.tag-picker-suggestions { border-color: var(--rt-border); background-color: var(--rt-panel); color: var(--rt-text); }
.form-control::placeholder,
.tag-picker-input::placeholder { color: var(--rt-muted); }
.form-label { color: var(--rt-text); font-weight: 600; }
.tag-picker-input,
.tag-picker-option { background: transparent; color: var(--rt-text); }
.tag-picker-option:hover,
.tag-picker-option:focus { background: var(--rt-panel-alt); }
.tag-picker-suggestions { box-shadow: 0 .65rem 1.25rem var(--rt-shadow); }
.tag-picker-token { border-color: #9a7416; background: #f5dfa1; color: #3d2b00; }
.persisted-tag.bg-info,
.badge.bg-info { background-color: var(--rt-gold-light) !important; color: #2d2105 !important; }
.response-readonly { border-left-color: var(--rt-gold); background: var(--rt-panel-alt); }
.history-entry { border-color: var(--rt-border); }
.inbox-filters { background: var(--rt-panel-alt); }

.alert { border-radius: .7rem; }
.badge { padding: .42em .65em; font-weight: 650; letter-spacing: .01em; }
.badge.bg-secondary { background-color: #706d66 !important; }
.badge.bg-light { border-color: var(--rt-border) !important; background-color: var(--rt-panel-alt) !important; color: var(--rt-text) !important; }

.footer { border-top-color: var(--rt-gold); background: var(--rt-panel-alt); color: var(--rt-muted); }
.footer .footer-product-label { color: var(--rt-text); }
.footer .footer-nav a { color: var(--rt-text); }
.footer .footer-nav a:hover,
.footer .footer-nav a:focus { color: var(--rt-link); }

html[data-theme="dark"] .navbar { background: rgba(5, 5, 5, .96); }
html[data-theme="dark"] .dashboard-nav .dashboard-nav-link { border-color: var(--rt-border); background: var(--rt-panel); color: var(--rt-text) !important; }
html[data-theme="dark"] .dashboard-nav .dashboard-nav-link:hover,
html[data-theme="dark"] .dashboard-nav .dashboard-nav-link:focus { border-color: var(--rt-gold); background: var(--rt-panel-alt); color: var(--rt-gold-light) !important; }
html[data-theme="dark"] .dashboard-nav .dashboard-nav-link.active { border-color: var(--rt-gold); background: var(--rt-gold); color: #090909 !important; }
html[data-theme="dark"] .card { border-color: var(--rt-border); background: var(--rt-panel); color: var(--rt-text); }
html[data-theme="dark"] .review-card.review-critical { background: color-mix(in srgb, var(--rt-panel) 90%, #dc3545); }
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .tag-picker-control,
html[data-theme="dark"] .tag-picker-suggestions { border-color: var(--rt-border); background-color: var(--rt-panel); color: var(--rt-text); }
html[data-theme="dark"] .tag-picker-input,
html[data-theme="dark"] .tag-picker-option { color: var(--rt-text); }
html[data-theme="dark"] .tag-picker-option:hover,
html[data-theme="dark"] .tag-picker-option:focus { background: var(--rt-panel-alt); }
html[data-theme="dark"] .response-readonly,
html[data-theme="dark"] .inbox-filters { background: var(--rt-panel-alt); }
html[data-theme="dark"] .history-entry { border-color: var(--rt-border); }
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .form-text { color: var(--rt-muted) !important; }
html[data-theme="dark"] a { color: var(--rt-link); }
html[data-theme="dark"] a:hover { color: var(--rt-ivory, #fff8e8); }

/* The header and content share a frame; desktop navigation stays beside the brand. */
.review-navbar { padding: 1rem 0; }
.review-navbar .navigation-shell { gap: .75rem; justify-content: flex-start; }
.review-navbar .navbar-brand { flex-shrink: 0; margin-right: 0; }
.review-navbar .navbar-brand-title { white-space: nowrap; }
.review-navbar .navbar-collapse { gap: .4rem; min-width: 0; margin-left: auto; align-items: center; justify-content: flex-end; }
.review-navbar .dashboard-nav { gap: .4rem; margin: 0; flex: 0 1 auto; align-items: center; }
.review-navbar .dashboard-nav .dashboard-nav-link {
  min-height: 3.25rem; padding: .75rem .65rem; gap: .45rem;
  border-radius: .75rem; font-size: .95rem; white-space: nowrap;
  justify-content: center;
}
.review-navbar .nav-item-icon { width: 1.5rem; height: 1.5rem; }
.nav-outline-icon { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.review-navbar .navigation-signout { flex-shrink: 0; margin: 0; }
.review-navbar .navigation-signout .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; padding: .75rem .65rem; white-space: nowrap; border-radius: .75rem; font-size: .95rem; }
.page-sync { margin: 0; }
.google-play-check-bar { margin-bottom: 1rem; }
.google-play-check-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; gap: .75rem 1rem; }
.google-play-check-row.has-result { justify-content: space-between; }
.google-play-check-result { flex: 1 1 16rem; margin-bottom: 0; }
.google-play-check-actions { display: flex; flex-direction: column; align-items: flex-end; gap: .35rem; }
.google-play-check-time { margin: 0; color: var(--rt-muted, #52606d); font-size: .9rem; white-space: nowrap; }
.navigation-signout .btn-danger { background: #b42332; border-color: #b42332; color: #fff; }
.navigation-signout .btn-danger:hover { background: #921c29; border-color: #921c29; color: #fff; }
.review-navbar .theme-toggle {
  flex-shrink: 0; gap: .45rem; margin: 0; padding: .75rem 0 .75rem .65rem;
  min-height: 3.25rem; width: auto; border: 0; border-left: 1px solid var(--rt-border);
  border-radius: 0; background: transparent; color: var(--rt-text); font-size: .95rem;
}
.review-navbar .theme-toggle:hover { background: transparent; color: var(--rt-link); }
.theme-switch-track { display: inline-flex; align-items: center; width: 2.9rem; height: 1.65rem; padding: .2rem; border-radius: 2rem; background: #b9b9bd; transition: background .15s ease; }
.theme-switch-thumb { width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #0003; transition: transform .15s ease; }
.theme-toggle[aria-checked="true"] .theme-switch-track { background: var(--rt-gold); }
.theme-toggle[aria-checked="true"] .theme-switch-thumb { transform: translateX(1.25rem); }
@media (min-width: 768px) {
  .review-navbar .navigation-shell,
  .page-content.container,
  .footer .footer-content.container { width: 100%; max-width: 1360px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
  .review-navbar .navigation-shell { flex-wrap: wrap; gap: .6rem; }
  .review-navbar .navbar-collapse { flex-basis: auto; flex-grow: 0; justify-content: flex-end; gap: .25rem; flex-wrap: nowrap; margin-left: auto; }
  .review-navbar .dashboard-nav { margin-left: 0; flex: 0 1 auto; flex-wrap: wrap; }
  .review-navbar .dashboard-nav .nav-item { flex: 0 0 auto; }
}
@media (min-width: 768px) {
  .review-navbar .navbar-brand-title { font-size: 1.4rem; }
  .review-navbar .navbar-brand { column-gap: .5rem; }
  .review-navbar .dashboard-nav { gap: .25rem; }
  .review-navbar .dashboard-nav .dashboard-nav-link,
  .review-navbar .navigation-signout .btn { padding: .65rem .45rem; font-size: .8rem; }
  .review-navbar .dashboard-nav .dashboard-nav-link { gap: .35rem; }
  .review-navbar .nav-item-icon { width: 1.25rem; height: 1.25rem; }
  .review-navbar .theme-toggle { margin-left: 0; padding-left: .45rem; gap: .35rem; font-size: .8rem; }
  .review-navbar .theme-switch-track { width: 2.5rem; }
  .review-navbar .theme-toggle[aria-checked="true"] .theme-switch-thumb { transform: translateX(.85rem); }
}
@media (min-width: 768px) and (max-width: 1299.98px) {
  .review-navbar .dashboard-nav { gap: .15rem; }
  .review-navbar .navbar-brand { grid-template-columns: 48px auto; }
  .review-navbar .navbar-brand-icon { width: 48px; height: 48px; }
  .review-navbar .navbar-brand-title { font-size: 1.2rem; }
  .review-navbar .dashboard-nav .dashboard-nav-link,
  .review-navbar .navigation-signout .btn { padding: .65rem .3rem; font-size: .75rem; }
  .review-navbar .nav-item-icon { width: 1.1rem; height: 1.1rem; }
}
@media (max-width: 767.98px) {
  .review-navbar .navigation-shell { justify-content: space-between; }
  .review-navbar .navbar-collapse { padding-top: .5rem; margin-left: 0; justify-content: flex-start; }
  .review-navbar .dashboard-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 1rem; }
  .review-navbar .dashboard-nav .dashboard-nav-link { display: flex; width: 100%; }
  .review-navbar .navigation-signout { grid-column: 1 / -1; }
  .review-navbar .navigation-signout .btn { width: 100%; }
  .review-navbar .theme-toggle { vertical-align: middle; }
  .review-navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23795514' stroke-width='2'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18'/%3E%3C/svg%3E"); }
}
@media (max-width: 575.98px) {
  .review-navbar { padding: .75rem .25rem; }
  .review-navbar .navigation-shell { gap: .75rem; }
  .review-navbar .navbar-brand { grid-template-columns: 48px auto; column-gap: .5rem; }
  .review-navbar .navbar-brand-icon { width: 48px; height: 48px; }
  .review-navbar .navbar-brand-title { font-size: 1rem; }
  .review-navbar .navbar-brand-tagline { font-size: .55rem; max-width: 13rem; }
  .review-navbar .dashboard-nav .dashboard-nav-link { padding: .75rem .5rem; gap: .5rem; font-size: .85rem; }
  .review-navbar .nav-item-icon { width: 1.5rem; height: 1.5rem; }
}