:root {
  /* =========================
     SHADOWS
  ========================= */
  --shadow-color: 0deg 0% 0%;

  --shadow-elevation-low:
    0.1px 0.1px 0.1px hsl(var(--shadow-color) / 0.39),
    0.2px 0.2px 0.3px -1.6px hsl(var(--shadow-color) / 0.33),
    0.5px 0.6px 0.8px -3.2px hsl(var(--shadow-color) / 0.28);

  --shadow-elevation-medium:
    0.1px 0.1px 0.1px hsl(var(--shadow-color) / 0.41),
    0.3px 0.4px 0.5px -1.1px hsl(var(--shadow-color) / 0.36),
    0.9px 1.1px 1.4px -2.1px hsl(var(--shadow-color) / 0.32),
    2.3px 2.8px 3.7px -3.2px hsl(var(--shadow-color) / 0.28);

  --shadow-elevation-high:
    0.1px 0.1px 0.1px hsl(var(--shadow-color) / 0.38),
    0.5px 0.6px 0.8px -0.5px hsl(var(--shadow-color) / 0.36),
    1px 1.2px 1.6px -0.9px hsl(var(--shadow-color) / 0.34),
    1.7px 2px 2.7px -1.4px hsl(var(--shadow-color) / 0.32),
    2.9px 3.4px 4.6px -1.8px hsl(var(--shadow-color) / 0.3),
    4.7px 5.6px 7.5px -2.3px hsl(var(--shadow-color) / 0.28),
    7.3px 8.7px 11.6px -2.7px hsl(var(--shadow-color) / 0.26),
    10.9px 13.1px 17.4px -3.2px hsl(var(--shadow-color) / 0.23);

  /* =========================
     BRAND / DESIGN TOKENS ---> Decide de toute la partie graphique
  ========================= */
  --amt-purple: #4a49f6;
  --amt-orange: #ffa340;
  --amt-green: #40913c;
  --amt-white: #f4f4f4;
  --ameth-purple: #6366f1;
  --ameth-purple-dark: #4f46e5;
  --ameth-orange: #f97316;
  --ameth-orange-dark: #ea580c;



  --amt-carbon: #1e1e20;
  --amt-carbon-dark: #161618;
  --amt-carbon-light: #1f2023;
  --amt-carbon-border: #444547;

  --amt-snow: #f4f4f4;
  --amt-snow-dark: #eaeaea;
  --amt-snow-light: #fefefe;
  --amt-snow-border: #dddad7;

  --amt-title-color: #000;
  /* --amt-border: var(--amt-snow-border);
  --amt-form: var(--amt-snow); */
/* 
  --muted-foreground: #a7aaae; */



--tblr-bg-surface: var(--amt-snow-dark);
--amt-back:var(--amt-snow);
--amt-back:var(--amt-snow);

--amt-border-sm:0.5px solid #7272720d !important;

  /* =========================
     COMMUN
  ========================= */
  --tblr-success: var(--amt-green);
  --tblr-orange: var(--amt-orange);
  --tblr-purple: var(--amt-purple);
  --tblr-white: var(--amt-white);
  --tblr-primary: var(--tblr-purple);
  --tblr-page-padding: 1.5rem;
}





/* =========================
   LIGHT THEME
========================= */
:root,[data-bs-theme="light"] {

  color-scheme: light;
  /* --amt-title-color: #000;
  --amt-border: var(--amt-snow-border);
  --amt-form: var(--amt-snow); */

  --tblr-border-color: var(--amt-snow-border);
  --tblr-border-color-translucent:var(--amt-snow-border);
  --tblr-body-bg: var(--amt-snow-dark);
  --tblr-bg-surface: var(--amt-snow-);
  --tblr-bg-surface-secondary: var(--amt-snow-dark);
  --tblr-bg-surface-tertiary: var(--amt-snow-light);

}

[data-bs-theme="light"] .page-body{
  background-color:var(--amt-snow-light);
  border: var(--amt-border-sm);
}
[data-bs-theme="light"] #menu{
  background-color:var(--amt-snow-dark) ;
  border: var(--amt-border-sm);
}


