/* The Lucia project.
   Copyright 2023-2026 DSP, inc.  All rights reserved.
   Authors:
     chiayin.kuo@dsp.im (chiayin), 2023/4/18
     cindy.chang@dsp.im (Cindy Chang), 2024/8/16

   Base CSS layer with global font, validation, height,
   and PrimeVue sidebar overrides. */

/* Global font */
@layer base {
  html {
    font-family: 'Roboto', sans-serif, system-ui;
    color: #0f172a;
  }
  h1, h2, h3, h4, h5, h6 {
    line-height: 1;
  }
}

/* invalid */
.is-invalid :invalid{
  @apply invalid:border-danger focus:ring-danger
}

/* height */
.h-screen-main {
  height: calc(100vh - 104px);
}

/* button */
.disable-hover {
  @apply pointer-events-none
}

/* Map i panel ; overwrite primevue style */
.p-sidebar .p-sidebar-header {
  padding: 8px;
}