/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/stats/appearances/styles.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* ===========================
   PAGE LAYOUT
=========================== */
.styles_page__oZ_Jg {
  padding: 20px 30px;
}

.styles_title__pUipX {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #333;
}

/* ===========================
   MAIN CARD
=========================== */
.styles_card__eKZkx {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 20px;
}

/* ===========================
   STAGE TABS (九阶 / 十阶)
=========================== */
.styles_tabs__Z9gxg {
  display: flex;
  gap: 14px;
  margin-bottom: 18px;
}

.styles_tab__2BmF1 {
  padding: 8px 20px;
  background: #f1f1f1;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #555;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.styles_tab__2BmF1:hover {
  background: #e7e7e7;
}

.styles_activeTab__DGKbj {
  background: #3a7afe;
  color: white;
  border-color: #2f65d9;
  box-shadow: 0 2px 6px rgba(58, 122, 254, 0.3);
}

/* ===========================
   SUB TABS (普通 / 90层 / 100层)
=========================== */
.styles_subTabs__g2mwc {
  display: flex;
  gap: 10px;
  margin-bottom: 22px;
}

.styles_subTab___V_oz {
  padding: 6px 16px;
  background: #fafafa;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #555;
  border: 1px solid #ddd;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.styles_subTab___V_oz:hover {
  background: #f0f0f0;
}

.styles_activeSubTab__Q_5kb {
  background: #ff9800;
  color: white;
  border-color: #e68a00;
  box-shadow: 0 2px 5px rgba(255, 152, 0, 0.35);
}

/* ===========================
   SECTION TITLES
=========================== */
.styles_sectionHeader__UtGMB {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #333;
}

/* ===========================
   TABLE
=========================== */
.styles_tableContainer__HMPyq {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 30px;
}

.styles_table__MRFtj {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.styles_table__MRFtj th {
  background: #eee;
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
}

.styles_table__MRFtj td {
  padding: 6px 8px;
  border-bottom: 1px solid #eee;
  color: #333;
}

/* ===========================
   STATUS
=========================== */
.styles_loading__03ToS {
  color: #777;
  padding: 20px;
}

.styles_error__hiI0x {
  color: #d9534f;
  padding: 20px;
  font-weight: bold;
}

/* ===========================
   BAR CHART
=========================== */
.styles_chartTitle__hl19D {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}

.styles_chartContainer__NIRIh {
  background: #fff;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.styles_chartRow__bVvIe {
  display: grid;
  grid-template-columns: 120px 1fr 40px;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  margin: 10px 0;
}

.styles_chartLabel__MkaTM {
  font-size: 14px;
}

.styles_chartBarWrapper__zZD9v {
  background: #f2f2f2;
  border-radius: 6px;
  height: 14px;
  overflow: hidden;
}

.styles_chartBar__L3R3i {
  background: #4a90e2;
  height: 100%;
  border-radius: 6px;
  transition: width 0.3s ease;
}

.styles_chartValue__99xfK {
  font-size: 14px;
  text-align: right;
  color: #333;
}
/* =========================================================
   Page Layout
========================================================= */
.styles_page__oZ_Jg {
  padding: 10px 10px;
}

.styles_title__pUipX {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 14px;
  color: #333;
}

/* =========================================================
   Unified Buttons (Stage Tabs + Sub Tabs)
========================================================= */

.styles_tabs__Z9gxg,
.styles_subTabs__g2mwc {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;       /* smaller spacing */
}

/* Base button */
.styles_tab__2BmF1,
.styles_subTab___V_oz {
  padding: 6px 14px;          /* smaller */
  background: #e8f0ff;        /* light blue */
  border-radius: 5px;
  font-size: 13px;            /* smaller */
  cursor: pointer;
  border: 1px solid #cddfff;
  transition: 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #2a5ecc;             /* blue text */
}

.styles_tab__2BmF1:hover,
.styles_subTab___V_oz:hover {
  background: #d7e6ff;
}

/* Active button */
.styles_activeTab__DGKbj,
.styles_activeSubTab__Q_5kb {
  background: #3a7afe;
  color: white;
  border-color: #2f65d9;
  box-shadow: 0 1px 3px rgba(58, 122, 254, 0.3);
}

/* =========================================================
   Table
========================================================= */

.styles_tableContainer__HMPyq {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;              /* smaller */
  margin-bottom: 18px;        /* reduced */
}

/* =========================================================
   Charts
========================================================= */

.styles_chartTitle__hl19D {
  font-size: 15px;
  font-weight: 700;
  margin: 10px 0 8px 0;      /* smaller spacing */
}

.styles_chartContainer__NIRIh {
  padding: 12px 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: white;
  margin-bottom: 18px;        /* reduced */
}
/* SPECIAL RED TABLE ROW */
.styles_redRow__o5Jio td {
  color: #d93434 !important;
  font-weight: 600;
}
.styles_redBarRow__6zjoO .styles_chartLabel__MkaTM,
.styles_redBarRow__6zjoO .styles_chartValue__99xfK {
  color: #d93434 !important;
  font-weight: 600;
}