/* =========================
   DARK THEME
========================= */
:root,[data-bs-theme="dark"]{

  color-scheme: dark;




  --tblr-border-color: var(--amt-carbon-border);
  --tblr-border-color-translucent:rgba(119, 118, 118, 0.323);
  --tblr-body-bg: var(--amt-carbon);
  --tblr-bg-surface: var(--amt-carbon-dark);
  --tblr-bg-surface-secondary: var(--amt-carbon-light);
  --tblr-bg-surface-tertiary: var(--amt-carbon-light);
  --tblr-code-bg: var(--amt-carbon-light);
  --tblr-body-color: rgb(210 210 210);
  --amt-form: var(--amt-carbon-light);




  /* TYPO */
    --tblr-card-color: var(--amt-snow-dark);
    --amt-title-color: var(--amt-snow-light);
    --tblr-nav-link-color: var(--amt-snow-light);




}

[data-bs-theme="dark"] .page-body{
  background-color:var(--amt-carbon-dark) ;
  border: var(--amt-border-sm);
}
[data-bs-theme="dark"] .card-footer{
  background-color:var(--amt-carbon-dark)!important;
}

[data-bs-theme="dark"] #menu{
  background-color:var(--amt-carbon) ;
  border: none;
}

[data-bs-theme="dark"] .nav-link-title{
  color:var(--amt-snow-light) ;
}




/* =========================
   GENERAL
========================= */

.row-cards{
--tblr-gutter-y: 2rem;
}

/* =========================
   MENU
========================= */


[data-bs-theme="dark"] #menu{
  border: none;
}

[data-bs-theme="dark"] .nav-link-title{
  font-weight: 600;
}



/* =========================
   LAYOUT
========================= */
.page-body {
  max-height: auto;
  margin-top: 2vh;
  margin-bottom: 2vh;
  overflow-y: visible;
}

.row-deck{
  width: 100%!important;
}
@media (min-width: 576px) { 
.page-body {
  max-height: 96vh;
  margin-top: 2vh;
  margin-bottom: 2vh;
  overflow-y: scroll;
}

.row-deck{
  width: auto;
}
 }


th > button{
  font-size: 8pt!important;
}
/* =========================
   COMPONENTS
========================= */


.text-m{
  font-size: 8pt!important;
}
:root{
   --tblr-body-font-size:8pt;
}
@media (min-width: 768px) { 
  .text-m{
    font-size: 10pt!important;
      }
  :root{
    --tblr-body-font-size:11pt;
  }
 }


.status-lite {
  border: var(--tblr-border-width) var(--tblr-border-style) #55555561 !important;
}

.card {
  /* border-width: 1px; */
  /* border-color: color-mix(in oklab, var(--amt-border) 60%, transparent); */
  box-shadow:
    rgba(0, 0, 0, 0) 0 0 0 0,
    rgba(0, 0, 0, 0) 0 0 0 0,
    rgba(0, 0, 0, 0) 0 0 0 0,
    rgba(0, 0, 0, 0) 0 0 0 0,
    rgba(0, 0, 0, 0.05) 0 1px 2px 0;
}

.card-header {
  background-color: transparent !important;
  border-bottom: none;
}

.card-title {
  font-size: var(--tblr-font-size-h3);
  color: var(--amt-title-color);
}

.page-title {
  color: var(--amt-title-color);
  font-size: 1.5rem;
  font-weight: 600;
}

.table thead th {
  background-color: transparent !important;
}


/* =========================
   FORMS
========================= */
.form-control {
  background-color: var(--amt-form) !important;
}

.btn-mobile {
  background-color: var(--rnv-black-1) !important;
  border: 0 solid var(--tblr-bg-surface-secondary) !important;
}

/* =========================
   TOM SELECT
========================= */
.ts-wrapper {
  min-height: 40px;
}

.ts-wrapper.single .ts-control {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  overflow: hidden;
  min-height: 2rem;
  padding: 0 10px !important;
}

.ts-control {
  color: var(--tblr-card-color) !important;
}

.ts-dropdown {
  z-index: 2000 !important;
  background-color: var(--tblr-body-bg) !important;
  color: var(--tblr-card-color) !important;
  border-color: var(--tblr-body-bg);
}

.ts-dropdown .active {
  background-color: var(--tblr-body-bg) !important;
  color: var(--tblr-card-color) !important;
}

/* =========================
   UTILITIES
========================= */
.icn-20 {
  font-size: 20px;
}

/* =========================
   RIBBON
========================= */
.td-ribbon {
  position: relative;
  width: 35px !important;
  padding: 0 !important;
  overflow: visible !important;
}

.td-ribbon .ribbon {
  position: absolute;
  top: 20px;
  left: -3px;
  white-space: nowrap;
  transform: scale(0.8);
  transform-origin: top left;
  pointer-events: none;
  filter: drop-shadow(0 2px 3px rgb(0 0 0 / 0.15));
}

.no-chevron::after{
  content: none;
}