:root { --lg-nav-h: 48px; }
html, body { height: 100%; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 13px; }
/* Top bar in LVR Flote corporate colours (logo: navy #0E2660, green #00CC70, blue #0080FF) */
:root { --lvr-navy: #0e2660; --lvr-navy-dark: #0a1c4a; --lvr-green: #00cc70; --lvr-blue: #0080ff; }
.lg-navbar { min-height: var(--lg-nav-h); padding-top: 0; padding-bottom: 0;
  background: linear-gradient(180deg, var(--lvr-navy) 0%, var(--lvr-navy-dark) 100%);
  border-bottom: 3px solid var(--lvr-blue); box-shadow: 0 1px 4px rgba(10, 28, 74, .35); }
.lg-brand { display: flex; align-items: center; gap: 10px; font-weight: 300; letter-spacing: .4px; padding: 0; }
.lg-brand-logo { height: 27px; width: auto; display: block; }
.lg-brand-name { font-size: 20px; font-weight: 300; color: #fff; }
.lg-brand-hub { color: var(--lvr-green); font-weight: 400; font-style: italic; }
.lg-nav-links { gap: 4px; margin-left: 18px; }
.lg-nav-links .nav-link { display: flex; align-items: center; gap: 6px; padding: 6px 12px !important; border-radius: 7px;
  color: rgba(255, 255, 255, .8); font-weight: 500; }
.lg-nav-links .nav-link:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.lg-nav-links .nav-link.active { color: #fff; background: rgba(0, 204, 112, .16); box-shadow: inset 0 -2px 0 var(--lvr-green); }
.lg-chip-clock { display: inline-flex; align-items: center; gap: 6px; margin-right: 10px; padding: 4px 10px;
  border-radius: 7px; background: rgba(255, 255, 255, .08); color: rgba(255, 255, 255, .9);
  font-variant-numeric: tabular-nums; font-size: 13px; white-space: nowrap; }
.lg-chip-clock .lg-icon { width: 15px; height: 15px; vertical-align: 0; color: var(--lvr-green); }
.lg-user { display: flex !important; align-items: center; gap: 8px; color: #fff !important; }
.lg-avatar { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px;
  border-radius: 50%; background: var(--lvr-green); color: var(--lvr-navy); font-weight: 800; font-size: 13px; }
.lg-user-name { font-weight: 500; }
@media (max-width: 991px) { .lg-nav-links { margin-left: 0; } .lg-chip-clock { margin: 6px 0; } }
/* Front page hero (legacy home_bg.jpg, resized: 2560 px desktop / 1280 px phones) */
.lg-hero { position: relative; display: flex; flex-direction: column; justify-content: space-between;
  min-height: max(420px, calc(100vh - var(--lg-nav-h))); padding: 1.5rem 2rem 3rem; color: #fff;
  background: #6b7a8f url("../images/hero-2560.24fe3dc9305c.jpg") center 40% / cover no-repeat; }
.lg-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none;   /* text stays readable */
  background: linear-gradient(to top, rgba(10, 25, 50, .72) 0%, rgba(10, 25, 50, .35) 35%, rgba(10, 25, 50, 0) 60%); }
.lg-hero > * { position: relative; z-index: 1; }
.lg-hero-logo { width: 300px; max-width: 60vw; margin: -2.5rem 0 0 -2rem; }          /* the PNG has wide margins */
.lg-hero-text { max-width: 640px; text-shadow: 0 1px 3px rgba(0, 0, 0, .45); }
.lg-hero-text h1 { font-size: 2.4rem; font-weight: 700; margin-bottom: .6rem; }
.lg-hero-text p { font-size: 1.05rem; line-height: 1.5; }
.lg-hero-text .btn { text-shadow: none; }
@media (max-width: 768px) {
  .lg-hero { background-image: url("../images/hero-1280.09582a99dd6b.jpg"); background-position: 20% 40%; padding: 1rem 1.25rem 2rem; }
  .lg-hero-text h1 { font-size: 1.8rem; }
  .lg-hero-text p { font-size: .95rem; }
}
.lg-narrow { max-width: 420px; }
.lg-messages { position: absolute; z-index: 2000; right: 0; }
.lg-icon { width: 18px; height: 18px; vertical-align: -4px; fill: currentColor; }
.lg-version { margin-right: 12px; padding: 2px 8px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .15);
  color: rgba(255, 255, 255, .6) !important; text-decoration: none; font-size: 11px; white-space: nowrap; }
.lg-version:hover { color: #fff !important; border-color: var(--lvr-blue); }
.lg-changelog { max-width: 860px; }
.lg-release { border-left: 3px solid #dbeafe; padding: 2px 0 2px 16px; margin: 0 0 22px; }
.lg-release:first-of-type { border-left-color: #0d6efd; }
.lg-release-title { font-size: 1.1rem; font-weight: 700; display: flex; gap: .6rem; align-items: baseline; margin: 0; }
.lg-release-date { font-weight: 400; color: #6c757d; font-size: .9rem; }
.lg-release-current { font-size: .72rem; padding: 1px 8px; border-radius: 9px; background: #dbeafe; color: #1e40af; }
.lg-release-commits { font-size: .8rem; color: #6c757d; margin: .2rem 0 .4rem; }
.lg-release-section { font-size: .92rem; font-weight: 600; margin: .6rem 0 .2rem; }
.lg-release ul { margin-bottom: .2rem; }
.lg-code { letter-spacing: .3em; font-variant-numeric: tabular-nums; }
.lg-qr { background: #fff; padding: 8px; border: 1px solid #dee2e6; border-radius: 8px; margin: 6px 0 10px; }
/* feedback (Ziņojumi) */
.lg-fb-previews { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.lg-fb-previews figure { position: relative; margin: 0; }
.lg-fb-previews img { height: 80px; border-radius: 4px; border: 1px solid #dee2e6; }
.lg-fb-previews .btn-close { position: absolute; top: 2px; right: 2px; background-color: #fff; padding: 4px; }
.lg-fb-images.lg-fb-drop { outline: 2px dashed #0d6efd; outline-offset: 4px; }
.lg-fb-thread { display: flex; flex-direction: column; gap: 10px; }
.lg-fb-msg { border: 1px solid #dee2e6; border-radius: 8px; padding: 10px 12px; background: #fff; max-width: 92%; }
.lg-fb-msg.lg-fb-staff { background: #eef5ff; border-color: #cfe2ff; align-self: flex-end; }
.lg-fb-meta { font-size: 11px; color: #6c757d; margin-bottom: 4px; }
.lg-fb-thumbs { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.lg-fb-thumbs img { max-height: 140px; max-width: 220px; border-radius: 4px; border: 1px solid #dee2e6; }
.lg-fb-status { background: #6c757d; }
.lg-fb-new { background: #0d6efd; } .lg-fb-in_progress { background: #fd7e14; } .lg-fb-done { background: #198754; }
.lg-fb-wontfix, .lg-fb-duplicate { background: #6c757d; }