/* =========================================================
   schedule.css (A안: Family Memory Calendar)
   ========================================================= */

.page-schedule .site-main{
  padding-top: 18px;
  padding-bottom: 18px;
}

/* 상단 제목 영역 */
.cal-head{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 10px 0 16px;
}
.cal-title{
  display:flex;
  align-items:center;
  gap: 10px;
}
.cal-title h1{
  margin:0px;
  font-size: 22px;
  letter-spacing:-.6px;
}
.cal-ico{ font-size: 24px; }
.cal-sub{
  margin: 6px 0 0;
  color: #64748b;
  font-weight: 600;
}

.cal-head-right{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}
.cal-ym{
  font-weight: 900;
  color:#0f172a;
  padding: 8px 12px;
  border-radius: 999px;
  background:#f1f5f9;
  border: 1px solid rgba(15,23,42,.08);
}
.cal-nav-btn,
.cal-today,
.cal-admin{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  text-decoration:none;
  font-weight: 900;
  color:#0f172a;
  border: 1px solid rgba(15,23,42,.10);
  background:#fff;
}
.cal-nav-btn:hover,
.cal-today:hover,
.cal-admin:hover{
  border-color: rgba(37,99,235,.35);
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
}

.cal-card{
  background:#fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}

/* 2열 레이아웃 */
.cal-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
}

