/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  /* font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; */
  /* font-family: "Roboto",  */
  margin: 2% 2% 2% 2%; 
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300; }
h1 { font-size: 2.4rem; line-height: 1.2;  letter-spacing: -.0rem; margin-bottom: 2rem; }
h2 { font-size: 2.0rem; line-height: 1.25; letter-spacing: -.0rem; margin-bottom: 0px; margin-top: 1rem;}
h3 { font-size: 1.8rem; line-height: 1.3;  letter-spacing: -.0rem; margin-bottom: 1.5rem; margin-top: 1.5rem;}
h4 { font-size: 1.6rem; line-height: 1.35; letter-spacing: -.0rem; margin-bottom: 1.2rem; margin-top: 0px; }
h5 { font-size: 1.4rem; line-height: 1.5;  letter-spacing: -.0rem; margin-bottom: 0.6rem; margin-top: 0.6rem;}
h6 { font-size: 1.0rem; line-height: 1.6;  letter-spacing: 0; margin-bottom: 0.75rem; margin-top: 0.75rem;}

/* h1 { font-size: 2.4rem; line-height: 1.2;  letter-spacing: -.1rem; margin-bottom: 2rem; }
h2 { font-size: 2.0rem; line-height: 1.25; letter-spacing: -.1rem; margin-bottom: 0px; margin-top: 1rem;}
h3 { font-size: 1.8rem; line-height: 1.3;  letter-spacing: -.1rem; margin-bottom: 1.5rem; margin-top: 1.5rem;}
h4 { font-size: 1.6rem; line-height: 1.35; letter-spacing: -.08rem; margin-bottom: 1.2rem; margin-top: 0px; }
h5 { font-size: 1.4rem; line-height: 1.5;  letter-spacing: -.05rem; margin-bottom: 0.6rem; margin-top: 0.6rem;}
h6 { font-size: 1.0rem; line-height: 1.6;  letter-spacing: 0; margin-bottom: 0.75rem; margin-top: 0.75rem;} */

/* ---- Contemporary dark theme polish ---- */

