/* pagadian Legislative Command Center - dashboard.php only */
:root {
  --lc-navy-950: #031233;
  --lc-navy-900: #061b45;
  --lc-navy-800: #08245f;
  --lc-blue: #1464ff;
  --lc-blue-2: #2187ff;
  --lc-cyan: #08a9d7;
  --lc-green: #13a66b;
  --lc-orange: #f28a10;
  --lc-violet: #7c35e8;
  --lc-red: #ef3340;
  --lc-slate: #5b6575;
  --lc-gold: #f6c247;
  --lc-ink: #102039;
  --lc-muted: #66748b;
  --lc-panel: #ffffff;
  --lc-soft: #f2f7ff;
  --lc-line: #d7e3f5;
  --lc-shadow: 0 12px 28px rgba(20, 58, 112, .12);
  --lc-radius: 8px;
  --lc-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; }
body.lc-app {
  margin: 0;
  min-height: 100vh;
  background: #06183c;
  color: var(--lc-ink);
  font-family: var(--lc-font);
  -webkit-font-smoothing: antialiased;
}
body.lc-app a { color: inherit; text-decoration: none; }
body.lc-app button,
body.lc-app input { font: inherit; }

.lc-shell {
  min-height: 100vh;
  overflow: visible;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(900px 420px at 80% -120px, rgba(42, 122, 255, .45), transparent 62%),
    linear-gradient(180deg, #08245f 0%, #031233 100%);
}

.lc-masthead {
  min-height: 104px;
  padding: 10px 16px 8px;
  color: #fff;
  background: linear-gradient(135deg, #061943 0%, #0a2f72 50%, #041438 100%);
  border-bottom: 1px solid rgba(132, 176, 255, .28);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
}
.lc-masthead-grid {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(430px, 1fr) 330px 345px;
  gap: 12px;
  align-items: center;
}
.lc-brand {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.lc-seals {
  display: flex;
  gap: 9px;
  align-items: center;
}
.lc-seal {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: contain;
  background: #fff;
  padding: 3px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .28), 0 8px 20px rgba(0, 0, 0, .32);
}
.lc-titleblock { min-width: 0; }
.lc-city-title {
  margin: 0;
  font-size: 23px;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-weight: 900;
}
.lc-tagline {
  margin-top: 3px;
  color: #f6d564;
  font-size: 11px;
  font-style: italic;
  font-weight: 800;
}
.lc-system-title {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.12;
  font-weight: 800;
}
.lc-subtitle {
  margin-top: 3px;
  color: #c9d8f5;
  font-size: 11px;
  font-weight: 600;
}
.lc-notice {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  margin-top: 6px;
  padding: 3px 8px;
  border: 1px solid rgba(246, 194, 71, .32);
  border-radius: 6px;
  color: #ffe8a9;
  background: rgba(246, 194, 71, .1);
  font-size: 10.5px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lc-govlinks { min-width: 0; }
.lc-gov-title {
  margin: 0 0 5px;
  color: #d7e6ff;
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
}
.lc-gov-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.lc-gov-link {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid rgba(145, 184, 255, .34);
  border-radius: 6px;
  color: #eef5ff;
  background: rgba(255, 255, 255, .08);
  font-size: 10.5px;
  font-weight: 800;
  transition: background .15s ease, transform .15s ease;
}
.lc-gov-link:hover,
.lc-gov-link:focus-visible {
  background: rgba(42, 122, 255, .22);
  transform: translateY(-1px);
}

.lc-head-actions {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 8px;
}
.lc-glass-card {
  min-height: 64px;
  border: 1px solid rgba(145, 184, 255, .32);
  border-radius: 10px;
  background: rgba(18, 66, 142, .48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 10px 22px rgba(0, 0, 0, .18);
}
.lc-date-card,
.lc-user-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 11px;
}
.lc-date-card i,
.lc-user-card i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #fff;
  background: rgba(33, 135, 255, .48);
}
.lc-date-day,
.lc-user-welcome {
  color: #cfe1ff;
  font-size: 10px;
  font-weight: 800;
}
.lc-date-date,
.lc-user-name {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.05;
}
.lc-date-time {
  margin-top: 4px;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
}
.lc-date-tz,
.lc-user-role {
  margin-top: 4px;
  color: #b9cbef;
  font-size: 9.5px;
  font-weight: 700;
}

.lc-workspace {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
}
.lc-sidebar {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
  padding: 10px 8px;
  color: #e9f2ff;
  background: linear-gradient(180deg, #08265d 0%, #031335 100%);
  border-right: 1px solid rgba(145, 184, 255, .24);
  display: flex;
  flex-direction: column;
  scrollbar-width: thin;
}
.lc-side-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 6px 11px;
  border-bottom: 1px solid rgba(145, 184, 255, .2);
}
.lc-side-logo {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: contain;
  background: #fff;
  padding: 2px;
}
.lc-side-name {
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
}
.lc-side-term {
  margin-top: 2px;
  color: #ffda63;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 900;
}
.lc-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 8px;
}
.lc-nav a {
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 9px;
  border-radius: 6px;
  color: #d9e6ff;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 700;
  transition: background .14s ease, color .14s ease, transform .14s ease;
}
.lc-nav a i {
  width: 16px;
  text-align: center;
  color: #bcd4ff;
  font-size: 12px;
}
.lc-nav a:hover,
.lc-nav a:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .1);
}
.lc-nav a.is-active {
  color: #fff;
  background: linear-gradient(90deg, #1773ff 0%, #0e55d9 100%);
  box-shadow: 0 6px 14px rgba(15, 90, 225, .32);
}
.lc-nav a.is-active i { color: #fff; }
.lc-nav a.is-transcriber {
  color: #fff;
  background: linear-gradient(90deg, #0f766e 0%, #0b4d6d 100%);
  box-shadow: 0 6px 14px rgba(15, 118, 110, .3);
}
.lc-nav a.is-transcriber i { color: #d1fff7; }
.lc-nav a.is-transcriber:hover,
.lc-nav a.is-transcriber:focus-visible {
  background: linear-gradient(90deg, #119083 0%, #0f6287 100%);
}
.lc-nav-badge {
  margin-left: auto;
  padding: 2px 5px;
  border-radius: 999px;
  color: #fff;
  background: #ff3d30;
  font-size: 8px;
  line-height: 1;
  font-weight: 900;
}
.lc-nav a.is-transcriber .lc-nav-badge {
  color: #0c1b24;
  background: #fbbf24;
}
.lc-side-spacer { flex: 1; min-height: 8px; }
.lc-side-bottom {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(145, 184, 255, .18);
}
.lc-city-mark {
  min-height: 46px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(145, 184, 255, .18);
  background: rgba(255, 255, 255, .05);
}
.lc-city-mark::after {
  content: "";
  position: absolute;
  inset: 6px 8px;
  background: url("../../assets/images/pagadian-seal.png") right center / contain no-repeat;
  opacity: .13;
}

.lc-stage {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.lc-main-grid {
  flex: 1;
  min-height: 0;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 14px 16px 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 14px;
  align-items: start;
}
.lc-dashboard {
  min-width: 0;
  padding: 14px;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
  box-shadow: var(--lc-shadow);
}
.lc-top-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 42%);
  gap: 12px;
  align-items: center;
  margin-bottom: 8px;
}
.lc-eyebrow {
  margin-bottom: 3px;
  color: #0f67cf;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 900;
}
.lc-page-title {
  margin: 0;
  color: #0d2344;
  font-size: 22px;
  line-height: 1.05;
  font-weight: 900;
}
.lc-page-copy {
  max-width: 820px;
  margin-top: 6px;
  color: #4c5f79;
  font-size: 12.5px;
  line-height: 1.45;
}
.lc-search {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 9px 0 12px;
  border: 1px solid var(--lc-line);
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(20, 58, 112, .06);
}
.lc-search i {
  color: #7c8ba3;
  font-size: 12px;
}
.lc-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  color: var(--lc-ink);
  font-size: 12px;
}
.lc-search kbd {
  padding: 2px 7px;
  border: 1px solid #dce5f4;
  border-radius: 5px;
  color: #748197;
  background: #f4f7fb;
  font-family: inherit;
  font-size: 9px;
  font-weight: 900;
}

.lc-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.lc-kpi {
  min-height: 78px;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 12px 12px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, var(--c1), var(--c2));
  box-shadow: 0 9px 18px rgba(30, 80, 160, .18);
}
.lc-kpi::after {
  content: "";
  position: absolute;
  right: -26px;
  top: -30px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .16);
}
.lc-kpi-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, .18);
  font-size: 18px;
}
.lc-kpi-value {
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
}
.lc-kpi-label {
  margin-top: 5px;
  font-size: 10.5px;
  line-height: 1.15;
  text-transform: uppercase;
  font-weight: 900;
}
.lc-kpi-hint {
  margin-top: 3px;
  color: rgba(255, 255, 255, .85);
  font-size: 10px;
  line-height: 1.25;
  font-weight: 700;
}
.lc-blue { --c1: #1167ee; --c2: #1f8bff; }
.lc-green { --c1: #0f8c57; --c2: #13bd78; }
.lc-orange { --c1: #dc7100; --c2: #f7a313; }
.lc-violet { --c1: #6528d6; --c2: #8d4bf4; }
.lc-cyan { --c1: #087b9d; --c2: #11b2d5; }
.lc-gray { --c1: #4a5567; --c2: #718096; }

.lc-status-row {
  display: grid;
  grid-template-columns: 1.05fr 1.05fr 1.6fr;
  gap: 12px;
  margin-bottom: 14px;
}
.lc-status {
  min-height: 60px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid var(--lc-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 14px rgba(20, 58, 112, .06);
}
.lc-status.is-danger {
  border-color: #ffd0d4;
  background: #fff4f3;
}
.lc-status.is-update {
  background: #f6faff;
}
.lc-status-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--tone, #1264d8);
  background: color-mix(in srgb, var(--tone, #1264d8) 13%, white);
}
.lc-status-value {
  color: var(--tone, #1264d8);
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
}
.lc-status-label {
  margin-top: 2px;
  color: #23344f;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 900;
}
.lc-status-hint {
  margin-top: 3px;
  color: var(--lc-muted);
  font-size: 10.5px;
  line-height: 1.3;
  font-weight: 700;
}

.lc-paperless {
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #b8d0ff;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 14px rgba(20, 58, 112, .06);
}
.lc-panel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  color: #123262;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 900;
}
.lc-new {
  padding: 2px 6px;
  border-radius: 999px;
  color: #fff;
  background: #ff6b00;
  font-size: 8px;
  line-height: 1;
  font-weight: 900;
}
.lc-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 10px;
}
.lc-tile {
  min-height: 84px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 6px;
  border: 1px solid #d9e5f7;
  border-radius: 7px;
  background: #f8fbff;
  text-align: center;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.lc-tile:hover,
.lc-tile:focus-visible {
  transform: translateY(-2px);
  border-color: #8ab5ff;
  box-shadow: 0 10px 18px rgba(20, 58, 112, .13);
}
.lc-tile i {
  color: var(--tone, #1264d8);
  font-size: 19px;
}
.lc-tile strong {
  color: #172a47;
  font-size: 12px;
  line-height: 1.15;
}
.lc-tile span {
  color: #6b778a;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
}
.lc-tile.is-transcriber {
  border-color: rgba(15, 118, 110, .32);
  background: linear-gradient(145deg, #ecfdf5 0%, #a7f3d0 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
.lc-tile.is-transcriber:hover,
.lc-tile.is-transcriber:focus-visible {
  border-color: rgba(15, 118, 110, .58);
  box-shadow: 0 12px 22px rgba(15, 118, 110, .18);
}
.lc-tile.is-transcriber strong { color: #064e3b; }
.lc-tile.is-transcriber span:not(.lc-ai) { color: #0f766e; }
.lc-ai {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px 5px;
  border-radius: 999px;
  color: #0c1b24;
  background: #fbbf24;
  font-size: 7px;
  font-weight: 900;
}
.lc-live {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px 5px;
  border-radius: 999px;
  color: #fff;
  background: #e11d48;
  font-size: 7px;
  font-weight: 900;
}

.lc-analytics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}
.lc-widget {
  min-height: 140px;
  padding: 12px;
  border: 1px solid var(--lc-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 6px 14px rgba(20, 58, 112, .06);
}
.lc-widget-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 7px;
  color: #123262;
  font-size: 12px;
  font-weight: 900;
}
.lc-widget-title i { color: #1264d8; }
.lc-donut-wrap {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.lc-donut {
  width: 88px;
  height: 88px;
  position: relative;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--lc-green) 0 var(--acted-deg), var(--lc-orange) var(--acted-deg) 360deg);
}
.lc-donut::after {
  content: "";
  position: absolute;
  inset: 15px;
  border-radius: 50%;
  background: #fff;
}
.lc-donut-center {
  position: relative;
  z-index: 1;
  text-align: center;
}
.lc-donut-center b {
  display: block;
  color: #1264d8;
  font-size: 21px;
  line-height: 1;
  font-weight: 900;
}
.lc-donut-center span {
  color: #6b778a;
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 900;
}
.lc-legend {
  display: grid;
  gap: 7px;
  font-size: 11px;
  color: #394a64;
  font-weight: 800;
}
.lc-legend-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.lc-legend-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--tone);
}
.lc-legend-row b {
  margin-left: auto;
  color: #172a47;
  font-variant-numeric: tabular-nums;
}
.lc-bars {
  display: grid;
  gap: 6px;
}
.lc-bar-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  color: #394a64;
  font-size: 11px;
  font-weight: 900;
}
.lc-track {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eff9;
}
.lc-fill {
  height: 100%;
  border-radius: inherit;
  background: var(--tone, #1264d8);
}
.lc-widget-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 28px;
  margin-top: 10px;
  border: 1px solid #d5e3f7;
  border-radius: 6px;
  color: #1264d8;
  background: #f5f9ff;
  font-size: 11px;
  font-weight: 900;
}
.lc-widget-action:hover { background: #eaf3ff; }

.lc-right {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lc-right-card {
  border-radius: 8px;
  border: 1px solid var(--lc-line);
  background: #fff;
  box-shadow: var(--lc-shadow);
  overflow: hidden;
}
.lc-console {
  padding: 9px;
}
.lc-console-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.lc-console-title {
  color: #123262;
  font-size: 12px;
  font-weight: 900;
}
.lc-public {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 999px;
  color: #0b8e4c;
  background: #dcfce7;
  font-size: 8px;
  font-weight: 900;
}
.lc-signin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 5px 12px;
  border-radius: 6px;
  color: #fff;
  background: #0e5ddd;
  font-size: 9px;
  font-weight: 900;
}
.lc-console-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.lc-console-stat {
  padding: 7px;
  border-radius: 7px;
  background: #f5f9ff;
}
.lc-console-stat small {
  display: block;
  color: #6c7890;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 900;
}
.lc-console-stat b {
  display: block;
  margin-top: 3px;
  color: #0e5ddd;
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
}
.lc-side-widget { padding: 9px; }
.lc-side-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 9px;
  color: #123262;
  font-size: 12px;
  font-weight: 900;
}
.lc-session-list,
.lc-quick-list {
  display: grid;
  gap: 8px;
}
.lc-session-item,
.lc-quick-action {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px;
  border-radius: 7px;
  background: #f5f9ff;
}
.lc-session-icon,
.lc-quick-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: var(--tone, #1264d8);
  background: color-mix(in srgb, var(--tone, #1264d8) 14%, white);
}
.lc-session-name,
.lc-quick-name {
  display: block;
  color: #172a47;
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1.15;
}
.lc-session-date,
.lc-quick-sub {
  display: block;
  margin-top: 2px;
  color: #6b778a;
  font-size: 10px;
  font-weight: 800;
}
.lc-session-time {
  color: #5c6a80;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}
.lc-quick-action:hover {
  background: #eaf3ff;
}
.lc-quick-action.is-transcriber {
  border: 1px solid rgba(15, 118, 110, .18);
  background: linear-gradient(90deg, #effaf7 0%, #f5fbff 100%);
}
.lc-quick-action.is-transcriber:hover,
.lc-quick-action.is-transcriber:focus-visible {
  background: linear-gradient(90deg, #dcfce7 0%, #ecfeff 100%);
}
.lc-quick-action.is-transcriber .lc-quick-icon {
  color: #0f766e;
  background: rgba(15, 118, 110, .14);
}

.lc-footer {
  min-height: 34px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 7px 16px;
  color: #c6d5ef;
  background: #031233;
  border-top: 1px solid rgba(145, 184, 255, .2);
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
}
.lc-footer-links {
  display: flex;
  gap: 14px;
  align-items: center;
}
.lc-footer-center {
  color: #d8e5fb;
  text-align: center;
}
.lc-footer-mark {
  justify-self: end;
  width: 180px;
  height: 26px;
  background: url("../../assets/images/pagadian-seal.png") right center / contain no-repeat;
  opacity: .18;
}

@media (max-width: 1180px) {
  .lc-masthead-grid { grid-template-columns: 1fr; }
  .lc-head-actions { max-width: 520px; }
  .lc-main-grid { grid-template-columns: 1fr; }
  .lc-right { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lc-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lc-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  body.lc-app { overflow: auto; }
  .lc-shell { height: auto; overflow: visible; }
  .lc-workspace { grid-template-columns: 1fr; }
  .lc-sidebar { position: static; height: auto; max-height: none; overflow: visible; }
  .lc-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lc-side-spacer,
  .lc-city-mark { display: none; }
  .lc-top-row,
  .lc-status-row,
  .lc-analytics,
  .lc-right { grid-template-columns: 1fr; }
  .lc-footer { grid-template-columns: 1fr; text-align: center; }
  .lc-footer-links { justify-content: center; flex-wrap: wrap; }
  .lc-footer-mark { display: none; }
}

@media (max-width: 620px) {
  .lc-masthead { padding: 12px; }
  .lc-brand { grid-template-columns: 1fr; }
  .lc-seals { justify-content: center; }
  .lc-titleblock { text-align: center; }
  .lc-city-title { font-size: 20px; }
  .lc-notice { white-space: normal; }
  .lc-gov-grid,
  .lc-head-actions,
  .lc-kpis,
  .lc-nav { grid-template-columns: 1fr; }
  .lc-dashboard { padding: 10px; }
}

@supports not (background: color-mix(in srgb, red 10%, white)) {
  .lc-status-icon,
  .lc-session-icon,
  .lc-quick-icon {
    background: #edf5ff;
  }
}