/* 캘린더 */
.cal-calendar{
  padding: 16px;
}
.cal-week{
  display:grid;
  grid-template-columns: repeat(7,1fr);
  gap: 8px;
  margin-bottom: 8px;
}
.dow{
  text-align:center;
  font-weight: 900;
  color:#334155;
  padding: 8px 0;
  border-radius: 12px;
  background:#f8fafc;
  border: 1px solid rgba(15,23,42,.04);
}
.dow.sun{ color:#dc2626; }
.dow.sat{ color:#2563eb; }

.cal-days{
  display:grid;
  grid-template-columns: repeat(7,1fr);
  gap: 8px;
  padding: 6px 0 10px;
}

.day{
  position: relative;
  height: 64px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
  background: #ffffff;
  cursor: pointer;
  text-align:left;
  padding: 10px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.day:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(15,23,42,.08);
  border-color: rgba(37,99,235,.22);
}

.day--empty{
  border: 0;
  background: transparent;
  cursor: default;
}

.day .num{
  font-weight: 900;
  color:#0f172a;
}

.day.today{
  border-color: rgba(37,99,235,.45);
  background: rgba(37,99,235,.05);
}

.day.has{
  border-color: rgba(16,185,129,.35);
  background: linear-gradient(180deg, rgba(16,185,129,.06), #fff);
}
.day.sel{
  outline: 3px solid rgba(37,99,235,.28);
  outline-offset: 2px;
}

.badge{
  position:absolute;
  right: 10px;
  top: 10px;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  font-weight: 900;
  color:#2563eb;
  background:#eff6ff;
  border: 1px solid #dbeafe;
}

/* 범례 */
.cal-legend{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.lg{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  border: 1px solid rgba(15,23,42,.08);
  background:#f8fafc;
}
.lg.travel{ border-color: rgba(37,99,235,.25); }
.lg.family{ border-color: rgba(16,185,129,.25); }
.lg.anniversary{ border-color: rgba(245,158,11,.35); }
.lg.health{ border-color: rgba(220,38,38,.25); }

/* 사이드 */
.cal-side{
  padding: 14px;
  display:flex;
  flex-direction: column;
  gap: 12px;
}
.side-box{
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  padding: 14px;
  background: #ffffff;
}
.side-summary{
  background: linear-gradient(135deg, #eff6ff, #fff);
}
.side-hd{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.side-hd h2{
  margin:0;
  font-size: 17px;
  font-weight: 900;
}
.pill{
  display:inline-flex;
  align-items:center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background:#f1f5f9;
  border: 1px solid rgba(15,23,42,.08);
  font-weight: 900;
  font-size: 13px;
  color:#0f172a;
}

.sum-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.sum-item{
  border-radius: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(15,23,42,.08);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content: space-between;
}
.sum-item span{ color:#64748b; font-weight: 800; }
.sum-item strong{ font-size: 18px; letter-spacing:-.4px; }
.sum-item.travel{ border-color: rgba(37,99,235,.22); }
.sum-item.family{ border-color: rgba(16,185,129,.22); }
.sum-item.anniversary{ border-color: rgba(245,158,11,.30); }
.sum-item.health{ border-color: rgba(220,38,38,.22); }

.empty{
  color:#64748b;
  font-weight: 700;
  padding: 10px 2px;
}
.empty.big{
  padding: 18px 4px;
  font-size: 14px;
}
.empty a{ color:#2563eb; font-weight: 900; text-decoration:none; }

.up-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.up-item{
  display:flex;
  gap: 12px;
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.08);
  background:#fff;
  cursor:pointer;
  transition: box-shadow .12s ease, transform .12s ease, border-color .12s ease;
}
.up-item:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(15,23,42,.08);
  border-color: rgba(37,99,235,.22);
}
.up-date{
  width: 46px;
  border-radius: 14px;
  background:#f8fafc;
  border: 1px solid rgba(15,23,42,.06);
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  padding: 6px 0;
}
.up-date .d{ font-weight: 900; font-size: 18px; color:#0f172a; line-height:1; }
.up-date .w{ font-weight: 900; font-size: 12px; color:#64748b; }

.up-title{ font-weight: 900; color:#0f172a; }
.up-sub{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 4px;
  color:#64748b;
  font-weight: 700;
  font-size: 12px;
}

/* 태그(타입) */
.tag{
  display:inline-flex;
  align-items:center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  margin-right: 8px;
  border: 1px solid rgba(15,23,42,.10);
  background:#f8fafc;
  color:#0f172a;
}
.tag.travel{ background:#eff6ff; border-color:#dbeafe; color:#2563eb; }
.tag.family{ background:#ecfdf5; border-color:#bbf7d0; color:#16a34a; }
.tag.anniversary{ background:#fffbeb; border-color:#fde68a; color:#b45309; }
.tag.health{ background:#fef2f2; border-color:#fecaca; color:#dc2626; }
.tag.etc{ background:#f1f5f9; border-color:rgba(15,23,42,.10); color:#334155; }

/* 선택 날짜 패널 */
.day-events{
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.day-card{
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  padding: 12px;
  background:#fff;
}
.day-title{
  font-weight: 900;
  color:#0f172a;
}
.day-meta{
  margin-top: 6px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  color:#64748b;
  font-weight: 700;
  font-size: 12px;
}
.day-note{
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(15,23,42,.06);
  color:#334155;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.45;
}
.day-photo{
  margin-top: 10px;
  height: 110px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(15,23,42,.08);
}

/* 타임라인 */
.cal-timeline{
  margin-top: 18px;
  padding: 16px;
}
.tl-hd{
  display:flex;
  align-items:baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.tl-hd h2{
  margin-left:10px;
  font-size: 15px;
  font-weight: 900;
}
.tl-sub{
  color:#64748b;
  font-weight: 700;
  font-size: 12px;
}
.tl-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.tl-item{
  display:grid;
  grid-template-columns: 140px 1fr 140px;
  gap: 12px;
  align-items:center;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
  background:#fff;
}
.tl-date{
  font-weight: 900;
  color:#0f172a;
}
.tl-title{
  font-weight: 900;
  color:#0f172a;
}
.tl-meta{
  margin-top: 6px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  color:#64748b;
  font-weight: 700;
  font-size: 12px;
}
.tl-photo{
  height: 70px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(15,23,42,.08);
}

/* 반응형 */
@media (max-width: 1020px){
  .cal-grid{ grid-template-columns: 1fr; }
  .tl-item{ grid-template-columns: 120px 1fr; }
  .tl-photo{ display:none; }
}
@media (max-width: 560px){
  .cal-title h1{ font-size: 22px; }
  .day{ height: 56px; padding: 9px; }
  .cal-head{ flex-direction: column; align-items:flex-start; }
}

/* =========================
   Schedule page inner width
   ========================= */

.schedule-main{
  background: var(--bg, #f4f6fb);
  padding: 18px 0 34px;
}

.schedule-wrap{
  max-width: 1400px;   /* ✅ 본문만 1400px */
  margin: 0 auto;
  padding: 0 14px;     /* 모바일 안전 여백 */
}


/* =========================
   Schedule manage inner width
   - 관리페이지도 1400 제한
========================= */
.page-schedule .schedule-wrap,
.page-schedule-manage .schedule-wrap,
.page-admin-schedule .schedule-wrap{
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 14px;
  box-sizing: border-box;
}

@media (max-width: 980px){
  .page-schedule .schedule-wrap,
  .page-schedule-manage .schedule-wrap,
  .page-admin-schedule .schedule-wrap{
    max-width: none;
    padding: 0 12px;
  }
}


/* 관리 버튼 스타일 */
.cal-admin{
  margin-left: 8px;
  padding: 6px 12px;
  border-radius: 10px;
  font-weight: 700;
  background: #2563eb;
  color: #fff;
  text-decoration: none;
}

.cal-admin:hover{
  background:#1d4ed8;
}



/* =========================
   ✅ 하단 “이번달/다음달” 2분할 레이아웃
   ========================= */

/* 2열 그리드: 왼쪽(이번달)이 더 넓게 */
.sched-month-grid{
  display: grid;
  grid-template-columns: 1.25fr .75fr; /* ← 왼쪽:오른쪽 비율 (꽉 차면 1.2/.8로 조절) */
  gap: 18px;                            /* ← 카드 사이 간격 */
  margin-top: 18px;                     /* ← 위 카드(달력영역)와 간격 */
}

/* 카드 내부 여백/정렬(원하시면 조절) */
.sched-month-card .card-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 4px;
  margin-bottom: 4px;
}

/* 다음달 카드가 너무 높아 보이면 스크롤 가능하게 */
.sched-next-card .sched-list{
  max-height: 420px;                    /* ← 오른쪽 카드가 길어지면 여기 높이 조절 */
  overflow: auto;
  padding-right: 4px;                   /* ← 스크롤바 여백 */
}

/* 일정 아이템(다음달 카드) */
.sched-item{
  display:flex;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(15,23,42,.08); /* ← 구분선 */
  border-radius: 12px;
  margin-bottom: 10px;
}

/* 날짜 컬럼 */
.sched-date{
  min-width: 98px;                      /* ← 날짜 폭(좁히면 88px 등) */
  font-weight: 800;
}

/* 제목/메타 */
.sched-title{ font-weight: 800; }
.sched-meta{ margin-top: 4px; }

/* ✅ 모바일/작은 화면에서는 1열로 자동 전환 */
@media (max-width: 980px){
  .sched-month-grid{
    grid-template-columns: 1fr;
  }
  .sched-next-card .sched-list{
    max-height: none;                   /* ← 모바일에서는 스크롤 제한 해제 */
  }
}

/* =========================================================
   [SCHEDULE] 하단 카드 2등분 래퍼
   - PC: 2열(이번 달 / 다음 달)
   - Mobile: 1열
   ========================================================= */
.sched-month-grid{
  display: grid;                    /* ✅ 핵심: grid로 2열 */
  grid-template-columns: 1fr 1fr;   /* ✅ 좌/우 동일 폭 */
  gap: 18px;                        /* ✅ 카드 사이 간격 (원하면 14~22px) */
  margin-top: 18px;                 /* ✅ 위(달력 영역)과 간격 */
}

/* ✅ grid 내부 카드가 길이 때문에 깨지지 않도록 안전장치 */
.sched-month-grid > .sched-month-card{
  min-width: 0;                     /* ✅ 긴 텍스트/태그가 있어도 폭 계산 안정 */
}

/* ✅ 화면 줄어들면 자동 1열 */
@media (max-width: 980px){
  .sched-month-grid{
    grid-template-columns: 1fr;
  }
}

/* ============================================================================
 * [ADD] 하단 "이번 달 전체 일정" + "다음 달 일정" 2분할 그리드
 * - 데스크톱: 2열 (1fr 1fr)
 * - 모바일: 1열로 자동 스택
 * - 기존 카드 룩(둥근 모서리/그림자/여백)과 통일
 * ========================================================================== */
.sched-month-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;   /* ✅ 2열 */
  gap: 16px;                        /* ✅ 카드 사이 간격(원하면 14~20 조절) */
  margin-top: 18px;                 /* ✅ 위 캘린더 영역과 간격 */
}

/* 모바일/태블릿: 한 줄로 */
@media (max-width: 980px){
  .sched-month-grid{
    grid-template-columns: 1fr;     /* ✅ 1열 스택 */
    gap: 14px;
  }
}

/* 하단 카드 내부 헤더 정렬 */
.sched-month-card .card-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;    /* ✅ 좌: 타이틀 / 우: 보조텍스트 */
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(15,23,42,.08); /* ✅ 구분선(원하면 진하게) */
}

/* 타이틀(크기는 사용자가 조절하기 쉬움) */
.sched-month-card .card-head h2{
  font-size: 20px;                  /* ✅ 원하면 18~22 */
  letter-spacing: -0.02em;
}

/* 카드 안의 목록 리스트 레이아웃(기존 side의 sched-list와 룩 통일) */
.sched-month-card .sched-list{
  margin-top: 10px;
  display:flex;
  flex-direction:column;
  gap: 10px;                        /* ✅ 항목 간격 */
}

/* 항목(링크) 스타일 - hover 시 살짝 떠오르는 느낌 */
.sched-month-card .sched-item{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px 12px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  background: #fff;
  text-decoration:none;
  color: inherit;
  transition: transform .12s ease, box-shadow .12s ease;
}

.sched-month-card .sched-item:hover{
  transform: translateY(-1px);      /* ✅ 떠오르는 느낌 */
  box-shadow: 0 10px 24px rgba(2,6,23,.08);
}

/* 왼쪽 날짜 블록 */
.sched-month-card .sched-date{
  min-width: 104px;                 /* ✅ 날짜 폭(원하면 92~120) */
  font-weight: 700;
  color: rgba(15,23,42,.86);
}

/* 제목 줄 */
.sched-month-card .sched-title{
  font-weight: 700;
  line-height: 1.3;
}

/* 메타 줄(장소/대상) */
.sched-month-card .sched-meta{
  margin-top: 6px;
  color: rgba(15,23,42,.62);        /* ✅ muted 톤 */
  font-size: 13px;                  /* ✅ 원하면 12~14 */
}

/* 다음 달 카드 상단 우측 "YYYY.MM 기준 · N건" 이 너무 붙으면 줄바꿈 방지 */
.sched-next-card .card-head .muted{
  white-space: nowrap;
}

/* 빈 상태 텍스트 */
.sched-month-card .empty{
  padding: 14px 0;
  color: rgba(15,23,42,.62);
}

/* =========================================================
 * [하단 2분할 카드] 이번 달 전체 일정 / 다음 달 일정
 * - 요청사항:
 *   1) 제목(이번 달 전체 일정/다음 달 일정) 왼쪽 여백 12px
 *   2) 미니카드(리스트 아이템) 줄 간격/패딩 많이 줄이기
 *   3) 폰트 13px 기준으로 컴팩트하게
 * ========================================================= */

/* 2분할 그리드(이미 있는 경우 아래 값만 참고해서 조정) */
.sched-month-grid{
  display: grid;
  grid-template-columns: 1fr 1fr; /* ✅ 좌/우 2열 */
  gap: 18px;                      /* ✅ 두 카드 사이 간격 */
  margin-top: 18px;
}

/* 모바일에서는 1열로 */
@media (max-width: 980px){
  .sched-month-grid{
    grid-template-columns: 1fr;
  }
}

/* 카드 자체 기본 패딩이 너무 크면 여기서 통일 */
.sched-month-card{
  /* 카드 내부 여백: 너무 크면 “꽉 찬 느낌” → 살짝 축소 */
  padding: 0; /* ✅ 헤더/바디에서 따로 패딩 줄 거라면 0으로 두는 게 깔끔 */
}

/* ✅ 카드 헤더(제목 영역) */
.sched-month-card .card-head{
  padding: 20px 0 10px 30px;            /* ✅ 상하/좌우: 적당히 컴팩트 */
}

/* ✅ 제목을 ‘왼쪽으로 12px 더’ 주고 싶은 경우:
 * - card-head 자체 좌우가 16px이면, 제목만 12px으로 줄이면 “조금 더 붙는 느낌”
 * - 즉, h2에 margin-left 12px을 주는 게 아니라,
 *   h2를 포함한 헤더 콘텐츠 전체를 12px 기준으로 맞추는 게 보기 좋음
 */
.sched-month-card .card-head{
  padding-left: 20px;            /* ✅ 요청: 제목 왼쪽 마진 12px 느낌 */
  padding-right: 20px;           /* ✅ 좌우 균형(선호) */
}

/* 헤더 내부 부제(설명 문구) */
.sched-month-card .card-head .muted{
  margin-top: 6px;               /* ✅ 부제 위 간격 축소 */
  font-size: 13px;               /* ✅ 요청: 전체적으로 13px 톤 */
  line-height: 1.35;             /* ✅ 줄간격 타이트 */
}

/* ✅ “다음 달 일정” 우측 상단 (2026.02 기준 · 1건) 위치 정돈 */
.sched-month-card .card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 10px;
}
.sched-month-card .card-head h2{
  margin: 0;                     /* ✅ 기본 margin 제거(라인 튐 방지) */
  font-size: 15px;               /* ✅ 제목은 13px보다 살짝 크게(가독성) */
  line-height: 1.25;
}
.sched-month-card .card-head .muted{
  margin: 0;                     /* ✅ 오른쪽 정보가 위로 붙도록 */
}

/* =========================================================
 * [미니카드(리스트 아이템)] sched-list / sched-item
 * - 줄 간격/패딩을 줄여 “컴팩트 목록”으로
 * ========================================================= */

/* 리스트 래퍼 */
.sched-month-card .sched-list{
  padding: 10px 12px 14px;       /* ✅ 카드 바디 패딩(목록영역) */
}

/* 개별 아이템(미니카드) */
.sched-month-card .sched-item{
  display:flex;
  gap: 10px;
  padding: 10px 10px;            /* ✅ (핵심) 세로 패딩 확 줄임 */
  border-radius: 12px;
  font-size: 13px;               /* ✅ 요청: 13px */
  line-height: 1.35;             /* ✅ 요청: 줄 간격 타이트 */
}

/* 아이템 사이 간격 */
.sched-month-card .sched-item + .sched-item{
  margin-top: 8px;               /* ✅ 카드들 사이 간격(기존보다 축소) */
}

/* 날짜 */
.sched-month-card .sched-date{
  min-width: 96px;               /* ✅ 날짜 칼럼 폭(너무 넓으면 더 줄여도 됨) */
  font-weight: 700;
  font-size: 13px;               /* ✅ 13px */
}

/* 제목줄 */
.sched-month-card .sched-title{
  font-size: 13px;               /* ✅ 13px */
  line-height: 1.35;
  gap: 8px;
}

/* 메타(장소/대상) */
.sched-month-card .sched-meta{
  margin-top: 4px;               /* ✅ 메타 위 여백 축소 */
  font-size: 12.5px;             /* ✅ 메타는 살짝 작게(원하면 13px로 올려도 됨) */
  line-height: 1.35;
}

/* 태그 */
.sched-month-card .tag{
  font-size: 12px;               /* ✅ 태그가 너무 커보이면 11.5px까지 가능 */
  padding: 2px 8px;              /* ✅ 태그 높이 축소 */
  border-radius: 999px;
}

/* ============================================================================
  일정 카드 안 미니카드 간격 조정
  - 요청: gap 4px
============================================================================ */

/* 이번 달 / 다음 달 일정 리스트 컨테이너 */
.page-schedule .sched-list{
  display: flex;
  flex-direction: column;
  gap: 4px;                 /* ✅ 미니카드 간격 */
}

/* 개별 미니카드 */
.page-schedule .sched-item{
  margin: 0 !important;     /* ❗ 기존 margin 제거 (중요) */
  padding: 8px 12px;        /* 카드 내부 여백 (원하면 조절) */
  border-radius: 14px;
}

/* =========================================================
 * schedule manage UI hotfix (1400px + title up + bigger dates)
 * ========================================================= */

.page-schedule-manage .layout-inner{
  max-width: 1400px !important;
  width: 100% !important;
}

/* 제목 위로 올리기 */
.page-schedule-manage .page-title-wrap,
.page-schedule-manage .schedule-head,
.page-schedule-manage .manage-head{
  margin-top: -12px;
}

.page-schedule-manage h1{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 달력 날짜 글씨 크게 */
.page-schedule-manage .calendar *{
  font-size: 14px;
}
.page-schedule-manage .calendar .day-num,
.page-schedule-manage .calendar .cal-day-num{
  font-size: 15px !important;
  font-weight: 700 !important;
}