/* ================= GLOBAL ================= */
body {
  font-size: 12px !important;
}

/* ================= NORMAL TABLE ONLY ================= */
/* target hanya table biasa */
[data-testid="table-root"][data-rows-count] {
  font-size: 11px !important;
}

/* HEADER */
[data-testid="table-root"][data-rows-count] [data-testid="table-header"] > div {
  height: 24px !important;
  border-bottom: 1px solid #dcdcdc !important;
}

[data-testid="table-root"][data-rows-count] [role="columnheader"] {
  padding: 2px 3px !important;
  font-size: 10px !important;
  border-right: 1px solid #dcdcdc !important;
  background: #f5f5f5 !important;
  white-space: nowrap !important;
}

/* CELL */
[data-testid="table-root"][data-rows-count] [role="gridcell"] {
  padding: 1px 6px !important;
  border-right: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  white-space: nowrap !important;
}

/* ROW */
    /*
[data-testid="table-root"][data-rows-count] [role="row"] {
  height: 18px !important;
}
 */
/* GRID BORDER */
[data-testid="table-root"][data-rows-count] [role="grid"] {
  border: 1px solid #dcdcdc !important;
}

/* ================= PIVOT TABLE (SAFE MODE) ================= */
/* jangan hancurin layout pivot */
.aNRHJ {
  padding: 2px 4px !important;
}
/*
.aNRHJ .mb-mantine-Text-root {
  line-height: 1.2 !important;
  font-size: 11px !important;
} */

/* ================= CARD ================= */
.CardVisualization {
  padding: 2px !important;
  margin: 2px !important;
}

/* ================= FILTER ================= */
.ParameterWidget {
  transform: scale(0.85) !important;
  transform-origin: left !important;
  margin-bottom: 2px !important;
}

/* ================= HEADER AREA ================= */
[data-testid="qb-header"] {
  padding: 4px 6px !important;
  margin-bottom: 4px !important;
}

textarea[data-testid="saved-question-header-title"] {
  padding: 2px 0 !important;
  margin: 0 !important;
}

/* ================= REMOVE LEFT SPACE ================= */
main,
[data-testid="query-builder-main"] {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

/* ================= TAB ================= */
a {
  padding: 4px 6px !important;
}
/* ================= hilangkan side-bar ================= */
aside[data-testid="main-navbar-root"]{
    display:none !important;
}
main {
    padding-top: 4px !important;
}
td, th {
    padding: 2px 6px !important;
}
main {
    max-width: 100% !important;
    width: 100% !important;
}
/* ================= BACKGROUND ================= */

:root {
    --mb-color-bg-light: #d3def0 !important;
    --mb-color-background: #ebf3ef !important;
    --mb-color-bg-white: #d5eef1 !important;
}

html,
body,
#root,
main {
    background: #d3def0 !important;
    background-color: #d7ebe0 !important;
}
/* ==========================================================
   Production Compatibility Patch - Test #001
   Metabase v0.63.1.2
   ========================================================== */
header[data-testid="app-bar"] > div.emotion-qgkugz{
    background-color:#94dbf7 !important;
    margin:0 !important;
    padding:0 !important;  
}

header[data-testid="dashboard-header-container"] .WzGfV{
    padding-left:0 !important;
    padding-right:0 !important;
  /*  border:3px solid #eb70d4 !important;     */
}
[role="heading"]{
    margin:0 !important;
    padding:0 !important;
}
[data-testid="dashboard-header"] > .WzGfV{
    padding-left:0 !important;
    padding-right:0 !important;
 /*   border:3px solid #daeb70 !important;   */
}
[data-testid="fixed-width-dashboard-tabs"]{
    padding-left:0 !important;
    padding-right:0 !important;
    background:#d6dada !important;     
}

[data-testid="fixed-width-dashboard-header"]{
    background:#d7ebe0 !important;
}
[data-testid="main-logo-link"]{
    display:none !important;
}
[data-element-id="dashboard-cards-container"]{
    background: #d7ebe0  !important;
}

/*
[data-testid="dashboard-grid"]{
    border:5px solid blue !important;
}
*/
[data-testid="dashcard"]{
    background: #d5eef1 !important;
    border:1px solid #d5d5dc !important;
    border-radius:8px;    
}

.sps-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.sps-item{
    color:#2F80ED;
    transition:.15s;
    cursor:pointer;
}

.sps-item:hover{
    color:#0D47A1;
}