/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/history/styles.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.styles_page__Jz9ac {
  padding: 24px;
}

.styles_title__wcTXW {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.styles_filters__ikwDN {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.styles_input__qRJ88 {
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 0.9rem;
  min-width: 160px;
}

.styles_select__O8hE9 {
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 0.9rem;
}

.styles_refreshBtn__R7T4r {
  background-color: #0078d4;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 0.9rem;
  cursor: pointer;
}

.styles_refreshBtn__R7T4r:hover {
  background-color: #005fa3;
}

.styles_table__n7BRH {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.styles_table__n7BRH th,
.styles_table__n7BRH td {
  padding: 8px 10px;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
}

.styles_table__n7BRH th {
  background-color: #fafafa;
}

.styles_table__n7BRH tr:hover {
  background-color: #f7f7f7;
}

.styles_revertBtn__RTeDF {
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  font-size: 0.85rem;
  cursor: pointer;
  background-color: #ffe58f;
  color: #614700;
}

.styles_revertBtn__RTeDF:hover {
  background-color: #ffd666;
}
.styles_groupRow__z0V2y:hover {
  background: #f5f5f5;
  cursor: pointer;
}

/* === Modal Backdrop === */
.styles_modalBackdrop__9E1mm {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

/* === Modal Box === */
.styles_modal__b8tOf {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  width: 500px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* === Header Row === */
.styles_modalHeader__Cs3yY {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.styles_modalTitle__mb78T {
  font-size: 1rem;
  font-weight: 600;
}

.styles_modalHeaderButtons__NRTVK {
  display: flex;
  gap: 6px;
}

/* === Buttons === */
.styles_revertBtn__RTeDF {
  background-color: #ffe58f;
  color: #614700;
  border: none;
  border-radius: 4px;
  font-size: 0.8rem;
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.styles_revertBtn__RTeDF:hover {
  background-color: #ffd666;
}

.styles_cancelBtn__Z8aHJ {
  background: #fafafa;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.8rem;
  padding: 4px 8px;
  cursor: pointer;
}

/* === Modal List === */
.styles_modalList__B6_Cf {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* two per row */
  grid-gap: 8px;
  gap: 8px;
  margin-top: 10px;
}

/* === Modal Items === */
.styles_modalItem__ZfdZN {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 6px 8px;
  background: #fafafa;
}

/* Icon + name */
.styles_skillInfo__5CooE {
  display: flex;
  align-items: center;
  gap: 6px;
}

.styles_skillIcon__6tDJc {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  object-fit: cover;
}

.styles_skillName__e7wvu {
  font-weight: 500;
  font-size: 0.85rem;
}

.styles_changeText__TD53F {
  color: #333;
  font-size: 0.8rem;
  width: 90px;
  text-align: right;
}
.styles_skillCell__uCY7q {
  display: flex;
  align-items: center;
  gap: 6px;
}

.styles_skillIcon__6tDJc {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  object-fit: cover;
  flex-shrink: 0;
}
.styles_skillCell__uCY7q {
  display: flex;
  align-items: center;
  gap: 6px;
}

.styles_skillIcon__6tDJc {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  object-fit: cover;
  flex-shrink: 0;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/history/Components/GroupedResult/styles.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_groupRow__mzgoU:hover {
  background: #f5f5f5;
  cursor: pointer;
}

/* ─────────────── Modal ─────────────── */
.styles_modalBackdrop__Fenva {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.styles_modal__REP1e {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 18px 20px;
  width: 560px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  font-size: 0.85rem;
}

/* ─────────────── Header Row ─────────────── */
.styles_headerRow__dU2jL {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.styles_title__3dKpc {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

.styles_headerButtons__W05fy {
  display: flex;
  gap: 8px;
}

/* Buttons in header */
.styles_revertAllBtn__mYg2D,
.styles_closeBtn__sh1Wn {
  border-radius: 5px;
  border: none;
  padding: 5px 10px;
  font-size: 0.8rem;
  cursor: pointer;
  font-weight: 500;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.styles_revertAllBtn__mYg2D {
  background: #e74c3c;       /* strong red base */
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 0.8rem;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.2s ease;
}

.styles_revertAllBtn__mYg2D:hover {
  background: #c0392b;       /* darker red on hover */
}

.styles_closeBtn__sh1Wn {
  background: #fafafa;
  color: #333;
  border: 1px solid #ccc;
}

.styles_closeBtn__sh1Wn:hover {
  background: #f0f0f0;
}

/* ─────────────── Sub title ─────────────── */
.styles_subTitle__f47_b {
  color: #666;
  margin-bottom: 10px;
  font-size: 0.8rem;
}

/* ─────────────── Grid Layout ─────────────── */
.styles_grid__jhHUI {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
  gap: 8px;
}

.styles_card__6IOFW {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 5px 8px;
  background: #fafafa;
  font-size: 0.8rem;
  height: 38px; /* ✅ uniform height for all cards */
  box-sizing: border-box;
}

/* Left section: icon + name */
.styles_icon__Kz5Sd {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  object-fit: cover;
  flex-shrink: 0;
}

.styles_name__Cc90f {
  font-weight: 500;
  text-align: center;
  width: 38px;
  flex-shrink: 0;
}

/* Middle section */
.styles_change__UvYo7 {
  color: #333;
  flex: 1 1;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1;
}

/* Right section: button */
.styles_revertBtn__P8ODt {
  background-color: #ffe58f;
  color: #614700;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 0.75rem;
  cursor: pointer;
  height: 26px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.styles_revertBtn__P8ODt:hover {
  background-color: #ffd666;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/ConfirmModal/styles.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/* ===== Overlay ===== */
.styles_overlay__jDRy7 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;                 /* 👈 safe margin on small screens */
  z-index: 1000;
}

/* ===== Modal ===== */
.styles_modal__8uy66 {
  width: 380px;
  max-width: 100%;               /* 👈 prevent overflow on phones */
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

/* ===== Header ===== */
.styles_header__gFCD8 {
  padding: 12px 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}

/* Intent headers */
.styles_header__gFCD8.styles_danger__CDtZj {
  background: #ff6b6b;
}
.styles_header__gFCD8.styles_warning__iOhB_ {
  background: #f4b740;
}
.styles_header__gFCD8.styles_neutral__twqfz {
  background: #5b8cff;
}

/* Close button */
.styles_close__E6fN6 {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: inherit;
}

/* ===== Body ===== */
.styles_body__Y3MsP {
  padding: 24px 16px;
  text-align: center;
  color: #333;
  font-size: 15px;
  line-height: 1.5;
}

.styles_icon__ZNtq2 {
  font-size: 28px;
  margin-bottom: 12px;
}

/* Icon colors */
.styles_icon__ZNtq2.styles_danger__CDtZj {
  color: #ff6b6b;
}
.styles_icon__ZNtq2.styles_warning__iOhB_ {
  color: #f4b740;
}
.styles_icon__ZNtq2.styles_neutral__twqfz {
  color: #5b8cff;
}

/* ===== Footer ===== */
.styles_footer__TAMh1 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 16px;
  flex-wrap: wrap;               /* 👈 buttons wrap on small screens */
}

.styles_cancelBtn__4srSI {
  padding: 8px 16px;
  background: #e5e5e5;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

/* Confirm buttons */
.styles_confirmBtn__G37Ef {
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: white;
}

/* Intent buttons */
.styles_confirmBtn__G37Ef.styles_danger__CDtZj {
  background: #ff6b6b;
}
.styles_confirmBtn__G37Ef.styles_warning__iOhB_ {
  background: #f4b740;
}
.styles_confirmBtn__G37Ef.styles_neutral__twqfz {
  background: #5b8cff;
}

/* ===== Small screens refinement ===== */
@media (max-width: 480px) {
  .styles_body__Y3MsP {
    padding: 20px 12px;
    font-size: 14px;
  }

  .styles_footer__TAMh1 {
    justify-content: center;     /* 👈 center buttons on phones */
  }
}
.styles_header__gFCD8.styles_success__kXNqH {
  background: #2ecc71;
}

.styles_icon__ZNtq2.styles_success__kXNqH {
  color: #2ecc71;
}

.styles_confirmBtn__G37Ef.styles_success__kXNqH {
  background: #2ecc71;
}