/* Cards: subtle rounding and border */
.card {
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Inputs: dark-friendly styling */
input[type="number"],
input[type="text"],
input[type="search"],
textarea {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #d4d4d4 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 4px !important;
  transition: border-color 0.15s ease;
}
input[type="number"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus {
  border-color: rgba(255, 255, 255, 0.35) !important;
  box-shadow: none !important;
  outline: none;
}

/* Icon buttons: smooth hover */
.fas {
  transition: opacity 0.15s ease;
}
.fas:hover {
  opacity: 0.65;
}

/* Tile section headers — used via className='snap-header' */
.snap-header {
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 6px;
  margin-top: 2px;
}

/* AG Grids (all apps) — transparent background + no border to match dark tile */
#tableFairMult.ag-theme-balham .ag-root-wrapper,
#tableFairMult.ag-theme-balham .ag-header,
#tableFairMult.ag-theme-balham .ag-header-row,
#tableFairMult.ag-theme-balham .ag-header-cell,
#tableFairMult.ag-theme-balham .ag-body-viewport,
#tb_rev.ag-theme-balham .ag-root-wrapper,
#tb_rev.ag-theme-balham .ag-header,
#tb_rev.ag-theme-balham .ag-header-row,
#tb_rev.ag-theme-balham .ag-header-cell,
#tb_rev.ag-theme-balham .ag-body-viewport,
#tb_ebit.ag-theme-balham .ag-root-wrapper,
#tb_ebit.ag-theme-balham .ag-header,
#tb_ebit.ag-theme-balham .ag-header-row,
#tb_ebit.ag-theme-balham .ag-header-cell,
#tb_ebit.ag-theme-balham .ag-body-viewport,
#ptfd_table.ag-theme-balham .ag-root-wrapper,
#ptfd_table.ag-theme-balham .ag-header,
#ptfd_table.ag-theme-balham .ag-header-row,
#ptfd_table.ag-theme-balham .ag-header-cell,
#ptfd_table.ag-theme-balham .ag-body-viewport,
#tableSailor.ag-theme-balham .ag-root-wrapper,
#tableSailor.ag-theme-balham .ag-header,
#tableSailor.ag-theme-balham .ag-header-row,
#tableSailor.ag-theme-balham .ag-header-cell,
#tableSailor.ag-theme-balham .ag-body-viewport,
#screenTable.ag-theme-balham .ag-root-wrapper,
#screenTable.ag-theme-balham .ag-header,
#screenTable.ag-theme-balham .ag-header-row,
#screenTable.ag-theme-balham .ag-header-cell,
#screenTable.ag-theme-balham .ag-body-viewport,
#tb.ag-theme-balham .ag-root-wrapper,
#tb.ag-theme-balham .ag-header,
#tb.ag-theme-balham .ag-header-row,
#tb.ag-theme-balham .ag-header-cell,
#tb.ag-theme-balham .ag-body-viewport,
#table.ag-theme-balham .ag-root-wrapper,
#table.ag-theme-balham .ag-header,
#table.ag-theme-balham .ag-header-row,
#table.ag-theme-balham .ag-header-cell,
#table.ag-theme-balham .ag-body-viewport,
#t1.ag-theme-balham .ag-root-wrapper,
#t1.ag-theme-balham .ag-header,
#t1.ag-theme-balham .ag-header-row,
#t1.ag-theme-balham .ag-header-cell,
#t1.ag-theme-balham .ag-body-viewport,
#tableOptions.ag-theme-balham .ag-root-wrapper,
#tableOptions.ag-theme-balham .ag-header,
#tableOptions.ag-theme-balham .ag-header-row,
#tableOptions.ag-theme-balham .ag-header-cell,
#tableOptions.ag-theme-balham .ag-body-viewport,
#diary_table.ag-theme-balham .ag-root-wrapper,
#diary_table.ag-theme-balham .ag-header,
#diary_table.ag-theme-balham .ag-header-row,
#diary_table.ag-theme-balham .ag-header-cell,
#diary_table.ag-theme-balham .ag-body-viewport {
  background-color: transparent !important;
  border-color: transparent !important;
}
#tableFairMult.ag-theme-balham .ag-root-wrapper,
#tb_rev.ag-theme-balham .ag-root-wrapper,
#tb_ebit.ag-theme-balham .ag-root-wrapper,
#ptfd_table.ag-theme-balham .ag-root-wrapper,
#tableSailor.ag-theme-balham .ag-root-wrapper,
#screenTable.ag-theme-balham .ag-root-wrapper,
#tb.ag-theme-balham .ag-root-wrapper,
#table.ag-theme-balham .ag-root-wrapper,
#t1.ag-theme-balham .ag-root-wrapper,
#tableOptions.ag-theme-balham .ag-root-wrapper,
#diary_table.ag-theme-balham .ag-root-wrapper {
  border: none !important;
}
#tableFairMult.ag-theme-balham .ag-header-cell-label,
#tb_rev.ag-theme-balham .ag-header-cell-label,
#tb_ebit.ag-theme-balham .ag-header-cell-label,
#ptfd_table.ag-theme-balham .ag-header-cell-label,
#tableSailor.ag-theme-balham .ag-header-cell-label,
#screenTable.ag-theme-balham .ag-header-cell-label,
#tb.ag-theme-balham .ag-header-cell-label,
#table.ag-theme-balham .ag-header-cell-label,
#t1.ag-theme-balham .ag-header-cell-label,
#tableOptions.ag-theme-balham .ag-header-cell-label,
#diary_table.ag-theme-balham .ag-header-cell-label {
  color: rgba(255, 255, 255, 0.55);
}

/* MS logo: 20% transparent */
img[src*="ms_logo"] {
  opacity: 0.8;
}

/* Styles for caroulse in swipe */
#carousel-container {
    width: 400px;
    overflow: hidden;
    margin: auto;
    touch-action: pan-y; /* allow horizontal swipes */
}

#carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.carousel-image {
    width: 400px;
    flex-shrink: 0;
    user-select: none;
    pointer-events: none; /* image doesn’t block swipe */
}