/*
 * ???? ??? ???? ?? ??? (itm)
 *
 * ??? ??: design-reference/itamra-design-b.html
 * ?? ????? 390px ?????? ???? ?? ???(getComputedStyle)? ?? ???.
 * ??: docs/ITAMRA_MOBILE_REDESIGN_PLAN.md ?A
 *
 * ??: ?? ??? `.itm` ????? ????. ??? ?? ??? ???? ??
 * (#screenContentWrap)? class="itm" ? ?? ?????. ?? index.css ? --color-* ??? ???? ???.
 * ????? ?? ??(body, svg{?}, button{?})? ???? ?? .itm / .itm-icon ?? ????.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');

.itm {
  --itm-blue: #1246A3;
  --itm-ink: #17212e;
  --itm-muted: #82909e;
  --itm-line: #edf0f3;
  --itm-band: #f6f8fa;
  --itm-navy: #1f344f;
  --itm-tile: #f1f5fb;

  font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
  color: var(--itm-ink);
  -webkit-font-smoothing: antialiased;
  background: #fff;
}

/* index.css ? #screenContentWrap{background:var(--color-bg)} ? ID ???? ?? ???? ??? */
#screenContentWrap.itm {
  background: #fff;
}

.itm,
.itm *,
.itm *::before,
.itm *::after {
  box-sizing: border-box;
}

.itm button {
  font: inherit;
  cursor: pointer;
}

.itm button:focus-visible {
  outline: 3px solid #91b8ff;
}

/* ???? ????? ??? ? ????? ?? svg ??? ???? ?? */
.itm .itm-icon {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

/* ????????????????????????? ??: ? ??? ?? (.top) ????????????????????????? */
.itm .itm-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(7px + env(safe-area-inset-top)) 20px 15px;
  background: #fff;
}

.itm .itm-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  text-decoration: none;
}

.itm .itm-brand img {
  display: block;
  width: 128px;
  height: auto;
}

.itm .itm-brand small {
  font-size: 10px;
  letter-spacing: -.3px;
  color: #75889a;
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 420px) {
  .itm .itm-brand img {
    width: 117px;
  }

  .itm .itm-brand small {
    font-size: 9px;
  }
}

.itm .itm-tools {
  display: flex;
  gap: 17px;
  align-items: center;
}

.itm .itm-tools button,
.itm .itm-tools a,
.itm .itm-icon-btn {
  position: relative;
  background: none;
  border: 0;
  padding: 0;
  color: #263747;
}

/* ??? ?? ? (?? ?? ??) */
.itm .itm-tools .itm-dot {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff6277;
  border: 1.5px solid #fff;
}

/* ????????????????????????? ?? ??? ?? (.pagebar) ????????????????????????? */
.itm .itm-pagebar {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: calc(7px + env(safe-area-inset-top)) 20px 16px;
  background: #fff;
}

.itm .itm-pagebar strong {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.5px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.itm .itm-pagebar .itm-right {
  margin-left: auto;
  display: flex;
  gap: 17px;
  align-items: center;
}

/* ????????????????????????? ?? ????????????????????????? */
/* ? ?? ?? ?? (.search) */
.itm .itm-search {
  display: flex;
  align-items: center;
  gap: 9px;
  width: calc(100% - 40px);
  margin: 0 20px 19px;
  padding: 13px;
  border: 1px solid #e7ecf1;
  border-radius: 11px;
  background: #f7f9fb;
  color: #8a97a5;
  font-size: 12px;
  text-align: left;
}

.itm .itm-search .itm-icon {
  width: 18px;
  height: 18px;
}

/* ???? ?? ??? ?? (.search-mini) ? ???? /search ? ???? ? */
.itm .itm-search-mini {
  display: flex;
  gap: 9px;
  align-items: center;
  border: 1px solid #e7ecf1;
  background: #f7f9fb;
  color: #9aa5b1;
  border-radius: 10px;
  margin: 0 20px 15px;
  padding: 12px;
  font-size: 11px;
}

.itm .itm-search-mini .itm-icon {
  width: 17px;
  height: 17px;
}

.itm .itm-search-mini input {
  border: 0;
  outline: 0;
  background: transparent;
  flex: 1;
  min-width: 0;
  font: inherit;
  color: #17212e;
  padding: 1px 2px;
}

/* ????????????????????????? ?? ????????????????????????? */
.itm .itm-section {
  padding: 0 20px;
  margin-top: 26px;
}

.itm .itm-section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}

.itm .itm-section-title strong {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.7px;
}

.itm .itm-more {
  font-size: 12px;
  color: #8994a0;
  border: 0;
  background: none;
  padding: 1px 6px;
  text-decoration: none;
}

/* 7px ?? ?? ?? (.line) */
.itm .itm-line {
  height: 7px;
  background: var(--itm-band);
  margin-top: 27px;
}

.itm .itm-section-lead {
  padding: 2px 20px 15px;
}

.itm .itm-section-lead strong {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.6px;
}

.itm .itm-section-lead p {
  font-size: 11px;
  color: #84909b;
  margin: 6px 0 0;
}

/* ????????????????????????? ? ???? (.categories / .cat) ????????????????????????? */
.itm .itm-categories {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 22px;
  margin: 5px 0 0;
}

.itm .itm-cat {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 9px;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
  border: 0;
  background: none;
  color: #344353;
  padding: 1px 6px;
}

.itm .itm-cat .itm-symbol {
  height: 47px;
  width: 47px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: var(--itm-tile);
  color: var(--itm-blue);
}

.itm .itm-cat .itm-symbol .itm-icon {
  width: 23px;
  height: 23px;
  stroke-width: 1.7;
}

/* ????????????????????????? ? ??? ?? (.feature) ????????????????????????? */
.itm .itm-feature {
  margin: 26px 20px 0;
  background: #eef4ff;
  border-radius: 14px;
  padding: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.itm .itm-feature .itm-mini {
  font-size: 10px;
  color: var(--itm-blue);
  font-weight: 800;
}

.itm .itm-feature strong {
  display: block;
  margin: 6px 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.6px;
}

.itm .itm-feature p {
  font-size: 11px;
  color: #5e7fa9;
  margin: 0;
}

.itm .itm-feature .itm-graphic {
  font-size: 37px;
  color: var(--itm-blue);
  font-weight: 800;
  letter-spacing: -4px;
  opacity: .8;
  line-height: 1.15;
}

/* ? ?? ?? (.home-complete / .home-label) */
.itm .itm-home-complete {
  margin-top: 20px;
  border-top: 7px solid #f5f7fa;
}

.itm .itm-home-label {
  padding: 20px 20px 5px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.6px;
}

/* ????????????????????????? ? ?? (.block-*) ????????????????????????? */
.itm .itm-block-section {
  padding: 15px 20px 18px;
  border-bottom: 1px solid #f0f2f5;
}

.itm .itm-block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}

.itm .itm-block-title strong {
  font-size: 13px;
  font-weight: 700;
}

.itm .itm-block-title small,
.itm .itm-block-title a {
  font-size: 10px;
  color: #8995a1;
  text-decoration: none;
}

/* ?? (.block-banner) ? ??? ?? ????? ???? ??? ?? */
.itm .itm-block-banner {
  position: relative;
  height: 114px;
  border-radius: 12px;
  background: #eaf2fd;
  overflow: hidden;
}

.itm .itm-block-banner .itm-banner-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.itm .itm-block-banner .itm-banner-slide[hidden] {
  display: none;
}

.itm .itm-block-banner .itm-copy {
  padding: 14px;
  min-width: 0;
}

.itm .itm-block-banner .itm-copy small {
  font-size: 9px;
  color: var(--itm-blue);
  font-weight: 800;
}

.itm .itm-block-banner .itm-copy strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  margin: 5px 0;
  color: #17334f;
}

.itm .itm-block-banner img {
  width: 40%;
  height: 100%;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}

/* ?? ?? ??(???? ??)? ???? ? ??? */
.itm .itm-block-banner .itm-banner-slide.is-image-only img {
  width: 100%;
}

.itm .itm-block-banner .itm-banner-dots {
  position: absolute;
  left: 14px;
  bottom: 9px;
  display: flex;
  gap: 4px;
}

.itm .itm-block-banner .itm-banner-dots button {
  width: 5px;
  height: 5px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c8d9f3;
}

.itm .itm-block-banner .itm-banner-dots button.is-active {
  background: var(--itm-blue);
}

/* ?? ??? (.block-scroll) */
.itm .itm-block-scroll {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
  margin-right: -20px;
  padding-right: 20px;
}

.itm .itm-block-scroll::-webkit-scrollbar {
  display: none;
}

.itm .itm-block-card {
  flex: 0 0 146px;
  min-width: 0;
  cursor: pointer;
  display: block;
  color: inherit;
  text-decoration: none;
}

.itm .itm-block-card .itm-picture {
  height: 92px;
  position: relative;
  border-radius: 9px;
  overflow: hidden;
  background: #e9edf3;
}

.itm .itm-block-card .itm-picture img,
.itm .itm-block-card .itm-picture video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.itm .itm-picture-empty {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: #9aa7b4;
}

/* ?? ? (.tier) ? ?? ? ?? ? ? (?? A-2) */
.itm .itm-tier {
  position: absolute;
  top: 7px;
  left: 7px;
  background: #fff;
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 800;
  color: #344353;
  line-height: normal;
  z-index: 1;
}

.itm .itm-block-card .itm-btitle {
  font-size: 11px;
  font-weight: 700;
  margin-top: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itm .itm-block-card .itm-bprice {
  font-size: 12px;
  font-weight: 800;
  color: var(--itm-blue);
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itm .itm-block-card .itm-bmeta {
  font-size: 10px;
  color: #82909e;
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ?? (.block-card.shorts) */
.itm .itm-block-card.is-shorts {
  flex-basis: 105px;
}

.itm .itm-block-card.is-shorts .itm-picture {
  height: 155px;
  border-radius: 10px;
}

.itm .itm-block-card.is-shorts .itm-picture img,
.itm .itm-block-card.is-shorts .itm-picture video {
  filter: brightness(.82);
}

.itm .itm-block-card.is-shorts .itm-picture::after {
  content: '';
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: transparent;
  z-index: 1;
}
.itm .itm-block-card.is-shorts .itm-picture::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-35%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 14px;
  border-color: transparent transparent transparent #fff;
  filter: drop-shadow(0 1px 4px rgba(0,0,0,.45));
  z-index: 2;
  pointer-events: none;
}

/* ??? 2? (.block-grid / .block-card.special) ? ??? ??(???? ??? ???? ??) */
.itm .itm-block-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.itm .itm-block-card.is-special .itm-picture {
  height: 99px;
}

/* ? ??? ? ?? ???(itm-listing--standard) */
.itm .itm-block-section--special-list {
  padding-left: 0;
  padding-right: 0;
}

.itm .itm-block-section--special-list .itm-block-title {
  padding: 0 20px;
}

.itm .itm-home-special-list {
  padding: 0 20px;
}

.itm .itm-home-special-list .itm-listing:last-child {
  border-bottom: none;
  padding-bottom: 2px;
}

/* ?? ? (.block-rec) */
.itm .itm-block-rec {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid #edf0f3;
  cursor: pointer;
}

.itm .itm-block-rec:last-child {
  border: 0;
}

.itm .itm-block-rec>img,
.itm .itm-block-rec>.itm-rec-empty {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
  background: #e9edf3;
}

.itm .itm-block-rec>.itm-rec-empty {
  display: grid;
  place-items: center;
  color: #9aa7b4;
}

.itm .itm-block-rec .itm-text {
  min-width: 0;
  flex: 1;
}

.itm .itm-block-rec .itm-text strong {
  display: block;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itm .itm-block-rec .itm-text span {
  display: block;
  font-size: 10px;
  color: #8795a2;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itm .itm-block-rec b {
  font-size: 11px;
  font-weight: 700;
  color: var(--itm-blue);
  text-align: right;
  max-width: 108px;
  flex-shrink: 0;
}

/* ????????????????????????? ? (.heart) ? like-toggle ?? ???? ?? ?? ????????????????????????? */
.itm .itm-heart {
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 1;
  border: 0;
  padding: 0;
  background: #0005;
  color: #fff;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
}

.itm .itm-heart .itm-icon {
  width: 17px;
  height: 17px;
}

.itm .itm-heart.is-liked {
  color: #ff6277;
  background: #fff;
}

.itm .itm-heart.is-liked .itm-icon {
  fill: currentColor;
}

/* ????????????????????????? ???? ??? (.subcats-caption / .category-grid) ????????????????????????? */
.itm .itm-subcats-caption {
  font-size: 12px;
  font-weight: 800;
  padding: 10px 20px 12px;
}

.itm .itm-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 7px;
  padding: 3px 20px 18px;
}

.itm .itm-category-grid button {
  border: 0;
  background: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #344353;
  font-size: 11px;
  font-weight: 650;
  padding: 1px 6px;
}

.itm .itm-category-grid .itm-symbol {
  height: 47px;
  width: 47px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: var(--itm-tile);
  color: var(--itm-blue);
}

.itm .itm-category-grid .itm-symbol .itm-icon {
  width: 23px;
  height: 23px;
  stroke-width: 1.7;
}

.itm .itm-category-grid .itm-txt {
  white-space: normal;
  text-align: center;
  line-height: 1.35;
  letter-spacing: -.4px;
}

.itm .itm-category-grid button.is-active .itm-symbol {
  background: #e7effd;
  outline: 1px solid #c8d9f3;
}

.itm .itm-category-grid button.is-active .itm-txt {
  color: var(--itm-blue);
}

.itm .itm-category-line {
  height: 7px;
  background: var(--itm-band);
  margin: 5px 0 14px;
}

/* ????????????????????????? ? ?? (.filters / .pill) ????????????????????????? */
/*
 * List/status filter pills ? SSOT from subcategory .itm-filters
 * Active: #1F344F / #fff ? Idle: #fff / #4D5C6B / #E6EBF0
 * Do not use for form option chips, CTA, status badges, or bottom nav.
 */
.itm .itm-filters,
.itm .itm-manage-tabs,
.itm .itm-v11-filters,
.itm .itm-v15-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 0 20px 17px;
  scrollbar-width: none;
  align-items: center;
}

.itm .itm-filters::-webkit-scrollbar,
.itm .itm-manage-tabs::-webkit-scrollbar,
.itm .itm-v11-filters::-webkit-scrollbar,
.itm .itm-v15-filters::-webkit-scrollbar {
  display: none;
}

.itm .itm-filters button,
.itm .itm-pill,
.itm .itm-manage-tabs button,
.itm .itm-manage-tabs .chip,
.itm .itm-v11-filters button,
.itm .itm-v15-filters button {
  border: 1px solid #e6ebf0;
  border-radius: 30px;
  background: #fff;
  color: #4d5c6b;
  padding: 9px 14px;
  font-size: 11px;
  font-weight: 650;
  font-family: inherit;
  white-space: nowrap;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  line-height: normal;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    color 120ms ease;
}

.itm .itm-filters button.is-active,
.itm .itm-pill.is-active,
.itm .itm-manage-tabs button.active,
.itm .itm-manage-tabs button.is-active,
.itm .itm-manage-tabs .chip.is-active,
.itm .itm-v11-filters button.is-active,
.itm .itm-v11-filters button.selected,
.itm .itm-v15-filters button.active,
.itm .itm-v15-filters button.is-active {
  background: var(--itm-navy);
  color: #fff;
  border-color: var(--itm-navy);
}

.itm .itm-filters button:hover:not(:disabled):not(.is-active):not(.is-empty),
.itm .itm-pill:hover:not(:disabled):not(.is-active),
.itm .itm-manage-tabs button:hover:not(:disabled):not(.is-active):not(.active),
.itm .itm-manage-tabs .chip:hover:not(:disabled):not(.is-active),
.itm .itm-v11-filters button:hover:not(:disabled):not(.is-active):not(.selected),
.itm .itm-v15-filters button:hover:not(:disabled):not(.is-active):not(.active) {
  border-color: #d5dde6;
  color: #344353;
  background: #fff;
}

.itm .itm-filters button:focus-visible,
.itm .itm-pill:focus-visible,
.itm .itm-manage-tabs button:focus-visible,
.itm .itm-manage-tabs .chip:focus-visible,
.itm .itm-v11-filters button:focus-visible,
.itm .itm-v15-filters button:focus-visible {
  outline: 3px solid #91b8ff;
  outline-offset: 2px;
}

.itm .itm-filters button:disabled,
.itm .itm-pill:disabled,
.itm .itm-manage-tabs button:disabled,
.itm .itm-manage-tabs .chip:disabled,
.itm .itm-v11-filters button:disabled,
.itm .itm-v15-filters button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.itm .itm-filters button .itm-icon {
  width: 13px;
  height: 13px;
}

.itm .itm-filters-label {
  font-size: 11px;
  font-weight: 800;
  color: #344353;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ????????????????????????? ?? ?? (.view-switch) ? 1? / 2? ????????????????????????? */
.itm .itm-view-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin: 10px 20px 5px;
  padding: 4px;
  background: #f1f4f8;
  border-radius: 11px;
}

.itm .itm-view-switch button {
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #728091;
  font-size: 11px;
  font-weight: 700;
  padding: 10px 3px;
  white-space: nowrap;
}

.itm .itm-view-switch button.is-current {
  background: #fff;
  color: var(--itm-blue);
  box-shadow: 0 1px 6px #20304713;
}

/* ????????????????????????? ?? ?? (.list-heading) ????????????????????????? */
.itm .itm-list-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px 4px;
}

.itm .itm-list-heading strong {
  font-size: 13px;
  font-weight: 700;
}

.itm .itm-list-heading>span,
.itm .itm-list-heading>button {
  font-size: 11px;
  color: #82909e;
  border: 0;
  background: none;
  padding: 0;
}

/* ????????????????????????? ?? ?? (.list-wrap / .listing) ?????????????????????????
 * ?? ? ?? (?? A-2, 2026-10-10 ??): premium?special = --standard,
 * general???/?? = --compact. (--rows ? ??? ???, ?? ?? ??)
 * 2? ??(data-cols="2")??? ??? ???? ?? ????? ?????.
 * ??(compact/rows) 1?? grid?align ??? 2?? ?? ??? ?? ???? ??? ????.
 */
.itm .itm-list {
  padding: 0 20px;
}

.itm .itm-listing {
  position: relative;
  display: flex;
  gap: 14px;
  padding: 17px 0;
  border-bottom: 1px solid var(--itm-line);
  cursor: pointer;
}

.itm .itm-listing__thumb {
  position: relative;
  width: 119px;
  height: 116px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #e9edf3;
}

.itm .itm-listing__thumb img,
.itm .itm-listing__thumb .itm-picture-empty {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

/* ??? ?? ? ???? ?????? + ???? ??? (?? A-7-2) */
.itm .itm-listing__thumb .itm-picture-empty {
  background: #e9edf3;
  display: grid;
  place-items: center;
  color: #9aa7b4;
}

.itm .itm-listing__detail {
  min-width: 0;
  flex: 1;
  padding-top: 2px;
}

.itm .itm-listing__prefix {
  display: none;
}

.itm .itm-listing__kind {
  font-size: 10px;
  color: #7f8c98;
}

.itm .itm-listing__price {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.5px;
  margin: 5px 0;
  color: var(--itm-ink);
}

.itm .itm-listing__desc {
  font-size: 11px;
  line-height: 1.7;
  color: #697786;
  margin: 0;
}

.itm .itm-listing__desc>span {
  display: block;
}

.itm .itm-listing__loc {
  font-size: 10px;
  color: #98a3ad;
  margin-top: 8px;
}

/* ??? (compact) */
.itm .itm-listing--compact {
  gap: 11px;
  padding: 12px 0;
  align-items: center;
}

.itm .itm-listing--compact .itm-listing__thumb {
  width: 78px;
  height: 77px;
}

.itm .itm-listing--compact .itm-listing__detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(95px, auto);
  column-gap: 7px;
  align-items: start;
  padding: 0;
}

.itm .itm-listing--compact .itm-listing__kind {
  grid-column: 1;
  grid-row: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itm .itm-listing--compact .itm-listing__price {
  grid-column: 2;
  grid-row: 1 / 4;
  justify-self: end;
  text-align: right;
  color: var(--itm-blue);
  font-size: 12px;
  font-weight: 800;
  max-width: 118px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  margin: 0;
}

.itm .itm-listing--compact .itm-listing__desc {
  grid-column: 1;
  grid-row: 2;
  font-size: 10px;
  line-height: 1.55;
  min-width: 0;
}

.itm .itm-listing--compact .itm-listing__loc {
  grid-column: 1;
  grid-row: 3;
  margin-top: 3px;
}

.itm .itm-listing--compact .itm-heart {
  width: 24px;
  height: 24px;
  top: 5px;
  right: 5px;
}

.itm .itm-listing--compact .itm-heart .itm-icon {
  width: 14px;
  height: 14px;
}

.itm .itm-listing--compact .itm-tier {
  top: 5px;
  left: 5px;
}

/* ???? (rows) ? ??? ??. ? ??? ??? ?? ??? */
.itm .itm-listing--rows {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 8px;
  align-items: center;
  padding: 9px 0;
}

.itm .itm-listing--rows .itm-listing__thumb {
  display: contents;
  background: none;
}

.itm .itm-listing--rows .itm-listing__thumb>img,
.itm .itm-listing--rows .itm-listing__thumb>.itm-picture-empty,
.itm .itm-listing--rows .itm-listing__thumb>.itm-tier {
  display: none;
}

.itm .itm-listing--rows .itm-heart {
  position: static;
  grid-column: 2;
  grid-row: 1;
  width: 24px;
  height: 24px;
  background: none;
  color: #aab5c0;
}

.itm .itm-listing--rows .itm-heart.is-liked {
  color: #ff6277;
  background: none;
}

.itm .itm-listing--rows .itm-listing__detail {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 20px 17px 17px;
  gap: 0 8px;
  padding: 0;
}

.itm .itm-listing--rows .itm-listing__prefix {
  display: block;
  grid-column: 1;
  grid-row: 1;
  font-size: 13px;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: -.7px;
  color: var(--itm-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itm .itm-listing--rows .itm-listing__kind {
  display: none;
}

.itm .itm-listing--rows .itm-listing__price {
  grid-column: 2;
  grid-row: 1;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  text-align: right;
  white-space: nowrap;
  color: var(--itm-blue);
}

.itm .itm-listing--rows .itm-listing__desc {
  grid-column: 1 / -1;
  grid-row: 2;
  font-size: 10px;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itm .itm-listing--rows .itm-listing__desc>span {
  display: inline;
}

.itm .itm-listing--rows .itm-listing__desc>span+span::before {
  content: ' ? ';
}

.itm .itm-listing--rows .itm-listing__loc {
  grid-column: 1 / -1;
  grid-row: 3;
  font-size: 10px;
  line-height: 17px;
  margin: 0;
  color: #8995a1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 2? ?? ? ??? ???? ?? ??? (???? .block-card.special ??)
 * ??: 1? compact/rows ? display:grid ? align-items:center ? thumb display:contents ?
 * ?? specificity ? ??? ?? ??? ???? ???? ??? ???? ???.
 * ?? ???? ??? ???? ?? ????.
 */
.itm .itm-list[data-cols="2"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.itm .itm-list[data-cols="2"] .itm-listing,
.itm .itm-list[data-cols="2"] .itm-listing--standard,
.itm .itm-list[data-cols="2"] .itm-listing--compact,
.itm .itm-list[data-cols="2"] .itm-listing--rows {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  width: 100%;
  grid-template-columns: none;
  grid-template-rows: none;
  column-gap: 0;
}

.itm .itm-list[data-cols="2"] .itm-listing__thumb,
.itm .itm-list[data-cols="2"] .itm-listing--standard .itm-listing__thumb,
.itm .itm-list[data-cols="2"] .itm-listing--compact .itm-listing__thumb,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__thumb {
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: 99px;
  border-radius: 9px;
  overflow: hidden;
  background: #e9edf3;
}

.itm .itm-list[data-cols="2"] .itm-listing__thumb>img,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__thumb>img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.itm .itm-list[data-cols="2"] .itm-listing__thumb>.itm-picture-empty,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__thumb>.itm-picture-empty {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: #e9edf3;
  color: #9aa7b4;
}

.itm .itm-list[data-cols="2"] .itm-listing__thumb>.itm-tier,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__thumb>.itm-tier {
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
}

.itm .itm-list[data-cols="2"] .itm-heart,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-heart,
.itm .itm-list[data-cols="2"] .itm-listing--compact .itm-heart,
.itm .itm-list[data-cols="2"] .itm-listing--standard .itm-heart {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 29px;
  height: 29px;
  background: #0005;
  color: #fff;
  z-index: 1;
}

.itm .itm-list[data-cols="2"] .itm-heart .itm-icon {
  width: 17px;
  height: 17px;
}

.itm .itm-list[data-cols="2"] .itm-heart.is-liked {
  background: #fff;
  color: #ff6277;
}

/* ?? ??: flex column + ?? order ? kind ? ?? ? ?? ? ?? ? ?? */
.itm .itm-list[data-cols="2"] .itm-listing__detail,
.itm .itm-list[data-cols="2"] .itm-listing--standard .itm-listing__detail,
.itm .itm-list[data-cols="2"] .itm-listing--compact .itm-listing__detail,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__detail {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  gap: 0;
  grid-template-columns: none;
  grid-template-rows: none;
  column-gap: 0;
}

.itm .itm-list[data-cols="2"] .itm-listing__prefix,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__prefix {
  display: none;
}

.itm .itm-list[data-cols="2"] .itm-listing__kind,
.itm .itm-list[data-cols="2"] .itm-listing--compact .itm-listing__kind,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__kind {
  display: block;
  order: 1;
  margin: 7px 0 0;
  font-size: 10px;
  line-height: 1.35;
  color: #82909e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  grid-column: auto;
  grid-row: auto;
}

/* desc ? contents ? ?? ?????? detail flex ???? ????? */
.itm .itm-list[data-cols="2"] .itm-listing__desc,
.itm .itm-list[data-cols="2"] .itm-listing--compact .itm-listing__desc,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__desc {
  display: contents;
  margin: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.itm .itm-list[data-cols="2"] .itm-listing__desc>span,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__desc>span {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itm .itm-list[data-cols="2"] .itm-listing__desc>span+span::before,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__desc>span+span::before {
  content: none;
}

.itm .itm-list[data-cols="2"] .itm-listing__desc>.itm-listing__t {
  order: 2;
  margin-top: 3px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--itm-ink);
}

.itm .itm-list[data-cols="2"] .itm-listing__price,
.itm .itm-list[data-cols="2"] .itm-listing--compact .itm-listing__price,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__price {
  order: 3;
  display: block;
  grid-column: auto;
  grid-row: auto;
  justify-self: auto;
  align-self: stretch;
  text-align: left;
  margin: 4px 0 0;
  max-width: 100%;
  width: 100%;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: normal;
  color: var(--itm-blue);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itm .itm-list[data-cols="2"] .itm-listing__desc>.itm-listing__s {
  order: 4;
  margin-top: 3px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
  color: #82909e;
}

.itm .itm-list[data-cols="2"] .itm-listing__loc,
.itm .itm-list[data-cols="2"] .itm-listing--compact .itm-listing__loc,
.itm .itm-list[data-cols="2"] .itm-listing--rows .itm-listing__loc {
  order: 5;
  display: block;
  grid-column: auto;
  grid-row: auto;
  margin: 3px 0 0;
  font-size: 10px;
  line-height: 1.35;
  color: #82909e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* ????? ???? ??(1? ?????) ? #job: ??? 88?88??? 14px, ??? 55?55 / #food?#stay: ??? 126?126 */
.itm .itm-list--job[data-cols="1"] .itm-listing--standard .itm-listing__thumb {
  width: 88px;
  height: 88px;
}

.itm .itm-list--job[data-cols="1"] .itm-listing--standard .itm-listing__price {
  font-size: 14px;
}

.itm .itm-list--job[data-cols="1"] .itm-listing--compact .itm-listing__thumb {
  width: 55px;
  height: 55px;
}

.itm .itm-list--job[data-cols="1"] .itm-listing--compact .itm-tier {
  display: none;
}

.itm .itm-list--job[data-cols="1"] .itm-listing--compact .itm-heart {
  width: 22px;
  height: 22px;
  top: 3px;
  right: 3px;
}

.itm .itm-list--job[data-cols="1"] .itm-listing--compact .itm-heart .itm-icon {
  width: 12px;
  height: 12px;
}

.itm .itm-list--place[data-cols="1"] .itm-listing--standard .itm-listing__thumb {
  width: 126px;
  height: 126px;
}

/* ?????? ??? ?? ? ???? .block-banner, ? ??? ?? ?? ?? */
.itm .itm-hero-banner {
  padding: 0 20px 17px;
}

/* ?? ?? ?? */
.itm .itm-list-state {
  padding: 40px 20px;
  text-align: center;
  font-size: 12px;
  color: #82909e;
}

/* ????????????????????????? ?? ?? (.bottom-tabs) ?????????????????????????
 * ? ?????? ?? bottom-nav.php ???, ??? ????. ? ????e2e ? ?? .bottom-nav ???? ??.
 */
.itm .bottom-nav {
  height: auto;
  display: flex;
  justify-content: space-around;
  background: #fff;
  border-top: 1px solid var(--itm-line);
  padding: 10px 4px max(12px, env(safe-area-inset-bottom));
}

.itm .bottom-nav a {
  background: none;
  border: 0;
  color: #9ca6b1;
  font-size: 10px;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  min-width: 55px;
  padding: 1px 6px;
  text-decoration: none;
  line-height: normal;
  flex: 0 0 auto;
  justify-content: flex-start;
}

.itm .bottom-nav a.is-active {
  color: var(--itm-blue);
  font-weight: 800;
}

.itm .bottom-nav a .itm-icon {
  width: 21px;
  height: 21px;
}

.itm .bottom-nav a span {
  font-weight: inherit;
}

/* ?? ?? ?? (??? ?? ?) */
.itm .itm-foot-link {
  text-align: center;
  padding: 16px;
}

.itm .itm-foot-link a {
  font-size: 11px;
  color: #82909e;
}

/* ????????????????????????? ?? ?? (.d8-*) ?????????????????????????
 * ???? real-detail. ??? ??? ??(realestate-detail.php)? ??. ?? ?? ??? ?? ???? ?????.
 * ?? ???? ???? ??? ?? #screenContent ??? .itm ???(index.css ? ID ??? ???).
 */
#screenContent.itm {
  background: #fff;
}

/* ??? 224px ? ??? ????(.gallery-track)? ??? ??? ????? ???? */
.itm .itm-d8-hero {
  position: relative;
  flex-shrink: 0;
  height: 224px;
  background: #e8edf4;
}

.itm .itm-d8-hero .gallery-track {
  height: 100%;
  background: #e8edf4;
}

.itm .itm-d8-hero-badge {
  position: absolute;
  bottom: 12px;
  right: 15px;
  background: #17212ecc;
  color: #fff;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.2;
  pointer-events: none;
}

/* ? ????? ? ?????? ??? ??? ?? ????? ???. ?? ??? ??? ?? ?? ?? */
.itm .itm-d8-dots {
  position: absolute;
  bottom: 16px;
  left: 15px;
  display: flex;
  gap: 4px;
}

.itm .itm-d8-dots button {
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: rgba(255, 255, 255, .55);
}

.itm .itm-d8-dots button.is-active {
  width: 16px;
  background: #fff;
}

/* ?? ?? ???? ? ??? ???? ?? + ? ?? ??, ????? pagebar ?? ? ? */
.itm .itm-d8-appbar {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--layout-max-width);
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: calc(15px + env(safe-area-inset-top)) 17px 0;
  background: transparent;
  color: #263747;
  transition: background-color .2s ease, border-color .2s ease, padding .2s ease;
}

.itm .itm-d8-appbar__spacer {
  flex: 1;
}

.itm .itm-d8-round {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #263747;
  display: grid;
  place-items: center;
  box-shadow: 0 1px 4px rgba(23, 33, 46, .18);
  transition: background-color .2s ease, box-shadow .2s ease;
}

.itm .itm-d8-round .itm-icon {
  width: 19px;
  height: 19px;
}

.itm .itm-d8-round.is-liked {
  color: #ff6277;
}

.itm .itm-d8-round.is-liked .itm-icon {
  fill: currentColor;
}

.itm .itm-d8-appbar.is-solid {
  padding-bottom: 8px;
  background: #fff;
  border-bottom: 1px solid var(--itm-line);
}

.itm .itm-d8-appbar.is-solid .itm-d8-round {
  background: #f4f6f9;
  box-shadow: none;
}

/* ?? .d8-intro */
.itm .itm-d8-intro {
  padding: 18px 20px 20px;
  background: #fff;
}

.itm .itm-d8-overline {
  color: #748596;
  font-size: 11px;
}

.itm .itm-d8-overline b {
  color: var(--itm-blue);
  font-weight: 800;
}

.itm .itm-d8-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.8px;
  line-height: 1.3;
  margin: 6px 0;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.itm .itm-d8-price {
  color: var(--itm-blue);
  font-weight: 800;
  font-size: 21px;
}

.itm .itm-d8-summary {
  font-size: 12px;
  color: #657688;
  line-height: 1.7;
  margin: 7px 0;
}

.itm .itm-d8-addr {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #657688;
  margin: 7px 0;
}

/* ? ? ?? ? ??(flags)? ??? ???? ?? */
.itm .itm-d8-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.itm .itm-d8-chips span {
  display: inline-flex;
  align-items: center;
  background: var(--itm-tile);
  border-radius: 999px;
  color: var(--itm-blue);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 9px;
}

.itm .itm-d8-chips--flags {
  margin-top: 8px;
}

.itm .itm-d8-info .itm-d8-chips {
  margin-top: 6px;
}

/* ?? ?? .d8-stats */
.itm .itm-d8-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.itm .itm-d8-stat {
  padding: 12px 8px;
  background: #f6f8fb;
  border-radius: 9px;
  text-align: center;
}

.itm .itm-d8-stat span {
  display: block;
  font-size: 10px;
  color: #8190a0;
}

.itm .itm-d8-stat strong {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
  word-break: keep-all;
}

/* ?? .d8-section / ??? .d8-divider */
.itm .itm-d8-divider {
  flex-shrink: 0;
  height: 7px;
  background: #f5f7fa;
}

.itm .itm-d8-section {
  padding: 20px;
  background: #fff;
}

.itm .itm-d8-section h3 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.5px;
  margin: 0 0 13px;
}

/* ?? ??? ??? (v9 compact) */
.itm .itm-d8-section--options {
  padding-top: 16px;
  padding-bottom: 15px;
}

.itm .itm-d8-section--options h3 {
  margin-bottom: 9px;
}

.itm .itm-d8-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px 5px;
}

.itm .itm-d8-option {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  min-height: 59px;
  padding: 3px 1px;
  text-align: center;
}

.itm .itm-d8-option__icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--itm-tile);
  color: var(--itm-blue);
  display: grid;
  place-items: center;
}

.itm .itm-d8-option__icon .itm-icon {
  width: 19px;
  height: 19px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.itm .itm-d8-option b {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.25;
  word-break: keep-all;
}

/* ?? ?? .d8-info */
.itm .itm-d8-info {
  display: grid;
  grid-template-columns: 90px 1fr;
  margin: 0;
  font-size: 12px;
}

.itm .itm-d8-info dt,
.itm .itm-d8-info dd {
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid var(--itm-line);
  line-height: 1.6;
}

.itm .itm-d8-info dt {
  color: var(--itm-muted);
}

.itm .itm-d8-info dd {
  font-weight: 600;
  color: #27394a;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* ???? ???? ? ?? ?? ???? ??? ???(.public-doc-*), ??? ?????? */
.itm .itm-d8-docs {
  padding: 12px 0;
  border-bottom: 1px solid var(--itm-line);
  font-size: 12px;
}

.itm .itm-d8-docs .public-docs-head {
  color: var(--itm-muted);
  font-weight: 600;
}

.itm .itm-d8-muted {
  color: var(--itm-muted);
  font-size: 12px;
}

/* ?? ??? ? ???? .d8-menu ? */
.itm .itm-d8-agent {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.itm .itm-d8-agent__avatar {
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  border-radius: 9px;
  overflow: hidden;
  background: var(--itm-band);
}

.itm .itm-d8-agent__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.itm .itm-d8-agent__empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca6b1;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -.2px;
}

.itm .itm-d8-agent__body {
  flex: 1;
  min-width: 0;
}

.itm .itm-d8-agent__body strong {
  display: block;
  font-size: 13px;
}

.itm .itm-d8-agent__body small {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  color: #8794a1;
}

.itm .itm-d8-agent__chev {
  width: 18px;
  height: 18px;
  color: #9ca6b1;
}

/* ?? .d8-text */
.itm .itm-d8-text {
  font-size: 12px;
  line-height: 1.95;
  color: #596b7c;
  overflow-wrap: anywhere;
}

.itm .itm-d8-subinfo {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--itm-line);
  font-size: 11px;
  line-height: 1.7;
  color: #8493a1;
}

/* ?? ? detail-map-block.php ? PC ? ??? ???? ?? ???? ??? ??? */
.itm .itm-d8-section--map {
  padding-bottom: 24px;
}

.itm .itm-d8-map-note {
  margin: -6px 0 13px;
  font-size: 11px;
  color: #b4690e;
}

.itm .itm-d8-map {
  border: 1px solid var(--itm-line);
  border-radius: 12px;
  overflow: hidden;
}

.itm .itm-d8-map .itamra-map-ext {
  padding: 12px 14px 14px;
  border-top-color: var(--itm-line);
}

.itm .itm-d8-map .itamra-map-ext-name {
  font-size: 12px;
}

.itm .itm-d8-map .itamra-map-ext-addr {
  font-size: 11px;
  color: #657688;
}

.itm .itm-d8-map .itamra-map-ext-links a {
  border-radius: 9px;
  font-size: 11px;
}

/* ?? ?? ?? .d8-action ? index.css ? .cta-bar(sticky) ?? ??? ??? */
.itm .itm-d8-action {
  position: sticky;
  bottom: 0;
  z-index: 30;
  margin-top: auto;
  display: flex;
  gap: 9px;
  padding: 10px 17px max(16px, env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid #e9edf2;
}

.itm .itm-d8-action button {
  border: 1px solid #dfe7ef;
  background: #fff;
  border-radius: 9px;
  padding: 12px 15px;
  font-size: 12px;
  color: var(--itm-ink);
}

.itm .itm-d8-action .itm-d8-action__fav {
  flex-shrink: 0;
  width: 46px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #263747;
}

.itm .itm-d8-action .itm-d8-action__fav .itm-icon {
  width: 20px;
  height: 20px;
}

.itm .itm-d8-action .itm-d8-action__fav.is-liked {
  color: #ff6277;
}

.itm .itm-d8-action .itm-d8-action__fav.is-liked .itm-icon {
  fill: currentColor;
}

.itm .itm-d8-action .itm-d8-action__sub {
  flex: 1;
  font-weight: 700;
}

.itm .itm-d8-action .itm-d8-action__main {
  flex: 2;
  background: var(--itm-blue);
  border-color: var(--itm-blue);
  color: #fff;
  font-weight: 800;
}

/* ????????????????????????? ?? ??: ???? ?? / ?? ??? ?????????????????????????
 * ? .itm-d8-* ? ??? ??, ???? ??(lifestyle-detail.php)??? ???(business-profile.php)??
 * ??? ??(?? ???? ??????? ??/?)? ???. */

/* ?? ???? sticky ???? ??? ???? ??? ?? overflow ? clip ?? ??(index.css ? hidden ??) */
#screenContent.itm-d8-page {
  overflow-x: clip;
}

/* ?? ??? ???(???? ??? ???? ?? ? ???? ??) */
.itm .itm-d8-hero > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ?? ? */
.itm .itm-d8-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 2px;
  font-size: 12px;
  color: #657688;
}

.itm .itm-d8-rating b {
  color: var(--itm-ink);
  font-size: 13px;
  font-weight: 800;
}

.itm .itm-d8-stars {
  color: #f5a623;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 1;
}

.itm .itm-d8-stars .is-off {
  color: #d5dce4;
}

/* ?? ?? ? ?? ?? */
.itm .itm-d8-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--itm-tile);
  color: var(--itm-blue);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}

.itm .itm-d8-pill.is-open {
  background: #e9f8f0;
  color: #17935a;
}

.itm .itm-d8-pill.is-muted {
  background: #f1f3f5;
  color: #8794a1;
}

/* ???? ?? ? ?? ?? */
.itm .itm-d8-option.is-off {
  opacity: .45;
}

.itm .itm-d8-option.is-off b {
  text-decoration: line-through;
}

/* ?? ? .d8-menu (??? ??) */
.itm .itm-d8-menu {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid var(--itm-line);
}

.itm .itm-d8-menu img {
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  border-radius: 9px;
  object-fit: cover;
}

.itm .itm-d8-menu > div {
  flex: 1;
  min-width: 0;
}

.itm .itm-d8-menu strong {
  display: block;
  font-size: 12px;
}

.itm .itm-d8-menu small {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  color: #8794a1;
}

.itm .itm-d8-menu em {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 800;
  color: var(--itm-blue);
  font-style: normal;
}

.itm .itm-d8-menu-title {
  margin: 14px 0 2px;
  font-size: 12px;
  font-weight: 700;
  color: var(--itm-muted);
}

/* ? ???? ?? ? */
.itm .itm-d8-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.itm .itm-d8-links a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 9px 13px;
  border: 1px solid #dfe7ef;
  border-radius: 9px;
  background: #fff;
  color: #344455;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

/* ?? (???? ?? ? ?? ??? ??) */
.itm .itm-d8-rv-summary {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 6px;
  padding: 14px 4px 10px;
}

.itm .itm-d8-rv-big {
  flex-shrink: 0;
  text-align: center;
}

.itm .itm-d8-rv-big strong {
  display: block;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1.1;
}

.itm .itm-d8-rv-big small {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  color: var(--itm-muted);
}

.itm .itm-d8-rv-bars {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.itm .itm-d8-rv-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  color: var(--itm-muted);
}

.itm .itm-d8-rv-bar > i {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  background: var(--itm-band);
  overflow: hidden;
}

.itm .itm-d8-rv-bar > i > u {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: #f5a623;
}

.itm .itm-d8-rv {
  padding: 14px 0;
  border-bottom: 1px solid var(--itm-line);
}

.itm .itm-d8-rv__head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 7px;
}

.itm .itm-d8-rv__avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--itm-tile);
  color: var(--itm-blue);
  display: grid;
  place-items: center;
}

.itm .itm-d8-rv__avatar .itm-icon {
  width: 17px;
  height: 17px;
}

.itm .itm-d8-rv__author {
  font-size: 12px;
  font-weight: 700;
}

.itm .itm-d8-rv__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 10px;
  color: var(--itm-muted);
}

.itm .itm-d8-rv__text {
  font-size: 12px;
  line-height: 1.8;
  color: #596b7c;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.itm .itm-d8-rv__reply {
  margin-top: 9px;
  padding: 9px 11px;
  border-radius: 9px;
  background: var(--itm-band);
  font-size: 11px;
  line-height: 1.6;
  color: #657688;
  white-space: pre-wrap;
}

.itm .itm-d8-rv__reply b {
  margin-right: 5px;
  color: var(--itm-blue);
  font-weight: 800;
}

.itm .itm-d8-empty {
  padding: 24px 0;
  text-align: center;
  font-size: 12px;
  color: var(--itm-muted);
}

/* ?? ? ?? */
.itm .itm-d8-notfound {
  padding: 80px 20px;
  text-align: center;
}

.itm .itm-d8-notfound strong {
  display: block;
  font-size: 15px;
}

.itm .itm-d8-notfound span {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: var(--itm-muted);
}

/* ?? ?? ??? (.biz9-*) ?? */
.itm .tab-pane[hidden] {
  display: none;
}

.itm .itm-biz-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px 15px;
  background: #fff;
}

.itm .itm-biz-logo {
  position: relative;
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  border-radius: 14px;
  background: var(--itm-tile);
  color: var(--itm-blue);
  display: grid;
  place-items: center;
}

.itm .itm-biz-logo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  object-fit: cover;
}

.itm .itm-biz-logo .itm-icon {
  width: 28px;
  height: 28px;
}

.itm .itm-biz-head__body {
  flex: 1;
  min-width: 0;
}

.itm .itm-biz-head h2 {
  margin: 0 0 4px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.6px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.itm .itm-biz-verified {
  display: inline-block;
  margin-left: 5px;
  padding: 3px 6px;
  border-radius: 5px;
  background: #edf4ff;
  color: var(--itm-blue);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  vertical-align: middle;
}

.itm .itm-biz-meta {
  font-size: 11px;
  color: #758594;
  line-height: 1.5;
}

.itm .itm-biz-meta + .itm-biz-meta {
  margin-top: 4px;
}

.itm .itm-biz-intro {
  padding: 0 20px 6px;
  font-size: 12px;
  line-height: 1.8;
  color: #657688;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.itm .itm-biz-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 12px 20px 17px;
  text-align: center;
}

.itm .itm-biz-summary > div + div {
  border-left: 1px solid var(--itm-line);
}

.itm .itm-biz-summary strong {
  display: block;
  font-size: 17px;
}

.itm .itm-biz-summary span {
  font-size: 10px;
  color: var(--itm-muted);
}

.itm .itm-biz-actions {
  display: flex;
  gap: 7px;
  padding: 0 20px 18px;
}

.itm .itm-biz-actions > a,
.itm .itm-biz-actions > button {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 4px;
  border: 1px solid #dfe7ef;
  border-radius: 9px;
  background: #fff;
  color: #344455;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.itm .itm-biz-actions > .is-primary {
  flex: 1.4;
  background: var(--itm-blue);
  border-color: var(--itm-blue);
  color: #fff;
}

.itm .itm-biz-tabs {
  display: flex;
  padding: 0 12px;
  border-bottom: 1px solid #e9edf2;
  overflow-x: auto;
  scrollbar-width: none;
  background: #fff;
}

.itm .itm-biz-tabs::-webkit-scrollbar {
  display: none;
}

.itm .itm-biz-tabs button {
  flex: 1;
  padding: 12px 7px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: #83909e;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.itm .itm-biz-tabs button.is-active {
  color: var(--itm-blue);
  border-bottom-color: var(--itm-blue);
}

.itm .itm-biz-pane {
  padding: 18px 20px 28px;
  background: #fff;
}

.itm .itm-biz-pane h3 {
  margin: 0 0 13px;
  font-size: 15px;
  font-weight: 700;
}

.itm .itm-biz-pane--flush {
  padding: 4px 0 24px;
}

.itm .itm-biz-listing {
  display: flex;
  gap: 10px;
  padding: 11px 0;
  border-bottom: 1px solid var(--itm-line);
  color: inherit;
  text-decoration: none;
}

.itm .itm-biz-listing img {
  flex-shrink: 0;
  width: 74px;
  height: 72px;
  border-radius: 8px;
  object-fit: cover;
}

.itm .itm-biz-listing > div {
  flex: 1;
  min-width: 0;
}

.itm .itm-biz-listing .itm-biz-listing__price {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: var(--itm-blue);
}

.itm .itm-biz-listing strong {
  display: block;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.itm .itm-biz-listing small {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  color: var(--itm-muted);
}

.itm .itm-biz-shorts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 18px 20px 28px;
}

.itm .itm-biz-shorts .cell {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 3 / 4;
  background: var(--itm-band);
}

.itm .itm-biz-shorts .cell img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.itm .itm-biz-shorts .scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, .5) 20%, transparent 60%);
}

.itm .itm-biz-shorts .dur {
  position: absolute;
  left: 7px;
  bottom: 6px;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}

.itm .itm-biz-map .itamra-detail-map {
  height: 220px;
  margin-top: 15px;
  border-radius: 10px;
}

.itm .itm-biz-empty {
  padding: 28px 20px;
  text-align: center;
  font-size: 12px;
  color: var(--itm-muted);
}

/* ????????????????????????? ?? d8 ?? (??? ? ??) ?????????????????????????
 * ? .itm-d8-* ? ??? ??, ????? ?? ??? ????.
 */

/* #screenContent(overflow-x:hidden)? ??? ????? ? ?? sticky ???? ??? ?? ??? */
#screenContent.itm-d8-page {
  overflow-x: clip;
}

/* ??? ??? ???? (scroll-snap) ? ??? ?? ??? ???? ?? ?? */
.itm .itm-d8-hero .gallery-track {
  display: flex;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.itm .itm-d8-hero .gallery-track::-webkit-scrollbar {
  display: none;
}

.itm .itm-d8-hero .gallery-track.is-draggable {
  cursor: grab;
}

.itm .itm-d8-hero .gallery-track.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.itm .itm-d8-hero .gallery-track.no-snap {
  scroll-snap-type: none;
}

.itm .itm-d8-hero .gallery-track img {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  scroll-snap-align: center;
  -webkit-user-drag: none;
}

/* ???? ?? ??(??) ? ??? ?? ?? ?? ? ?? ?? */
.itm .itm-d8-appbar--static {
  position: sticky;
  left: auto;
  transform: none;
  max-width: none;
  padding: calc(8px + env(safe-area-inset-top)) 17px 8px;
  background: #fff;
  border-bottom: 1px solid var(--itm-line);
}

.itm .itm-d8-appbar--static .itm-d8-round {
  background: #f4f6f9;
  box-shadow: none;
}

.itm .itm-d8-appbar--static .itm-d8-appbar__title {
  flex: 1;
  min-width: 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ?? ?? ??? ? (??: ?? ?? + ???) */
.itm .itm-d8-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 12px;
}

.itm .itm-d8-brand__logo {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--itm-band, #f1f4f8);
  color: var(--itm-blue);
  display: grid;
  place-items: center;
}

.itm .itm-d8-brand__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.itm .itm-d8-brand__logo .itm-icon {
  width: 22px;
  height: 22px;
}

.itm .itm-d8-brand__name {
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  color: #27394a;
  overflow-wrap: anywhere;
}

/* ?? ? ?? (?? ? ??) */
.itm .itm-d8-chips span.is-muted {
  background: #eef1f5;
  color: #748596;
}

.itm .itm-d8-chips span.is-warn {
  background: #fff1f1;
  color: #d64545;
}

/* ?? ?? (???? ? ??) */
.itm .itm-d8-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  color: #475a6c;
  line-height: 1.7;
}

.itm .itm-d8-list li {
  position: relative;
  padding: 3px 0 3px 14px;
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.itm .itm-d8-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--itm-blue);
}

.itm .itm-d8-section .itm-d8-chips {
  margin-top: 10px;
}

/* ???? ? */
.itm .itm-d8-apply {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 0;
  border-bottom: 1px solid var(--itm-line);
}

.itm .itm-d8-apply:last-child {
  border-bottom: 0;
}

.itm .itm-d8-apply__ic {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--itm-tile);
  color: var(--itm-blue);
  display: grid;
  place-items: center;
}

.itm .itm-d8-apply__body {
  min-width: 0;
}

.itm .itm-d8-apply__body strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #27394a;
}

.itm .itm-d8-apply__body small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: #748596;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

/* ?? ? (dd ?? a) */
.itm .itm-d8-info dd a {
  color: var(--itm-blue);
}

/* ?? ?? ??(PC ??? ??) ?? */
.itm .itm-d8-editor {
  font-size: 12px;
}

/* ??? ?? ? ??(a) ?? ? ??? ?? ? hidden ? ??? */
.itm .itm-d8-action[hidden],
.itm .itm-d8-action [hidden] {
  display: none !important;
}

.itm .itm-d8-action a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe7ef;
  background: #fff;
  border-radius: 9px;
  padding: 12px 15px;
  font-size: 12px;
  color: var(--itm-ink);
  text-decoration: none;
}

.itm .itm-d8-action a.itm-d8-action__main {
  background: var(--itm-blue);
  border-color: var(--itm-blue);
  color: #fff;
}

.itm .itm-d8-action .itm-d8-action__icon {
  flex: 0 0 46px;
  width: 46px;
  padding: 0;
  display: grid;
  place-items: center;
  color: #263747;
}

.itm .itm-d8-action .itm-d8-action__icon .itm-icon {
  width: 20px;
  height: 20px;
}

.itm .itm-d8-action button:disabled,
.itm .itm-d8-action button[aria-disabled="true"] {
  background: #e4e9ef;
  border-color: #e4e9ef;
  color: #8a97a5;
}

/* ?-? ?? ?? ?? ?? ? ??? ?? ?? ????? 80px */
@media (max-width: 360px) {
  .itm .itm-d8-info {
    grid-template-columns: 78px 1fr;
  }
}


/* ????????????????????????? ???? / ???? (unified-search-v18 / unified-results-v18) ?????????????????????????
 * ??: .itm .itm-us ?? ??. ?? 2?/d8 ?? ??? ??? ?? ???? ????.
 * ??? ?(#searchForm, #q, #clearBtn, #recentRow, .rank-item, #searchCatGrid ?)? ??? ??.
 */
.itm .itm-us {
  background: #fff;
  min-height: 100%;
}

.itm .itm-us-head {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #fff;
  border-bottom: 1px solid #e9eef4;
  padding: calc(12px + env(safe-area-inset-top)) 14px 12px;
}

.itm .itm-us-form,
.itm .itm-us-bar {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
}

.itm .itm-us-back {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 30px;
  height: 36px;
  padding: 0;
  border: 0;
  background: none;
  color: #26364b;
}

.itm .itm-us-back .itm-icon {
  width: 22px;
  height: 22px;
}

.itm .itm-us-field,
.itm .itm-us-result-query {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  height: 43px;
  padding: 0 11px;
  border: 1.5px solid var(--itm-blue);
  border-radius: 11px;
  background: #f9fbff;
  position: relative;
}

.itm .itm-us-field .itm-icon,
.itm .itm-us-result-query .itm-icon {
  width: 18px;
  height: 18px;
  color: var(--itm-blue);
}

.itm .itm-us-field input {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  font: inherit;
  font-size: 13px;
  color: #26364b;
  -webkit-appearance: none;
  appearance: none;
}

.itm .itm-us-field input::placeholder {
  color: #a3aeba;
}

.itm .itm-us-field input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

/* #clearBtn: ? ????? ?? ? display:block ?? ?? */
.itm .itm-us-clear {
  display: none;
  flex: 0 0 auto;
  padding: 0 3px;
  border: 0;
  background: none;
  color: #97a3b1;
  font-size: 21px;
  line-height: 1;
}

.itm .itm-us-result-query {
  border-color: #e4eaf1;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: #24344b;
}

.itm .itm-us-result-query span {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.itm .itm-us-submit {
  flex: 0 0 auto;
  padding: 9px 2px;
  border: 0;
  background: none;
  color: var(--itm-blue);
  font-size: 12px;
  font-weight: 800;
}

.itm .itm-us-body {
  padding-bottom: 35px;
}

.itm .itm-us-section {
  margin: 0;
  padding: 21px 18px 20px;
  background: #fff;
  border-bottom: 7px solid var(--itm-band);
}

.itm .itm-us-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 15px;
  padding: 0;
}

.itm .itm-us-title b {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.25px;
  color: var(--itm-ink);
}

.itm .itm-us-title button {
  padding: 0;
  border: 0;
  background: none;
  font-size: 11px;
  color: #8b97a5;
}

.itm .itm-us-caption {
  font-size: 10px;
  color: #99a4b0;
}

.itm .itm-us-recents {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0;
  overflow: visible;
}

.itm .itm-us-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid #e6ebf2;
  border-radius: 20px;
  background: #f8fafd;
  color: #445267;
  font-size: 12px;
  line-height: 1.3;
  word-break: break-all;
  text-align: left;
}

.itm .itm-us-recents .ls-empty-recent {
  margin: 2px 0 5px;
  padding: 0;
  font-size: 12px;
  color: #98a4af;
}

.itm .itm-us-ranks .itm-us-rank {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 12px 1px;
  border-bottom: 1px solid #f0f2f5;
  background: #fff;
  cursor: pointer;
}

.itm .itm-us-ranks .itm-us-rank:last-child {
  border-bottom: 0;
}

.itm .itm-us-rank .no {
  width: 23px;
  font-size: 12px;
  font-weight: 700;
  color: #a3aebb;
  text-align: left;
}

.itm .itm-us-rank.is-top .no {
  color: var(--itm-blue);
}

.itm .itm-us-rank .kw {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: #2d3b4e;
}

.itm .itm-us-rank .up {
  font-size: 10px;
  font-weight: 600;
  color: #a7b3bf;
}

.itm .itm-us-cats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 7px;
}

.itm .itm-us-cats button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 4px 0;
  border: 0;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  color: #354456;
  text-align: center;
}

.itm .itm-us-cat-ico {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 13px;
  background: var(--itm-tile);
  color: var(--itm-blue);
}

.itm .itm-us-cat-ico .itm-icon {
  width: 23px;
  height: 23px;
}

.itm .itm-us-footer {
  padding: 18px;
  font-size: 10px;
  line-height: 1.7;
  color: #9ca8b4;
}

/* ?? ?? */
.itm .itm-us-summary {
  padding: 19px 18px 13px;
  border-bottom: 1px solid #e9eef3;
}

.itm .itm-us-summary strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--itm-ink);
  word-break: break-all;
}

.itm .itm-us-summary span {
  display: block;
  margin-top: 6px;
  font-size: 10px;
  color: #9ca7b4;
}

.itm .itm-us-group {
  margin: 0;
  padding: 19px 18px 8px;
  background: #fff;
  border-bottom: 7px solid var(--itm-band);
}

.itm .itm-us-group-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 0;
}

.itm .itm-us-group-head .result-section__label {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--itm-ink);
}

.itm .itm-us-group-head .result-section__label a {
  color: inherit;
  text-decoration: none;
}

.itm .itm-us-group-head .result-section__count {
  font-size: 11px;
  color: #8795a4;
}

.itm .itm-us-group-head .result-section__more {
  font-size: 11px;
  font-weight: 700;
  color: var(--itm-blue);
  text-decoration: none;
}

.itm .itm-us-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}

.itm .itm-us-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 13px 0;
  border: 0;
  border-bottom: 1px solid var(--itm-line);
  border-radius: 0;
  background: none;
  color: inherit;
  text-align: left;
  text-decoration: none;
}

.itm .itm-us-item:last-child {
  border-bottom: 0;
}

.itm .itm-us-thumb {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 65px;
  height: 65px;
  overflow: hidden;
  border-radius: 9px;
  background: var(--itm-tile);
  color: var(--itm-blue);
}

.itm .itm-us-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.itm .itm-us-thumb .itm-icon {
  width: 25px;
  height: 25px;
}

.itm .itm-us-item-copy {
  flex: 1;
  min-width: 0;
}

.itm .itm-us-item-copy small,
.itm .itm-us-item-copy b,
.itm .itm-us-item-copy em,
.itm .itm-us-item-copy strong {
  display: block;
}

.itm .itm-us-item-copy small {
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 600;
  color: #8d9aa7;
}

.itm .itm-us-item-copy b {
  overflow: hidden;
  font-size: 12px;
  font-weight: 700;
  color: #27364a;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.itm .itm-us-item-copy em {
  margin-top: 5px;
  font-size: 11px;
  font-style: normal;
  color: #8493a2;
}

.itm .itm-us-item-copy strong {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 700;
  color: var(--itm-blue);
}

.itm .itm-us-empty {
  padding: 65px 20px;
  text-align: center;
  font-size: 12px;
  color: #9aa6b3;
}

.itm .itm-us-empty .itm-icon {
  width: 32px;
  height: 32px;
  color: #9caabb;
}

.itm .itm-us-empty b {
  display: block;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 700;
  color: var(--itm-ink);
}

.itm .itm-us-empty p {
  margin: 8px 0 0;
  line-height: 1.6;
}

.itm .itm-us-empty p strong {
  color: var(--itm-ink);
}

.itm .itm-us-empty a {
  display: inline-block;
  margin-top: 20px;
  padding: 11px 20px;
  border-radius: 9px;
  background: var(--itm-blue);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

/* ?? (/map, /real-estate/map) ? index.css .chip/.search-box/.map-float ???, .itm-map-* ?? */
#screenContentWrap.itm .itm-map-top,
.itm .itm-map-top {
  background: #fff;
  border-bottom: 1px solid #e9edf3;
  padding: 12px 16px;
  padding-top: calc(12px + env(safe-area-inset-top));
  z-index: 20;
  flex-shrink: 0;
}

.itm .itm-map-search {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0 0 10px;
  padding: 12px 14px;
  border: 1px solid #e7ecf1;
  border-radius: 11px;
  background: #f7f9fb;
  color: #8a97a5;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
}

.itm .itm-map-search .placeholder {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: var(--itm-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.itm .itm-map-search .itm-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #24354a;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
}

.itm .itm-map-search__back {
  transform: rotate(180deg);
}

.itm .itm-map-domains,
.itm .itm-map-secondary {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-bottom: 0;
}

.itm .itm-map-domains::-webkit-scrollbar,
.itm .itm-map-secondary::-webkit-scrollbar {
  display: none;
}

.itm .itm-map-domains {
  margin-bottom: 8px;
}

.itm .itm-map-secondary[hidden] {
  display: none !important;
}

/* ? ?: ? ?? + navy active (index.css .chip ???) */
.itm .itm-map-chip {
  display: inline-flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
  padding: 9px 14px;
  border: 1px solid #e6ebf0;
  border-radius: 30px;
  background: #fff;
  color: #4d5c6b;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
  line-height: normal;
  cursor: pointer;
  transition: none;
}

.itm .itm-map-chip.is-active {
  background: var(--itm-navy);
  border-color: var(--itm-navy);
  color: #fff;
  font-weight: 650;
}

.itm .itm-map-chip.has-dot::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--dot, var(--itm-blue));
  margin-right: 5px;
  vertical-align: middle;
}

.itm .itm-map-chip.is-active.has-dot::before {
  background: #fff;
}

.itm .itm-map-screen {
  flex: 1;
  position: relative;
  overflow: hidden;
  min-height: 0;
  background: #eef1f5;
}

.itm .itm-map-screen #reMapCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.itm .itm-map-canvas-msg {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
}

.itm .itm-map-float {
  position: absolute;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1px solid #e9edf3;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(23, 33, 46, 0.1);
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: normal;
  color: var(--itm-ink);
  padding: 8px 14px;
}

.itm .itm-map-float.area-search {
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--itm-blue);
  white-space: nowrap;
}

.itm .itm-map-float.list-toggle {
  top: 12px;
  right: 16px;
  color: #24354a;
}

.itm .itm-map-float.list-toggle.is-raised {
  top: auto;
  bottom: 200px;
}

.itm .itm-map-float .itm-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.itm .itm-map-toast {
  position: absolute;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100% - 32px);
  background: rgba(23, 33, 46, 0.92);
  color: #fff;
  font-size: 12px;
  font-weight: 650;
  padding: 8px 14px;
  border-radius: 20px;
  z-index: 15;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 2px 10px rgba(23, 33, 46, 0.18);
}

.itm .itm-map-toast[hidden] {
  display: none !important;
}

.itm .itm-map-legend {
  position: absolute;
  left: 12px;
  bottom: 16px;
  z-index: 9;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 56%;
  pointer-events: none;
}

.itm .itm-map-legend[hidden] {
  display: none !important;
}

.itm .itm-map-legend span {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #e9edf3;
  border-radius: 10px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  color: var(--itm-muted);
  box-shadow: 0 1px 3px rgba(23, 33, 46, 0.06);
}

.itm .itm-map-legend i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 4px;
  vertical-align: middle;
}

.itm .itm-map-preview {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  background: #fff;
  border: 1px solid #e9edf3;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 6px 24px rgba(23, 33, 46, 0.14);
  cursor: pointer;
  z-index: 12;
}

.itm .itm-map-preview[hidden] {
  display: none !important;
}

.itm .itm-map-preview .top {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.itm .itm-map-preview img,
.itm .itm-map-preview .thumb-fallback {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  object-fit: cover;
  display: block;
  background: #e9edf3;
  flex-shrink: 0;
}

.itm .itm-map-preview .thumb-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9aa6b3;
}

.itm .itm-map-preview .thumb-fallback .itm-icon {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
}

/* display:block/flex ? UA [hidden] ? ?? ??? */
.itm .itm-map-preview img[hidden],
.itm .itm-map-preview .thumb-fallback[hidden] {
  display: none !important;
}

.itm .itm-map-preview .body {
  flex: 1;
  min-width: 0;
}

/* index.css .badge-* (--color-*) ? ?? ? itm ???? ?? */
.itm .itm-map-preview .badge {
  display: inline-block;
  margin-bottom: 4px;
  padding: 2px 7px;
  border-radius: 6px;
  background: var(--itm-tile);
  color: var(--itm-blue);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}

.itm .itm-map-preview .badge[hidden] {
  display: none !important;
}

.itm .itm-map-preview .badge.badge-premium {
  background: #c9a227;
  color: #fff;
}

.itm .itm-map-preview .badge.badge-special {
  background: #eef3fb;
  color: var(--itm-blue);
}

.itm .itm-map-preview .badge.badge-recommendation,
.itm .itm-map-preview .badge.badge-normal {
  background: var(--itm-tile);
  color: var(--itm-blue);
}

.itm .itm-map-preview .price {
  font-size: 15px;
  font-weight: 700;
  color: #1246A3;
  letter-spacing: -.3px;
  line-height: 1.25;
}

.itm .itm-map-preview .title {
  margin-top: 3px;
  font-size: 13px;
  font-weight: 600;
  color: #24354a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.itm .itm-map-preview .meta {
  margin-top: 3px;
  font-size: 12px;
  color: var(--itm-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.itm .itm-map-preview .close {
  background: none;
  border: none;
  cursor: pointer;
  align-self: flex-start;
  color: #9aa6b3;
  padding: 0;
  flex-shrink: 0;
}

.itm .itm-map-preview .close .itm-icon {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.itm .itm-map-preview .actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.itm .itm-map-preview .actions button {
  border-radius: 10px;
  padding: 10px;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  font-family: inherit;
  line-height: normal;
}

.itm .itm-map-preview .actions .sub-btn {
  flex: 1;
  background: #f7f9fb;
  border: 1px solid #e9edf3;
  color: #24354a;
}

.itm .itm-map-preview .actions .sub-btn.is-on {
  background: #fff0f3;
  border-color: #ffd0d8;
  color: var(--itm-like, #ff6277);
}

.itm .itm-map-preview .actions .main-btn {
  flex: 2;
  background: var(--itm-blue);
  border: 1px solid var(--itm-blue);
  color: #fff;
  font-weight: 700;
}

.itm .itm-map-preview .actions .sub-btn:active {
  background: #eef1f5;
}

.itm .itm-map-preview .actions .main-btn:active {
  background: #123f87;
  border-color: #123f87;
}
/* ?????????????????????????????????????????????????? ???????? (/mypage/favorites) ?????????????????????????????????????????????????? */
.itm .itm-fav-wrap {
  padding: 8px 16px 24px;
}

.itm .itm-fav-empty {
  padding: 48px 16px;
  text-align: center;
  font-size: 13px;
  color: var(--itm-muted);
}

.itm #favList.itm-list a.itm-listing {
  text-decoration: none;
  color: inherit;
}

.itm #favList .itm-listing[hidden] {
  display: none !important;
}

.itm header .itm-filters {
  padding: 0 16px 12px;
  margin: 0;
}

/* legacy create-category dot steps */
.itm .itm-create-steps:not(.itm-v12-steps) {
  display: flex;
  align-items: flex-start;
  padding: 12px 20px;
  border-bottom: 1px solid var(--itm-line);
  background: #fff;
}
.itm .itm-create-steps:not(.itm-v12-steps) .step {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
.itm .itm-create-steps:not(.itm-v12-steps) .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.itm .itm-create-steps:not(.itm-v12-steps) .dot {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #e6ebf0;
  display: grid;
  place-items: center;
  font-size: 9px;
  font-weight: 700;
  color: #98a3ad;
}
.itm .itm-create-steps:not(.itm-v12-steps) .dot.is-on {
  background: var(--itm-blue);
  color: #fff;
}
.itm .itm-create-steps:not(.itm-v12-steps) .name {
  font-size: 8px;
  color: #98a3ad;
  text-align: center;
  line-height: 1.2;
}
.itm .itm-create-steps:not(.itm-v12-steps) .name.is-on {
  color: var(--itm-blue);
  font-weight: 700;
}
.itm .itm-create-steps:not(.itm-v12-steps) .sep {
  width: 1px;
  height: 16px;
  background: var(--itm-line);
  margin-top: 4px;
}

/* Reference B .v12-steps ? lifestyle register progress chips */
.itm .itm-create-steps.itm-v12-steps {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  align-items: center;
  padding: 13px 18px;
  border-bottom: 1px solid #edf0f3;
  background: #fff;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.itm .itm-create-steps.itm-v12-steps::-webkit-scrollbar { display: none; }
.itm .itm-v12-steps .v12-step-btn {
  border: 0;
  background: #f3f6fa;
  color: #7a8795;
  border-radius: 8px;
  padding: 9px 10px;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
}
.itm .itm-v12-steps .v12-step-btn.active {
  background: #1246A3;
  color: #fff;
}
.itm .itm-v12-steps .v12-step-btn.is-done {
  background: #eaf1ff;
  color: #1246A3;
}

.itm .itm-create-body {
  /* Reference B .v12-wrap */
  padding: 16px 19px 100px;
  background: #fff;
}

.itm .itm-create-badge {
  /* Reference B .v12-badge */
  display: inline-block;
  color: #1246A3;
  background: #eef4ff;
  font-size: 10px;
  font-weight: 800;
  padding: 5px 8px;
  border-radius: 6px;
  margin: 0 0 4px;
}

.itm .itm-create-body > .head {
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.8px;
  color: #17212e;
  margin: 6px 0;
  line-height: 1.25;
}

.itm .itm-create-body > .desc {
  font-size: 12px;
  color: #738191;
  line-height: 1.7;
  margin: 0 0 18px;
}

.itm .itm-create-note {
  /* Reference B .v12-note */
  padding: 12px;
  background: #f4f7fb;
  color: #607183;
  font-size: 11px;
  line-height: 1.65;
  border-radius: 9px;
  margin: 0 0 8px;
}

.itm .itm-create-hint {
  /* Reference B .v12-hint */
  font-size: 11px;
  line-height: 1.6;
  color: #7b8794;
  margin: 14px 0 0;
}

.itm .itm-create-notice {
  background: #fff8ed;
  border: 1px solid #f3e0b8;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 12px;
  color: #6b4700;
  line-height: 1.5;
  margin-bottom: 12px;
}

.itm .itm-create-notice a {
  color: #b45309;
  font-weight: 700;
}

.itm .itm-create-cats {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.itm .itm-create-cat {
  /* Reference B .v12-option */
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid #e9edf2;
  border-radius: 12px;
  background: #fff;
  text-align: left;
  color: inherit;
  margin: 9px 0;
  cursor: pointer;
}

.itm .itm-create-cat.is-disabled {
  opacity: .55;
  cursor: not-allowed;
}

.itm .itm-create-cat__ico {
  width: 39px;
  height: 39px;
  border-radius: 11px;
  background: #f1f5fb;
  color: #1246A3;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.itm .itm-create-cat__ico .itm-icon {
  width: 22px;
  height: 22px;
}

.itm .itm-create-cat__copy {
  flex: 1;
  min-width: 0;
}

.itm .itm-create-cat__copy b {
  display: block;
  font-size: 13px;
  font-weight: 800;
  color: #17212e;
  line-height: 1.3;
}

.itm .itm-create-cat__copy small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: #82909e;
  line-height: 1.45;
  font-weight: 500;
}

.itm .itm-create-cat__chev {
  color: #9aa5b2;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1;
}

/* ????????????????????????? ??24????? ?? (job-work24 / gov-program) d8 ?? ????????????????????????? */
.itm .itm-d8-apply__body a,
.itm .itm-d8-agent__body a {
  color: var(--itm-blue);
  word-break: break-all;
}

.itm .itm-d8-brand__logo .logo-text {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.2;
  text-align: center;
  padding: 0 4px;
}

.itm .itm-d8-brand__logo.is-work24 {
  background: #eaf1f8;
  color: #003964;
}

.itm .itm-d8-brand__logo.is-gov {
  background: var(--itm-tile);
  color: var(--itm-blue);
}

.itm .itm-d8-notice {
  margin: 12px 20px 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fff7e8;
  font-size: 12px;
  line-height: 1.55;
  color: #8a6a2a;
}

.itm .itm-d8-action a.w24d-cta {
  background: #003964;
  border-color: #003964;
  color: #fff;
}

/* Mypage (Reference B #mypage -> .itm-mp-*) */
#screenContentWrap.itm:has(.itm-mp-top),
#screenContent.itm:has(> .itm-mp-top) {
  background: #fff;
}

.itm .itm-mp-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: calc(12px + env(safe-area-inset-top, 0px)) 20px 17px;
  background: #fff;
}

.itm .itm-mp-top > strong {
  font-size: 21px;
  letter-spacing: -0.8px;
  font-weight: 800;
  color: var(--itm-ink, #17212e);
}

.itm .itm-mp-top-end {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.itm .itm-mp-top-end > span,
.itm .itm-mp-top-copy span {
  font-size: 9px;
  letter-spacing: 1.5px;
  color: #9ca9b6;
  font-weight: 800;
  white-space: nowrap;
}

/* ?? ??? ?? */
.itm .itm-mp-top-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.itm .itm-mp-top-copy strong {
  font-size: 21px;
  letter-spacing: -0.8px;
  font-weight: 800;
  color: var(--itm-ink, #17212e);
}

.itm .itm-mp-top .bell-btn {
  margin: 0;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 12px;
  background: transparent;
  color: #263747;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.itm .itm-mp-top .bell-btn .dot {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ef4444;
  border: 2px solid #fff;
}

.itm .itm-mp-hero {
  margin: 0 20px;
  background: #123f87;
  color: #fff;
  border-radius: 16px;
  padding: 21px 18px 0;
  overflow: hidden;
  position: relative;
}

.itm .itm-mp-hero:after {
  content: '';
  position: absolute;
  width: 160px;
  height: 160px;
  border: 1px solid #ffffff1d;
  border-radius: 50%;
  right: -45px;
  top: -65px;
  box-shadow: 0 0 0 30px #ffffff08, 0 0 0 65px #ffffff06;
  pointer-events: none;
}

.itm .itm-mp-hero-line {
  display: flex;
  gap: 13px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.itm .itm-mp-avatar {
  width: 46px;
  height: 46px;
  flex: none;
  border-radius: 14px;
  background: #ffffff22;
  border: 1px solid #ffffff3a;
  display: grid;
  place-items: center;
  font-weight: 800;
  letter-spacing: -1px;
  font-size: 17px;
  overflow: hidden;
  color: #fff;
}

.itm .itm-mp-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.itm .itm-mp-avatar .itm-icon {
  width: 22px;
  height: 22px;
  color: #fff;
}

.itm .itm-mp-greeting {
  display: block;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: #fff;
  text-decoration: none;
}

.itm .itm-mp-greeting span {
  font-size: 12px;
  color: #bad1f6;
}

.itm .itm-mp-greeting--plain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.itm .itm-mp-sub {
  font-size: 10px;
  color: #d0def4;
  margin-top: 5px;
  line-height: 1.45;
}

.itm .itm-mp-rating {
  display: flex;
  gap: 4px;
  margin-top: 6px;
  font-size: 11px;
  color: #d5e2f7;
  align-items: center;
}

.itm .itm-mp-stars {
  display: inline-flex;
  gap: 1px;
  color: #ffb800;
}

.itm .itm-mp-status-note {
  font-size: 10px;
  color: #d0def4;
  margin-top: 6px;
  line-height: 1.45;
  opacity: 0.9;
}

.itm .itm-mp-hero-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 19px;
  padding: 12px 0;
  border-top: 1px solid #ffffff24;
  font-size: 10px;
  color: #d5e2f7;
  position: relative;
  z-index: 1;
}

.itm .itm-mp-hero-bottom b {
  font-size: 9px;
  letter-spacing: 1.3px;
  color: #ffffff9c;
}

.itm .itm-mp-pill {
  display: inline-block;
  font-style: normal;
  font-size: 9px;
  font-weight: 800;
  border-radius: 6px;
  padding: 3px 6px;
  letter-spacing: 0;
}

.itm .itm-mp-pill.is-verified {
  background: #e6f9f0;
  color: #0f8a55;
}

.itm .itm-mp-pill.is-need,
.itm .itm-mp-pill.is-supplement {
  background: #fff4d6;
  color: #8a5a00;
}

.itm .itm-mp-pill.is-review {
  background: #eef4ff;
  color: #1246a3;
}

.itm .itm-mp-pill.is-rejected {
  background: #fff0f0;
  color: #ef4444;
}

.itm .itm-mp-panel {
  padding: 0 20px 8px;
}

.itm .itm-mp-statline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 21px 0 26px;
  padding: 15px 0;
  border: 1px solid #e9edf3;
  border-radius: 12px;
}

.itm .itm-mp-statline--4 {
  grid-template-columns: repeat(4, 1fr);
}

.itm .itm-mp-statline > a,
.itm .itm-mp-statline > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-right: 1px solid #edf0f4;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}

.itm .itm-mp-statline > a:last-child,
.itm .itm-mp-statline > div:last-child {
  border: 0;
}

.itm .itm-mp-statline b {
  font-size: 19px;
  letter-spacing: -0.6px;
  color: #24354a;
  font-weight: 800;
}

.itm .itm-mp-statline span {
  font-size: 10px;
  color: #8291a0;
}

.itm .itm-mp-statline.is-locked b {
  color: #9aa6b3;
}

.itm .itm-mp-stat-static {
  cursor: default;
}

.itm .itm-mp-upgrade {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  padding: 14px 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1246a3 0%, #0a4d9e 100%);
  color: #fff;
  text-decoration: none;
}

.itm .itm-mp-upgrade-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #ffffff33;
  display: grid;
  place-items: center;
  flex: none;
  color: #fff;
}

.itm .itm-mp-upgrade-icon .itm-icon {
  width: 20px;
  height: 20px;
}

.itm .itm-mp-upgrade-copy {
  flex: 1;
  min-width: 0;
}

.itm .itm-mp-upgrade-copy b {
  display: block;
  font-size: 13px;
  font-weight: 800;
}

.itm .itm-mp-upgrade-copy small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  color: #ffffffcc;
}

.itm .itm-mp-upgrade .itm-mp-arrow .itm-icon {
  color: #ffffffcc;
}

.itm .itm-mp-section-kicker {
  font-size: 10px;
  font-weight: 800;
  color: #1246a3;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.itm .itm-mp-section-kicker span {
  font-size: 11px;
  letter-spacing: 0;
  color: #8795a4;
  font-weight: 500;
  margin-left: 6px;
}

.itm .itm-mp-shortcuts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 29px;
}

/* .btn / .btn-primary from index.css must not restyle shortcut tiles */
.itm .itm-mp-shortcuts a,
.itm .itm-mp-shortcuts a.btn,
.itm .itm-mp-shortcuts a.btn-primary,
.itm .itm-mp-shortcuts a.ad-btn,
.itm .itm-mp-shortcuts a.shorts-btn,
.itm .itm-mp-shortcuts button.itm-mp-shortcut,
.itm .itm-mp-shortcuts button.itm-mp-shortcut.btn,
.itm .itm-mp-shortcuts button.itm-mp-shortcut.btn-primary,
.itm .itm-mp-shortcuts button.itm-mp-shortcut.ad-btn {
  border: 1px solid #e9edf3 !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding: 15px 4px 13px !important;
  display: flex !important;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  color: #344354 !important;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  width: 100%;
  box-sizing: border-box;
  transition: none;
}

.itm .itm-mp-shortcuts a span,
.itm .itm-mp-shortcuts button.itm-mp-shortcut span {
  height: 40px;
  width: 40px;
  border-radius: 13px;
  background: #f1f5fb;
  display: grid;
  place-items: center;
  color: #1246a3;
}

.itm .itm-mp-shortcuts .itm-icon,
.itm .itm-mp-shortcuts .icon,
.itm .itm-mp-shortcuts svg {
  width: 21px;
  height: 21px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: #1246a3;
}

.itm .itm-mp-shortcuts b {
  font-size: 11px;
  letter-spacing: -0.2px;
  font-weight: 700;
}

.itm .itm-mp-shortcuts .is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.itm .itm-mp-quick {
  display: flex;
  gap: 10px;
  margin-bottom: 22px;
}

.itm .itm-mp-quick-btn {
  flex: 1;
  padding: 12px 8px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 10px;
  border: 1px solid #dfe7f0;
  background: #1246a3;
  color: #fff;
  cursor: pointer;
}

.itm .itm-mp-quick-btn.btn-primary {
  background: #1246a3;
  border-color: #1246a3;
  color: #fff;
}

.itm .itm-mp-quick-btn.ad-btn {
  background: #fff8e6;
  border: 1px solid #e8c84a;
  color: #b8860b;
}

.itm .itm-mp-quick-btn.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.itm .itm-mp-group {
  margin-bottom: 26px;
}

.itm .itm-mp-group-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
}

.itm .itm-mp-group-title strong {
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 800;
  color: var(--itm-ink, #17212e);
}

.itm .itm-mp-group-title small {
  font-size: 10px;
  color: #8b98aa;
  font-weight: 500;
}

.itm .itm-mp-row {
  width: 100%;
  min-height: 57px;
  display: flex;
  align-items: center;
  text-align: left;
  gap: 12px;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #eef1f5;
  padding: 13px 0;
  color: #273747;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
}

.itm .itm-mp-icon {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #f5f7fa;
  display: grid;
  place-items: center;
  flex: none;
  color: #1246a3;
}

.itm .itm-mp-icon .itm-icon,
.itm .itm-mp-icon .icon,
.itm .itm-mp-icon svg {
  width: 18px;
  height: 18px;
  color: #1246a3;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.itm .itm-mp-row-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.itm .itm-mp-row-copy b {
  font-size: 12px;
  font-weight: 750;
  color: #273747;
}

.itm .itm-mp-row-copy small {
  font-size: 11px;
  line-height: 1.4;
  color: #96a1ad;
}

.itm .itm-mp-arrow {
  display: grid;
  place-items: center;
  flex: none;
}

.itm .itm-mp-arrow .itm-icon {
  width: 15px;
  height: 15px;
  color: #a8b4bf;
  transform: rotate(180deg);
}

.itm .itm-mp-badge {
  font-style: normal;
  font-size: 10px;
  white-space: nowrap;
  padding: 3px 6px;
  background: #f1f5fb;
  color: #63748b;
  border-radius: 5px;
  font-weight: 700;
}

.itm .itm-mp-badge--gold {
  background: #fff4d0;
  color: #a07a00;
}

.itm .itm-mp-source-note {
  margin: 0 0 16px;
  padding: 12px 14px;
  background: #f1f5fb;
  border: 1px solid #e2eaf6;
  border-radius: 10px;
}

.itm .itm-mp-source-note strong {
  display: block;
  font-size: 12px;
  color: #1246a3;
}

.itm .itm-mp-source-note p {
  font-size: 11px;
  color: #63748b;
  line-height: 1.55;
  margin: 5px 0 0;
}

.itm .itm-mp-foot {
  padding: 0 0 25px;
  font-size: 10px;
  color: #a1aab4;
  line-height: 1.7;
}

/* Verify panel (company) */
.itm .itm-mp-verify {
  margin: 18px 0 0;
  border-radius: 14px;
  padding: 12px;
  border: 1px solid transparent;
}

.itm .itm-mp-verify-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.itm .itm-mp-verify-mark {
  width: 24px;
  height: 24px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  background: #1246a3;
}

.itm .itm-mp-verify-title {
  font-size: 14px;
  font-weight: 800;
}

.itm .itm-mp-verify-desc {
  font-size: 12px;
  line-height: 1.55;
  margin-bottom: 10px;
}

.itm .itm-mp-verify-detail {
  background: #fff;
  border-radius: 10px;
  padding: 9px 10px;
  margin-bottom: 10px;
}

.itm .itm-mp-verify-detail-label {
  font-size: 11px;
  color: #8291a0;
  margin-bottom: 3px;
}

.itm .itm-mp-verify-detail-text {
  font-size: 12px;
  color: #273747;
  line-height: 1.55;
}

.itm .itm-mp-verify-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 10px;
}

.itm .itm-mp-verify-meta-row {
  display: flex;
  gap: 8px;
  font-size: 12px;
}

.itm .itm-mp-verify-meta-row .k {
  width: 54px;
  flex-shrink: 0;
  opacity: 0.75;
}

.itm .itm-mp-verify-meta-row .v {
  font-weight: 700;
}

.itm .itm-mp-verify-btn-row {
  display: flex;
}

.itm .itm-mp-verify-btn {
  width: 100%;
  min-height: 38px;
  padding: 9px 12px;
  font-size: 13px;
  border-radius: 10px;
  line-height: 1.25;
  font-weight: 700;
  cursor: pointer;
}

.itm .itm-mp-verify-btn.btn-fill {
  color: #fff;
  border: none;
  background: #1246a3;
}

.itm .itm-mp-verify-btn.btn-outline {
  background: #fff;
  color: currentColor;
  border: 1px solid currentColor;
}

.itm .itm-mp-verify.is-need {
  background: rgba(245, 158, 11, 0.07);
  border-color: rgba(245, 158, 11, 0.22);
  color: #6b4700;
}

.itm .itm-mp-verify.is-need .itm-mp-verify-mark,
.itm .itm-mp-verify.is-need .itm-mp-verify-btn.btn-fill {
  background: #f59e0b;
}

.itm .itm-mp-verify.is-review {
  background: #eef4ff;
  border-color: rgba(27, 111, 208, 0.19);
  color: #1246a3;
}

.itm .itm-mp-verify.is-review .itm-mp-verify-mark,
.itm .itm-mp-verify.is-review .itm-mp-verify-btn.btn-fill {
  background: #1246a3;
}

.itm .itm-mp-verify.is-supplement {
  background: #fff8e6;
  border-color: rgba(245, 158, 11, 0.25);
  color: #6b4700;
}

.itm .itm-mp-verify.is-supplement .itm-mp-verify-mark,
.itm .itm-mp-verify.is-supplement .itm-mp-verify-btn.btn-fill {
  background: #f59e0b;
}

.itm .itm-mp-verify.is-rejected {
  background: #fff0f0;
  border-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

.itm .itm-mp-verify.is-rejected .itm-mp-verify-mark,
.itm .itm-mp-verify.is-rejected .itm-mp-verify-btn.btn-fill {
  background: #ef4444;
}
/* === v15 inquiry === */
/* Reference B: .v15-* inquiry/review (itamra-design-b.html) */

.itm.itm-v15-page,
.itm .itm-v15-content {
  background: #fff;
}

.itm .itm-v15-content {
  padding: 14px 17px 30px;
}

.itm .itm-v15-content--pad-compose {
  padding-bottom: 120px;
}

.itm .itm-v15-kicker {
  margin: 21px 0 12px;
  color: #24374a;
  font-size: 13px;
  font-weight: 800;
}

.itm .itm-v15-kicker:first-child {
  margin-top: 0;
}

.itm .itm-v15-target {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #e7edf5;
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  background: #fff;
}

.itm .itm-v15-target-icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #f1f5fb;
  color: var(--itm-blue);
  font-size: 24px;
  overflow: hidden;
}

.itm .itm-v15-target-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.itm .itm-v15-target-icon .itm-icon,
.itm .itm-v15-target-icon .icon {
  width: 22px;
  height: 22px;
}

.itm .itm-v15-target > div {
  flex: 1;
  min-width: 0;
}

.itm .itm-v15-target small,
.itm .itm-v15-target b {
  display: block;
}

.itm .itm-v15-target small {
  font-size: 10px;
  color: #83909e;
}

.itm .itm-v15-target b {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 700;
  color: #233246;
}

.itm .itm-v15-chevron {
  flex-shrink: 0;
  color: #a0aab5;
}

.itm .itm-v15-field {
  display: block;
  margin: 13px 0;
}

.itm .itm-v15-field > span,
.itm .itm-v15-field > label {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 750;
  color: #24374a;
}

.itm .itm-v15-field input,
.itm .itm-v15-field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e2e8ef;
  border-radius: 9px;
  padding: 12px;
  font: inherit;
  font-size: 13px;
  outline-color: var(--itm-blue);
  background: #fff;
  resize: vertical;
  color: #233246;
}

.itm .itm-v15-field small {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-size: 10px;
  color: #8b98a7;
}

.itm .itm-v15-btn {
  display: block;
  width: 100%;
  margin-top: 11px;
  border: 0;
  border-radius: 9px;
  background: var(--itm-blue);
  color: #fff;
  padding: 13px;
  font-weight: 800;
  font-size: 13px;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.itm .itm-v15-btn:disabled {
  opacity: .55;
  cursor: default;
}

.itm .itm-v15-btn.itm-v15-secondary {
  background: #f1f5fb;
  color: var(--itm-blue);
}

.itm .itm-v15-help {
  margin: 13px 0;
  font-size: 11px;
  color: #8290a0;
  line-height: 1.6;
}

.itm .itm-v15-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 7px 0 22px;
  padding: 15px 0;
  border: 1px solid #e8edf2;
  border-radius: 11px;
}

.itm .itm-v15-summary > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  border-right: 1px solid #edf0f3;
}

.itm .itm-v15-summary > div:last-child {
  border: 0;
}

.itm .itm-v15-summary b {
  font-size: 21px;
  font-weight: 800;
  color: #233246;
}

.itm .itm-v15-summary small {
  font-size: 11px;
  color: #8793a0;
}

.itm .itm-v15-listitem,
.itm a.itm-v15-listitem {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 19px 16px 0;
  border: 0;
  border-bottom: 1px solid #edf0f3;
  background: #fff;
  color: #233246;
  text-align: left;
  text-decoration: none;
  font: inherit;
  cursor: pointer;
}

.itm .itm-v15-listitem b,
.itm .itm-v15-listitem small,
.itm .itm-v15-listmeta {
  display: block;
}

.itm .itm-v15-listmeta {
  margin-bottom: 7px;
  font-size: 10px;
  color: #8997a4;
}

.itm .itm-v15-listmeta em {
  float: right;
  font-style: normal;
  color: var(--itm-blue);
  font-weight: 750;
  background: #f1f5fb;
  padding: 3px 7px;
  border-radius: 5px;
}

.itm .itm-v15-listmeta em.is-wait {
  color: #b45309;
  background: #fff7ed;
}

.itm .itm-v15-listmeta em.is-done {
  color: var(--itm-blue);
  background: #f1f5fb;
}

.itm .itm-v15-listmeta em.is-followup {
  color: var(--itm-blue);
  background: #eff5ff;
}

.itm .itm-v15-listitem b {
  padding-right: 15px;
  font-size: 13px;
  font-weight: 700;
}

.itm .itm-v15-listitem b.is-unread {
  font-weight: 800;
}

.itm .itm-v15-listitem small {
  margin-top: 6px;
  font-size: 11px;
  color: #84919f;
}

.itm .itm-v15-next {
  position: absolute;
  right: 2px;
  top: 42px;
  font-size: 19px;
  color: #9ca8b5;
}

/* v15 list filters: shared pill with .itm-filters; keep page spacing only */
.itm .itm-v15-filters {
  margin-bottom: 9px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
}

.itm .itm-v15-thread {
  padding: 18px 0 10px;
}

.itm .itm-v15-date {
  margin-bottom: 20px;
  text-align: center;
  color: #9aa5b0;
  font-size: 10px;
}

.itm .itm-v15-empty {
  padding: 54px 12px;
  text-align: center;
  color: #9aa6b3;
  font-size: 13px;
}

.itm .itm-v15-empty[hidden] {
  display: none !important;
}

/* ????(??/FAQ/1:1) ? v15 ?? */
.itm .itm-v15-faq-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.itm .itm-v15-faq {
  border: 1px solid #e7edf5;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

.itm .itm-v15-faq > summary {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 14px 14px 12px;
  list-style: none;
  cursor: pointer;
}

.itm .itm-v15-faq > summary::-webkit-details-marker {
  display: none;
}

.itm .itm-v15-faq__qmark,
.itm .itm-v15-faq__amark {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: var(--itm-blue);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

.itm .itm-v15-faq__amark {
  background: #0f8a4b;
}

.itm .itm-v15-faq__q {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  color: #233246;
  line-height: 1.45;
}

.itm .itm-v15-faq > summary .itm-v15-next {
  margin-top: 2px;
  transform: rotate(90deg);
  transition: transform .15s ease;
}

.itm .itm-v15-faq[open] > summary .itm-v15-next {
  transform: rotate(-90deg);
}

.itm .itm-v15-faq__a {
  display: flex;
  gap: 10px;
  padding: 0 14px 14px 12px;
  border-top: 1px solid #f0f3f7;
  margin-top: -2px;
  padding-top: 12px;
  color: #4a5a6c;
  font-size: 13px;
  line-height: 1.55;
}

.itm .itm-v15-support-card {
  position: relative;
  display: block;
  padding: 14px 14px 16px;
  border: 1px solid #e7edf5;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 10px;
}

.itm .itm-v15-support-card.is-reply {
  background: #f7fafc;
}

.itm .itm-v15-support-title {
  margin: 8px 0 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.3px;
  color: #1f2d3d;
  line-height: 1.35;
}

.itm .itm-v15-support-meta {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: #8995a2;
}

.itm .itm-v15-support-body {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.6;
  color: #334456;
}

.itm .itm-v15-support-card .itm-attach + .itm-attach {
  margin-top: 8px;
}

/* Chat thread under .itm ? align with v15 bubbles */
.itm .inq-chat-thread {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 8px 0 12px;
}

.itm .inq-chat-row {
  display: flex;
  flex-direction: column;
  max-width: 84%;
  min-width: 0;
}

.itm .inq-chat-row.is-mine {
  align-self: flex-end;
  align-items: flex-end;
}

.itm .inq-chat-row.is-other {
  align-self: flex-start;
  align-items: flex-start;
}

.itm .inq-chat-bubble {
  border: none;
  border-radius: 12px 12px 12px 3px;
  padding: 11px 13px;
  background: #f3f6fa;
  color: #233246;
  box-shadow: none;
  font-size: 12px;
  line-height: 1.65;
}

.itm .inq-chat-row.is-mine .inq-chat-bubble {
  border-radius: 12px 12px 3px 12px;
  background: #eef4ff;
  color: #233246;
}

.itm .inq-chat-label,
.itm .inq-chat-time {
  font-size: 10px;
  color: #7e8b99;
}

.itm .inq-chat-subject {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 700;
}

.itm .inq-chat-text {
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.itm .inq-chat-actions .edit-btn,
.itm .inq-chat-actions .js-edit,
.itm .inq-chat-actions .js-delete {
  color: #8997a4;
  font-size: 11px;
}

.itm .itm-v15-compose {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid #edf0f3;
}

.itm .itm-v15-compose textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e2e8ef;
  border-radius: 9px;
  padding: 11px 12px;
  font: inherit;
  font-size: 13px;
  resize: none;
  outline-color: var(--itm-blue);
  background: #fff;
  color: #233246;
}

.itm .itm-v15-compose .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  gap: 10px;
}

.itm .itm-v15-compose .count {
  font-size: 10px;
  color: #8b98a7;
}

.itm .itm-v15-compose .submit-btn {
  border: 0;
  border-radius: 8px;
  padding: 9px 14px;
  background: #e8edf2;
  color: #8b98a7;
  font-size: 12px;
  font-weight: 750;
  font-family: inherit;
  cursor: default;
}

.itm .itm-v15-compose .submit-btn.is-ready {
  background: var(--itm-blue);
  color: #fff;
  cursor: pointer;
}

.itm .itm-v15-compose .form-error,
.itm .edit-sheet-body .form-error,
.itm .itm-v15-error {
  display: none;
  margin-top: 6px;
  font-size: 12px;
  color: #b91c1c;
}

.itm .itm-v15-error.is-show {
  display: block;
}

.itm .itm-v15-cta-fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  padding: 12px 17px calc(12px + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid #edf0f3;
}

.itm .itm-v15-cta-fixed .itm-v15-btn {
  margin-top: 0;
}

.itm .itm-v15-rating {
  padding: 15px 0 8px;
  text-align: center;
}

.itm .itm-v15-rating strong {
  font-size: 13px;
}

.itm .itm-v15-stars {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 12px;
}

.itm .itm-v15-stars button {
  background: none;
  border: 0;
  color: #f5b740;
  font-size: 32px;
  padding: 0 3px;
  cursor: pointer;
  line-height: 1;
}

.itm .itm-v15-stars button.off {
  color: #d9e0e8;
}

.itm .itm-v15-review {
  padding: 16px 0;
  border-bottom: 1px solid #e8edf2;
}

.itm .itm-v15-reviewhead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.itm .itm-v15-reviewhead b {
  font-size: 13px;
  font-weight: 700;
  color: #233246;
}

.itm .itm-v15-reviewhead span,
.itm .itm-v15-reviewhead .itm-v15-stars-inline {
  font-size: 14px;
  color: #e9aa2d;
}

.itm .itm-v15-review > small {
  display: block;
  margin-top: 6px;
  font-size: 10px;
  color: #8a97a4;
}

.itm .itm-v15-review > p,
.itm .itm-v15-review .itm-v15-review-text {
  margin: 11px 0;
  font-size: 12px;
  line-height: 1.65;
  color: #233246;
  white-space: pre-wrap;
}

.itm .itm-v15-ownerreply {
  background: #f4f7fb;
  border-left: 2px solid var(--itm-blue);
  padding: 11px 12px;
  border-radius: 4px;
}

.itm .itm-v15-ownerreply b {
  font-size: 11px;
  color: var(--itm-blue);
}

.itm .itm-v15-ownerreply p {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: #41566b;
  white-space: pre-wrap;
}

.itm .itm-v15-inline .itm-v15-btn {
  width: auto;
  padding: 9px 16px;
}

.itm .itm-v15-score {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 12px 0 20px;
  border-bottom: 1px solid #edf0f3;
}

.itm .itm-v15-score > div:first-child {
  width: 92px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.itm .itm-v15-score strong {
  font-size: 32px;
  font-weight: 800;
  color: #233246;
}

.itm .itm-v15-score span {
  color: #e9aa2d;
  font-size: 12px;
}

.itm .itm-v15-score small {
  font-size: 10px;
  color: #8794a2;
}

.itm .itm-v15-scorebars {
  flex: 1;
  min-width: 0;
}

.itm .itm-v15-scorebars > div {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 5px 0;
}

.itm .itm-v15-scorebars span {
  color: #85919d;
  font-size: 10px;
  white-space: nowrap;
}

.itm .itm-v15-scorebars i {
  height: 6px;
  border-radius: 6px;
  background: #edf0f4;
  flex: 1;
  overflow: hidden;
}

.itm .itm-v15-scorebars i b {
  display: block;
  height: 100%;
  background: var(--itm-blue);
  border-radius: 6px;
}

.itm .itm-v15-star-picker {
  padding: 16px 0 8px;
  text-align: center;
}

.itm .itm-v15-star-picker .t {
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 700;
  color: #24374a;
}

.itm .itm-v15-star-picker .stars-row {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.itm .itm-v15-star-picker button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #f59e0b;
  line-height: 0;
}

.itm .itm-v15-star-picker .icon-filled {
  display: none;
}

.itm .itm-v15-star-picker button.is-on .icon-filled {
  display: block;
}

.itm .itm-v15-star-picker button.is-on .icon-outline {
  display: none;
}

.itm .itm-v15-star-picker .label {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #e9aa2d;
}

.itm .reviews-list-view.is-hidden,
.itm .review-edit-view.is-hidden {
  display: none;
}

.itm .edit-sheet-body {
  padding: 0 16px 24px;
}

.itm .edit-sheet-body .btn-primary,
.itm #submitEdit {
  background: var(--itm-blue) !important;
  border-color: var(--itm-blue) !important;
}

/* === manage ads === */
/* Reference B: .manage-* admanage / shortsmanage */

.itm .itm-manage-head {
  padding: 13px 20px 0;
}

.itm .itm-manage-head h2 {
  margin: 6px 0 3px;
  font-size: 18px;
  font-weight: 800;
  color: #233246;
}

.itm .itm-manage-head p {
  margin: 0 0 12px;
  font-size: 11px;
  color: #8996a4;
  line-height: 1.5;
}

.itm .itm-manage-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  padding: 0 20px 15px;
}

.itm .itm-manage-summary.itm-manage-summary--5 {
  grid-template-columns: repeat(5, 1fr);
}

.itm .itm-manage-summary > div {
  text-align: center;
  background: #f7f9fc;
  padding: 11px 4px;
  border-radius: 8px;
  min-width: 0;
}

.itm .itm-manage-summary strong {
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: #233246;
}

.itm .itm-manage-summary span {
  font-size: 9px;
  color: #82909f;
}

.itm .itm-manage-alert,
.itm .itm-manage-ok {
  margin: 12px 20px 0;
  padding: 12px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.45;
}

.itm .itm-manage-alert {
  background: #fef2f2;
  color: #b91c1c;
}

.itm .itm-manage-ok {
  background: #ecfdf5;
  color: #047857;
}

/* manage-tabs pill look: shared with .itm-filters (above) */
.itm .itm-manage-tabs {
  padding-bottom: 12px;
}

.itm .itm-manage-tabs + .itm-manage-tabs {
  padding-top: 0;
  padding-bottom: 12px;
}

.itm .itm-manage-list {
  padding: 0 20px 24px;
}

.itm .itm-manage-sec {
  margin: 4px 0 10px;
  font-size: 13px;
  font-weight: 800;
  color: #24374a;
}

.itm .itm-manage-sec.is-second {
  margin-top: 18px;
}

.itm .itm-manage-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 13px 0;
  border-bottom: 1px solid #e9edf2;
}

.itm .itm-manage-item[hidden] {
  display: none !important;
}

.itm .itm-manage-item img,
.itm .itm-manage-item .itm-manage-thumb {
  width: 63px;
  height: 69px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  background: #edf0f4;
}

.itm .itm-manage-item img.itm-manage-banner-thumb,
.itm .itm-manage-item .itm-manage-thumb.itm-manage-banner-thumb {
  width: 88px;
  height: 48px;
  display: grid;
  place-items: center;
  font-size: 10px;
  color: #94a3b8;
  font-weight: 650;
}

.itm .itm-manage-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.itm .itm-manage-item .itm-manage-thumb {
  position: relative;
  overflow: hidden;
  display: block;
}

.itm .itm-manage-item .itm-manage-thumb img,
.itm .itm-manage-item .itm-manage-thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.itm .itm-manage-item .info {
  flex: 1;
  min-width: 0;
}

.itm .itm-manage-item .info strong {
  display: block;
  margin: 5px 0;
  font-size: 12px;
  font-weight: 700;
  color: #233246;
}

.itm .itm-manage-item .info p {
  margin: 3px 0;
  font-size: 10px;
  color: #81909e;
  line-height: 1.45;
}

.itm .itm-manage-item .info .status-tag {
  font-size: 9px;
  font-weight: 800;
  color: var(--itm-blue);
}

.itm .itm-manage-item .info .status-tag.is-ended,
.itm .itm-manage-item .info .status-tag.is-draft,
.itm .itm-manage-item .info .status-tag.is-private {
  color: #82909f;
}

.itm .itm-manage-item .info .status-tag.is-review {
  color: #b45309;
}

.itm .itm-manage-item .info .status-tag.is-rejected {
  color: #b91c1c;
}

.itm .itm-manage-item .action {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
  align-items: center;
}

.itm .itm-manage-item .action a,
.itm .itm-manage-item .action button {
  border: 1px solid #e0e7ef;
  background: #fff;
  border-radius: 6px;
  padding: 6px 9px;
  font-size: 10px;
  font-family: inherit;
  color: #41566b;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.2;
}

.itm .itm-manage-item .action a.primary,
.itm .itm-manage-item .action button.primary,
.itm .itm-manage-item .action .management-action-primary {
  border-color: #d5e4fc;
  background: #eff5ff;
  color: var(--itm-blue);
}

.itm .itm-manage-item .action .management-action-danger {
  border-color: #f3d4d4;
  background: #fff5f5;
  color: #b91c1c;
}

.itm .itm-manage-item .action form {
  margin: 0;
  display: contents;
}

.itm .itm-manage-foot {
  padding: 14px 20px;
  color: #8b96a2;
  font-size: 10px;
  line-height: 1.7;
}

.itm .itm-manage-fab {
  display: block;
  margin: 10px 20px;
  width: calc(100% - 40px);
  box-sizing: border-box;
  background: var(--itm-blue);
  color: #fff;
  border: 0;
  border-radius: 9px;
  padding: 13px;
  font-size: 12px;
  font-weight: 800;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.itm .itm-manage-empty {
  padding: 28px 12px;
  text-align: center;
  color: #81909e;
  font-size: 13px;
  line-height: 1.5;
}

.itm .itm-manage-empty-filter {
  display: none;
  padding: 20px 12px;
  text-align: center;
  color: #81909e;
  font-size: 13px;
}

.itm .itm-manage-empty-filter.is-show {
  display: block;
}

.itm .itm-manage-note {
  margin-top: 8px;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.45;
}

.itm .itm-manage-note.is-review {
  background: #fff7ed;
  color: #9a5f00;
}

.itm .itm-manage-note.is-rejected {
  background: #fef2f2;
  color: #b91c1c;
}

.itm .itm-manage-vis {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}

.itm .itm-manage-vis .vis-label {
  font-size: 10px;
  font-weight: 600;
  color: #82909f;
}

.itm .itm-manage-vis .vis-toggle {
  position: relative;
  width: 42px;
  height: 24px;
  border-radius: 12px;
  border: none;
  padding: 0;
  background: #cbd5e1;
  cursor: pointer;
  flex-shrink: 0;
}

.itm .itm-manage-vis .vis-toggle.is-on {
  background: var(--itm-blue);
}

.itm .itm-manage-vis .vis-toggle:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.itm .itm-manage-vis .vis-toggle .knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  transition: transform .15s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

.itm .itm-manage-vis .vis-toggle.is-on .knob {
  transform: translateX(18px);
}

.itm .itm-manage-vis-form {
  margin: 0;
  display: contents;
}

.itm .itm-manage-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
  color: #82909f;
  font-size: 10px;
}

.itm .itm-manage-stats span {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

/* ?????????????????????????????????????????????????? ???? ????: ???? ??????? ?????? (????) ?????????????????????????????????????????????????? */
.itm .itm-set-group {
  background: #fff;
  margin-bottom: 10px;
}
.itm .itm-set-group__title {
  padding: 14px 20px 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .6px;
  color: #94a0ad;
}
.itm .itm-set-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border: 0;
  border-top: 1px solid #eef1f5;
  background: #fff;
  color: #273747;
  text-align: left;
  text-decoration: none;
  font: inherit;
  cursor: pointer;
  min-height: 52px;
  box-sizing: border-box;
}
.itm .itm-set-row__label {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 650;
  color: #273747;
}
.itm .itm-set-row__value {
  font-size: 12px;
  color: #82909e;
  margin-right: 2px;
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.itm .itm-set-row__value.is-ok { color: #0f8a4b; font-weight: 700; }
.itm .itm-set-row__chev .itm-icon,
.itm .itm-set-row > .itm-icon {
  width: 16px;
  height: 16px;
  color: #a8b4bf;
  flex-shrink: 0;
}
.itm .itm-set-row.is-warn .itm-set-row__label { color: #c27803; }
.itm .itm-set-row.is-danger .itm-set-row__label { color: #d64545; }

.itm .itm-flash {
  margin: 10px 16px 0;
  padding: 11px 13px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.45;
}
.itm .itm-flash.is-ok { background: #ecfdf5; color: #047857; }
.itm .itm-flash.is-err { background: #fef2f2; color: #b91c1c; }

.itm .itm-listrow {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-bottom: 1px solid #edf0f3;
  background: #fff;
  text-decoration: none;
  color: inherit;
}
.itm .itm-listrow__thumb {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #f1f5fb;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
.itm .itm-listrow__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.itm .itm-listrow__thumb .itm-icon { width: 20px; height: 20px; }
.itm .itm-listrow__body { flex: 1; min-width: 0; }
.itm .itm-listrow__title {
  font-size: 13px;
  font-weight: 700;
  color: #24354a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.itm .itm-listrow__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
  flex-wrap: wrap;
  font-size: 11px;
  color: #82909e;
}
.itm .itm-listrow__badge {
  border-radius: 20px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 750;
  background: #f1f5fb;
  color: #63748b;
}
.itm .itm-listrow__badge.is-pin {
  background: rgba(245, 158, 11, .12);
  color: #c27803;
}
.itm .itm-listrow__status {
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
}
.itm .itm-listrow__status.is-review { background: rgba(245,158,11,.1); color: #c27803; }
.itm .itm-listrow__status.is-pass { background: rgba(34,166,89,.1); color: #0f8a4b; }
.itm .itm-listrow__status.is-fail { background: rgba(239,68,68,.1); color: #d64545; }
.itm .itm-empty {
  padding: 56px 20px;
  text-align: center;
  font-size: 13px;
  color: #9aa6b3;
}

/* ???? ??? (Reference B v11) */
.itm .itm-v11-body { padding: 18px 20px 28px; }
.itm .itm-v11-intro { margin: 4px 0 18px; }
.itm .itm-v11-intro strong {
  display: block;
  font-size: 18px;
  letter-spacing: -.6px;
  color: var(--itm-ink);
}
.itm .itm-v11-intro p {
  margin: 8px 0 0;
  font-size: 11px;
  color: #8995a2;
  line-height: 1.7;
}
.itm .itm-v11-step {
  width: 100%;
  display: flex;
  gap: 13px;
  align-items: center;
  text-align: left;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #edf0f3;
  padding: 15px 0;
  color: inherit;
  text-decoration: none;
  font: inherit;
  cursor: pointer;
}
.itm .itm-v11-stepnum {
  font-size: 13px;
  font-weight: 800;
  color: var(--itm-blue);
  background: #f1f5fb;
  width: 37px;
  height: 37px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.itm .itm-v11-step > span:nth-child(2) { flex: 1; min-width: 0; }
.itm .itm-v11-step b { display: block; font-size: 13px; font-weight: 750; color: #24354a; }
.itm .itm-v11-step small { display: block; margin-top: 3px; font-size: 11px; color: #8995a2; }
.itm .itm-v11-step .itm-icon { width: 16px; height: 16px; color: #a8b4bf; }

/* v11 applicant filters: shared pill with .itm-filters */
.itm .itm-v11-filters {
  padding-top: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf0f3;
}
.itm .itm-v11-filters button .count {
  display: inline-block;
  margin-left: 2px;
  padding: 0 5px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 700;
  background: #eef2f6;
  color: #4d5c6b;
}
.itm .itm-v11-filters button.is-active .count,
.itm .itm-v11-filters button.selected .count {
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
}

/* Resume / applicants extras (Reference B v11) */
.itm .itm-v11-progress {
  background: #f7f9fc;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 8px;
}
.itm .itm-v11-progress__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.itm .itm-v11-progress__row span {
  font-size: 13px;
  font-weight: 700;
  color: #24354a;
}
.itm .itm-v11-progress__row b {
  font-size: 13px;
  font-weight: 800;
  color: var(--itm-blue);
}
.itm .itm-v11-progress__track {
  height: 7px;
  border-radius: 4px;
  background: #e8eef5;
  overflow: hidden;
}
.itm .itm-v11-progress__fill {
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--itm-blue) 0%, #4a9fe8 100%);
}
.itm .itm-v11-progress__count {
  margin-top: 8px;
  font-size: 11px;
  color: #8995a2;
}
.itm .itm-v11-step.is-done .itm-v11-stepnum {
  background: rgba(34,166,89,.12);
  color: #0f8a4b;
}
.itm .itm-v11-step__mark {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  border-radius: 8px;
  padding: 3px 8px;
}
.itm .itm-v11-step__mark.is-done {
  background: rgba(34,166,89,.12);
  color: #0f8a4b;
}
.itm .itm-v11-step__mark.is-needed {
  background: #fff3f3;
  color: #d64545;
}
.itm .itm-v11-muted {
  font-size: 11px;
  color: #8995a2;
  line-height: 1.7;
}
.itm .itm-v11-tip {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  padding: 14px;
  border-radius: 12px;
  background: #f1f5fb;
  color: var(--itm-blue);
}
.itm .itm-v11-tip .itm-icon,
.itm .itm-v11-tip .icon { flex-shrink: 0; width: 18px; height: 18px; margin-top: 1px; }
.itm .itm-v11-tip p { margin: 0; font-size: 12px; line-height: 1.6; }

.itm .itm-resume-card {
  background: #fff;
  border: 1px solid #edf0f3;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 12px;
}
.itm .itm-resume-card.is-primary { border-color: var(--itm-blue); border-width: 1.5px; }
.itm .itm-resume-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
.itm .itm-resume-card__name-row {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.itm .itm-resume-card__flag {
  background: var(--itm-blue);
  color: #fff;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
}
.itm .itm-resume-card__name-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
  max-width: 100%;
}
.itm .itm-resume-card__name {
  font-size: 14px;
  font-weight: 750;
  color: #24354a;
}
.itm .itm-resume-card__meta { font-size: 12px; color: #82909e; }
.itm .itm-resume-card__score { text-align: right; flex-shrink: 0; }
.itm .itm-resume-card__pct { font-size: 12px; font-weight: 700; }
.itm .itm-resume-card__pct.is-success { color: #0f8a4b; }
.itm .itm-resume-card__pct.is-warning { color: #c27803; }
.itm .itm-resume-card__bar {
  width: 72px;
  height: 4px;
  margin-top: 4px;
  border-radius: 2px;
  background: #e8eef5;
  overflow: hidden;
}
.itm .itm-resume-card__bar > i {
  display: block;
  height: 100%;
  border-radius: 2px;
}
.itm .itm-resume-card__bar > i.is-success { background: #22a659; }
.itm .itm-resume-card__bar > i.is-warning { background: #f59e0b; }
.itm .itm-resume-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.itm .itm-resume-card__tags span {
  border-radius: 8px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
}
.itm .itm-resume-card__tags .is-done {
  background: #f1f5fb;
  color: var(--itm-blue);
}
.itm .itm-resume-card__tags .is-needed {
  background: #fff3f3;
  color: #d64545;
}
.itm .itm-resume-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.itm .itm-resume-card__date { font-size: 11px; color: #9aa6b3; flex: 1; min-width: 0; }
.itm .itm-resume-card__primary {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 0;
  background: none;
  border: 0;
  font-size: 12px;
  font-weight: 700;
  color: var(--itm-blue);
  cursor: pointer;
  text-align: center;
}
.itm .itm-resume-card__primary:disabled {
  color: #9aa6b3;
  cursor: not-allowed;
}

.itm .itm-v11-photo {
  text-align: center;
  margin-bottom: 16px;
}
.itm .itm-v11-photo__frame { position: relative; display: inline-block; }
.itm .itm-v11-photo__circle {
  width: 88px;
  height: 88px;
  border-radius: 26px;
  background: #f1f5fb;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.itm .itm-v11-photo__circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.itm .itm-v11-photo__edit {
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: var(--itm-blue);
  border: 2px solid #fff;
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.itm .itm-v11-photo__hint {
  margin-top: 10px;
  font-size: 12px;
  color: #8995a2;
}
.itm .itm-v11-seg {
  display: flex;
  gap: 8px;
}
.itm .itm-v11-seg button,
.itm .gender-btn,
.itm .degree-btn,
.itm .opt-btn {
  flex: 1;
  border: 1px solid #e6ebf0;
  background: #fff;
  border-radius: 10px;
  padding: 10px 4px;
  font-size: 13px;
  color: #627384;
  cursor: pointer;
}
.itm .itm-v11-seg button.is-active,
.itm .gender-btn.is-active,
.itm .degree-btn.is-active,
.itm .opt-btn.is-active {
  border-color: var(--itm-blue);
  background: #f1f5fb;
  color: var(--itm-blue);
  font-weight: 700;
}
.itm .opt-btn.level.is-active {
  border-color: #22a659;
  background: #f0fdf4;
  color: #0f8a4b;
}
.itm .gender-btn:disabled { cursor: default; opacity: .85; }
.itm .itm-v11-locked {
  margin-top: 6px;
  font-size: 11px;
  color: #9aa6b3;
  line-height: 1.5;
}
.itm .itm-v15-field input[readonly] {
  background: #f7f9fc;
  color: #627384;
}

.itm .edu-item,
.itm .entry-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #edf0f3;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 10px;
}
.itm .edu-item .icon-box,
.itm .entry-row .icon-thumb,
.itm .entry-row .box {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #f1f5fb;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.itm .entry-row .box {
  background: #fff8e6;
  color: #b8860b;
}
.itm .edu-item .body,
.itm .entry-row .body { flex: 1; min-width: 0; }
.itm .edu-item .school,
.itm .entry-row .name {
  font-size: 13px;
  font-weight: 750;
  color: #24354a;
}
.itm .edu-item .major,
.itm .entry-row .sub {
  margin-top: 2px;
  font-size: 12px;
  color: #627384;
}
.itm .edu-item .period,
.itm .entry-row .meta {
  margin-top: 2px;
  font-size: 11px;
  color: #9aa6b3;
}
.itm .edu-item .row-actions,
.itm .entry-row .actions {
  display: flex;
  gap: 6px;
  margin-left: auto;
}
.itm .edu-item .row-actions button,
.itm .entry-row .actions .icon-btn {
  background: none;
  border: 0;
  padding: 4px;
  cursor: pointer;
  color: #9aa6b3;
}
.itm .edu-item .row-actions button.is-danger { color: #d64545; }
.itm .section-empty {
  text-align: center;
  font-size: 12px;
  color: #9aa6b3;
  padding: 20px 0;
}
.itm .add-edu-btn,
.itm .add-entry {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 14px;
  background: #fff;
  border: 1.5px dashed #d7dee6;
  border-radius: 12px;
  color: #8995a2;
  font-size: 13px;
  cursor: pointer;
}
.itm .add-entry:disabled,
.itm .add-edu-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.itm .none-row {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid #edf0f3;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 700;
  color: #24354a;
  cursor: pointer;
}
.itm .none-row input {
  width: 18px;
  height: 18px;
  accent-color: var(--itm-blue);
}
.itm .none-note {
  margin: -4px 0 12px;
  font-size: 11px;
  color: #9aa6b3;
}
.itm .none-note[hidden] { display: none; }
.itm #skillsForm.is-none .itm-v11-panel { opacity: .45; pointer-events: none; }
.itm .itm-v11-panel {
  background: #fff;
  border: 1px solid #edf0f3;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
}
.itm .itm-v11-panel__title {
  font-size: 13px;
  font-weight: 750;
  color: #24354a;
  margin-bottom: 12px;
}
.itm .skill-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.itm .skill-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f1f5fb;
  color: var(--itm-blue);
  border-radius: 20px;
  padding: 6px 8px 6px 12px;
  font-size: 12px;
  font-weight: 600;
}
.itm .skill-tag button {
  background: none;
  border: 0;
  padding: 2px;
  cursor: pointer;
  color: var(--itm-blue);
  display: flex;
}
.itm .skill-add-row { display: flex; gap: 8px; }
.itm .skill-add-row input { flex: 1; }
.itm .skill-add-row .add-btn {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border: 0;
  border-radius: 10px;
  background: var(--itm-blue);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.itm .opt-row { display: flex; gap: 8px; margin-bottom: 10px; }
.itm .opt-row:last-child { margin-bottom: 0; }
.itm .chips { display: flex; flex-wrap: wrap; gap: 8px; }
.itm .period-row,
.itm .form-row,
.itm .salary-field { display: flex; gap: 8px; }
.itm .period-row .itm-v15-field,
.itm .form-row .itm-v15-field,
.itm .period-row .field,
.itm .form-row .form-field { flex: 1; margin-bottom: 0; }
.itm .salary-field { align-items: center; }
.itm .salary-field .unit { font-size: 13px; color: #627384; white-space: nowrap; }
.itm .salary-hint { margin-top: 6px; font-size: 11px; color: #9aa6b3; }
.itm .salary-reading { margin-top: 6px; font-size: 12px; color: var(--itm-blue); }
.itm .salary-reading[hidden] { display: none; }
.itm .check-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 13px;
  color: #24354a;
  cursor: pointer;
}
.itm .check-row input {
  width: 18px;
  height: 18px;
  accent-color: var(--itm-blue);
}
.itm .sheet-body,
.itm .form-wrap,
.itm .title-sheet-body { padding: 0 16px 24px; }
.itm .sheet-body .field,
.itm .form-field,
.itm .title-sheet-body .field { margin-bottom: 14px; }
.itm .sheet-body .k,
.itm .form-field .k,
.itm .title-sheet-body .k {
  font-size: 12px;
  font-weight: 600;
  color: #627384;
  margin-bottom: 6px;
}
.itm .title-sheet-body .hint {
  margin-top: 6px;
  font-size: 11px;
  color: #9aa6b3;
}
.itm #titleSheetLayer,
.itm #sheetLayer,
.itm #addSheet {
  display: none;
  align-items: flex-end;
  justify-content: center;
}
.itm #titleSheetLayer.is-open,
.itm #sheetLayer.is-open,
.itm #addSheet.is-open { display: flex; }

.itm .itm-v11-resumehead {
  display: flex;
  gap: 13px;
  align-items: center;
  margin: 0 0 18px;
}
.itm .itm-v11-avatar {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #edf3fc;
  color: var(--itm-blue);
  font-weight: 800;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
.itm .itm-v11-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.itm .itm-v11-resumehead h2 {
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 800;
  color: #24354a;
}
.itm .itm-v11-resumehead h2 span {
  font-size: 11px;
  color: #8694a1;
  font-weight: 600;
}
.itm .itm-v11-resumehead p {
  margin: 0;
  font-size: 11px;
  color: #81909e;
}
.itm .itm-v11-ribbon {
  background: #f1f5fb;
  color: var(--itm-blue);
  padding: 11px 13px;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 4px;
}
.itm .itm-v11-resumesection {
  padding: 18px 0;
  border-bottom: 1px solid #edf0f3;
}
.itm .itm-v11-resumesection h3 {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 800;
  color: #24354a;
}
.itm .itm-v11-resumesection b { font-size: 13px; color: #24354a; }
.itm .itm-v11-resumesection p {
  margin: 4px 0 0;
  font-size: 12px;
  color: #71808f;
  line-height: 1.8;
}
.itm .itm-v11-kv {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  font-size: 12px;
}
.itm .itm-v11-kv span { color: #8794a1; }
.itm .itm-v11-kv b { text-align: right; color: #24354a; font-weight: 700; }
.itm .itm-v11-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.itm .itm-v11-tags span {
  border: 1px solid #e4eaf0;
  border-radius: 20px;
  background: #f8fafc;
  color: #526476;
  padding: 7px 12px;
  font-size: 11px;
}
.itm .itm-v11-tags .is-gold {
  background: #fff8e6;
  border-color: transparent;
  color: #b8860b;
}
.itm .itm-v11-tags .is-blue {
  background: #f1f5fb;
  border-color: transparent;
  color: var(--itm-blue);
}
.itm .itm-v11-entry { margin-bottom: 12px; }
.itm .itm-v11-entry:last-child { margin-bottom: 0; }
.itm .itm-v11-intro-text {
  margin: 0;
  font-size: 13px;
  color: #24354a;
  line-height: 1.8;
  white-space: pre-line;
}

.itm .itm-v11-jobselect {
  width: calc(100% - 32px);
  margin: 12px 16px 0;
  padding: 14px 15px;
  text-align: left;
  border: 1px solid #e3eaf1;
  background: #f8fafc;
  border-radius: 11px;
  font-weight: 800;
  font-size: 13px;
  color: #24354a;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.itm .itm-v11-jobselect span {
  font-size: 10px;
  color: #71839a;
  font-weight: 600;
}
.itm .itm-v11-jobselect .body { flex: 1; min-width: 0; text-align: left; }
.itm .itm-v11-jobselect .job-title {
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.itm .itm-v11-jobselect .job-count {
  margin-top: 3px;
  font-size: 11px;
  color: #71839a;
  font-weight: 600;
}

/* Reference B #applicants .v11-applicant */
.itm .itm-v11-applicant {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 20px;
  border: 0;
  border-bottom: 1px solid #edf0f3;
  background: #fff;
  text-align: left;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}
.itm .itm-v11-appavatar {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  font-size: 13px;
  display: grid;
  place-items: center;
  background: #edf3fc;
  color: #1246a3;
  font-weight: 800;
  border-radius: 50%;
}
.itm .itm-v11-appinfo {
  flex: 1;
  min-width: 0;
}
.itm .itm-v11-appinfo b,
.itm .itm-v11-appinfo small {
  display: block;
}
.itm .itm-v11-appinfo b {
  font-size: 13px;
  font-weight: 800;
  color: #24354a;
}
.itm .itm-v11-appinfo small {
  font-size: 10px;
  color: #82909e;
  margin-top: 4px;
}
.itm .itm-v11-status {
  font-style: normal;
  font-size: 10px;
  color: #1246a3;
  background: #f1f5fb;
  border-radius: 4px;
  padding: 3px 6px;
  margin-left: 4px;
  font-weight: 700;
  vertical-align: middle;
}
.itm .itm-v11-status.listrow-status-review,
.itm .itm-v11-status.status-review {
  color: #475569;
  background: #eef2f7;
}
.itm .itm-v11-status.listrow-status-hired,
.itm .itm-v11-status.status-hired {
  color: #1246a3;
  background: #e8f0ff;
}
.itm .itm-v11-status.listrow-status-rejected,
.itm .itm-v11-status.status-rejected {
  color: #64748b;
  background: #f1f5f9;
}
.itm .itm-v11-status.listrow-status-withdrawn,
.itm .itm-v11-status.status-withdrawn {
  color: #94a3b8;
  background: #f8fafc;
}
.itm .itm-v11-stepchev {
  font-size: 22px;
  color: #a1acb7;
  line-height: 1;
  flex-shrink: 0;
}

.itm .itm-v11-resumelink {
  width: 100%;
  display: flex;
  gap: 11px;
  align-items: center;
  text-align: left;
  text-decoration: none;
  color: inherit;
  background: #f5f8fd;
  border: 1px solid #e7edf5;
  border-radius: 12px;
  padding: 14px;
  margin: 8px 0 16px;
  cursor: pointer;
}
.itm .itm-v11-resumelink > span:nth-child(2) { flex: 1; min-width: 0; }
.itm .itm-v11-resumelink b,
.itm .itm-v11-resumelink small { display: block; }
.itm .itm-v11-resumelink b { font-size: 13px; color: #24354a; }
.itm .itm-v11-resumelink small {
  margin-top: 4px;
  font-size: 10px;
  color: #82909e;
}
.itm .itm-v11-linkicon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #f1f5fb;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.itm .itm-v11-stages {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.itm .itm-v11-stages button,
.itm .stage-chip {
  flex: 1;
  flex-shrink: 0;
  border: 1px solid #e0e7ee;
  background: #fff;
  border-radius: 8px;
  padding: 12px 10px;
  font-size: 12px;
  font-weight: 700;
  color: #627384;
  cursor: pointer;
  white-space: nowrap;
}
.itm .itm-v11-stages button.is-active,
.itm .itm-v11-stages button.selected,
.itm .stage-chip.is-active {
  background: var(--itm-navy);
  color: #fff;
  border-color: var(--itm-navy);
}
.itm .stage-chip:disabled,
.itm .itm-v11-stages button:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.itm .itm-v11-final {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.itm .itm-v11-final .btn {
  flex: 1;
  padding: 13px 8px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.itm .itm-v11-final .review {
  background: #fff;
  border: 1.5px solid #f59e0b;
  color: #c27803;
}
.itm .itm-v11-final .hire {
  background: #22a659;
  border: 0;
  color: #fff;
}
.itm .itm-v11-final .reject {
  background: #fff;
  border: 1.5px solid #ef4444;
  color: #d64545;
}
.itm .itm-v11-final .btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.itm .itm-v11-final-note {
  margin-top: 10px;
  font-size: 11px;
  color: #9aa6b3;
  text-align: center;
}
.itm .itm-v11-final-note[hidden] { display: none; }
.itm .itm-v11-status-error {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 12px;
  display: none;
}
.itm .itm-v11-contact {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.itm .itm-v11-contact .btn {
  flex: 1;
  padding: 11px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  background: #f1f5fb;
  color: var(--itm-blue);
  border: 0;
}
.itm .itm-v11-contact .btn:disabled { opacity: .4; }
.itm .itm-v11-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  background: #f7f9fc;
  border-radius: 12px;
  padding: 12px;
  margin: 12px 0;
}
.itm .itm-v11-summary .k { font-size: 10px; color: #9aa6b3; }
.itm .itm-v11-summary .v { font-size: 12px; font-weight: 700; color: #24354a; margin-top: 2px; }
.itm .status-pill {
  font-size: 11px;
  font-weight: 700;
  border-radius: 8px;
  padding: 3px 10px;
}
.itm .applicant-row[hidden] { display: none; }
.itm .job-sheet-list { padding: 0 16px 24px; }
.itm .job-sheet-list a {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  padding: 14px;
  border: 1px solid #e6ebf0;
  border-radius: 12px;
  font-size: 13px;
  color: #24354a;
  text-decoration: none;
  text-align: left;
}
.itm .job-sheet-list a.is-selected {
  background: #f1f5fb;
  border-color: var(--itm-blue);
  color: var(--itm-blue);
  font-weight: 750;
}
.itm .listrow-status-new { background: rgba(18,70,163,.1); color: var(--itm-blue); }
.itm .listrow-status-review { background: rgba(245,158,11,.1); color: #c27803; }
.itm .listrow-status-hired,
.itm .listrow-status-pass { background: rgba(34,166,89,.1); color: #0f8a4b; }
.itm .listrow-status-rejected,
.itm .listrow-status-fail { background: rgba(239,68,68,.1); color: #d64545; }
.itm .listrow-status-withdrawn { background: rgba(159,170,184,.18); color: #82909e; }

.itm .itm-v11-intro-card {
  background: #fff;
  border: 1px solid #edf0f3;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 14px;
}
.itm .itm-v11-intro-card .t {
  font-size: 14px;
  font-weight: 750;
  color: #24354a;
}
.itm .itm-v11-intro-card .d {
  margin-top: 3px;
  font-size: 12px;
  color: #82909e;
}
.itm .itm-v11-intro-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.itm .char-count { font-size: 11px; color: #9aa6b3; }
.itm .ai-used-badge {
  display: none;
  align-items: center;
  gap: 4px;
  background: rgba(18,70,163,.08);
  border-radius: 8px;
  padding: 3px 8px;
  font-size: 10px;
  color: var(--itm-blue);
  font-weight: 700;
}
.itm .ai-used-badge.is-visible { display: inline-flex; }
.itm .ai-help-block {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #edf0f3;
}
.itm .ai-help-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(18,70,163,.28);
  background: #f5f8fd;
  color: var(--itm-blue);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.itm .ai-help-note {
  margin-top: 6px;
  font-size: 10px;
  color: #9aa6b3;
  text-align: center;
}
.itm .file-card {
  background: #fff;
  border: 1px solid #edf0f3;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 14px;
}
.itm .file-card .head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.itm .file-card .head .t {
  font-size: 13px;
  font-weight: 750;
  color: #24354a;
}
.itm .file-card .opt-badge {
  background: #f7f9fc;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 10px;
  color: #9aa6b3;
}
.itm .file-card .desc {
  margin-bottom: 12px;
  font-size: 12px;
  color: #82909e;
}
.itm .file-dropzone {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 18px 14px;
  border: 1.5px dashed #d7dee6;
  border-radius: 12px;
  background: #f7f9fc;
  opacity: .6;
  cursor: not-allowed;
}
.itm .file-dropzone .icon-box {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #f1f5fb;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
}
.itm .file-dropzone .t { font-size: 13px; font-weight: 700; color: #24354a; }
.itm .file-dropzone .d { font-size: 11px; color: #9aa6b3; }
.itm .step-body[hidden] { display: none; }
.itm .gen-box { text-align: center; padding: 60px 20px; }
.itm .gen-box .circle {
  width: 80px;
  height: 80px;
  border-radius: 24px;
  background: var(--itm-blue);
  color: #fff;
  display: grid;
  place-items: center;
  margin: 0 auto 24px;
}
.itm .gen-box .t {
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: 800;
  color: #24354a;
}
.itm .gen-box .d {
  margin-bottom: 28px;
  font-size: 13px;
  color: #82909e;
  line-height: 1.6;
}
.itm .gen-dots { display: flex; justify-content: center; gap: 6px; }
.itm .gen-dots span {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--itm-blue);
  opacity: .4;
  animation: itm-v11-pulse 1s ease-in-out infinite;
}
.itm .gen-dots span:nth-child(2) { animation-delay: .2s; }
.itm .gen-dots span:nth-child(3) { animation-delay: .4s; }
@keyframes itm-v11-pulse {
  0%, 100% { opacity: .3; }
  50% { opacity: 1; }
}
.itm textarea.input.is-ai-draft { border-color: var(--itm-blue); }
.itm .itm-v11-cta-bar {
  display: flex;
  gap: 8px;
  padding: 12px 16px 20px;
}

.itm .itm-set-row--toggle {
  justify-content: space-between;
  cursor: default;
}
.itm .itm-set-row__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.itm .itm-set-row__desc {
  font-size: 11px;
  color: #8995a2;
  line-height: 1.4;
}
.itm .itm-set-row .switch,
.itm .itm-set-row input[type="checkbox"] {
  flex-shrink: 0;
}

/* ?? mypage personal sub pages ?? */
.itm .itm-toggle,
.itm .toggle {
  width: 44px;
  height: 26px;
  border-radius: 13px;
  background: #d7dee6;
  border: none;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  padding: 0;
  transition: background .2s;
}
.itm .itm-toggle .knob,
.itm .toggle .knob {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #fff;
  position: absolute;
  top: 3px;
  left: 3px;
  transition: left .2s;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.itm .itm-toggle.is-on,
.itm .toggle.is-on { background: var(--itm-blue); }
.itm .itm-toggle.is-on .knob,
.itm .toggle.is-on .knob { left: 21px; }

.itm .itm-size-group { display: flex; gap: 4px; flex-shrink: 0; }
.itm .itm-size-btn,
.itm .size-btn {
  background: #f1f5fb;
  border: none;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 12px;
  color: #63748b;
  cursor: pointer;
  font: inherit;
}
.itm .itm-size-btn.is-active,
.itm .size-btn.is-active {
  background: var(--itm-navy);
  color: #fff;
}

.itm button.itm-listrow {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #edf0f3;
  font: inherit;
  cursor: pointer;
  text-align: left;
}
.itm .itm-listrow.is-unread { background: rgba(27,111,208,.03); }
.itm .itm-listrow__dot,
.itm .itm-listrow .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: var(--itm-blue);
  margin-left: 6px;
  vertical-align: middle;
}
.itm .itm-listrow__thumb.is-amber { background: rgba(245,158,11,.09); color: #f59e0b; }
.itm .itm-listrow__thumb.is-green { background: rgba(34,166,89,.09); color: #22a659; }
.itm .itm-listrow__thumb.is-gold { background: rgba(201,146,10,.09); color: #c9920a; }
.itm .itm-listrow__thumb.is-primary { background: rgba(27,111,208,.09); color: var(--itm-blue); }
.itm .itm-listrow__remove {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #a8b4bf;
  flex-shrink: 0;
  align-self: center;
}

.itm .itm-fab {
  position: fixed;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  background: var(--itm-blue);
  color: #fff;
  border: none;
  border-radius: 24px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
  z-index: 10;
}

.itm .itm-profile-hero {
  background: #fff;
  padding: 24px 16px;
  text-align: center;
  margin-bottom: 10px;
}
.itm .itm-profile-hero__avatar {
  width: 88px;
  height: 88px;
  border-radius: 26px;
  background: #f1f5fb;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
  margin: 0 auto 12px;
  overflow: hidden;
}
.itm .itm-profile-hero__avatar img { width: 100%; height: 100%; object-fit: cover; }
.itm .itm-profile-hero__name { font-size: 20px; font-weight: 800; color: #24354a; }
.itm .itm-profile-hero__email { font-size: 13px; color: #63748b; margin-top: 4px; }
.itm .itm-profile-hero__phone { font-size: 12px; color: #8995a2; margin-top: 2px; }
.itm .itm-profile-hero__tags { display: flex; gap: 6px; justify-content: center; margin-top: 12px; flex-wrap: wrap; }
.itm .itm-profile-tag {
  border-radius: 8px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 700;
}
.itm .itm-profile-tag.is-member { background: #f1f5fb; color: var(--itm-blue); }
.itm .itm-profile-tag.is-ok { background: #f0fdf4; color: #0f8a4b; }
.itm .itm-profile-tag.is-err { background: #fef2f2; color: #d64545; }

.itm .itm-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 4px 16px 16px;
}
.itm .itm-stats-grid a {
  background: #f7f9fc;
  border-radius: 12px;
  padding: 12px 4px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  display: block;
}
.itm .itm-stats-grid__box {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  margin: 0 auto 6px;
}
.itm .itm-stats-grid__box .itm-icon { width: 18px; height: 18px; }
.itm .itm-stats-grid__box.is-heart { background: rgba(239,68,68,.09); color: #d64545; }
.itm .itm-stats-grid__box.is-mail { background: rgba(27,111,208,.09); color: var(--itm-blue); }
.itm .itm-stats-grid__box.is-send { background: rgba(34,166,89,.09); color: #0f8a4b; }
.itm .itm-stats-grid__box.is-star { background: rgba(201,146,10,.09); color: #c9920a; }
.itm .itm-stats-grid__v { font-size: 17px; font-weight: 800; color: #24354a; }
.itm .itm-stats-grid__k { font-size: 11px; color: #82909e; }

.itm .itm-recent-head {
  display: flex;
  align-items: center;
  padding: 14px 20px 8px;
  gap: 8px;
}
.itm .itm-recent-head__more {
  font-size: 12px;
  color: var(--itm-blue);
  text-decoration: none;
  font-weight: 650;
}
.itm .itm-recent-scroll {
  overflow-x: auto;
  display: flex;
  gap: 10px;
  padding: 0 16px 16px;
}
.itm .itm-recent-card {
  flex-shrink: 0;
  width: 90px;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}
.itm .itm-recent-card img {
  width: 100%;
  height: 65px;
  object-fit: cover;
  display: block;
}
.itm .itm-recent-card__empty {
  width: 100%;
  height: 65px;
  background: #f1f5fb;
  display: grid;
  place-items: center;
  color: #a8b4bf;
}
.itm .itm-recent-card__empty .itm-icon { width: 20px; height: 20px; }
.itm .itm-recent-card__body { padding: 4px 6px; background: #f7f9fc; }
.itm .itm-recent-card__t {
  font-size: 11px;
  font-weight: 650;
  color: #24354a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.itm .itm-recent-card__s {
  font-size: 10px;
  color: #8995a2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.itm .itm-photo-panel {
  background: #fff;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
}
.itm .itm-photo-panel__wrap { position: relative; }
.itm .itm-photo-panel__avatar {
  width: 88px;
  height: 88px;
  border-radius: 26px;
  background: #f1f5fb;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.itm .itm-photo-panel__avatar img { width: 100%; height: 100%; object-fit: cover; }
.itm .itm-photo-panel__cam {
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: var(--itm-blue);
  border: 2px solid #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #fff;
  padding: 0;
}
.itm .itm-photo-panel__hint { font-size: 12px; color: #82909e; margin-top: 10px; }

.itm .itm-warn-box {
  margin: 10px 16px 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: #fef2f2;
  font-size: 12px;
  color: #63748b;
  line-height: 1.55;
}
.itm .itm-warn-box__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #d64545;
  margin-bottom: 8px;
}
.itm .itm-warn-box ul { margin: 0; padding-left: 18px; }
.itm .itm-warn-box li + li { margin-top: 4px; }
.itm .itm-warn-box__em { color: #d64545; font-weight: 700; }

.itm .itm-info-box {
  margin: 10px 16px 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: #f1f5fb;
  font-size: 12px;
  color: #63748b;
  line-height: 1.5;
}
.itm .itm-info-box__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #24354a;
  margin-bottom: 4px;
}

.itm .itm-agree-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #e2e8ef;
  border-radius: 10px;
  background: #f7f9fc;
  margin: 8px 0;
}
.itm .itm-agree-row input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: #d64545;
}
.itm .itm-agree-row label {
  font-size: 12px;
  color: #63748b;
  line-height: 1.5;
  cursor: pointer;
}
.itm .itm-btn-danger { background: #d64545 !important; }
.itm .itm-cancel-link {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #82909e;
  text-decoration: none;
}
.itm .field-hint.is-error { color: #d64545; }
.itm .field-hint.is-ok { color: #0f8a4b; }

.itm .itm-v15-field select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e2e8ef;
  border-radius: 9px;
  padding: 12px;
  font: inherit;
  font-size: 13px;
  outline-color: var(--itm-blue);
  background: #fff;
  color: #233246;
}
.itm .itm-v15-field input:disabled {
  color: #8995a2;
  background: #f7f9fc;
  -webkit-text-fill-color: #8995a2;
  opacity: 1;
}

.itm .itm-detail-pad { padding: 16px; }
.itm .itm-detail-card {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e7edf5;
  padding: 16px;
  margin-bottom: 12px;
}
.itm .itm-detail-card--meta {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
}
.itm .itm-detail-card__avatar {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #f1f5fb;
  color: #8995a2;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.itm .itm-detail-card__avatar .itm-icon { width: 20px; height: 20px; }
.itm .itm-detail-card__name { font-size: 13px; font-weight: 700; color: #24354a; }
.itm .itm-detail-card__sub { font-size: 11px; color: #8995a2; margin-top: 1px; }
.itm .itm-detail-card__title {
  font-size: 17px;
  font-weight: 800;
  color: #24354a;
  line-height: 1.4;
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf0f3;
}
.itm .itm-detail-card__body {
  font-size: 13px;
  line-height: 1.8;
  color: #24354a;
  white-space: pre-wrap;
}
.itm .itm-detail-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf0f3;
}
.itm .itm-detail-card__label { font-size: 13px; font-weight: 700; color: #24354a; }
.itm .itm-detail-card__date { font-size: 11px; color: #8995a2; flex-shrink: 0; }
.itm .itm-detail-card__subject {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: #24354a;
}
.itm .itm-detail-card__text {
  margin: 0;
  font-size: 13px;
  color: #24354a;
  line-height: 1.7;
  white-space: pre-wrap;
}
.itm .itm-msg-card.is-corp { border-left: 3px solid #0f8a4b; }
.itm .itm-msg-card.is-user { border-left: 3px solid var(--itm-blue); }

.itm .itm-attach { margin-bottom: 12px; }
.itm .itm-attach__img { display: block; margin-bottom: 8px; }
.itm .itm-attach__img img {
  max-width: 100%;
  border-radius: 12px;
  border: 1px solid #e7edf5;
}
.itm .itm-attach__link {
  font-size: 12px;
  font-weight: 650;
  color: var(--itm-blue);
  text-decoration: none;
}
.itm .itm-attach__name { font-size: 12px; color: #63748b; }

.itm .itm-reply-empty {
  background: #fff;
  border-radius: 14px;
  padding: 32px 16px;
  text-align: center;
  border: 1px solid #e7edf5;
}
.itm .itm-reply-empty__icon {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background: #f1f5fb;
  display: grid;
  place-items: center;
  margin: 0 auto 12px;
  color: #a8b4bf;
}
.itm .itm-reply-empty__icon .itm-icon { width: 22px; height: 22px; }
.itm .itm-reply-empty__t1 { font-size: 13px; font-weight: 650; color: #24354a; margin-bottom: 6px; }
.itm .itm-reply-empty__t2 { font-size: 12px; color: #8995a2; line-height: 1.5; }

.itm .itm-faq-list { padding: 0; }
.itm .itm-faq-item {
  background: #fff;
  border-bottom: 1px solid #edf0f3;
}
.itm .itm-faq-q {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 20px;
  font-size: 13px;
  font-weight: 650;
  color: #24354a;
  cursor: pointer;
  list-style: none;
}
.itm .itm-faq-q::-webkit-details-marker { display: none; }
.itm .itm-faq-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
  background: var(--itm-blue);
  color: #fff;
  margin-top: 1px;
}
.itm .itm-faq-icon.is-a { background: #0f8a4b; }
.itm .itm-faq-a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0 20px 14px;
  font-size: 12px;
  line-height: 1.7;
  color: #63748b;
}
.itm .itm-faq-item[open] .itm-faq-q { color: var(--itm-blue); }

.itm .itm-set-row__body .itm-set-row__label { flex: none; }
.itm .itm-v15-field small.field-hint,
.itm .itm-v15-field small.hint-ok { text-align: left; }

/* company mypage sub ? manage / verify / applicants extras */
.itm .itm-pagebar-action {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid #e6ebf0;
  background: #f7f9fb;
  color: #4d5c6b;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.itm .itm-manage-add {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  padding: 16px;
  border: 2px dashed #d7dee6;
  border-radius: 14px;
  background: #fff;
  color: #8995a2;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}
.itm .itm-form-wrap { padding: 0 16px 24px; }
.itm .itm-field { margin-bottom: 14px; }
.itm .itm-field__label {
  display: block;
  font-size: 12px;
  font-weight: 650;
  color: #63748b;
  margin-bottom: 6px;
}
.itm .itm-photo-drop {
  border: 2px dashed #d7dee6;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  color: #8995a2;
}
.itm .itm-photo-drop img {
  max-width: 100%;
  max-height: 120px;
  border-radius: 8px;
  margin-top: 8px;
}
.itm .itm-sheet-list { padding: 0 16px 24px; }
.itm .itm-sheet-list a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e6ebf0;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 8px;
  font-size: 14px;
  color: #24354a;
  text-decoration: none;
}
.itm .itm-sheet-list a.is-selected {
  background: #f1f5fb;
  border-color: var(--itm-blue);
  color: var(--itm-blue);
  font-weight: 700;
}
.itm .itm-v11-job-select {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid #edf0f3;
  background: #fff;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font: inherit;
}
.itm .itm-v11-job-select .body { flex: 1; min-width: 0; }
.itm .itm-v11-job-select .job-title {
  font-size: 14px;
  font-weight: 750;
  color: #24354a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.itm .itm-v11-job-select .job-count { font-size: 12px; color: #82909e; margin-top: 2px; }
.itm .itm-v11-job-select .itm-icon { width: 18px; height: 18px; color: var(--itm-blue); flex-shrink: 0; }
.itm .itm-v11-job-select .chev { color: #a8b4bf; transform: rotate(-90deg); }
/* count badge colors defined with .itm-v11-filters button .count above */
.itm .itm-v11-kicker {
  margin: 8px 0 4px;
  font-size: 12px;
  font-weight: 750;
  color: #24354a;
}
.itm .itm-v11-notice {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff8e8;
  color: #6b5000;
  font-size: 12px;
  line-height: 1.65;
}
.itm .itm-v11-cta {
  position: sticky;
  bottom: 0;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid #edf0f3;
}
.itm .itm-v11-cta .itm-v15-btn { width: 100%; }
.itm .itm-ad-badge.is-premium { color: #c27803; }
.itm .itm-ad-badge.is-special { color: #c45c26; }


.itm .itm-policy { padding: 16px; }
.itm .itm-policy__card {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e6ebf0;
  padding: 16px;
}
.itm .itm-policy__body {
  font-size: 14px;
  line-height: 1.8;
  color: #24354a;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.itm .itm-policy__body p { margin: 0 0 10px; }
.itm .itm-policy__body h1,
.itm .itm-policy__body h2,
.itm .itm-policy__body h3,
.itm .itm-policy__body h4 {
  font-size: 15px;
  font-weight: 700;
  color: #24354a;
  margin: 22px 0 6px;
  line-height: 1.4;
}
.itm .itm-policy__body h1:first-child,
.itm .itm-policy__body h2:first-child,
.itm .itm-policy__body h3:first-child { margin-top: 0; }
.itm .itm-policy__body ul,
.itm .itm-policy__body ol { padding-left: 18px; margin: 0 0 10px; }
.itm .itm-policy__body li { margin-bottom: 4px; }
.itm .itm-policy__body img { max-width: 100%; height: auto; }
.itm .pane[hidden] { display: none; }

.itm .itm-listrow__thumb.itm-v11-appavatar {
  border-radius: 50%;
  background: #edf3fc;
  color: var(--itm-blue);
  font-weight: 800;
  font-size: 13px;
}

/* ?? form helpers: company profile edit / job posting basic ?? */
.itm .itm-day-row { display: flex; gap: 8px; flex-wrap: wrap; }
.itm .day-chip {
  border-radius: 12px; padding: 10px 0; min-width: 40px; text-align: center;
  font-size: 13px; font-weight: 700; background: var(--itm-band); color: #627384;
  cursor: pointer; border: 1.5px solid transparent;
}
.itm .day-chip.is-on { background: var(--itm-blue); color: #fff; }
.itm .itm-time-row { display: flex; gap: 10px; align-items: center; }
.itm .itm-time-row input { flex: 1; }
.itm .itm-addr-row { display: flex; gap: 8px; align-items: stretch; }
.itm .itm-addr-row input { flex: 1; }
.itm .itm-select-btn {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  gap: 10px; background: #fff; border: 1.5px solid var(--itm-blue); border-radius: 10px;
  padding: 12px 14px; cursor: pointer; color: var(--itm-ink); font-size: 14px; text-align: left;
}
.itm .itm-select-btn .val { flex: 1; min-width: 0; }
.itm .itm-headcount-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.itm .itm-stepper { display: flex; align-items: center; gap: 12px; }
.itm .itm-stepper button {
  width: 40px; height: 40px; border-radius: 12px; border: 1.5px solid var(--itm-line);
  background: #fff; font-size: 20px; color: var(--itm-ink); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.itm .itm-stepper button:disabled { opacity: 0.4; cursor: not-allowed; }
.itm .itm-stepper .val { font-size: 20px; font-weight: 800; color: var(--itm-ink); min-width: 40px; text-align: center; }
.itm .itm-stepper .val.is-muted { color: var(--itm-muted); }
.itm .itm-date-range { display: none; gap: 8px; margin-top: 10px; }
.itm .itm-date-range.is-visible { display: flex; }
.itm .itm-date-range .col { flex: 1; }
.itm .itm-date-range .k { font-size: 12px; color: #627384; margin-bottom: 5px; }
.itm .itm-date-range input { width: 100%; }
.itm .chips .chip,
.itm .sheet-chips .chip {
  border-radius: 100px; border: 1.5px solid var(--itm-line); background: #fff;
  color: var(--itm-ink); font-weight: 500; font-size: 13px; padding: 7px 14px; cursor: pointer;
}
.itm .chips .chip.is-active,
.itm .sheet-chips .chip.is-active {
  border-color: var(--itm-blue); background: #edf3fc; color: var(--itm-blue); font-weight: 700;
}
.itm .sheet-group-title { font-size: 12px; font-weight: 700; color: var(--itm-muted); margin-bottom: 8px; letter-spacing: 0.5px; }
.itm .sheet-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.itm .itm-v15-cta-fixed { display: flex; gap: 8px; }

/* payment shared body under mobile itm */
.itm .itm-pay, .itm .itm-rf { max-width: none; }

/* ===== biz-reg / register forms (ported) ===== */
.itm {
  --color-primary: var(--itm-blue);
  --color-primary-50: #F3F7FD;
  --color-primary-100: #EEF4FF;
  --color-text-main: var(--itm-ink);
  --color-text-sub: #63748b;
  --color-text-muted: #98a3ad;
  --color-divider: #e6ebf0;
  --color-surface: #fff;
  --color-bg: #f7f9fb;
  --color-error: #b91c1c;
  --color-success: #0f8a4b;
  --color-gold: #b45309;
  --color-gold-bg: #fff8ed;
}

/* itm-chip */
.itm .itm-chip-input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.itm .itm-chip { border-radius: 100px; border: 1.5px solid #e6ebf0; background: #fff; color: var(--itm-ink); font-weight: 500; font-size: 14px; padding: 7px 16px; display: inline-flex; align-items: center; gap: 3px; cursor: pointer; user-select: none; }
.itm .itm-chip-input:checked + .itm-chip, .itm .itm-chip.is-on { border-color: var(--itm-blue); background: #F3F7FD; color: var(--itm-blue); }
.itm .itm-chip-wrap { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.itm .itm-chip-check { display: none; }
.itm .itm-chip-input:checked + .itm-chip .itm-chip-check { display: inline; }
.itm .itm-save-toast, .itm .biz-reg-save-toast { position: fixed; top: 72px; left: 50%; transform: translateX(-50%) translateY(-8px); z-index: 60; background: #111827; color: #fff; font-size: 13px; font-weight: 600; padding: 10px 18px; border-radius: 999px; box-shadow: 0 4px 14px rgba(0,0,0,.18); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; white-space: nowrap; }
.itm .itm-save-toast.is-show, .itm .biz-reg-save-toast.is-show { opacity: 1; transform: translateX(-50%) translateY(0); }
.itm .itm-create-steps .dot.is-done { background: #EEF4FF; color: var(--itm-blue); }
.itm .itm-guide { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 24px calc(24px + env(safe-area-inset-bottom)); text-align: center; min-height: 60vh; }
.itm .itm-guide__circle { width: 88px; height: 88px; border-radius: 26px; background: #F3F7FD; color: var(--itm-blue); display: flex; align-items: center; justify-content: center; margin-bottom: 22px; }
.itm .itm-guide__title { font-size: 19px; font-weight: 800; color: var(--itm-ink); margin-bottom: 10px; }
.itm .itm-guide__desc { font-size: 14px; color: #63748b; line-height: 1.7; margin-bottom: 32px; }
.itm .itm-guide__actions { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.itm .itm-guide__actions .itm-v15-btn { width: 100%; box-sizing: border-box; }
.itm .itm-complete { display: flex; flex-direction: column; align-items: center; padding: 40px 24px 24px; }
.itm .itm-complete__circle { width: 96px; height: 96px; border-radius: 50%; background: #F3F7FD; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; box-shadow: 0 0 0 8px #EEF4FF; color: var(--itm-blue); }
.itm .itm-complete h2 { font-size: 22px; font-weight: 900; text-align: center; margin-bottom: 8px; color: var(--itm-ink); }
.itm .itm-complete > p { font-size: 14px; color: #63748b; text-align: center; line-height: 1.6; }
.itm .itm-complete__summary { width: 100%; margin-top: 32px; background: #fff; border-radius: 16px; border: 1px solid #e6ebf0; padding: 16px; }
.itm .itm-complete__summary .row { display: flex; align-items: center; gap: 12px; }
.itm .itm-complete__icon { width: 48px; height: 48px; border-radius: 12px; background: #f7f9fb; display: flex; align-items: center; justify-content: center; color: var(--itm-blue); flex-shrink: 0; }
.itm .itm-complete__name { font-size: 16px; font-weight: 700; color: var(--itm-ink); }
.itm .itm-complete__meta { font-size: 12px; color: #63748b; margin-top: 2px; }
.itm .itm-complete__badge { margin-left: auto; font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 100px; white-space: nowrap; }
.itm .itm-complete__badge.is-free { color: #0f8a4b; background: #ECFDF5; border: 1px solid #A7F3D0; }
.itm .itm-complete__badge.is-ad { color: #7C3AED; background: #EDE9FE; border: 1px solid #C4B5FD; }
.itm .itm-complete__cta { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.itm .itm-complete__cta .itm-v15-btn { width: 100%; box-sizing: border-box; text-align: center; text-decoration: none; }
.itm .itm-apply-steps { background: #fff; padding: 12px 16px; border-bottom: 1px solid #e6ebf0; }
.itm .itm-apply-steps .row { display: flex; }
.itm .itm-apply-steps .step { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.itm .itm-apply-steps .line-row { width: 100%; display: flex; align-items: center; }
.itm .itm-apply-steps .line { flex: 1; height: 2px; background: #e6ebf0; }
.itm .itm-apply-steps .line.is-done { background: var(--itm-blue); }
.itm .itm-apply-steps .line.is-void { background: transparent; }
.itm .itm-apply-steps .dot { width: 24px; height: 24px; border-radius: 12px; background: #e6ebf0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 11px; font-weight: 700; color: #98a3ad; }
.itm .itm-apply-steps .dot.is-on { background: var(--itm-blue); color: #fff; }
.itm .itm-apply-steps .dot .icon { display: none; color: #fff; }
.itm .itm-apply-steps .dot.is-done .num { display: none; }
.itm .itm-apply-steps .dot.is-done .icon { display: block; }
.itm .itm-apply-steps .label { font-size: 10px; color: #98a3ad; }
.itm .itm-apply-steps .step.is-current .label { color: var(--itm-blue); font-weight: 600; }
.itm .itm-apply-body { padding: 20px 16px; }
.itm .itm-apply-body[hidden] { display: none; }
.itm .itm-apply-body > .head { font-size: 16px; font-weight: 700; color: var(--itm-ink); margin-bottom: 16px; }
.itm .itm-apply-resume { background: #fff; border-radius: 14px; padding: 16px; margin-bottom: 10px; border: 2px solid #e6ebf0; cursor: pointer; }
.itm .itm-apply-resume.is-selected { border-color: var(--itm-blue); }
.itm .itm-apply-resume .row { display: flex; align-items: center; gap: 10px; }
.itm .itm-apply-resume .box { width: 44px; height: 44px; border-radius: 12px; background: #F3F7FD; display: flex; align-items: center; justify-content: center; color: var(--itm-blue); flex-shrink: 0; }
.itm .itm-apply-resume .name { font-size: 14px; font-weight: 700; color: var(--itm-ink); }
.itm .itm-apply-resume .meta { font-size: 12px; color: #63748b; margin-top: 2px; }
.itm .itm-apply-resume .check { width: 20px; height: 20px; border-radius: 10px; background: var(--itm-blue); display: none; align-items: center; justify-content: center; color: #fff; }
.itm .itm-apply-resume.is-selected .check { display: flex; }
.itm .itm-apply-add { width: 100%; background: none; border: 2px dashed #e6ebf0; border-radius: 14px; padding: 16px; font-size: 14px; color: #63748b; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; }
.itm .itm-apply-confirm { background: #fff; border-radius: 14px; padding: 16px; margin-bottom: 12px; border: 1px solid #e6ebf0; }
.itm .itm-apply-confirm .k { font-size: 13px; color: #63748b; margin-bottom: 4px; }
.itm .itm-apply-confirm .v { font-size: 15px; font-weight: 700; color: var(--itm-ink); }
.itm .itm-apply-confirm .s { font-size: 13px; color: #63748b; }
.itm .itm-apply-warn { background: #fff3f3; border-radius: 12px; padding: 12px 14px; font-size: 13px; color: #b91c1c; }
.itm .itm-apply-done { display: flex; flex-direction: column; align-items: center; padding: 40px 0; }
.itm .itm-apply-done .circle { width: 80px; height: 80px; border-radius: 40px; background: #e6f9f0; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; color: #0f8a4b; }
.itm .itm-apply-done .t { font-size: 20px; font-weight: 800; color: var(--itm-ink); margin-bottom: 8px; }
.itm .itm-apply-done .d { font-size: 14px; color: #63748b; text-align: center; line-height: 1.6; }
.itm .biz-reg-cta .itm-v15-btn { width: 100%; }
.itm .re-ad-body { padding: 16px; padding-bottom: 96px; }
.itm .re-ad-head { font-size: 17px; font-weight: 800; color: var(--itm-ink); margin-bottom: 4px; }
.itm .re-ad-sub { font-size: 13px; color: #63748b; line-height: 1.55; margin-bottom: 16px; }
.itm .re-ad-tier { width: 100%; border: 2px solid #e6ebf0; background: #fff; border-radius: 14px; padding: 14px; margin-bottom: 10px; text-align: left; cursor: pointer; }
.itm .re-ad-tier.is-on { border-color: var(--itm-blue); background: #F3F7FD; }
.itm .re-ad-tier .top { display: flex; justify-content: space-between; gap: 12px; }
.itm .re-ad-tier .name { font-size: 16px; font-weight: 800; color: var(--itm-ink); }
.itm .re-ad-tier .price { font-size: 15px; font-weight: 800; color: var(--itm-blue); white-space: nowrap; }
.itm .re-ad-tier[data-tier="normal"] .price { color: #0f8a4b; }
.itm .re-ad-tier .desc { font-size: 12px; color: #63748b; line-height: 1.5; margin-top: 6px; }
.itm .re-ad-tier .features { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.itm .re-ad-tier .features span { border-radius: 8px; padding: 4px 9px; font-size: 11px; background: #f7f9fb; color: #63748b; }
.itm .re-ad-card { background: #fff; border-radius: 14px; padding: 16px; margin-bottom: 14px; border: 1px solid #e6ebf0; }
.itm .re-ad-card .t { font-size: 13px; font-weight: 700; margin-bottom: 12px; color: var(--itm-ink); }
.itm .re-ad-date { width: 100%; border: 1px solid #e6ebf0; border-radius: 10px; padding: 10px 12px; font-size: 14px; box-sizing: border-box; }
.itm .re-ad-hint { font-size: 12px; color: #63748b; margin-top: 8px; }
.itm .re-ad-cost-row, .itm .re-ad-total-row { display: flex; justify-content: space-between; padding: 8px 0; font-size: 13px; }
.itm .re-ad-cost-row { border-bottom: 1px solid #e6ebf0; color: #63748b; }
.itm .re-ad-total-row { font-size: 16px; font-weight: 800; color: var(--itm-blue); padding-top: 12px; }
.itm .re-ad-band { background: #FFF8E1; padding: 14px 16px; border-bottom: 1px solid #e8c84a; }
.itm .re-ad-band .cap { font-size: 12px; color: #B45309; font-weight: 700; }
.itm .re-ad-band .title { font-size: 15px; font-weight: 800; margin-top: 2px; color: var(--itm-ink); }
.itm .re-ad-row, .itm .re-ad-total { display: flex; justify-content: space-between; padding: 12px 16px; border-top: 1px solid #e6ebf0; font-size: 13px; }
.itm .re-ad-row span:first-child { color: #63748b; }
.itm .re-ad-row span:last-child { font-weight: 700; }
.itm .re-ad-total { background: #FFF8E1; font-size: 16px; font-weight: 800; color: #B45309; }
.itm .re-ad-pay { background: #fff; border-radius: 14px; padding: 16px; margin-bottom: 14px; border: 1px solid #e6ebf0; }
.itm .re-ad-pay .t { font-size: 13px; font-weight: 700; margin-bottom: 10px; }
.itm .re-ad-pay label { display: flex; gap: 10px; align-items: center; padding: 10px 0; font-size: 14px; border-top: 1px solid #e6ebf0; }
.itm .re-ad-pay label:first-of-type { border-top: 0; }
.itm .re-ad-agree { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: #63748b; line-height: 1.5; margin-bottom: 8px; }
.itm .re-ad-note { font-size: 12px; color: #63748b; line-height: 1.5; margin-top: 8px; }
.itm .re-ad-cta { position: sticky; bottom: 0; z-index: 20; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #e6ebf0; }
.itm .re-ad-cta .itm-v15-btn { width: 100%; }
.itm .re-ad-cta .itm-v15-btn.is-off { opacity: .45; pointer-events: none; }
.itm .re-ad-progress-strip { height: 4px; background: #e6ebf0; }
.itm .re-ad-progress-strip .fill { width: 100%; height: 100%; background: var(--itm-blue); }

/* from biz-reg-styles.php */
.itm .biz-reg-content{ padding: 20px 16px 16px; }.itm .biz-reg-section{ margin-bottom: 20px; }.itm .biz-reg-label{ display: block; font-size: 12px; font-weight: 750; color: #17212e; margin-bottom: 7px; }.itm .biz-reg-hint{ font-size: 11px; color: var(--color-text-muted); margin-top: 6px; }.itm .biz-reg-req{ color: var(--color-error); }.itm .biz-reg-title{ font-size: 21px; font-weight: 800; letter-spacing: -.8px; color: #17212e; margin: 6px 0; line-height: 1.25; }.itm .biz-reg-sub{ font-size: 12px; color: #738191; line-height: 1.7; margin: 0 0 18px; }.itm .biz-reg-card{ background: var(--color-surface); border-radius: 16px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); padding: 16px; }.itm .biz-reg-chip-input{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }.itm .biz-reg-chip{ border-radius:9px; border:1px solid #e4e9ee; background:#fff; color:#5b6877; font-weight:650; font-size:11px; padding:9px 12px; display:inline-flex; align-items:center; gap:3px; cursor:pointer; user-select:none; line-height:1.2; }.itm .biz-reg-chip-input:checked + .biz-reg-chip{ border-color:#1246A3; background:#eaf1ff; color:#1246A3; font-weight:800; }.itm .biz-reg-chip-check{ display: none; }.itm .biz-reg-chip-input:checked + .biz-reg-chip .biz-reg-chip-check{ display: inline; }.itm .biz-reg-cat-input{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.itm .biz-reg-cat-grid.itm-category-grid,
.itm .itm-category-grid.biz-reg-cat-grid{
  padding: 3px 0 8px;
  gap: 18px 7px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.itm .biz-reg-cat-tile{
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  cursor: pointer;
  margin: 0;
}
.itm .biz-reg-cat-face{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  width: 100%;
  border: 0;
  background: none;
  padding: 1px 2px;
  color: #344353;
  font-size: 11px;
  font-weight: 650;
  text-align: center;
}
.itm .biz-reg-cat-face .itm-symbol{
  height: 47px; width: 47px; display: grid; place-items: center;
  border-radius: 15px; background: var(--itm-tile); color: var(--itm-blue);
}
.itm .biz-reg-cat-face .itm-symbol .itm-icon{ width: 23px; height: 23px; stroke-width: 1.7; }
.itm .biz-reg-cat-face .itm-txt{
  white-space: normal; text-align: center; line-height: 1.35; letter-spacing: -.4px;
  word-break: keep-all;
}
.itm .biz-reg-cat-input:checked + .biz-reg-cat-face .itm-symbol{
  background: #e7effd; outline: 1px solid #c8d9f3;
}
.itm .biz-reg-cat-input:checked + .biz-reg-cat-face .itm-txt{ color: var(--itm-blue); }
.itm .biz-reg-cat-badge .itm-symbol{
  width: 36px; height: 36px; border-radius: 11px; background: var(--itm-tile);
  color: var(--itm-blue); display: grid; place-items: center; flex-shrink: 0;
}
.itm .biz-reg-cat-badge .itm-symbol .itm-icon{ width: 18px; height: 18px; }
.itm .biz-reg-cat-badge{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
.itm .biz-reg-cat-badge .change{ font-size: 12px; color: var(--color-primary); font-weight: 600; margin-left: 4px; }
.itm .biz-reg-chip-wrap{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }.itm .biz-reg-cat-badge{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }.itm .biz-reg-cat-badge .icon{ display:inline-grid; place-items:center; color:var(--itm-blue); }.itm .biz-reg-cat-badge .icon svg{ width:20px; height:20px; }.itm .biz-reg-cat-badge .change{ font-size: 12px; color: var(--color-primary); font-weight: 600; margin-left: 4px; }.itm .biz-reg-alert{ background: #fff4f4; border: 1px solid #fecaca; color: #b91c1c; border-radius: 12px; padding: 12px 14px; font-size: 13px; margin-bottom: 16px; }.itm .biz-reg-toggle{ position: relative; display: inline-block; width: 48px; height: 26px; cursor: pointer; }.itm .biz-reg-toggle input{ opacity: 0; width: 0; height: 0; position: absolute; }.itm .biz-reg-toggle .slider{ position: absolute; inset: 0; background: var(--color-divider); border-radius: 100px; }.itm .biz-reg-toggle .slider::after{ content: ''; position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; top: 3px; left: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); transition: transform .2s; }.itm .biz-reg-toggle input:checked + .slider{ background: var(--color-primary); }.itm .biz-reg-toggle input:checked + .slider::after{ transform: translateX(22px); }.itm .biz-reg-field-row{ display: flex; align-items: center; justify-content: space-between; margin-top: 10px; padding: 0 4px; }.itm .biz-reg-photo-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.itm .biz-reg-photo-slot{ aspect-ratio: 1; border-radius: 12px; background: var(--color-bg); border: 1.5px dashed var(--color-divider); display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }.itm .biz-reg-photo-slot img{ width: 100%; height: 100%; object-fit: cover; }.itm .biz-reg-photo-remove{ position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; border: none; font-size: 14px; cursor: pointer; }.itm .biz-reg-product-row{ display: grid; grid-template-columns: 1fr 90px; gap: 8px; margin-bottom: 8px; }.itm .biz-reg-cta{ padding: 12px 16px 24px; }.itm .biz-reg-screen-grid{ display: none; }.itm .biz-reg-cat-panel{ display: none; }

/* from biz-reg-ad-styles.php */
.itm .biz-reg-ad-body{ flex: 1; padding: 16px; overflow: auto; }.itm .biz-reg-ad-head{ font-size: 17px; font-weight: 800; color: var(--color-text-main); margin-bottom: 4px; }.itm .biz-reg-ad-sub{ font-size: 13px; color: var(--color-text-sub); line-height: 1.55; margin-bottom: 16px; }.itm .biz-reg-tier{ width: 100%; border: 2px solid var(--color-divider); background: var(--color-surface); border-radius: 14px; padding: 14px; margin-bottom: 10px; text-align: left; cursor: pointer; display: flex; flex-direction: column; }.itm .biz-reg-tier.is-selected{ border-color: var(--color-primary); background: var(--color-primary-50); }.itm .biz-reg-tier .top{ display: flex; justify-content: space-between; gap: 12px; }.itm .biz-reg-tier .name{ font-size: 16px; font-weight: 800; color: var(--color-text-main); }.itm .biz-reg-tier .price{ font-size: 15px; font-weight: 800; color: var(--color-primary); white-space: nowrap; }.itm .biz-reg-tier[data-tier="normal"] .price{ color: var(--color-success); }.itm .biz-reg-tier .desc{ font-size: 12px; color: var(--color-text-sub); line-height: 1.5; margin-top: 6px; }.itm .biz-reg-tier .features{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }.itm .biz-reg-tier .features span{ border-radius: 8px; padding: 4px 9px; font-size: 11px; background: var(--color-bg); color: var(--color-text-sub); }.itm .biz-reg-ad-card{ background: var(--color-surface); border-radius: 14px; padding: 16px; margin-bottom: 14px; }.itm .biz-reg-ad-card .t{ font-size: 13px; font-weight: 700; color: var(--color-text-main); margin-bottom: 12px; }.itm .biz-reg-quick-row{ display: flex; flex-wrap: wrap; gap: 8px; }.itm .biz-reg-quick-row button{ border: 1px solid var(--color-divider); background: none; border-radius: 10px; padding: 8px 14px; font-size: 13px; color: var(--color-text-sub); cursor: pointer; }.itm .biz-reg-quick-row button.is-active{ border-color: var(--color-primary); background: var(--color-primary-50); color: var(--color-primary); font-weight: 700; }.itm .biz-reg-ad-cost-row, .itm .biz-reg-ad-total-row{ display: flex; justify-content: space-between; padding: 8px 0; font-size: 13px; }.itm .biz-reg-ad-cost-row{ border-bottom: 1px solid var(--color-divider); color: var(--color-text-sub); }.itm .biz-reg-ad-total-row{ font-size: 16px; font-weight: 800; color: var(--color-primary); padding-top: 12px; }.itm .biz-reg-pay-card{ background: var(--color-surface); border-radius: 16px; overflow: hidden; margin-bottom: 14px; }.itm .biz-reg-pay-band{ background: var(--color-gold-bg); padding: 14px 16px; border-bottom: 1px solid #e8c84a; }.itm .biz-reg-pay-band .cap{ font-size: 12px; color: var(--color-gold); font-weight: 700; }.itm .biz-reg-pay-band .title{ font-size: 15px; font-weight: 800; color: var(--color-text-main); margin-top: 2px; }.itm .biz-reg-pay-row, .itm .biz-reg-pay-total{ display: flex; justify-content: space-between; padding: 12px 16px; border-top: 1px solid var(--color-divider); font-size: 13px; }.itm .biz-reg-pay-row span:first-child{ color: var(--color-text-sub); }.itm .biz-reg-pay-row span:last-child{ font-weight: 700; color: var(--color-text-main); }.itm .biz-reg-pay-total{ background: var(--color-gold-bg); font-size: 16px; font-weight: 800; color: var(--color-gold); }.itm .biz-reg-pay-methods{ background: var(--color-surface); border-radius: 14px; padding: 16px; margin-bottom: 14px; }.itm .biz-reg-pay-methods .t{ font-size: 13px; font-weight: 700; margin-bottom: 10px; }.itm .biz-reg-pay-methods label{ display: flex; gap: 10px; align-items: center; padding: 10px 0; font-size: 14px; border-top: 1px solid var(--color-divider); }.itm .biz-reg-pay-methods label:first-of-type{ border-top: 0; }.itm .biz-reg-agree{ display: flex; gap: 10px; font-size: 13px; color: var(--color-text-sub); line-height: 1.5; align-items: flex-start; }

/* from biz-reg-step3-styles.php */
.itm .biz-reg-photo-badge{ position: absolute; top: 6px; left: 6px; background: var(--color-primary); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 100px; }.itm .biz-reg-photo-edit{ position: absolute; bottom: 6px; right: 6px; background: rgba(0,0,0,.6); color: #fff; font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 100px; border: none; cursor: pointer; }.itm .biz-reg-menu-photo-card .head p.q{ font-size: 14px; font-weight: 700; color: var(--color-text-main); }.itm .biz-reg-menu-photo-card .head p.hint{ font-size: 12px; color: var(--color-text-sub); margin-top: 4px; line-height: 1.5; }.itm .biz-reg-menu-photo-upload{ margin-top: 12px; width: 100%; padding: 12px 0; border-radius: 12px; border: 2px dashed var(--color-divider); font-size: 14px; font-weight: 600; color: var(--color-text-sub); display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; background: none; }.itm .biz-reg-menu-photo-img-wrap{ margin-top: 12px; border-radius: 12px; overflow: hidden; position: relative; display: none; }.itm .biz-reg-menu-photo-img-wrap img{ width: 100%; height: 128px; object-fit: cover; display: block; }.itm .biz-reg-menu-photo-delete{ position: absolute; top: 8px; right: 8px; background: rgba(0,0,0,.6); color: #fff; font-size: 11px; padding: 4px 8px; border-radius: 8px; border: none; cursor: pointer; }.itm .biz-reg-menu-photo-success{ margin-top: 10px; background: var(--color-primary-50); border-radius: 12px; padding: 12px; display: none; align-items: flex-start; gap: 8px; }.itm .biz-reg-menu-photo-card.has-menu .biz-reg-menu-photo-upload{ display: none; }.itm .biz-reg-menu-photo-card.has-menu .biz-reg-menu-photo-img-wrap{ display: block; }.itm .biz-reg-menu-photo-card.has-menu .biz-reg-menu-photo-success{ display: flex; }.itm .biz-reg-menu-photo-success .check{ color: var(--color-success); font-weight: 700; flex-shrink: 0; }.itm .biz-reg-menu-photo-success p.t{ font-size: 13px; font-weight: 600; color: var(--color-text-main); }.itm .biz-reg-menu-photo-success p.d{ font-size: 12px; color: var(--color-text-sub); margin-top: 2px; }.itm .biz-reg-cat-none-box{ border: 1.5px dashed var(--color-divider); border-radius: 14px; padding: 16px; text-align: center; font-size: 13px; color: var(--color-text-sub); }.itm .biz-reg-photo-repick{ width: 56px; height: 56px; border-radius: 8px; overflow: hidden; border: 2px solid var(--color-divider); padding: 0; cursor: pointer; background: none; }.itm .biz-reg-photo-repick.is-active{ border-color: var(--color-primary); }.itm .biz-reg-photo-repick img{ width: 100%; height: 100%; object-fit: cover; display: block; }.itm .biz-reg-photo-set-rep{ position: absolute; bottom: 6px; left: 6px; font-size: 10px; font-weight: 600; color: #fff; background: rgba(0,0,0,.55); border: none; border-radius: 100px; padding: 2px 8px; cursor: pointer; }/* ??? 90? ?? ? ? ???? ????????????? ? ?? ?? ???? ?? */
.itm .biz-reg-photo-rot{ position: absolute; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; border: none; font-size: 15px; line-height: 1; padding: 0; cursor: pointer; }
.itm .biz-reg-photo-rot[data-dir="left"]{ left: 6px; }
.itm .biz-reg-photo-rot[data-dir="right"]{ right: 6px; }
.itm .biz-reg-photo-rot:disabled{ opacity: .5; cursor: default; }

/* from biz-reg-step4-styles.php */
.itm .biz-reg-step4-panel{ margin-bottom: 20px; }.itm .biz-reg-step4-panel .section-head{ display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }.itm .biz-reg-step4-panel .section-head .label{ font-size: 15px; font-weight: 700; color: var(--color-text-main); }.itm .biz-reg-step4-panel .mode-badge{ font-size: 11px; background: var(--color-bg); color: var(--color-text-sub); padding: 2px 10px; border-radius: 100px; }.itm .biz-reg-step4-panel .title-15{ font-size: 21px; font-weight: 800; letter-spacing: -.8px; color: #17212e; margin: 6px 0 4px; line-height: 1.25; }.itm .biz-reg-step4-panel .field-label{ display: block; font-size: 13px; font-weight: 600; color: var(--color-text-main); margin-bottom: 8px; }.itm .biz-reg-step4-panel .field-hint{ font-size: 11px; color: var(--color-text-muted); margin-top: 6px; }.itm .biz-reg-step4-panel .required-mark{ color: var(--color-error); }.itm .biz-reg-step4-panel .section{ margin-bottom: 20px; }.itm .biz-reg-step4-panel .mini-hint{ font-size: 11px; color: var(--color-text-muted); margin-top: 6px; margin-bottom: 12px; }.itm .biz-reg-step4-panel .svc-chip-row{ display: flex; gap: 8px; flex-wrap: wrap; }.itm .biz-reg-step4-panel .reg-chip-input{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }.itm .biz-reg-step4-panel .reg-chip{ border-radius:9px; border:1px solid #e4e9ee; background:#fff; color:#5b6877; font-weight:650; font-size:11px; padding:9px 12px; display:inline-flex; align-items:center; gap:3px; cursor:pointer; user-select:none; line-height:1.2; }.itm .biz-reg-step4-panel .reg-chip-input:checked + .reg-chip{ border-color:#1246A3; background:#eaf1ff; color:#1246A3; font-weight:800; }.itm .biz-reg-step4-panel .hint-line{ font-size: 11px; color: var(--color-text-sub); margin-bottom: 10px; }.itm .biz-reg-step4-panel .ai-found-card{ background: var(--color-primary-50, #F3F7FD); border-radius: 16px; padding: 16px; margin-bottom: 12px; }.itm .biz-reg-step4-panel .ai-found-card .row{ display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }.itm .biz-reg-step4-panel .ai-found-card .row .sparkle{ color: var(--itm-blue); }.itm .biz-reg-step4-panel .ai-found-card .row p{ font-size: 14px; font-weight: 700; color: var(--color-text-main); }.itm .biz-reg-step4-panel .ai-found-card p.desc{ font-size: 12px; color: var(--color-text-sub); margin-bottom: 12px; }.itm .biz-reg-step4-panel .ai-found-card .btns{ display: flex; gap: 8px; }.itm .biz-reg-step4-panel .ai-found-card .btns button{ flex: 1; padding: 8px 0; border-radius: 12px; font-size: 13px; font-weight: 600; }.itm .biz-reg-step4-panel .ai-found-card .btns .fill{ background: var(--itm-blue); color: #fff; border: none; }.itm .biz-reg-step4-panel .ai-found-card .btns .outline{ background: none; border: 1px solid var(--itm-blue); color: var(--itm-blue); }.itm .biz-reg-step4-panel .product-card{ background: var(--color-surface); border-radius: 16px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); padding: 14px; display: flex; gap: 12px; margin-bottom: 10px; }.itm .biz-reg-step4-panel .product-card .body{ flex: 1; min-width: 0; }.itm .biz-reg-step4-panel .product-card .name{ font-size: 14px; font-weight: 700; color: var(--color-text-main); }.itm .biz-reg-step4-panel .product-card .desc{ font-size: 11px; color: var(--color-text-muted); margin-top: 2px; }.itm .biz-reg-step4-panel .product-card .price-row{ display: flex; align-items: center; gap: 12px; margin-top: 8px; }.itm .biz-reg-step4-panel .product-card .price{ font-size: 13px; font-weight: 600; color: var(--color-primary); }.itm .biz-reg-step4-panel .product-card .thumb{ width: 56px; height: 56px; border-radius: 12px; overflow: hidden; flex-shrink: 0; }.itm .biz-reg-step4-panel .product-card .thumb img{ width: 100%; height: 100%; object-fit: cover; }.itm .biz-reg-step4-panel .product-card .actions{ display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; flex-shrink: 0; }.itm .biz-reg-step4-panel .product-card .del{ color: var(--color-text-muted); font-size: 18px; background: none; border: none; margin-top: auto; cursor: pointer; }.itm .biz-reg-step4-panel .star-input{ position: absolute; opacity: 0; width: 1px; height: 1px; }.itm .biz-reg-step4-panel .star-btn{ font-size: 20px; cursor: pointer; display: inline-flex; }.itm .biz-reg-step4-panel .star-on{ display: none; }.itm .biz-reg-step4-panel .star-off{ display: inline; }.itm .biz-reg-step4-panel .star-input:checked + .star-btn .star-on{ display: inline; }.itm .biz-reg-step4-panel .star-input:checked + .star-btn .star-off{ display: none; }.itm .biz-reg-step4-panel .confirm-input{ position: absolute; opacity: 0; width: 1px; height: 1px; }.itm .biz-reg-step4-panel .confirm-btn{ width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--color-divider); display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; }.itm .biz-reg-step4-panel .confirm-btn .mark{ display: none; color: #fff; font-size: 12px; font-weight: 700; }.itm .biz-reg-step4-panel .confirm-input:checked + .confirm-btn{ background: var(--color-success); border-color: var(--color-success); }.itm .biz-reg-step4-panel .confirm-input:checked + .confirm-btn .mark{ display: inline; }.itm .biz-reg-step4-panel .add-link-btn{ display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--color-primary); margin-top: 4px; margin-bottom: 16px; cursor: pointer; }.itm .biz-reg-step4-panel .add-link-btn .plus-circle{ width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--color-primary); display: flex; align-items: center; justify-content: center; font-size: 16px; }.itm .biz-reg-step4-panel .tip-box{ background: var(--color-bg); border-radius: 12px; padding: 12px; }.itm .biz-reg-step4-panel .tip-box p{ font-size: 12px; color: var(--color-text-sub); }.itm .biz-reg-step4-panel details > summary{ cursor: pointer; list-style: none; }.itm .biz-reg-step4-panel details > summary::-webkit-details-marker{ display: none; }.itm .biz-reg-step4-panel .detail-panel .card{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; background: var(--color-surface); border-radius: 16px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); padding: 16px; }.itm .biz-reg-step4-panel .etc-product-list{ margin-bottom: 12px; }

/* from biz-reg-step5-styles.php */
.itm .biz-reg-intro-head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; flex-wrap: wrap; gap: 8px; }.itm .biz-reg-tone-input{ position: absolute; opacity: 0; width: 1px; height: 1px; }.itm .biz-reg-tone-btn{ font-size:11px; padding:9px 12px; border-radius:9px; border:1px solid #e4e9ee; color:#5b6877; font-weight:650; cursor:pointer; background:#fff; line-height:1.2; }.itm .biz-reg-tone-input:checked + .biz-reg-tone-btn{ border-color:#1246A3; color:#1246A3; background:#eaf1ff; font-weight:800; }.itm .biz-reg-regen-link{ display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--itm-blue); font-weight: 600; margin-top: 8px; background: none; border: none; cursor: pointer; padding: 0; }.itm .biz-reg-feat-title{ font-size: 14px; font-weight: 700; color: var(--color-text-main); margin-bottom: 4px; }.itm .biz-reg-feat-sub{ font-size: 12px; color: var(--color-text-sub); margin-bottom: 12px; }.itm .biz-reg-selected-feat-row{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--color-divider); min-height: 8px; }.itm .biz-reg-pool-label{ font-size: 11px; color: var(--color-text-muted); font-weight: 600; margin-bottom: 8px; text-transform: uppercase; letter-spacing: .03em; }.itm .biz-reg-pool-wrap{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }.itm .biz-reg-ai-suggest-box{ background: var(--color-primary-50, #F3F7FD); border-radius: 12px; padding: 12px; margin-bottom: 12px; }.itm .biz-reg-ai-suggest-box p.title{ font-size: 12px; color: var(--color-text-sub); margin-bottom: 8px; }.itm .biz-reg-feature-input{ position: absolute; opacity: 0; width: 1px; height: 1px; }.itm .biz-reg-feature-tag{ display:inline-flex; align-items:center; gap:4px; padding:9px 12px; border-radius:9px; border:1px solid #e4e9ee; background:#fff; font-size:11px; font-weight:650; color:#5b6877; cursor:pointer; line-height:1.2; }.itm .biz-reg-feature-input:checked + .biz-reg-feature-tag{ border-color:#e4e9ee; background:#fff; color:#5b6877; font-weight:650; }.itm .biz-reg-add-link-btn{ display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--color-primary); margin-top: 4px; cursor: pointer; list-style: none; }.itm .biz-reg-add-link-btn .plus-circle{ width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--color-primary); display: flex; align-items: center; justify-content: center; font-size: 14px; }.itm .biz-reg-step5-panel details > summary{ list-style: none; }.itm .biz-reg-step5-panel details > summary::-webkit-details-marker{ display: none; }@keyframes pulse-ai{ 0%, 100% { opacity: 1; } 50% { opacity: .5; } }.itm .ai-loading{ animation: pulse-ai 1.4s ease-in-out infinite; }

/* from biz-reg-step6-styles.php */
.itm .biz-reg-step6-card{ margin-bottom: 16px; }.itm .biz-reg-step6-card:last-child{ margin-bottom: 0; }.itm .biz-reg-chip-xs{ font-size: 12px !important; padding: 5px 10px !important; }.itm .biz-reg-optional{ color: var(--color-text-muted); font-weight: 400; font-size: 12px; }.itm .biz-reg-field-error{ font-size: 12px; color: var(--color-error); margin-top: 8px; }.itm .biz-reg-day-row{ display: flex; gap: 8px; }.itm .biz-reg-day-input{ position: absolute; opacity: 0; width: 1px; height: 1px; }.itm .biz-reg-day-btn{ flex: 1; padding: 9px 0; border-radius: 9px; text-align: center; font-size: 11px; font-weight: 650; background: #fff; color: #5b6877; border: 1px solid #e4e9ee; display: block; cursor: pointer; line-height: 1.2; }.itm .biz-reg-day-input:checked + .biz-reg-day-btn{ background: #eaf1ff; border-color: #1246A3; color: #1246A3; font-weight: 800; }.itm .biz-reg-days-summary{ font-size: 12px; color: var(--color-text-sub); margin-top: 8px; }.itm .biz-reg-days-summary .off{ color: var(--color-text-muted); }.itm .biz-reg-time-row{ display: flex; align-items: flex-start; gap: 12px; }.itm .biz-reg-time-col{ flex: 1; min-width: 0; }.itm .biz-reg-time-col-label{ font-size: 11px; color: var(--color-text-sub); font-weight: 600; margin-bottom: 6px; text-align: center; }.itm .biz-reg-time-arrow{ padding-top: 32px; color: var(--color-text-muted); font-weight: 700; font-size: 18px; flex-shrink: 0; }.itm .biz-reg-time-details > summary{ list-style: none; cursor: pointer; }.itm .biz-reg-time-details > summary::-webkit-details-marker{ display: none; }.itm .biz-reg-time-summary{
    padding: 12px 0; border-radius: 12px; text-align: center;
    background: var(--color-surface); border: 2px solid var(--color-divider);
    font-size: 18px; font-weight: 700; color: var(--color-text-main);
  }.itm .biz-reg-time-picker-panel{ margin-top: 8px; }.itm .biz-reg-time-picker-card{
    background: var(--color-surface); border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06); padding: 12px;
  }.itm .biz-reg-time-picker-sub{ font-size: 11px; color: var(--color-text-sub); margin-bottom: 8px; font-weight: 600; }.itm .biz-reg-hour-grid{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin-bottom: 12px; }.itm .biz-reg-min-row{ display: flex; gap: 8px; }.itm .biz-reg-min-row .biz-reg-time-btn{ flex: 1; }.itm .biz-reg-time-input{ position: absolute; opacity: 0; width: 1px; height: 1px; }.itm .biz-reg-time-btn{
    padding: 10px 0; border-radius: 10px; background: var(--color-bg);
    color: var(--color-text-main); font-size: 14px; font-weight: 600;
    cursor: pointer; text-align: center; display: block;
  }.itm .biz-reg-time-input:checked + .biz-reg-time-btn{ background: var(--color-primary); color: #fff; }.itm .biz-reg-breaktime-toggle{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }.itm .biz-reg-breaktime-add-btn{
    display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600;
    color: var(--color-text-sub); background: none; border: none; cursor: pointer; padding: 0; margin-bottom: 8px;
  }.itm .biz-reg-plus-circle{
    width: 20px; height: 20px; border: 2px solid var(--color-divider); border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-size: 13px; line-height: 1;
    color: var(--color-text-muted); flex-shrink: 0;
  }.itm .biz-reg-breaktime-head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }.itm .biz-reg-breaktime-remove{ cursor: pointer; font-size: 12px; color: var(--color-text-muted); }.itm .biz-reg-breaktime-toggle:checked ~ .biz-reg-breaktime-content{ display: block; }.itm .biz-reg-breaktime-toggle:not(:checked) ~ .biz-reg-breaktime-content{ display: none; }.itm .biz-reg-breaktime-toggle:not(:checked) ~ .biz-reg-breaktime-add-btn{ display: flex; }.itm .biz-reg-breaktime-toggle:checked ~ .biz-reg-breaktime-add-btn{ display: none; }.itm .biz-reg-usage-zone{ margin-bottom: 14px; }.itm .biz-reg-usage-zone:last-child{ margin-bottom: 0; }.itm .biz-reg-usage-zone-label{ font-size: 12px; font-weight: 600; color: var(--color-text-sub); margin-bottom: 8px; }.itm .biz-reg-usage-chip-wrap{ display: flex; flex-wrap: wrap; gap: 8px; }.itm .biz-reg-usage-chip-label{ cursor: pointer; }.itm .biz-reg-usage-chip-label.is-unset .biz-reg-usage-chip{ border-style: dashed; color: var(--color-text-muted); }.itm .biz-reg-usage-chip-label.is-error .biz-reg-usage-chip{ border-color: var(--color-error); }.itm .biz-reg-usage-chip-input{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }.itm .biz-reg-usage-chip{
    display: inline-flex; align-items: center; gap: 4px;
    padding: 6px 14px; border-radius: 100px;
    border: 1.5px solid var(--color-divider); background: var(--color-surface);
    font-size: 13px; font-weight: 500; color: var(--color-text-main);
    user-select: none;
  }.itm .biz-reg-usage-zone-yes .biz-reg-usage-chip-input:checked + .biz-reg-usage-chip{
    border-color: var(--color-primary); background: var(--color-primary-50); color: var(--color-primary); font-weight: 600;
  }.itm .biz-reg-usage-zone-no .biz-reg-usage-chip-input:checked + .biz-reg-usage-chip{
    border-color: var(--color-text-muted); background: var(--color-bg); color: var(--color-text-sub); font-weight: 600;
  }.itm .biz-reg-usage-chip-del{
    width: 16px; height: 16px; border: none; border-radius: 50%; background: rgba(0,0,0,.08);
    color: var(--color-text-muted); font-size: 12px; line-height: 1; cursor: pointer; padding: 0;
    display: inline-flex; align-items: center; justify-content: center; margin-left: 2px;
  }.itm .biz-reg-usage-add-btn{
    display: flex; align-items: center; gap: 8px; margin-top: 12px;
    font-size: 13px; font-weight: 600; color: var(--color-text-sub);
    background: none; border: none; cursor: pointer; padding: 0;
  }.itm .biz-reg-usage-add-form{
    display: flex; gap: 8px; align-items: center; margin-top: 12px; flex-wrap: wrap;
  }.itm .biz-reg-usage-add-form .input{ flex: 1; min-width: 140px; }.itm .biz-reg-usage-add-form[hidden]{ display: none !important; }

/* from biz-reg-step7-styles.php */
.itm .biz-reg-extra-phone-card{ display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }.itm .biz-reg-extra-phone-card .label{ font-size: 12px; font-weight: 600; color: var(--color-text-sub); min-width: 64px; }.itm .biz-reg-extra-phone-card .number{ flex: 1; font-size: 15px; font-weight: 600; color: var(--color-text-main); }.itm .biz-reg-extra-phone-card .remove{ width: 24px; height: 24px; border-radius: 50%; background: var(--color-bg); color: var(--color-text-muted); display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer; border: none; }.itm .biz-reg-remove-toggle{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }.itm .biz-reg-remove-toggle:checked + .biz-reg-extra-phone-card{ display: none; }.itm .biz-reg-add-link-btn{ display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--color-primary); margin-top: 4px; cursor: pointer; list-style: none; }.itm .biz-reg-add-link-btn .plus-circle{ width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--color-primary); display: flex; align-items: center; justify-content: center; font-size: 14px; }.itm .biz-reg-step7-map-host{ margin-bottom: 12px; border-radius: 16px; overflow: hidden; border: 1px solid var(--color-divider); background: var(--color-surface, #fff); }.itm .biz-reg-step7-map-host .itamra-detail-map{ border-radius: 0; }.itm .biz-reg-addr-card .label-sm{ font-size: 12px; color: var(--color-text-sub); margin-bottom: 4px; }.itm .biz-reg-addr-card .value{ font-size: 15px; font-weight: 700; color: var(--color-text-main); }.itm .biz-reg-addr-card .detail{ font-size: 13px; color: var(--color-text-sub); margin-top: 2px; }.itm .biz-reg-addr-change-toggle{ position: absolute; opacity: 0; width: 1px; height: 1px; }.itm .biz-reg-addr-change-panel{ display: none; margin-top: 12px; }.itm .biz-reg-addr-change-toggle:checked ~ .biz-reg-addr-change-panel{ display: block; }.itm .biz-reg-underline-link{ font-size: 13px; color: var(--color-primary); font-weight: 600; text-decoration: underline; cursor: pointer; }.itm .biz-reg-mixed-header{ font-size: 14px; font-weight: 700; color: var(--color-text-main); margin-bottom: 12px; }.itm .biz-reg-confirm-visit-btn{ display: block; width: 100%; padding: 16px; border-radius: 14px; background: var(--color-primary); color: #fff; font-weight: 700; font-size: 16px; text-align: center; border: none; margin-top: 16px; cursor: pointer; }.itm .biz-reg-confirm-visit-toggle{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }.itm .biz-reg-confirm-visit-success{ display: none; align-items: center; gap: 8px; background: #e6f9f0; border-radius: 12px; padding: 12px; margin-top: 16px; }.itm .biz-reg-confirm-visit-toggle:checked ~ .biz-reg-confirm-visit-btn{ display: none; }.itm .biz-reg-confirm-visit-toggle:checked ~ .biz-reg-confirm-visit-success{ display: flex; }

/* from biz-reg-step8-styles.php */
.itm .biz-reg-step8-wrap{ display: flex; flex-direction: column; gap: 10px; }.itm .biz-reg-link-row{ border-radius: 12px; border: 1.5px solid var(--color-divider); background: var(--color-surface); overflow: hidden; }.itm .biz-reg-link-summary{ width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: none; border: none; text-align: left; cursor: pointer; list-style: none; }.itm .biz-reg-link-summary::-webkit-details-marker{ display: none; }.itm .biz-reg-link-summary .lt-icon{ font-size: 20px; flex-shrink: 0; }.itm .biz-reg-link-summary .lt-body{ flex: 1; min-width: 0; }.itm .biz-reg-link-summary .lt-label{ font-size: 14px; font-weight: 600; color: var(--color-text-main); display: block; }.itm .biz-reg-link-summary .lt-url{ font-size: 11px; color: var(--color-text-sub); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: none; }.itm .biz-reg-link-summary .lt-status{ font-size: 12px; font-weight: 700; color: var(--color-success); display: none; }.itm .biz-reg-link-summary .lt-plus{ font-size: 18px; color: var(--color-text-muted); }.itm .biz-reg-link-detail{ padding: 0 16px 16px; border-top: 1px solid var(--color-divider); }.itm .biz-reg-link-detail .booking-row{ display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; }.itm .biz-reg-link-detail input.input{ margin-top: 10px; width: 100%; }.itm .biz-reg-link-detail .btn-row{ display: flex; gap: 8px; margin-top: 10px; }.itm .biz-reg-link-detail .btn-remove{ flex: 1; padding: 10px; border-radius: 12px; border: 1px solid #FFD4CC; color: var(--color-error); font-size: 13px; font-weight: 600; background: none; cursor: pointer; text-align: center; }.itm .biz-reg-link-detail .btn-save{ flex: 1; padding: 10px; }.itm .biz-reg-link-connected-toggle{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }.itm .biz-reg-link-connected-toggle:checked + .biz-reg-link-row .lt-status{ display: inline; }.itm .biz-reg-link-connected-toggle:checked + .biz-reg-link-row .lt-url{ display: block; }.itm .biz-reg-link-connected-toggle:checked + .biz-reg-link-row .lt-plus{ display: none; }.itm .biz-reg-link-connected-toggle:not(:checked) + .biz-reg-link-row .btn-remove{ display: none; }

/* from biz-reg-step9-styles.php */
#screenContent.itm.biz-reg-step9{ display: flex; flex-direction: column; min-height: 100%; }.itm .biz-reg-step9 .preview-banner{
    background: var(--color-gold-bg);
    border-bottom: 1px solid var(--color-gold);
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
  }.itm .biz-reg-step9 .preview-banner p{ font-size: 12px; color: var(--color-gold); font-weight: 600; }.itm .biz-reg-step9 .preview-scroll{ flex: 1; background: var(--color-surface); }.itm .biz-reg-step9 .hero{ position: relative; height: 208px; background: var(--color-divider); }.itm .biz-reg-step9 .hero img{ width: 100%; height: 100%; object-fit: cover; }.itm .biz-reg-step9 .hero-gradient{ position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.4), transparent); pointer-events: none; }.itm .biz-reg-step9 .edit-btn{
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 700;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    padding: 4px 10px;
    border-radius: 100px;
    background: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }.itm .biz-reg-step9 .hero .edit-btn{ position: absolute; top: 12px; right: 12px; background: #fff; z-index: 2; }.itm .biz-reg-step9 .hero-dots{ position: absolute; bottom: 12px; right: 12px; display: flex; gap: 6px; z-index: 2; }.itm .biz-reg-step9 .hero-dots span{ width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.5); }.itm .biz-reg-step9 .hero-dots span.is-active{ background: #fff; }.itm .biz-reg-step9 .preview-body{ padding: 16px 20px; display: flex; flex-direction: column; gap: 20px; }.itm .biz-reg-step9 .name-row{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.itm .biz-reg-step9 .name-row h2{ font-size: 22px; font-weight: 900; color: var(--color-text-main); line-height: 1.2; }.itm .biz-reg-step9 .name-row .meta{ font-size: 13px; color: var(--color-text-sub); margin-top: 4px; }.itm .biz-reg-step9 .oneliner{ font-size: 13px; color: var(--color-text-main); margin-top: 8px; line-height: 1.5; }.itm .biz-reg-step9 .contact-row{ display: flex; gap: 12px; }.itm .biz-reg-step9 .contact-row .call-btn{
    flex: 1;
    background: var(--color-primary);
    color: #fff;
    border-radius: 12px;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    text-decoration: none;
  }.itm .biz-reg-step9 .contact-row .inquiry-btn{
    flex: 1;
    background: var(--color-primary-50);
    color: var(--color-primary);
    border-radius: 12px;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid var(--color-primary);
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }.itm .biz-reg-step9 .p-section-head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }.itm .biz-reg-step9 .p-section-head p{ font-size: 13px; font-weight: 700; color: var(--color-text-main); }.itm .biz-reg-step9 .p-feature-wrap{ display: flex; flex-wrap: wrap; gap: 8px; }.itm .biz-reg-step9 .feature-tag{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 14px;
    border-radius: 100px;
    border: 1.5px solid var(--color-divider);
    background: var(--color-surface);
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-main);
  }.itm .biz-reg-step9 .feature-tag.selected{ border-color: var(--itm-blue); background: var(--color-primary-50, #F3F7FD); color: var(--itm-blue); }.itm .biz-reg-step9 .p-intro-text{ font-size: 13px; color: var(--color-text-main); line-height: 1.6; }.itm .biz-reg-step9 .p-menu-featured{
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--color-bg);
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 8px;
  }.itm .biz-reg-step9 .p-menu-featured:last-child{ margin-bottom: 0; }.itm .biz-reg-step9 .p-menu-featured img{ width: 48px; height: 48px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }.itm .biz-reg-step9 .p-menu-featured .body{ flex: 1; min-width: 0; }.itm .biz-reg-step9 .p-menu-featured .name{ font-size: 14px; font-weight: 700; color: var(--color-text-main); }.itm .biz-reg-step9 .p-menu-featured .desc{ font-size: 11px; color: var(--color-text-muted); }.itm .biz-reg-step9 .p-menu-featured .price{ font-size: 13px; font-weight: 700; color: var(--color-primary); flex-shrink: 0; }.itm .biz-reg-step9 .p-menu-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.itm .biz-reg-step9 .p-menu-grid .item{ background: var(--color-bg); border-radius: 12px; padding: 12px; }.itm .biz-reg-step9 .p-menu-grid .item .name{ font-size: 13px; font-weight: 700; color: var(--color-text-main); }.itm .biz-reg-step9 .p-menu-grid .item .price{ font-size: 12px; color: var(--color-primary); font-weight: 600; margin-top: 4px; }.itm .biz-reg-step9 .p-hours-card{
    background: var(--color-bg);
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }.itm .biz-reg-step9 .p-hours-card .row{ display: flex; justify-content: space-between; }.itm .biz-reg-step9 .p-hours-card .row span:first-child{ font-size: 13px; color: var(--color-text-sub); }.itm .biz-reg-step9 .p-hours-card .row span:last-child{ font-size: 13px; font-weight: 600; color: var(--color-text-main); }.itm .biz-reg-step9 .p-attr-wrap{ display: flex; flex-wrap: wrap; gap: 8px; }.itm .biz-reg-step9 .p-attr-tag{ font-size: 12px; font-weight: 600; padding: 6px 12px; border-radius: 100px; }.itm .biz-reg-step9 .p-attr-tag.yes{ background: #e6f9f0; color: var(--color-success); }.itm .biz-reg-step9 .p-attr-tag.no{ background: var(--color-bg); color: var(--color-text-muted); text-decoration: line-through; }.itm .biz-reg-step9 .p-map{ border-radius: 12px; overflow: hidden; height: 112px; position: relative; background: var(--color-divider); }.itm .biz-reg-step9 .p-map img{ width: 100%; height: 100%; object-fit: cover; opacity: 0.8; }.itm .biz-reg-step9 .p-map .pin{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 24px; }.itm .biz-reg-step9 .itamra-detail-map{ border-radius: 12px 12px 0 0; }.itm .biz-reg-step9 .itamra-map-ext{ border-radius: 0 0 12px 12px; margin-bottom: 8px; }.itm .biz-reg-step9 .p-addr-text{ font-size: 12px; color: var(--color-text-sub); margin-top: 8px; line-height: 1.5; }.itm .biz-reg-step9 .p-link-chip{ display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: var(--color-text-main); }.itm .biz-reg-step9 .cta-bar{
    position: sticky;
    bottom: 0;
    z-index: 30;
    margin-top: auto;
    background: var(--color-surface);
    border-top: 1px solid var(--color-divider);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    gap: 8px;
    flex-shrink: 0;
  }

/* biz-reg category panels */
#screenContent.itm:has(#cat-none:checked) .biz-reg-screen-grid { display: block; }
#screenContent.itm:has(#cat-none:checked) .biz-reg-cat-panel { display: none; }
.itm .biz-reg-screen-grid { display: none; }
.itm .biz-reg-cat-panel { display: none; }
#screenContent.itm:has(#cat-food:checked) .biz-reg-cat-panel-food { display: block; }
#screenContent.itm:has(#cat-cafe:checked) .biz-reg-cat-panel-cafe { display: block; }
#screenContent.itm:has(#cat-beauty:checked) .biz-reg-cat-panel-beauty { display: block; }
#screenContent.itm:has(#cat-moving:checked) .biz-reg-cat-panel-moving { display: block; }
#screenContent.itm:has(#cat-clean:checked) .biz-reg-cat-panel-clean { display: block; }
#screenContent.itm:has(#cat-interior:checked) .biz-reg-cat-panel-interior { display: block; }
#screenContent.itm:has(#cat-edu:checked) .biz-reg-cat-panel-edu { display: block; }
#screenContent.itm:has(#cat-stay:checked) .biz-reg-cat-panel-stay { display: block; }
#screenContent.itm:has(#cat-car:checked) .biz-reg-cat-panel-car { display: block; }
#screenContent.itm:has(#cat-shopping:checked) .biz-reg-cat-panel-shopping { display: block; }
#screenContent.itm:has(#cat-daily:checked) .biz-reg-cat-panel-daily { display: block; }
#screenContent.itm:has(#cat-health:checked) .biz-reg-cat-panel-health { display: block; }
#screenContent.itm:has(#cat-etc:checked) .biz-reg-cat-panel-etc { display: block; }

/* realestate-register.css */
.itm.re-register-root, .itm .re-register-root {
  /* Reference B --bg */
  --bg: #ffffff;
  --fg: #17212e;
  --card: #FFFFFF;
  --primary: var(--itm-blue, #1246A3);
  --muted: #f7f9fc;
  --muted-fg: #738191;
  --border: #e9edf2;
  --success: #16A34A;
  --warning: #D97706;
  --error: #DC2626;
  --color-primary: var(--itm-blue, #1246A3);
  --color-text-main: #17212e;
  --color-text-sub: #738191;
  --color-text-muted: #94a3b8;
  --color-divider: #edf0f3;
  --color-surface: #FFFFFF;
  --color-bg: #ffffff;
  --color-error: #DC2626;
  --color-success: #16A34A;
}
.itm .re-register-root{ width: 100%; max-width: var(--layout-max-width); margin: 0 auto; }.itm .re-register-root .app-shell{ width: 100%; min-height: auto; background: var(--bg); }.itm .re-register-root .app-header{ top: 0; }.itm .re-register-root .no-scrollbar{ -ms-overflow-style: none; scrollbar-width: none; }.itm .re-register-root .no-scrollbar::-webkit-scrollbar{ display: none; }.itm .re-register-root .app-shell{ max-width: 480px; margin: 0 auto; min-height: 100vh; background: var(--bg); display: flex; flex-direction: column; position: relative; }.itm .re-register-root .app-header{ background: var(--card); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 20; }.itm .re-register-root .header-top{ display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; gap: 8px; }.itm .re-register-root .header-brand{ display: flex; align-items: center; gap: 10px; min-width: 0; }.itm .re-register-root .header-brand .title{ font-size: 14px; font-weight: 600; color: var(--fg); line-height: 1.2; margin: 2px 0 0; }.itm .re-register-root .header-actions{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; }.itm .re-register-root .save-indicator{ font-size: 12px; color: var(--muted-fg); white-space: nowrap; }.itm .re-register-root .save-indicator.done{ color: var(--success); }.itm .re-register-root .btn-draft-mini{ font-size: 12px; padding: 6px 12px; color: var(--muted-fg); border: 1px solid var(--border); border-radius: 8px; background: none; cursor: pointer; white-space: nowrap; }.itm .re-register-root .btn-menu{ width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: var(--muted-fg); background: none; border: none; cursor: pointer; font-size: 18px; }.itm .re-register-root .progress-strip-wrap{ padding: 0 16px 8px; }.itm .re-register-root .progress-strip{ width: 100%; background: var(--muted); border-radius: 999px; height: 4px; overflow: hidden; }.itm .re-register-root .progress-strip-fill{ height: 100%; border-radius: 999px; background: var(--primary); transition: width .5s; }.itm .re-register-root .progress-strip-fill.complete{ background: #22C55E; }.itm .re-register-root .steps{
    background: var(--color-surface);
    padding: 12px 20px;
    border-bottom: 1px solid var(--color-divider);
  }.itm .re-register-root .steps .row{ display: flex; align-items: flex-start; }.itm .re-register-root .steps .step{ flex: 1; display: flex; align-items: flex-start; }.itm .re-register-root .steps .col{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
    color: inherit;
  }.itm .re-register-root .steps .dot{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: var(--color-divider);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    color: var(--color-text-muted);
  }.itm .re-register-root .steps .dot.is-on{ background: var(--color-primary); color: #fff; }.itm .re-register-root .steps .dot.is-error{ background: #FEE2E2; color: var(--color-error); }.itm .re-register-root .steps .name{ font-size: 8px; color: var(--color-text-muted); text-align: center; line-height: 1.2; }.itm .re-register-root .steps .name.is-on{ color: var(--color-primary); }.itm .re-register-root .steps .name.is-error{ color: var(--color-error); }.itm .re-register-root .steps .sep{ width: 1px; height: 16px; background: var(--color-divider); margin-top: 4px; }.itm .re-register-root main{ flex: 1; padding-bottom: 112px; }.itm .re-register-root .section-divider{ border-top: 4px solid var(--muted); margin-top: 8px; }.itm .re-register-root .section-head{ display: flex; align-items: center; gap: 12px; padding: 24px 16px 12px; }.itm .re-register-root .section-badge{ width: 28px; height: 28px; border-radius: 8px; background: rgba(27,111,208,.1); color: var(--primary); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }.itm .re-register-root .section-badge.error{ background: #FEE2E2; color: var(--error); }.itm .re-register-root .section-head h2{ flex: 1; min-width: 0; font-size: 14px; font-weight: 700; color: var(--fg); margin: 0; }.itm .re-register-root .section-head h2.error{ color: var(--error); }.itm .re-register-root .section-head .req-note{ font-size: 12px; color: var(--error); flex-shrink: 0; }.itm .re-register-root .section-body-error{ outline: 2px solid #FECACA; border-radius: 12px; margin: 0 8px 8px; }.itm .re-register-root .form-group{ padding: 16px; border-bottom: 1px solid rgba(226,232,240,.5); }.itm .re-register-root .form-group-head{ display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }.itm .re-register-root .form-badge{ width: 20px; height: 20px; border-radius: 999px; background: var(--primary); color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }.itm .re-register-root .form-label{ font-size: 14px; font-weight: 600; color: var(--fg); }.itm .re-register-root .form-label .req{ color: var(--error); margin-left: 2px; }.itm .re-register-root .cat-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.itm .re-register-root .cat-btn{ display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 12px; border: 1px solid var(--border); background: #fff; text-align: left; cursor: pointer; color: var(--fg); }.itm .re-register-root .cat-btn.active{ border-color: var(--primary); background: rgba(27,111,208,.05); color: var(--primary); }.itm .re-register-root .cat-btn .icon{ font-size: 22px; }.itm .re-register-root .cat-btn .cat-ico{width:39px;height:39px;border-radius:11px;background:var(--itm-tile,#f1f5fb);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.itm .re-register-root .cat-btn .cat-ico .itm-icon{width:22px;height:22px}.itm .re-register-root .cat-btn.active .cat-ico{background:rgba(18,70,163,.12)}.itm .re-register-root .cat-btn .label{font-size:12px;font-weight:600;line-height:1.3;color:#24354a}.itm .re-register-root .cat-btn.active .label{color:var(--primary)}.itm .re-register-root .photo-dropzone .photo-ico{width:48px;height:48px;border-radius:14px;background:var(--itm-tile,#f1f5fb);color:var(--primary);display:grid;place-items:center}.itm .re-register-root .photo-dropzone .photo-ico .itm-icon{width:24px;height:24px}.itm .re-register-root .checklist-row .icon{width:36px;height:36px;border-radius:10px;background:var(--itm-tile,#f1f5fb);color:var(--primary);display:grid;place-items:center;flex-shrink:0;font-size:0}.itm .re-register-root .checklist-row .icon .itm-icon{width:18px;height:18px}.itm .re-register-root .addr-result-btn .addr-pin{width:28px;height:28px;border-radius:8px;background:var(--itm-tile,#f1f5fb);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.itm .re-register-root .addr-result-btn .addr-pin .itm-icon{width:16px;height:16px}.itm .re-register-root .itm-icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.itm .re-register-root .success-screen .success-ico,.itm .re-register-root .draft-icon{width:56px;height:56px;border-radius:16px;background:var(--itm-tile,#f1f5fb);color:var(--primary);display:grid;place-items:center;margin:0 auto 20px;font-size:0}.itm .re-register-root .success-screen .success-ico .itm-icon,.itm .re-register-root .draft-icon .itm-icon{width:28px;height:28px}.itm .re-register-root .draft-icon{width:40px;height:40px;border-radius:12px;margin:0}.itm .re-register-root .draft-icon .itm-icon{width:20px;height:20px}.itm .re-register-root .cat-btn .label{ font-size: 12px; font-weight: 500; line-height: 1.3; }.itm .re-register-root .select-row-btn{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; border-radius: 12px; border: 1px solid var(--border); background: #fff; font-size: 14px; color: var(--muted-fg); cursor: pointer; text-align: left; }.itm .re-register-root .select-row-btn.filled{ border-color: var(--primary); background: rgba(27,111,208,.05); color: var(--fg); font-weight: 500; }.itm .re-register-root .select-row-btn .chev{ color: var(--muted-fg); margin-left: 8px; flex-shrink: 0; }.itm .re-register-root .presale-box{ margin-top: 12px; padding: 12px; background: #EFF6FF; border: 1px solid #BFDBFE; border-radius: 12px; }.itm .re-register-root .presale-box p{ font-size: 12px; font-weight: 500; color: #1E40AF; margin: 0 0 8px; }.itm .re-register-root .presale-toggle{ display: flex; gap: 8px; }.itm .re-register-root .presale-toggle button{ flex: 1; padding: 8px; border-radius: 8px; font-size: 12px; font-weight: 500; border: 1px solid var(--border); background: #fff; color: var(--fg); cursor: pointer; }.itm .re-register-root .presale-toggle button.active{ background: var(--primary); color: #fff; border-color: var(--primary); }.itm .re-register-root .tx-grid3{ display: flex; gap: 8px; }.itm .re-register-root .tx-grid3 button{ flex: 1; }.itm .re-register-root .tx-grid6{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.itm .re-register-root .tx-btn{ padding: 12px; border-radius: 12px; border: 1px solid var(--border); background: #fff; font-size: 14px; font-weight: 500; color: var(--fg); cursor: pointer; }.itm .re-register-root .tx-btn.active{ background: var(--primary); color: #fff; border-color: var(--primary); }.itm .re-register-root .addr-fields{ margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }.itm .re-register-root .field-input{ width: 100%; border: 1px solid var(--border); border-radius: 8px; background: #fff; padding: 10px 12px; font-size: 16px; color: var(--fg); }.itm .re-register-root .field-input:focus{ outline: 2px solid #3B82F6; border-color: transparent; }.itm .re-register-root .number-mono{ font-family: 'Inter', 'Noto Sans KR', sans-serif; font-variant-numeric: tabular-nums; }.itm .re-register-root .vis-label{ font-size: 12px; color: var(--muted-fg); font-weight: 500; margin: 8px 0 6px; }.itm .re-register-root .vis-btns{ display: flex; gap: 8px; }.itm .re-register-root .vis-btns button{ flex: 1; padding: 8px; border-radius: 8px; font-size: 12px; font-weight: 500; border: 1px solid var(--border); background: #fff; color: var(--fg); cursor: pointer; }.itm .re-register-root .vis-btns button.active{ background: var(--primary); color: #fff; border-color: var(--primary); }.itm .re-register-root .pd-card{ margin-top: 12px; padding: 14px; border-radius: 12px; }.itm .re-register-root .pd-card.loading{ background: #EFF6FF; border: 1px solid #BFDBFE; }.itm .re-register-root .pd-card.success{ background: #F0FDF4; border: 1px solid #BBF7D0; }.itm .re-register-root .pd-card.partial{ background: #FFFBEB; border: 1px solid #FDE68A; }.itm .re-register-root .pd-card.failure{ background: #F9FAFB; border: 1px solid var(--border); }.itm .re-register-root .pd-card .row{ display: flex; align-items: center; gap: 8px; }.itm .re-register-root .pd-card p{ margin: 0; font-size: 13px; }.itm .re-register-root .pd-card .hint{ font-size: 12px; margin: 4px 0 0 24px; }.itm .re-register-root .pd-card .pd-action{ margin-top: 10px; padding: 8px 12px; border-radius: 8px; background: #fff; font-size: 12px; font-weight: 600; cursor: pointer; }.itm .re-register-root .br-unit-wrap{ margin-top: 12px; padding: 12px; border-radius: 12px; background: #fff; border: 1px solid var(--border); display: flex; flex-direction: column; gap: 10px; }.itm .re-register-root .br-unit-wrap .br-label{ font-size: 12px; font-weight: 600; color: var(--fg); margin: 0 0 4px; }.itm .re-register-root .br-unit-wrap select{ width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); font-size: 14px; background: var(--muted); color: var(--fg); }.itm .re-register-root .br-unit-wrap .br-hint{ font-size: 12px; color: var(--muted-fg); margin: 0; }.itm .re-register-root .br-unit-wrap .br-hint.ok{ color: var(--success); }.itm .re-register-root .spinner{ width: 16px; height: 16px; border: 2px solid #BFDBFE; border-top-color: #1D4ED8; border-radius: 50%; animation: br-spin .7s linear infinite; }@keyframes br-spin{ to { transform: rotate(360deg); } }.itm .re-register-root .spinner{ width: 16px; height: 16px; border: 2px solid #3B82F6; border-top-color: transparent; border-radius: 50%; animation: spin .7s linear infinite; flex-shrink: 0; }@keyframes spin{ to { transform: rotate(360deg); } }.itm .re-register-root .pd-action{ margin-top: 8px; width: 100%; padding: 8px; font-size: 12px; font-weight: 500; border-radius: 8px; background: #fff; cursor: pointer; }.itm .re-register-root .same-complex-hint{ margin: 0 16px 16px; padding: 16px; background: #EFF6FF; border: 1px solid #BFDBFE; border-radius: 12px; }.itm .re-register-root .same-complex-hint p{ font-size: 14px; color: #1E40AF; margin: 0 0 8px; }.itm .re-register-root .same-complex-hint button{ width: 100%; padding: 8px; font-size: 12px; font-weight: 500; color: #1D4ED8; border: 1px solid #93C5FD; border-radius: 8px; background: #fff; cursor: pointer; }.itm .re-register-root .placeholder-box{ margin: 0 16px 16px; padding: 32px 16px; text-align: center; background: #fff; border: 1px dashed var(--border); border-radius: 12px; color: var(--muted-fg); font-size: 13px; line-height: 1.6; }.itm .re-register-root .bottom-bar{ position: fixed; left: 0; right: 0; bottom: 0; background: #fff; border-top: 1px solid var(--border); z-index: 20; }.itm .re-register-root .bottom-bar-inner{ max-width: 480px; margin: 0 auto; }.itm .re-register-root .remaining-note{ padding: 10px 16px 0; text-align: center; font-size: 12px; color: var(--warning); font-weight: 500; }.itm .re-register-root .bottom-actions{ display: flex; gap: 12px; padding: 10px 16px 16px; }.itm .re-register-root .btn-draft,.itm.re-register-root .btn-draft{ flex-shrink:0; padding:12px 15px; border-radius:9px; border:1px solid #dfe5eb; background:#fff; font-size:12px; font-weight:800; color:#263747; cursor:pointer; }.itm .re-register-root .btn-publish,.itm.re-register-root .btn-publish{ flex:1; padding:12px 15px; border-radius:9px; border:1px solid #1246A3; font-size:12px; font-weight:800; color:#fff; background:#1246A3; cursor:pointer; box-shadow:none; }.itm .re-register-root .btn-publish.not-ready,.itm.re-register-root .btn-publish.not-ready{ background:#1246A3; opacity:.82; box-shadow:none; }.itm .re-register-root .save-toast{ position: fixed; top: 78px; left: 50%; transform: translateX(-50%); z-index: 60; background: #111827; color: #fff; font-size: 12px; padding: 8px 16px; border-radius: 999px; box-shadow: 0 4px 12px rgba(0,0,0,.15); }.itm .re-register-root .modal-overlay{ position: fixed; inset: 0; background: rgba(0,0,0,.4); display: flex; align-items: center; justify-content: center; z-index: 50; padding: 16px; }.itm .re-register-root .modal-card{ background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.2); width: 100%; }.itm .re-register-root .modal-card.sm{ max-width: 380px; padding: 24px; display: flex; flex-direction: column; gap: 16px; }.itm .re-register-root .modal-card.lg{ max-width: 480px; max-height: 90vh; overflow-y: auto; }.itm .re-register-root .modal-card.xl{ max-width: 640px; max-height: 90vh; overflow-y: auto; }.itm .re-register-root .draft-icon-row{ display: flex; gap: 12px; align-items: center; }.itm .re-register-root .draft-icon{ width: 40px; height: 40px; border-radius: 999px; background: rgba(27,111,208,.1); color: var(--primary); font-size: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }.itm .re-register-root .draft-icon-row h2{ font-size: 15px; font-weight: 600; margin: 0; color: var(--fg); }.itm .re-register-root .draft-summary{ padding: 12px; background: var(--muted); border: 1px solid var(--border); border-radius: 8px; }.itm .re-register-root .draft-summary p{ margin: 2px 0; font-size: 13px; }.itm .re-register-root .draft-summary .t1{ font-weight: 500; color: var(--fg); }.itm .re-register-root .draft-summary .t2{ color: var(--muted-fg); }.itm .re-register-root .draft-summary .t3{ font-size: 12px; color: var(--muted-fg); }.itm .re-register-root .draft-actions{ display: flex; gap: 8px; }.itm .re-register-root .draft-actions button{ flex: 1; padding: 8px; border-radius: 8px; font-size: 14px; cursor: pointer; }.itm .re-register-root .draft-actions .ghost{ border: 1px solid var(--border); background: #fff; color: var(--muted-fg); }.itm .re-register-root .draft-actions .primary{ border: none; background: var(--primary); color: #fff; font-weight: 500; }.itm .re-register-root .modal-head{ display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--border); }.itm .re-register-root .modal-head h2{ font-size: 15px; font-weight: 600; margin: 0; color: var(--fg); }.itm .re-register-root .modal-head .desc{ font-size: 12px; color: var(--muted-fg); margin: 3px 0 0; }.itm .re-register-root .modal-close{ background: none; border: none; font-size: 20px; color: var(--muted-fg); cursor: pointer; line-height: 1; }.itm .re-register-root .modal-body{ padding: 20px; display: flex; flex-direction: column; gap: 16px; }.itm .re-register-root .ai-textarea, .itm .re-register-root .excel-hidden{ width: 100%; border: 1px solid var(--border); border-radius: 8px; padding: 12px; font-family: 'Menlo', monospace; font-size: 12px; resize: none; box-sizing: border-box; }.itm .re-register-root .btn-block{ width: 100%; padding: 10px; border-radius: 8px; border: none; background: var(--primary); color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; }.itm .re-register-root .btn-block:disabled{ opacity: .5; cursor: default; }.itm .re-register-root .btn-block.ghost{ background: none; color: var(--muted-fg); border: 1px solid var(--border); }.itm .re-register-root .row-gap8{ display: flex; gap: 8px; }.itm .re-register-root .stat-row{ display: flex; gap: 16px; font-size: 14px; align-items: center; }.itm .re-register-root .dot{ width: 8px; height: 8px; border-radius: 999px; display: inline-block; margin-right: 6px; }.itm .re-register-root .mapping-list, .itm .re-register-root .listing-list{ border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }.itm .re-register-root .mapping-row{ display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-bottom: 1px solid var(--border); font-size: 12px; }.itm .re-register-root .mapping-row:last-child{ border-bottom: none; }.itm .re-register-root .mapping-row .conf{ font-weight: 700; width: 12px; flex-shrink: 0; }.itm .re-register-root .mapping-row .field{ color: var(--muted-fg); width: 88px; flex-shrink: 0; }.itm .re-register-root .search-input{ width: 100%; border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; font-size: 14px; box-sizing: border-box; }.itm .re-register-root .filter-chip-row{ display: flex; gap: 8px; }.itm .re-register-root .filter-chip-row button{ font-size: 12px; padding: 4px 10px; border-radius: 8px; border: 1px solid var(--border); color: var(--muted-fg); background: #fff; cursor: pointer; }.itm .re-register-root .listing-row{ width: 100%; text-align: left; padding: 12px; border: 1px solid var(--border); border-radius: 8px; background: #fff; cursor: pointer; display: block; margin-bottom: 8px; }.itm .re-register-root .listing-row.active{ border-color: var(--primary); background: rgba(27,111,208,.05); }.itm .re-register-root .listing-row .top{ display: flex; align-items: center; gap: 8px; }.itm .re-register-root .listing-row .badge-type{ font-size: 11px; background: var(--muted); color: var(--muted-fg); padding: 1px 6px; border-radius: 6px; }.itm .re-register-root .listing-row .tx{ font-size: 11px; color: var(--primary); }.itm .re-register-root .listing-row .date{ font-size: 11px; color: var(--muted-fg); margin-left: auto; }.itm .re-register-root .listing-row .addr{ font-size: 13px; color: var(--fg); margin: 4px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.itm .re-register-root .copy-opt{ display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 4px 0; }.itm .re-register-root .copy-opt input{ width: 16px; height: 16px; }.itm .re-register-root .copy-opt .off-note{ font-size: 11px; color: var(--muted-fg); margin-left: auto; }.itm .re-register-root .upload-drop{ border: 2px dashed var(--border); border-radius: 12px; padding: 32px 16px; text-align: center; cursor: pointer; }.itm .re-register-root .upload-drop .icon{ font-size: 24px; margin: 0 0 8px; }.itm .re-register-root .upload-drop .t{ font-size: 14px; font-weight: 500; color: var(--fg); margin: 0; }.itm .re-register-root .upload-drop .d{ font-size: 12px; color: var(--muted-fg); margin: 4px 0 0; }.itm .re-register-root .stat-grid3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.itm .re-register-root .stat-card{ padding: 12px; background: var(--muted); border: 1px solid var(--border); border-radius: 8px; text-align: center; }.itm .re-register-root .stat-card .v{ font-size: 20px; font-weight: 700; margin: 0; }.itm .re-register-root .stat-card .l{ font-size: 12px; color: var(--muted-fg); margin: 2px 0 0; }.itm .re-register-root table.excel-table{ width: 100%; font-size: 11px; border-collapse: collapse; }.itm .re-register-root table.excel-table th{ text-align: left; padding: 8px; color: var(--muted-fg); background: var(--muted); border-bottom: 1px solid var(--border); }.itm .re-register-root table.excel-table td{ padding: 8px; border-bottom: 1px solid var(--border); }.itm .re-register-root table.excel-table tr.issue-row{ background: #FFFBEB; }.itm .re-register-root .excel-table-wrap{ border: 1px solid var(--border); border-radius: 8px; overflow: auto; }.itm .re-register-root .pdd-summary{ display: flex; gap: 16px; padding: 12px 20px; border-bottom: 1px solid var(--border); background: rgba(248,250,252,.6); font-size: 12px; }.itm .re-register-root .pdd-list{ list-style: none; margin: 0; padding: 0; }.itm .re-register-root .pdd-row{ width: 100%; display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1px solid var(--border); background: none; border-left: none; border-right: none; border-top: none; text-align: left; cursor: pointer; }.itm .re-register-root .pdd-row:last-child{ border-bottom: none; }.itm .re-register-root .pdd-row .stat{ font-size: 12px; font-weight: 700; width: 14px; flex-shrink: 0; }.itm .re-register-root .pdd-row .label{ font-size: 13px; font-weight: 500; color: var(--fg); }.itm .re-register-root .pdd-row .value{ font-size: 13px; color: var(--fg); margin-left: 6px; }.itm .re-register-root .pdd-row .needs-confirm{ font-size: 11px; color: var(--warning); margin: 2px 0 0; }.itm .re-register-root .pdd-row .source-badge{ font-size: 11px; padding: 1px 8px; border-radius: 6px; border: 1px solid; flex-shrink: 0; }.itm .re-register-root .pdd-row .sec-label{ font-size: 11px; color: var(--muted-fg); flex-shrink: 0; }.itm .re-register-root .sheet-overlay{ position: fixed; inset: 0; z-index: 50; display: flex; align-items: flex-end; }.itm .re-register-root .sheet-backdrop{ position: absolute; inset: 0; background: rgba(0,0,0,.4); }.itm .re-register-root .sheet-panel{ position: relative; width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border-radius: 16px 16px 0 0; box-shadow: 0 -8px 30px rgba(0,0,0,.2); display: flex; flex-direction: column; max-height: 85vh; }.itm .re-register-root .sheet-panel.full{ max-height: 92vh; }.itm .re-register-root .sheet-handle-wrap{ display: flex; justify-content: center; padding: 12px 0 4px; flex-shrink: 0; }.itm .re-register-root .sheet-handle{ width: 40px; height: 4px; background: #D1D5DB; border-radius: 999px; }.itm .re-register-root .sheet-head{ display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--border); flex-shrink: 0; }.itm .re-register-root .sheet-head h2{ font-size: 15px; font-weight: 600; margin: 0; color: var(--fg); }.itm .re-register-root .sheet-body{ flex: 1; overflow-y: auto; padding: 16px; }.itm .re-register-root .type-opt-btn{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--border); background: #fff; font-size: 14px; font-weight: 500; color: var(--fg); cursor: pointer; margin-bottom: 8px; }.itm .re-register-root .type-opt-btn.active{ border-color: var(--primary); background: rgba(27,111,208,.05); color: var(--primary); }.itm .re-register-root .addr-search-row{ display: flex; gap: 8px; margin-bottom: 16px; }.itm .re-register-root .addr-search-row input{ flex: 1; }.itm .re-register-root .addr-search-row button{ padding: 8px 16px; font-size: 14px; font-weight: 500; color: #fff; background: var(--primary); border: none; border-radius: 12px; cursor: pointer; }.itm .re-register-root .addr-result-btn{ width: 100%; display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--border); background: #fff; text-align: left; font-size: 14px; color: var(--fg); cursor: pointer; margin-bottom: 8px; }.itm .re-register-root .addr-sheet{ display: flex; flex-direction: column; height: 92vh; }.itm .re-register-root .addr-sheet-head{ display: flex; align-items: center; justify-content: space-between; }.itm .re-register-root .addr-close{ border: 0; background: none; padding: 0 4px; font-size: 24px; line-height: 1; color: var(--muted-fg); cursor: pointer; }.itm .re-register-root .addr-sheet-body{ flex: 1; min-height: 0; display: flex; flex-direction: column; }.itm .re-register-root .addr-mode-switch{ margin-bottom: 8px; }.itm .re-register-root .addr-mode-switch:empty{ display: none; }.itm .re-register-root .addr-link{ border: 0; background: none; padding: 0; font-size: 13px; color: var(--primary); text-decoration: underline; cursor: pointer; }.itm .re-register-root .addr-daum-box{ flex: 1; min-height: 420px; }.itm .re-register-root .addr-parcel-box{ flex: 1; min-height: 0; overflow-y: auto; }.itm .re-register-root .addr-hint{ font-size: 12px; color: var(--muted-fg); margin: 0 0 10px; }.itm .re-register-root .land-card .land-row{ margin-top: 6px; line-height: 1.5; }.itm .re-register-root .land-details{ margin-top: 6px; font-size: 12px; }.itm .re-register-root .land-details summary{ cursor: pointer; color: #15803D; font-weight: 600; }.itm .re-register-root .land-details p{ margin: 4px 0 0; line-height: 1.5; }.itm .re-register-root .menu-item-btn{ width: 100%; display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 12px; border: 1px solid var(--border); background: #fff; text-align: left; font-size: 14px; font-weight: 500; color: var(--fg); cursor: pointer; margin-bottom: 8px; }.itm .re-register-root .success-screen{ min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 24px; text-align: center; }.itm .re-register-root .success-screen .emoji{ font-size: 60px; margin-bottom: 24px; }.itm .re-register-root .success-screen h1{ font-size: 22px; font-weight: 700; color: var(--fg); margin: 0 0 8px; }.itm .re-register-root .success-screen p{ font-size: 13px; color: var(--muted-fg); margin: 0 0 32px; }.itm .re-register-root .success-screen .actions{ width: 100%; display: flex; flex-direction: column; gap: 12px; }.itm .re-register-root .success-screen .actions button{ width: 100%; padding: 16px; border-radius: 16px; font-size: 14px; font-weight: 600; cursor: pointer; }.itm .re-register-root .success-screen .primary{ background: var(--primary); color: #fff; border: none; }.itm .re-register-root .success-screen .outline{ background: #fff; color: var(--fg); border: 1px solid var(--border); }.itm .re-register-root .tx-section{ padding: 16px; border-bottom: 1px solid rgba(226,232,240,.5); }.itm .re-register-root .tx-section h3{ font-size: 14px; font-weight: 600; color: var(--fg); margin: 0 0 12px; }.itm .re-register-root .tx-stack > * + *{ margin-top: 12px; }.itm .re-register-root .money-field{ display: flex; flex-direction: column; gap: 4px; }.itm .re-register-root .money-field-head{ display: flex; align-items: center; justify-content: space-between; }.itm .re-register-root .money-field-head label{ font-size: 14px; font-weight: 500; color: var(--fg); }.itm .re-register-root .money-field-head .req{ color: var(--error); margin-left: 2px; }.itm .re-register-root .money-input-wrap{ display: flex; align-items: center; gap: 8px; border-radius: 8px; border: 1px solid var(--border); padding: 8px 12px; background: #fff; }.itm .re-register-root .money-input-wrap.auto-filled{ border-color: #93C5FD; background: #EFF6FF; }.itm .re-register-root .money-input-wrap input{ flex: 1; min-width: 0; border: none; background: none; outline: none; font-size: 14px; color: var(--fg); font-family: 'Inter', monospace; }.itm .re-register-root .money-input-wrap .unit{ font-size: 13px; color: var(--muted-fg); flex-shrink: 0; white-space: nowrap; }.itm .re-register-root .money-hint{ font-size: 12px; color: var(--primary); font-weight: 500; margin: 0; }.itm .re-register-root .source-badge-sm{ font-size: 11px; padding: 1px 6px; border-radius: 6px; font-weight: 500; }.itm .re-register-root .chip-group{ display: flex; flex-wrap: wrap; gap: 8px; }.itm .re-register-root .chip-btn{ padding: 10px 16px; border-radius: 12px; border: 1px solid var(--border); background: #fff; font-size: 14px; font-weight: 500; color: var(--fg); cursor: pointer; }.itm .re-register-root .chip-btn.active{ background: var(--primary); color: #fff; border-color: var(--primary); }.itm .re-register-root .toggle-row{ display: flex; align-items: center; justify-content: space-between; padding: 4px 0; }.itm .re-register-root .toggle-row .lbl{ font-size: 14px; color: var(--fg); }.itm .re-register-root .toggle-switch{ width: 48px; height: 24px; border-radius: 999px; background: #D1D5DB; position: relative; border: none; cursor: pointer; transition: background .2s; flex-shrink: 0; padding: 0; }.itm .re-register-root .toggle-switch.on{ background: var(--primary); }.itm .re-register-root .toggle-switch .knob{ position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: transform .2s; }.itm .re-register-root .toggle-switch.on .knob{ transform: translateX(28px); }.itm .re-register-root .presale-price-box{ padding: 12px; background: #EFF6FF; border: 1px solid #BFDBFE; border-radius: 12px; display: flex; flex-direction: column; gap: 12px; }.itm .re-register-root .presale-total-row{ display: flex; align-items: center; justify-content: space-between; padding: 12px; background: #fff; border-radius: 8px; border: 1px solid #BFDBFE; }.itm .re-register-root .presale-total-row .k{ font-size: 12px; color: var(--muted-fg); }.itm .re-register-root .presale-total-row .v{ font-size: 14px; font-weight: 700; color: var(--primary); font-family: 'Inter', monospace; }.itm .re-register-root .sub-box{ padding: 12px; background: var(--muted); border-radius: 12px; display: flex; flex-direction: column; gap: 12px; }.itm .re-register-root .sub-box .sub-label{ font-size: 12px; font-weight: 500; color: var(--muted-fg); margin: 0 0 8px; }.itm .re-register-root .mgmt-item-btn{ padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 500; border: 1px solid var(--border); background: #fff; color: var(--fg); cursor: pointer; }.itm .re-register-root .mgmt-item-btn.active{ background: var(--primary); color: #fff; border-color: var(--primary); }.itm .re-register-root .contract-period-row{ display: flex; align-items: center; gap: 12px; }.itm .re-register-root .contract-period-row input{ width: 96px; }.itm .re-register-root .contract-period-row span{ font-size: 14px; color: var(--muted-fg); }.itm .re-register-root .num-field{ display: flex; flex-direction: column; gap: 4px; }.itm .re-register-root .num-field > label, .itm .re-register-root .num-field > .field-head-row > label{ font-size: 12px; font-weight: 500; color: var(--muted-fg); }.itm .re-register-root .num-field .req{ color: var(--error); margin-left: 2px; }.itm .re-register-root .num-field-row{ display: flex; align-items: center; gap: 8px; }.itm .re-register-root .num-field-row input{ flex: 1; }.itm .re-register-root .num-field-row .unit{ font-size: 14px; color: var(--muted-fg); flex-shrink: 0; }.itm .re-register-root .area-unit-toggle{ font-size: 13px; font-weight: 600; color: var(--primary); background: none; border: none; cursor: pointer; flex-shrink: 0; padding: 0 4px; }.itm .re-register-root .field-head-row{ display: flex; align-items: center; justify-content: space-between; }.itm .re-register-root .grid2{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.itm .re-register-root .floor-type-row{ display: flex; flex-wrap: wrap; gap: 8px; }.itm .re-register-root .floor-type-btn{ padding: 8px 12px; border-radius: 12px; border: 1px solid var(--border); background: #fff; font-size: 14px; font-weight: 500; color: var(--fg); cursor: pointer; }.itm .re-register-root .floor-type-btn.active{ background: var(--primary); color: #fff; border-color: var(--primary); }.itm .re-register-root .checkbox-row{ display: flex; align-items: center; gap: 8px; padding: 4px 0; cursor: pointer; }.itm .re-register-root .checkbox-row input{ width: 16px; height: 16px; }.itm .re-register-root .checkbox-row span{ font-size: 14px; color: var(--fg); }.itm .re-register-root .empty-note{ padding: 32px 16px; text-align: center; color: var(--muted-fg); font-size: 13px; }.itm .re-register-root .pick-opt-row{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--border); background: #fff; font-size: 14px; font-weight: 500; color: var(--fg); cursor: pointer; margin-bottom: 8px; }.itm .re-register-root .pick-opt-row.active{ border-color: var(--primary); background: rgba(27,111,208,.05); color: var(--primary); }.itm .re-register-root .pick-grid3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.itm .re-register-root .pick-grid3 button{ padding: 12px; border-radius: 12px; border: 1px solid var(--border); background: #fff; font-size: 14px; font-weight: 500; color: var(--fg); cursor: pointer; }.itm .re-register-root .pick-grid3 button.active{ background: var(--primary); color: #fff; border-color: var(--primary); }.itm .re-register-root .grid4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }.itm .re-register-root .btn-row{ display: flex; gap: 8px; }.itm .re-register-root .btn-row.grow > button{ flex: 1; }.itm .re-register-root .tx-btn-sm{ padding: 8px; border-radius: 8px; font-size: 12px; font-weight: 500; border: 1px solid var(--border); background: #fff; color: var(--fg); cursor: pointer; }.itm .re-register-root .tx-btn-sm.active{ background: var(--primary); color: #fff; border-color: var(--primary); }.itm .re-register-root .parking-count-row{ display: flex; align-items: center; gap: 12px; }.itm .re-register-root .parking-count-row label{ font-size: 14px; color: var(--muted-fg); flex-shrink: 0; }.itm .re-register-root .parking-count-row input{ width: 96px; }.itm .re-register-root .parking-count-row .unit{ font-size: 14px; color: var(--muted-fg); }.itm .re-register-root .facility-group{ border: 1px solid var(--border); border-radius: 12px; overflow: hidden; margin-bottom: 12px; }.itm .re-register-root .facility-group:last-child{ margin-bottom: 0; }.itm .re-register-root .facility-group-head{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: var(--muted); border: none; cursor: pointer; font-size: 14px; font-weight: 500; color: var(--fg); }.itm .re-register-root .facility-group-head .right{ display: flex; align-items: center; gap: 8px; }.itm .re-register-root .facility-group-head .count-badge{ font-size: 11px; font-weight: 600; color: var(--primary); background: rgba(27,111,208,.1); padding: 2px 8px; border-radius: 999px; }.itm .re-register-root .facility-group-head .caret{ font-size: 11px; color: var(--muted-fg); }.itm .re-register-root .facility-group-body{ padding: 12px 16px; display: flex; flex-wrap: wrap; gap: 8px; }.itm .re-register-root .facility-chip{ padding: 8px 12px; border-radius: 999px; font-size: 12px; font-weight: 500; border: 1px solid var(--border); background: #fff; color: var(--fg); cursor: pointer; }.itm .re-register-root .facility-chip.active{ background: var(--primary); color: #fff; border-color: var(--primary); }.itm .re-register-root .field-input.auto-filled{ background: #EFF6FF; border-color: #93C5FD; }.itm .re-register-root .auto-hint{ font-size: 12px; color: #2563EB; margin: 4px 0 0; }.itm .re-register-root .warn-box{ padding: 12px; border-radius: 12px; }.itm .re-register-root .warn-box.red{ background: #FEF2F2; border: 1px solid #FECACA; }.itm .re-register-root .warn-box.red p{ color: #B91C1C; font-size: 12px; margin: 0; }.itm .re-register-root .warn-box.amber{ background: #FFFBEB; border: 1px solid #FDE68A; }.itm .re-register-root .warn-box.amber p{ color: #B45309; font-size: 12px; margin: 0; }.itm .re-register-root .doc-card{ padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: #fff; display: flex; flex-direction: column; gap: 12px; margin-bottom: 12px; }.itm .re-register-root .doc-card:last-child{ margin-bottom: 0; }.itm .re-register-root .doc-card .top{ display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }.itm .re-register-root .doc-card .label{ font-size: 14px; font-weight: 500; color: var(--fg); margin: 0; }.itm .re-register-root .doc-state{ display: inline-flex; align-items: center; min-height: 20px; margin-left: 8px; padding: 0 7px; border-radius: 999px; font-size: 11px; font-weight: 700; vertical-align: middle; }.itm .re-register-root .doc-state.is-attached{ background: #EEF2FF; color: var(--primary); }.itm .re-register-root .doc-state.is-empty{ background: var(--muted); color: var(--muted-fg); }.itm .re-register-root .doc-card .status{ font-size: 12px; margin: 2px 0 0; }.itm .re-register-root .doc-card .status.done{ color: var(--success); word-break: break-all; }.itm .re-register-root .doc-card .status.none{ color: var(--muted-fg); }.itm .re-register-root .doc-card .del-file{ margin-left: 6px; border: none; background: transparent; color: var(--error); font-size: 12px; font-weight: 700; cursor: pointer; }.itm .re-register-root .doc-card .actions button{ font-size: 12px; border-radius: 8px; cursor: pointer; }.itm .re-register-root .doc-card .actions .del{ color: var(--error); border: 1px solid rgba(220,38,38,.3); background: none; padding: 4px 8px; }.itm .re-register-root .doc-card .actions .attach{ color: var(--primary); border: 1px solid var(--primary); background: none; font-weight: 500; padding: 6px 12px; }.itm .re-register-root .vis-wrap{ position: relative; }.itm .re-register-root .vis-caption{ font-size: 12px; color: var(--muted-fg); margin: 0 0 4px; }.itm .re-register-root .vis-toggle-btn{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border); background: var(--muted); font-size: 12px; font-weight: 500; color: var(--fg); cursor: pointer; }.itm .re-register-root .vis-toggle-btn.is-disabled{ color: var(--muted-fg); cursor: default; }.itm .re-register-root .vis-help{ margin: 6px 0 0; color: var(--muted-fg); font-size: 12px; line-height: 1.45; }.itm .re-register-root .vis-menu{ position: absolute; left: 0; right: 0; margin-top: 4px; background: #fff; border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,.1); z-index: 10; overflow: hidden; }.itm .re-register-root .vis-menu button{ display: block; width: 100%; text-align: left; padding: 12px 16px; font-size: 12px; border: none; border-bottom: 1px solid rgba(226,232,240,.5); background: none; cursor: pointer; color: var(--fg); }.itm .re-register-root .vis-menu button:last-child{ border-bottom: none; }.itm .re-register-root .vis-menu button.active{ color: var(--primary); font-weight: 600; }.itm .re-register-root .media-field{ padding: 16px; border-bottom: 1px solid rgba(226,232,240,.5); }.itm .re-register-root .media-field label{ font-size: 14px; font-weight: 600; color: var(--fg); display: block; margin-bottom: 8px; }.itm .re-register-root .media-field label .req{ color: var(--error); }.itm .re-register-root .media-field label .opt{ font-size: 12px; color: var(--muted-fg); font-weight: 400; }.itm .re-register-root .char-count-row{ font-size: 12px; color: var(--muted-fg); margin: 4px 0 0; text-align: right; }.itm .re-register-root textarea.field-input{ resize: none; width: 100%; box-sizing: border-box; font-family: inherit; }.itm .re-register-root .memo-textarea{ background: #FFFBEB; border-color: #FDE68A; }.itm .re-register-root .photo-head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 8px; }.itm .re-register-root .photo-head label{ margin-bottom: 0; }.itm .re-register-root .photo-head .count{ margin-left: 8px; font-size: 12px; color: var(--muted-fg); font-weight: 400; }.itm .re-register-root .add-photo-btn{ font-size: 12px; padding: 6px 12px; color: #fff; background: var(--primary); border: none; border-radius: 8px; font-weight: 500; cursor: pointer; flex-shrink: 0; }.itm .re-register-root .add-photo-btn:disabled{ opacity: .4; cursor: default; }.itm .re-register-root .photo-dropzone{ width: 100%; border: 2px dashed var(--border); border-radius: 12px; padding: 32px; display: flex; flex-direction: column; align-items: center; gap: 12px; color: var(--muted-fg); background: none; cursor: pointer; }.itm .re-register-root .photo-dropzone .icon{ font-size: 36px; }.itm .re-register-root .photo-dropzone .t{ font-size: 14px; font-weight: 500; margin: 0; }.itm .re-register-root .photo-dropzone .d{ font-size: 12px; margin: 4px 0 0; }.itm .re-register-root .photo-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.itm .re-register-root .photo-tile{ position: relative; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); background: var(--muted); cursor: pointer; }.itm .re-register-root .photo-tile img{ width: 100%; height: 100%; object-fit: cover; display: block; }.itm .re-register-root .photo-tile .main-badge{ position: absolute; top: 4px; left: 4px; background: var(--primary); color: #fff; font-size: 11px; padding: 2px 6px; border-radius: 4px; font-weight: 500; }.itm .re-register-root .photo-tile .overlay{ position: absolute; inset: 0; background: rgba(0,0,0,.5); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }.itm .re-register-root .photo-tile .overlay button{ font-size: 12px; padding: 6px 12px; border-radius: 8px; font-weight: 500; border: none; cursor: pointer; color: #fff; }.itm .re-register-root .photo-tile .overlay .main-btn{ background: var(--primary); }.itm .re-register-root .photo-tile .overlay .del-btn{ background: var(--error); }.itm .re-register-root .photo-tile .overlay .rot-row{ display: flex; gap: 6px; }.itm .re-register-root .photo-tile .overlay .rot-btn{ min-width: 36px; padding: 4px 8px; font-size: 16px; line-height: 1; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.6); }.itm .re-register-root .photo-tile .overlay .rot-btn:disabled{ opacity: .5; cursor: default; }.itm .re-register-root .photo-add-slot{ aspect-ratio: 1 / 1; border-radius: 12px; border: 2px dashed var(--border); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--muted-fg); background: none; cursor: pointer; }.itm .re-register-root .photo-add-slot .plus{ font-size: 22px; }.itm .re-register-root .photo-add-slot .lbl{ font-size: 11px; }.itm .re-register-root .photo-hint{ font-size: 12px; color: var(--muted-fg); margin: 8px 0 0; }.itm .re-register-root .review-card{ margin: 16px 16px 0; padding: 16px; background: #fff; border-radius: 16px; border: 1px solid var(--border); box-shadow: 0 1px 2px rgba(0,0,0,.05); }.itm .re-register-root .review-summary-row{ display: flex; align-items: flex-start; gap: 12px; }.itm .re-register-root .review-summary-row img{ width: 64px; height: 64px; border-radius: 12px; object-fit: cover; flex-shrink: 0; }.itm .re-register-root .review-summary-row .tags{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }.itm .re-register-root .review-summary-row .tx-tag{ font-size: 12px; font-weight: 700; color: var(--primary); background: rgba(27,111,208,.1); padding: 2px 8px; border-radius: 6px; }.itm .re-register-root .review-summary-row .type-tag{ font-size: 12px; color: var(--muted-fg); }.itm .re-register-root .review-summary-row .addr{ font-size: 14px; font-weight: 600; color: var(--fg); margin: 4px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.itm .re-register-root .review-summary-row .price{ font-size: 12px; color: var(--primary); font-weight: 500; margin: 2px 0 0; }.itm .re-register-root .review-empty{ font-size: 14px; color: var(--muted-fg); text-align: center; padding: 16px 0; margin: 0; }.itm .re-register-root .progress-card-head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }.itm .re-register-root .progress-card-head .lbl{ font-size: 14px; font-weight: 600; color: var(--fg); }.itm .re-register-root .progress-card-head .frac{ font-size: 14px; font-weight: 700; }.itm .re-register-root .progress-card-head .frac.good{ color: var(--success); }.itm .re-register-root .progress-card-head .frac.warn{ color: var(--warning); }.itm .re-register-root .progress-bar-lg{ width: 100%; background: var(--muted); border-radius: 999px; height: 10px; overflow: hidden; }.itm .re-register-root .progress-bar-lg .fill{ height: 100%; border-radius: 999px; background: var(--primary); }.itm .re-register-root .progress-bar-lg .fill.good{ background: #22C55E; }.itm .re-register-root .progress-note{ font-size: 12px; margin: 8px 0 0; }.itm .re-register-root .progress-note.good{ color: var(--success); font-weight: 500; }.itm .re-register-root .progress-note.warn{ color: var(--muted-fg); }.itm .re-register-root .warning-row{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 12px; background: #FEF2F2; border: 1px solid #FECACA; border-radius: 12px; text-align: left; cursor: pointer; margin-bottom: 8px; }.itm .re-register-root .warning-row .txt{ font-size: 12px; color: #B91C1C; font-weight: 500; }.itm .re-register-root .warning-row .fix{ font-size: 12px; color: #DC2626; font-weight: 600; flex-shrink: 0; margin-left: 8px; }.itm .re-register-root .checklist-title{ font-size: 12px; font-weight: 600; color: var(--muted-fg); text-transform: uppercase; letter-spacing: .5px; margin: 0 0 8px; }.itm .re-register-root .checklist-row{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: #fff; border: 1px solid var(--border); border-radius: 12px; text-align: left; cursor: pointer; margin-bottom: 8px; }.itm .re-register-root .checklist-row .left{ display: flex; align-items: center; gap: 12px; }.itm .re-register-root .checklist-row .icon{ font-size: 17px; }.itm .re-register-root .checklist-row .lbl{ font-size: 14px; font-weight: 500; color: var(--fg); }.itm .re-register-root .checklist-row .fix{ font-size: 12px; color: var(--primary); font-weight: 600; }.itm .re-register-root .app-shell{ max-width: var(--layout-max-width); }.itm .re-register-root .app-header{
    z-index: 40;
    padding-top: env(safe-area-inset-top);
  }.itm .re-register-root .header-top{ height: 56px; padding: 0 4px; gap: 0; }.itm .re-register-root .header-back{
    width: 44px; height: 44px; border: 0; background: none;
    color: var(--color-text-main); display: flex; align-items: center; justify-content: center;
    cursor: pointer; flex-shrink: 0;
  }.itm .re-register-root .header-brand{ flex: 1; justify-content: center; min-width: 0; }.itm .re-register-root .header-brand .title{ margin: 0; font-size: 16px; font-weight: 600; text-align: center; }.itm .re-register-root .save-indicator{ display: none; }.itm .re-register-root .btn-draft-mini{ border: 0; padding: 0 12px; height: 44px; border-radius: 0; font-size: 13px; }.itm .re-register-root .btn-menu{ width: 44px; height: 44px; font-size: 22px; }.itm .re-register-root .progress-strip-wrap{ padding: 0; }.itm .re-register-root .progress-strip{ height: 4px; border-radius: 0; background: var(--color-divider); }.itm .re-register-root .progress-strip-fill{ border-radius: 0; }.itm .re-register-root main{ padding-bottom: 0; }.itm .re-register-root .bottom-bar{ position: sticky; bottom: 0; z-index: 30; margin-top: auto; }.itm .re-register-root .bottom-bar-inner{ max-width: var(--layout-max-width); }.itm .re-register-root .bottom-actions{ padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); }.itm .re-register-root .btn-draft, .itm .re-register-root .btn-publish{ border-radius: var(--radius-btn); box-shadow: none; }.itm .re-register-root .btn-draft{ background: var(--color-bg); border: 0; color: var(--color-text-sub); }.itm .re-register-root .btn-publish{ background: var(--color-primary); }.itm .re-register-root .btn-publish.not-ready{ background: var(--color-primary); opacity: .82; }

/* ===== business-verify / banner-apply (ported) ===== */
/* helpers */
.itm .itm-req { color: #d64545; }
.itm .itm-icon-gold { color: #b8860b; }
.itm .itm-icon-ok { color: #0f8a4b; }
.itm .itm-icon-err { color: #d64545; }
.itm .itm-icon-blue { color: var(--itm-blue, #1246A3); }
.itm .itm-muted-sm { font-size: 12px; color: var(--itm-muted, #82909e); }
.itm .itm-addr-search {
  background: var(--color-surface, #fff); color: var(--color-primary, var(--itm-blue));
  border: 1.5px solid var(--color-primary, var(--itm-blue)); border-radius: 12px;
  padding: 0 16px; font-size: 14px; font-weight: 700; cursor: pointer;
  white-space: nowrap; font-family: inherit; flex-shrink: 0;
}
.itm .itm-addr-row { margin-bottom: 8px; }
.itm .itm-addr-row .plain-input { flex: 1; margin-bottom: 0; }
.itm .itm-bn-err { background: #fef2f2; color: #b91c1c; border-radius: 10px; padding: 10px 12px; font-size: 13px; margin-bottom: 12px; }
.itm .itm-bn-body .itm-flash.is-err { margin: 0 0 12px; }
.itm .itm-guide__circle .itm-icon.is-lg { width: 40px; height: 40px; }
.itm a.itm-v15-btn { text-align: center; text-decoration: none; box-sizing: border-box; }
.itm .itm-v11-step.is-static { cursor: default; }
.itm .itm-mt-6 { margin-top: 6px; }
.itm .itm-hide { display: none !important; }
.itm .itm-bn-confirm-title { font-size: 14px; font-weight: 700; }
.itm .itm-bn-confirm-sub { font-size: 11px; opacity: .9; margin-top: 2px; }
.itm .cta-bar.is-col { flex-direction: column; }
.itm .itm-bn-note { font-size: 12px; color: var(--color-text-muted, #98a3ad); line-height: 1.5; margin-top: 8px; }
.itm .itm-bn-foot .itm-v15-btn { width: 100%; }
.itm .itm-bn-foot .btn { width: 100%; border: 0; border-radius: 12px; padding: 14px; font-size: 15px; font-weight: 700; background: var(--color-primary, var(--itm-blue)); color: #fff; cursor: pointer; }
/* --- business-verify-number.php --- */
.itm /* business-verify-number ????? ?? */
  .itm-verify-steps{
    padding: 10px 16px 0;
  }
.itm .itm-verify-steps .bar-row{
    display: flex;
    gap: 4px;
    margin-bottom: 6px;
  }
.itm .itm-verify-steps .seg{
    flex: 1;
    height: 4px;
    border-radius: 2px;
    background: var(--color-divider);
  }
.itm .itm-verify-steps .seg.is-on{
    background: var(--color-primary);
  }
.itm .itm-verify-steps .label-row{
    display: flex;
    justify-content: space-between;
  }
.itm .itm-verify-steps .label-row span{
    flex: 1;
    font-size: 10px;
    color: var(--color-text-muted);
    text-align: center;
  }
.itm .itm-verify-steps .label-row span.is-past{
    color: var(--color-primary);
  }
.itm .itm-verify-steps .label-row span.is-current{
    color: var(--color-primary);
    font-weight: 700;
  }
.itm .itm-verify-body{
    flex: 1;
    overflow-y: auto;
    padding: 24px 20px;
  }
.itm .itm-verify-body .h1{
    font-size: 20px;
    font-weight: 800;
    color: var(--color-text-main);
    margin-bottom: 6px;
  }
.itm .itm-verify-body .sub{
    font-size: 13px;
    color: var(--color-text-sub);
    margin-bottom: 24px;
  }
.itm .itm-verify-field-title{
    font-size: 13px;
    font-weight: 700;
    color: var(--color-text-main);
    margin-bottom: 8px;
  }
.itm .num-row{
    display: flex;
    gap: 8px;
    margin-bottom: 6px;
  }
.itm .num-row .field-wrap{
    flex: 1;
    position: relative;
  }
.itm .num-row input{
    width: 100%;
    border: 1.5px solid var(--color-divider);
    border-radius: 12px;
    padding: 13px 40px 13px 14px;
    font-size: 16px;
    color: var(--color-text-main);
    outline: none;
    box-sizing: border-box;
    letter-spacing: 0.5px;
    font-family: inherit;
  }
.itm .num-row input.is-success{
    border-color: var(--color-success);
    font-weight: 700;
  }
.itm .num-row .ok-icon{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    color: var(--color-success);
  }
.itm .num-row .ok-icon.is-shown{
    display: flex;
  }
.itm .num-row .check-btn{
    background: var(--color-divider);
    color: var(--color-text-muted);
    border: none;
    border-radius: 12px;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
  }
.itm .num-row .check-btn.is-ready{
    background: var(--color-primary);
    color: #fff;
  }
.itm .plain-input{
    width: 100%;
    border: 1.5px solid var(--color-divider);
    border-radius: 12px;
    padding: 13px 14px;
    font-size: 16px;
    color: var(--color-text-main);
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
    margin-bottom: 16px;
  }
.itm .status-box{
    border-radius: 10px;
    padding: 8px 12px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 500;
    display: none;
  }
.itm .status-box.is-shown{
    display: block;
  }
.itm .status-box.is-success{
    background: #f0fdf4;
    color: var(--color-success);
  }
.itm .status-box.is-error{
    background: #fef2f2;
    color: var(--color-error);
  }
.itm .notice-box{
    background: var(--color-gold-bg);
    border-radius: 12px;
    padding: 12px 14px;
    margin-top: 4px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
  }
.itm .notice-box .text{
    font-size: 12px;
    color: #6b5000;
    line-height: 1.6;
  }
.itm .itm-addr-row{
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
  }
.itm .itm-addr-row .plain-input{
    flex: 1;
    margin-bottom: 0;
  }
.itm .itm-addr-search{
    background: var(--color-surface);
    color: var(--color-primary);
    border: 1.5px solid var(--color-primary);
    border-radius: 12px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    flex-shrink: 0;
  }
/* --- business-verify-upload.php --- */
.itm /* business-verify-upload ?????? ??? */
  
  .itm-verify-steps{
    padding: 10px 16px 0;
  }
.itm .itm-verify-body .sub{
    font-size: 13px;
    color: var(--color-text-sub);
    margin-bottom: 22px;
  }
.itm .upload-zone{
    width: 100%;
    background: var(--color-surface);
    border: 2px dashed var(--color-primary);
    border-radius: 18px;
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    margin-bottom: 14px;
  }
.itm .existing-license-card{
    background: var(--color-surface);
    border: 1px solid var(--color-divider);
    border-radius: 14px;
    padding: 14px;
    margin-bottom: 14px;
  }
.itm .existing-license-card .title{
    font-size: 13px;
    font-weight: 700;
    color: var(--color-text-main);
    margin-bottom: 8px;
  }
.itm .existing-license-card img{
    width: 100%;
    max-height: 180px;
    object-fit: contain;
    border-radius: 10px;
    border: 1px solid var(--color-divider);
    background: #fff;
  }
.itm .existing-license-card .hint{
    font-size: 12px;
    color: var(--color-text-sub);
    margin-top: 8px;
    line-height: 1.5;
  }
.itm .existing-license-card .actions{
    display: flex;
    gap: 8px;
    margin-top: 12px;
  }
.itm .existing-license-card .actions button{
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 12px;
  }
.itm .existing-license-card .btn-replace-existing{
    flex: 1;
    border: 1px solid var(--color-divider);
    background: #fff;
    color: var(--color-text-sub);
  }
.itm .existing-license-card .btn-delete-existing{
    border: 1px solid rgba(239, 68, 68, 0.25);
    background: #fff;
    color: var(--color-error);
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }
.itm .uploaded-card .thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
.itm .upload-zone.is-secondary{
    padding: 24px 16px;
    margin-top: 0;
  }
.itm .upload-zone.is-secondary .t{
    font-size: 14px;
  }
.itm .upload-zone.is-secondary .d{
    font-size: 12px;
  }
.itm .upload-zone[hidden]{
    display: none;
  }
.itm .upload-zone .box{
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: var(--color-primary-50);
    display: flex;
    align-items: center;
    justify-content: center;
  }
.itm .upload-zone .t{
    font-size: 15px;
    font-weight: 700;
    color: var(--color-primary);
  }
.itm .upload-zone .d{
    font-size: 13px;
    color: var(--color-text-sub);
  }
.itm .upload-zone .progress{
    width: 100%;
    max-width: 200px;
    height: 6px;
    background: var(--color-divider);
    border-radius: 3px;
    overflow: hidden;
  }
.itm .upload-zone .progress .fill{
    width: 0%;
    height: 100%;
    background: var(--color-primary);
    border-radius: 3px;
    transition: width 1.2s linear;
  }
.itm .upload-zone.is-uploading .progress .fill{
    width: 100%;
  }
.itm .uploaded-card{
    background: var(--color-surface);
    border-radius: 18px;
    padding: 14px;
    margin-bottom: 14px;
  }
.itm .uploaded-card[hidden]{
    display: none;
  }
.itm .uploaded-card .row{
    display: flex;
    gap: 12px;
    align-items: center;
  }
.itm .uploaded-card .thumb{
    width: 60px;
    height: 72px;
    border-radius: 12px;
    background: var(--color-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    border: 1px solid var(--color-divider);
    color: var(--color-text-muted);
  }
.itm .uploaded-card .body{
    flex: 1;
    min-width: 0;
  }
.itm .uploaded-card .name{
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text-main);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
.itm .uploaded-card .status{
    display: flex;
    gap: 6px;
    align-items: center;
  }
.itm .uploaded-card .status span{
    font-size: 12px;
    color: var(--color-success);
    font-weight: 600;
  }
.itm .uploaded-card .status.is-error span{
    color: var(--color-error);
  }
.itm .uploaded-card .meta{
    font-size: 11px;
    color: var(--color-text-muted);
    margin-top: 2px;
  }
.itm .uploaded-card .actions{
    display: flex;
    gap: 8px;
  }
.itm .uploaded-card .actions button{
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background: none;
  }
.itm .uploaded-card .btn-replace{
    border: 1px solid var(--color-divider);
    padding: 6px 12px;
    font-size: 12px;
    color: var(--color-text-sub);
  }
.itm .uploaded-card .btn-delete{
    border: 1px solid rgba(239, 68, 68, 0.2);
    padding: 6px 10px;
    display: flex;
    align-items: center;
  }
.itm .ai-notice{
    background: var(--color-primary-50);
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
  }
.itm .ai-notice .text{
    font-size: 12px;
    color: var(--color-primary);
    line-height: 1.6;
  }
/* --- business-verify-review.php --- */
.itm /* business-verify-review ?? ???? */
  .itm-verify-steps{
    padding: 10px 16px 0;
  }
.itm .itm-verify-wrap{
    flex: 1;
    overflow-y: auto;
    padding: 24px 20px;
  }
.itm .itm-verify-heading{
    font-size: 20px;
    font-weight: 800;
    color: var(--color-text-main);
    margin-bottom: 6px;
  }
.itm .itm-verify-sub{
    font-size: 13px;
    color: var(--color-text-sub);
    margin-bottom: 22px;
  }
.itm .review-section{
    background: var(--color-surface);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 10px;
  }
.itm .review-section .head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
.itm .review-section .head .left{
    display: flex;
    gap: 6px;
    align-items: center;
    color: var(--color-success);
  }
.itm .review-section .head .left span{
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text-main);
  }
.itm .review-section .edit-btn{
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px;
    color: var(--color-primary);
    font-weight: 600;
  }
.itm .review-section .item{
    font-size: 13px;
    color: var(--color-text-sub);
    padding: 3px 0;
  }
.itm .agree-box{
    width: 100%;
    background: var(--color-surface);
    border: 1.5px solid var(--color-divider);
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    cursor: pointer;
    text-align: left;
    margin-bottom: 8px;
  }
.itm .agree-box.is-checked{
    background: var(--color-primary-50);
    border-color: var(--color-primary);
  }
.itm .agree-box .box{
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 2px solid var(--color-divider);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
  }
.itm .agree-box.is-checked .box{
    border-color: var(--color-primary);
    background: var(--color-primary);
  }
.itm .agree-box .box svg{
    display: none;
  }
.itm .agree-box.is-checked .box svg{
    display: block;
  }
.itm .agree-box .text{
    font-size: 13px;
    color: var(--color-text-main);
    line-height: 1.6;
  }
/* --- business-verify-result.php --- */
.itm /* business-verify-result ??? ???? */
  .itm-verify-steps{
    padding: 10px 16px 0;
  }
.itm .itm-verify-body .sub{
    font-size: 13px;
    color: var(--color-text-sub);
    margin-bottom: 20px;
  }
.itm .info-card{
    background: var(--color-surface);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 14px;
  }
.itm .info-card .head-row{
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 12px;
  }
.itm .info-card .head-row span{
    font-size: 12px;
    font-weight: 700;
  }
.itm .info-card.is-auto .head-row span{
    color: var(--color-success);
  }
.itm .info-card.is-user .head-row span{
    color: var(--color-primary);
  }
.itm .info-field{
    padding: 10px 0;
    border-top: 1px solid var(--color-divider);
  }
.itm .info-field:first-child{
    border-top: none;
  }
.itm .info-field .k{
    font-size: 12px;
    color: var(--color-text-muted);
    margin-bottom: 2px;
  }
.itm .info-field .v{
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text-main);
  }
.itm .info-field .note{
    font-size: 11px;
    color: var(--color-text-sub);
    margin-top: 1px;
  }
.itm .cat-group{
    margin-bottom: 12px;
  }
.itm .cat-group .k{
    font-size: 12px;
    color: var(--color-text-muted);
    margin-bottom: 6px;
  }
.itm .cat-group .chips{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
.itm .cat-node-group{
    width: 100%;
    margin-bottom: 8px;
  }
.itm .cat-node-group .cat-node-label{
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text-sub);
    margin-bottom: 6px;
  }
.itm .cat-node-group .cat-node-children{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-left: 10px;
  }
.itm .cat-children-panel{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--color-divider);
  }
.itm .cat-children-panel[hidden]{
    display: none;
  }
.itm .selected-parent-note{
    font-size: 12px;
    color: var(--color-text-sub);
    margin-top: 8px;
  }
.itm .selected-parent-note strong{
    color: var(--color-primary);
  }
.itm .chip{
    border: 1px solid var(--color-divider);
    background: none;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 13px;
    color: var(--color-text-sub);
    cursor: pointer;
  }
.itm .chip.is-active{
    border-color: var(--color-primary);
    background: var(--color-primary-50);
    color: var(--color-primary);
    font-weight: 600;
  }
.itm .chip-add{
    border: 1px dashed var(--color-divider);
    background: none;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 13px;
    color: var(--color-text-muted);
    cursor: pointer;
  }
.itm .phone-k{
    font-size: 12px;
    color: var(--color-text-muted);
    margin-bottom: 6px;
  }
.itm .phone-input{
    width: 100%;
    border: 1.5px solid var(--color-divider);
    border-radius: 10px;
    padding: 11px 14px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
  }
.itm .notice-box{
    background: var(--color-gold-bg);
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    gap: 8px;
  }
/* --- business-verify-submitted.php --- */
.itm /* business-verify-submitted ???? ?? */
  #screenContent{
    background: var(--color-surface);
  }
.itm .itm-verify-complete{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    padding-bottom: env(safe-area-inset-bottom);
  }
.itm .itm-verify-complete .circle{
    width: 88px;
    height: 88px;
    border-radius: 28px;
    background: var(--color-primary-50);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: var(--color-primary);
    box-shadow: 0 6px 28px rgba(27, 111, 208, 0.19);
  }
.itm .itm-verify-complete .title{
    font-size: 22px;
    font-weight: 800;
    color: var(--color-text-main);
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.4;
  }
.itm .itm-verify-complete .desc{
    font-size: 14px;
    color: var(--color-text-sub);
    text-align: center;
    line-height: 1.7;
    margin-bottom: 28px;
  }
.itm .itm-verify-status-card{
    width: 100%;
    background: var(--color-bg);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 24px;
  }
.itm .itm-verify-status-card .row{
    display: flex;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid var(--color-divider);
  }
.itm .itm-verify-status-card .row:last-child{
    border-bottom: none;
  }
.itm .itm-verify-status-card .k{
    font-size: 13px;
    color: var(--color-text-muted);
  }
.itm .itm-verify-status-card .v{
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-main);
  }
.itm .itm-verify-status-card .v.is-status{
    color: var(--color-warning);
  }
.itm .notice-box{
    background: var(--color-primary-50);
    border-radius: 12px;
    padding: 12px 14px;
    width: 100%;
    margin-bottom: 24px;
  }
.itm .notice-box p{
    font-size: 12px;
    color: var(--color-primary);
    font-weight: 500;
    line-height: 1.7;
    margin: 0;
  }
.itm .itm-verify-complete .actions{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
.itm .itm-verify-complete .actions .btn{
    width: 100%;
    padding: 14px;
    font-size: 14px;
  }
/* --- banner-apply-hub.php --- */
.itm .itm-bn-body{ padding: 16px; }
.itm .itm-bn-body .head{ font-size: 15px; font-weight: 700; margin-bottom: 4px; }
.itm .itm-bn-body .sub{ font-size: 13px; color: var(--color-text-sub); margin-bottom: 16px; line-height: 1.45; }
.itm .itm-bn-err{ background: #fef2f2; color: #b91c1c; border-radius: 10px; padding: 10px 12px; font-size: 13px; margin-bottom: 12px; }
.itm .hub-card{
    display: block; text-decoration: none; color: inherit;
    background: var(--color-surface); border-radius: 14px; padding: 14px 16px; margin-bottom: 10px;
    border: 1.5px solid var(--color-divider);
  }
.itm .hub-card.is-sold{
    opacity: .72;
    border-color: #fecaca;
    background: #fffafa;
  }
.itm .hub-card .row{ display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.itm .hub-card .label{ font-size: 15px; font-weight: 700; color: var(--color-text-main); }
.itm .hub-card .blurb{ font-size: 12px; color: var(--color-text-sub); margin-top: 4px; }
.itm .hub-card .price{ font-size: 13px; font-weight: 700; color: var(--color-primary); white-space: nowrap; }
.itm .hub-card.is-sold .price{ color: var(--color-text-muted); }
.itm .hub-card .avail{
    margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--color-divider);
    display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
  }
.itm .hub-card .pill{
    font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 999px;
    background: #f1f5f9; color: #475569;
  }
.itm .hub-card .pill.ok{ background: #dcfce7; color: #166534; }
.itm .hub-card .pill.warn{ background: #fff7ed; color: #c2410c; }
.itm .hub-card .pill.full{ background: #fee2e2; color: #991b1b; }
.itm .hub-card .avail-note{ font-size: 11px; color: var(--color-text-muted); width: 100%; margin-top: 2px; }
/* --- banner-apply-slots.php --- */
.itm .itm-bn-body{ padding: 16px; padding-bottom: 100px; }
.itm .itm-bn-body .sub{ font-size: 13px; color: var(--color-text-sub); margin-bottom: 14px; }
.itm .itm-bn-sec{ font-size: 13px; font-weight: 700; margin: 8px 0 10px; color: var(--color-text-main); }
.itm .slot{
    background: var(--color-surface); border-radius: 14px; padding: 14px; margin-bottom: 10px;
    border: 2px solid transparent; cursor: pointer; text-align: left; width: 100%;
  }
.itm .slot.is-selected{ border-color: var(--color-primary); }
.itm .slot.is-full{ opacity: .55; cursor: not-allowed; }
.itm .slot .name{ font-size: 14px; font-weight: 700; }
.itm .slot .meta{ font-size: 12px; color: var(--color-text-sub); margin-top: 6px; display: flex; flex-wrap: wrap; gap: 8px; }
.itm .slot .pill{ font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; }
.itm .slot .pill.ok{ background: #dcfce7; color: #166534; }
.itm .slot .pill.full{ background: #fee2e2; color: #991b1b; }
.itm .slot .pill.mine{ background: #eff6ff; color: #1d4ed8; }
.itm .itm-bn-foot{
    position: sticky; bottom: 0; left: 0; right: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: var(--color-surface); border-top: 1px solid var(--color-divider); z-index: 5;
  }
.itm .itm-bn-foot .btn{
    width: 100%; border: 0; border-radius: 12px; padding: 14px; font-size: 15px; font-weight: 700;
    background: var(--color-primary); color: #fff; cursor: pointer;
  }
.itm .itm-bn-foot .btn:disabled{ opacity: .45; cursor: not-allowed; }
.itm .bn-sheet-dim{
    display: none; position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); z-index: 80;
  }
.itm .bn-sheet-dim.is-open{ display: block; }
.itm .bn-sheet{
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
    background: var(--color-surface); border-radius: 18px 18px 0 0;
    padding: 12px 16px calc(16px + env(safe-area-inset-bottom));
    box-shadow: 0 -8px 28px rgba(15, 23, 42, 0.12);
    transform: translateY(110%); transition: transform .28s ease;
    max-width: 480px; margin: 0 auto;
  }
.itm .bn-sheet.is-open{ transform: translateY(0); }
.itm .bn-sheet .handle{
    width: 40px; height: 4px; border-radius: 999px; background: #e2e8f0; margin: 0 auto 14px;
  }
.itm .bn-sheet .title{ font-size: 16px; font-weight: 800; color: var(--color-text-main); }
.itm .bn-sheet .desc{
    font-size: 13px; color: var(--color-text-sub); line-height: 1.5; margin-top: 8px; margin-bottom: 16px;
  }
.itm .bn-sheet .actions{ display: flex; gap: 8px; }
.itm .bn-sheet .actions button{
    flex: 1; border-radius: 12px; padding: 13px 10px; font-size: 14px; font-weight: 700; cursor: pointer;
  }
.itm .bn-sheet .actions .btn-ghost{
    border: 1px solid var(--color-divider); background: var(--color-bg); color: var(--color-text-main);
  }
.itm .bn-sheet .actions .btn-primary{
    border: 0; background: var(--color-primary); color: #fff;
  }
/* --- banner-apply-period.php --- */
.itm .itm-bn-body{ padding: 16px; padding-bottom: 100px; }
.itm .field{ margin-bottom: 14px; }
.itm .field label{ display: block; font-size: 12px; font-weight: 700; color: var(--color-text-muted); margin-bottom: 6px; }
.itm .field input{
    width: 100%; box-sizing: border-box; border: 1px solid var(--color-divider); border-radius: 10px;
    padding: 12px; font-size: 14px; background: var(--color-surface);
  }
.itm .chips{ display: flex; gap: 8px; flex-wrap: wrap; }
.itm .chips button{
    flex: 1; min-width: 64px; border: 1px solid var(--color-divider); background: var(--color-bg);
    border-radius: 10px; padding: 12px 8px; font-size: 13px; font-weight: 700; color: var(--color-text-sub); cursor: pointer;
  }
.itm .chips button.is-on{ border-color: var(--color-primary); background: #eff6ff; color: var(--color-primary); }
.itm .chips button small{ display: block; font-size: 10px; font-weight: 600; margin-top: 4px; opacity: .85; }
.itm .total-card{
    background: var(--color-surface); border-radius: 14px; padding: 14px; margin-top: 8px;
  }
.itm .total-card .row{ display: flex; justify-content: space-between; font-size: 13px; color: var(--color-text-sub); margin-bottom: 6px; }
.itm .total-card .sum{ font-size: 18px; font-weight: 800; color: var(--color-text-main); margin-top: 8px; display: flex; justify-content: space-between; }
.itm .itm-bn-foot{
    position: sticky; bottom: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: var(--color-surface); border-top: 1px solid var(--color-divider);
  }
/* --- banner-apply-creative.php --- */
.itm .itm-bn-body{ padding: 16px; padding-bottom: 100px; }
.itm .itm-bn-body .sub{ font-size: 13px; color: var(--color-text-sub); margin-bottom: 14px; line-height: 1.45; }
.itm .field input, .itm .field select{
    width: 100%; box-sizing: border-box; border: 1px solid var(--color-divider); border-radius: 10px;
    padding: 12px; font-size: 14px; background: var(--color-surface);
  }
.itm .tag-chips{ display: flex; flex-wrap: wrap; gap: 6px; }
.itm .tag-chips button{
    border: 1.5px solid var(--color-divider); background: var(--color-surface); border-radius: 999px;
    padding: 6px 12px; font-size: 12px; font-weight: 700; color: var(--color-text-sub); cursor: pointer;
  }
.itm .tag-chips button.is-on{
    border-color: var(--color-primary); background: var(--color-primary-50, #eff6ff); color: var(--color-primary);
  }
.itm .tag-chips button[data-tag=""].is-on{
    border-color: #cbd5e1; background: #f8fafc; color: var(--color-text-muted);
  }
.itm .preview-phone{
    max-width: 390px; margin: 0 0 14px; border: 1px solid #cbd5e1; border-radius: 10px; overflow: hidden; background: #0f172a;
  }
.itm .preview-frame{ position: relative; width: 100%; height: 100px; background: #94a3b8; }
.itm .preview-frame img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.itm .preview-frame .ov{
    position: absolute; inset: 0; display: flex; align-items: center; padding: 0 20px;
    background: rgba(0,0,0,.45); color: #fff;
  }
.itm .preview-frame .ov .tag{
    display: inline-block; background: rgba(255,255,255,.25); border: 1px solid rgba(255,255,255,.5);
    border-radius: 4px; padding: 2px 7px; font-size: 10px; font-weight: 600; margin-bottom: 4px;
  }
.itm .preview-frame .ov .t{ font-size: 14px; font-weight: 700; }
.itm .preview-frame .ov .s{ font-size: 11px; opacity: .9; margin-top: 2px; }
.itm .upload-row{ display: flex; gap: 8px; align-items: center; }
.itm .upload-row input[type=file]{ flex: 1; font-size: 12px; }
.itm .upload-hint{ font-size: 11px; color: var(--color-text-muted); margin-top: 6px; }
/* --- banner-apply-confirm.php --- */
.itm .itm-bn-body{ padding: 16px; padding-bottom: 100px; }
.itm .itm-bn-card{
    background: var(--color-surface); border-radius: 14px; padding: 14px; margin-bottom: 12px;
  }
.itm .itm-bn-card .row{
    display: flex; justify-content: space-between; gap: 10px; font-size: 13px;
    padding: 8px 0; border-bottom: 1px solid var(--color-divider);
  }
.itm .itm-bn-card .row:last-child{ border-bottom: 0; }
.itm .itm-bn-card .k{ color: var(--color-text-sub); }
.itm .itm-bn-card .v{ font-weight: 700; color: var(--color-text-main); text-align: right; }
.itm .itm-bn-note{
    font-size: 12px; color: var(--color-text-sub); line-height: 1.5;
    background: #f8fafc; border-radius: 10px; padding: 12px;
  }
/* --- banner-edit.php --- */
.itm .itm-bn-body{ padding: 16px; padding-bottom: 100px; }
.itm .itm-bn-lock{
    background: #eff6ff; color: #1e40af; border-radius: 10px; padding: 10px 12px;
    font-size: 12px; line-height: 1.45; margin-bottom: 12px;
  }
.itm .itm-bn-warn{
    background: #fff7ed; color: #c2410c; border-radius: 10px; padding: 10px 12px;
    font-size: 12px; line-height: 1.45; margin-bottom: 12px;
  }
.itm a.itm-link-strong, .itm .itm-link-strong { color: var(--itm-blue, #1246A3); font-weight: 600; }


/* ==== job-posting wizard extras (mobile itm) ==== */
.itm .itm-v15-btn.itm-v15-ghost{background:#fff;color:#63748b;border:1px solid #e2e8ef}
.itm .itm-v15-btn.itm-v15-ghost:disabled{opacity:.55}
.itm .itm-v15-cta-fixed .itm-v15-btn{flex:1}
.itm .itm-v15-cta-fixed .itm-v15-btn.is-grow{flex:2}
.itm a.itm-v15-btn{text-align:center;text-decoration:none;box-sizing:border-box}
.itm .itm-form-wrap .itm-v11-panel{margin-bottom:12px}
.itm .itm-info-box.itm-jp-notice{margin:0 0 14px}

.itm .itm-jp-progress{background:#fff;border:1px solid #e7edf5;border-radius:16px;padding:16px;margin-bottom:14px}
.itm .itm-jp-progress__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.itm .itm-jp-progress__title{font-size:15px;font-weight:800;color:#24354a;margin-bottom:2px}
.itm .itm-jp-progress__sub{font-size:12px;color:#63748b}
.itm .itm-jp-progress__pct{font-size:24px;font-weight:800;color:#0f8a4b}
.itm .itm-jp-progress__track{height:8px;background:#f1f5fb;border-radius:4px;overflow:hidden}
.itm .itm-jp-progress__bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--itm-blue) 0%,#4a90e2 100%)}
.itm a.itm-jp-sec{width:100%;background:#fff;border:1px solid #e7edf5;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:14px;margin-bottom:8px;text-decoration:none;color:inherit;box-sizing:border-box}
.itm .itm-jp-sec__ic{width:44px;height:44px;border-radius:13px;background:#edf3fc;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--itm-blue)}
.itm .itm-jp-sec__ic .itm-icon{width:20px;height:20px}
.itm .itm-jp-sec__chev .itm-icon{width:16px;height:16px}
.itm .itm-jp-ai__ic .itm-icon{width:22px;height:22px;color:#fff}
.itm .itm-jp-sec__body{flex:1;min-width:0}
.itm .itm-jp-sec__label-row{display:flex;gap:6px;align-items:center;margin-bottom:3px}
.itm .itm-jp-sec__label{font-size:14px;font-weight:700;color:#24354a}
.itm .itm-jp-sec__done{width:18px;height:18px;border-radius:9px;background:#0f8a4b;display:flex;align-items:center;justify-content:center;color:#fff}
.itm .itm-jp-sec__summary{font-size:12px;color:#63748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.itm .itm-jp-sec__chev{flex-shrink:0;color:#8995a2;display:flex}
.itm .itm-jp-ai{width:100%;background:linear-gradient(135deg,rgba(27,111,208,.07),rgba(74,144,226,.07));border:1px solid rgba(27,111,208,.25);border-radius:16px;padding:16px;display:flex;gap:14px;align-items:center;margin:4px 0 14px;opacity:.65;box-sizing:border-box}
.itm .itm-jp-ai__ic{width:48px;height:48px;border-radius:14px;background:var(--itm-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.itm .itm-jp-ai__t{font-size:14px;font-weight:700;color:#24354a}
.itm .itm-jp-ai__d{font-size:12px;color:#63748b;margin-top:3px;line-height:1.5}

.itm .itm-jp-use-btn{width:100%;border-radius:12px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid var(--itm-blue);background:none;color:var(--itm-blue);font:inherit}
.itm .itm-jp-use-btn.is-active{background:var(--itm-blue);color:#fff}
.itm .itm-jp-switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.itm .itm-jp-switch-row .t{font-size:14px;font-weight:600;color:#24354a}
.itm .itm-jp-switch-row .d{font-size:12px;color:#63748b;margin-top:2px}
.itm .itm-jp-diff-fields{display:none;margin-top:12px}
.itm .itm-jp-diff-fields.is-visible{display:block}
.itm .itm-jp-day-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.itm .itm-jp-day-presets button{border:1.5px solid var(--itm-blue);background:#edf3fc;border-radius:20px;padding:6px 14px;font-size:13px;color:var(--itm-blue);font-weight:500;cursor:pointer;font:inherit}
.itm .itm-jp-weekday{display:flex;gap:8px;justify-content:center}
.itm .itm-jp-weekday button{width:38px;height:38px;border-radius:12px;border:1.5px solid #e2e8ef;background:#fff;font-size:13px;font-weight:600;color:#63748b;cursor:pointer;padding:0;font:inherit}
.itm .itm-jp-weekday button.is-active{border-color:var(--itm-blue);background:var(--itm-blue);color:#fff}
.itm .itm-jp-opt-row{display:flex;gap:8px}
.itm .itm-jp-opt-row button{flex:1;border:1.5px solid #e2e8ef;background:#fff;border-radius:10px;padding:9px 4px;font-size:13px;color:#63748b;cursor:pointer;font:inherit}
.itm .itm-jp-opt-row button.is-active{border-color:var(--itm-blue);background:#edf3fc;color:var(--itm-blue);font-weight:600}
.itm .itm-jp-start-date{display:none;margin-top:10px}
.itm .itm-jp-start-date.is-visible{display:block}
.itm .itm-jp-time-range{display:none;align-items:center;gap:8px;margin-top:8px}
.itm .itm-jp-time-range.is-visible{display:flex}
.itm .itm-jp-time-range .input{flex:1}
.itm .itm-jp-time-range .sep{color:#8995a2}
.itm .itm-jp-custom-check{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:#63748b;cursor:pointer}
.itm .itm-jp-custom-check input{width:18px;height:18px;accent-color:var(--itm-blue)}
.itm .itm-jp-salary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.itm .itm-jp-salary-grid button{border:1.5px solid #e2e8ef;background:#fff;border-radius:12px;padding:12px 4px;font-size:14px;color:#63748b;cursor:pointer;font:inherit}
.itm .itm-jp-salary-grid button.is-active{border-color:var(--itm-blue);background:var(--itm-blue);color:#fff;font-weight:700}
.itm .itm-jp-amount{position:relative}
.itm .itm-jp-amount input{width:100%;border:1.5px solid var(--itm-blue);border-radius:10px;padding:12px 60px 12px 14px;font-size:18px;font-weight:700;color:#24354a;outline:none;box-sizing:border-box;font:inherit}
.itm .itm-jp-amount .unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:#63748b}
.itm .itm-jp-amount-sum{margin-top:8px;background:#edf3fc;border-radius:10px;padding:10px 14px;display:none}
.itm .itm-jp-amount-sum.is-visible{display:block}
.itm .itm-jp-amount-sum .num{font-size:16px;font-weight:800;color:var(--itm-blue)}
.itm .itm-jp-amount-sum .unit-label{font-size:12px;color:#63748b;margin-left:6px}
.itm .itm-jp-wage-warn{font-size:12px;color:#d64545;margin-top:6px;font-weight:500;display:none}
.itm .itm-jp-wage-warn.is-visible{display:block}
.itm .itm-jp-note{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#f1f5fb;font-size:12px;color:#63748b}
.itm .itm-jp-add-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--itm-blue);font-weight:600;cursor:pointer;margin-top:10px;list-style:none}
.itm .itm-jp-add-link::-webkit-details-marker{display:none}
.itm .itm-jp-custom-add{display:flex;gap:8px;margin-top:8px}
.itm .itm-jp-custom-add .input{flex:1;min-width:0}
.itm .itm-jp-duty-head{font-size:14px;font-weight:700;color:#24354a;margin-bottom:4px}
.itm .itm-jp-duty-sub{font-size:12px;color:#63748b;margin-bottom:12px}
.itm .itm-jp-selected-summary{background:#edf3fc;border-radius:12px;padding:10px 14px;margin-bottom:14px;display:none;flex-wrap:wrap;gap:6px}
.itm .itm-jp-selected-summary.is-visible{display:flex}
.itm .itm-jp-selected-summary .pill{background:var(--itm-blue);border-radius:20px;padding:4px 10px;font-size:12px;color:#fff;font-weight:500}
.itm .itm-jp-method{background:#fff;border:1px solid #e7edf5;border-radius:14px;padding:16px;margin-bottom:12px}
.itm .itm-jp-method-body{margin-top:12px;display:none}
.itm .itm-jp-method-body.is-visible{display:block}
.itm .itm-jp-method-body .input{width:100%;box-sizing:border-box}
.itm .itm-jp-preview-notice{background:#fff8e8;padding:8px 16px;display:flex;gap:8px;align-items:center;font-size:12px;color:#6b5000;font-weight:600}
.itm .itm-jp-missing{background:#fef2f2;padding:12px 16px;font-size:12px;color:#d64545}
.itm .itm-jp-missing .t{font-weight:700;margin-bottom:4px}
.itm .itm-jp-job-head{background:#fff;padding:16px;border-bottom:1px solid #edf0f3}
.itm .itm-jp-job-head .tags{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.itm .itm-jp-job-head .tags span{background:#edf3fc;color:var(--itm-blue);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:600}
.itm .itm-jp-job-head .title{font-size:20px;font-weight:800;color:#24354a;margin-bottom:6px}
.itm .itm-jp-job-head .company-row{font-size:13px;color:#63748b}
.itm .itm-jp-key-info{background:#fff;margin:8px 0;padding:14px 16px}
.itm .itm-jp-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.itm .itm-jp-key-cell{display:flex;gap:8px;align-items:flex-start}
.itm .itm-jp-key-cell .box{width:32px;height:32px;border-radius:10px;background:#f1f5fb;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--itm-blue)}
.itm .itm-jp-key-cell .label{font-size:11px;color:#8995a2}
.itm .itm-jp-key-cell .value{font-size:13px;font-weight:600;color:#24354a}
.itm .itm-jp-detail-sec{background:#fff;margin:4px 0;padding:14px 16px}
.itm .itm-jp-detail-sec .t{font-size:14px;font-weight:800;color:#24354a;margin-bottom:8px}
.itm .itm-jp-detail-sec .body{font-size:13px;color:#24354a;line-height:1.8}
.itm .itm-jp-company-info{background:#fff;margin:4px 0;padding:14px 16px}
.itm .itm-jp-company-info .t{font-size:14px;font-weight:800;color:#24354a;margin-bottom:10px}
.itm .itm-jp-company-info .row{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.itm .itm-jp-company-info .logo{width:52px;height:52px;border-radius:14px;background:#f1f5fb;border:1px solid #e2e8ef;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--itm-blue)}
.itm .itm-jp-company-info .name{font-size:15px;font-weight:700;color:#24354a}
.itm .itm-jp-company-info .sub{font-size:12px;color:#63748b}
.itm .itm-jp-company-info .map-wrap{height:120px;border-radius:12px;overflow:hidden}
.itm .itm-jp-apply-sec{background:#fff;margin:4px 0;padding:14px 16px 22px}
.itm .itm-jp-apply-sec .t{font-size:14px;font-weight:800;color:#24354a;margin-bottom:10px}
.itm .itm-jp-apply-sec .pills{display:flex;gap:8px;flex-wrap:wrap}
.itm .itm-jp-apply-sec .pills span{background:#edf3fc;border-radius:10px;padding:6px 14px;font-size:13px;color:var(--itm-blue);font-weight:500}
.itm .itm-jp-complete{display:flex;flex-direction:column;align-items:center;padding:40px 24px 24px}
.itm .itm-jp-complete__circle{width:96px;height:96px;border-radius:30px;background:linear-gradient(135deg,#0f8a4b,#15803d);display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 32px rgba(15,138,75,.25);color:#fff}
.itm .itm-jp-complete__title{font-size:22px;font-weight:800;color:#24354a;margin-bottom:10px;text-align:center}
.itm .itm-jp-complete__desc{font-size:14px;color:#63748b;text-align:center;line-height:1.7;margin-bottom:32px}
.itm .itm-jp-complete__desc .job-title{font-weight:600;color:var(--itm-blue)}
.itm .itm-jp-complete__stats{background:#f1f5fb;border-radius:16px;padding:16px;width:100%;margin-bottom:28px;display:flex;justify-content:space-around;box-sizing:border-box}
.itm .itm-jp-complete__stat{text-align:center}
.itm .itm-jp-complete__stat .v{font-size:20px;font-weight:800}
.itm .itm-jp-complete__stat .l{font-size:11px;color:#63748b;margin-top:2px}
.itm .itm-jp-complete__actions{display:flex;gap:10px;width:100%;margin-bottom:12px}
.itm .itm-jp-complete__actions .itm-v15-btn{flex:1;text-align:center;text-decoration:none}
.itm .itm-jp-complete__sec{display:flex;gap:10px;width:100%}
.itm .itm-jp-complete__sec a{flex:1;background:none;border:1px solid #e2e8ef;border-radius:12px;padding:11px;font-size:13px;color:#63748b;text-align:center;text-decoration:none}

/* ==== listing-register icon/visual unify ==== */
.itm .biz-reg-upload-ico { display: inline-grid; place-items: center; color: var(--itm-blue); vertical-align: middle; }
.itm .biz-reg-upload-ico .itm-icon { width: 18px; height: 18px; }
.itm .biz-reg-link-ico { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--itm-tile, #f1f5fb); color: var(--itm-blue); flex-shrink: 0; }
.itm .biz-reg-link-ico .itm-icon { width: 18px; height: 18px; }
.itm .biz-reg-preview-ico { display: inline-grid; place-items: center; color: var(--itm-blue); }
.itm .biz-reg-preview-ico .itm-icon { width: 16px; height: 16px; }
.itm .p-link-chip .itm-icon { width: 14px; height: 14px; vertical-align: -2px; margin-right: 4px; color: var(--itm-blue); }
.itm .itm-jp-benefit-title { display: flex; align-items: center; gap: 8px; }
.itm .itm-jp-benefit-ico { width: 28px; height: 28px; border-radius: 8px; background: var(--itm-tile, #f1f5fb); color: var(--itm-blue); display: grid; place-items: center; flex-shrink: 0; }
.itm .itm-jp-benefit-ico .itm-icon { width: 15px; height: 15px; }

/* biz-reg featured star ? same glyphs as review write (#i-star / #i-star-filled) */
.itm .biz-reg-feat-star{ position: relative; display: inline-flex; align-items: center; cursor: pointer; line-height: 0; }
.itm .biz-reg-feat-star .star-input{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.itm .biz-reg-feat-star .star-btn{ color: #d9e0e8; display: inline-grid; place-items: center; }
.itm .biz-reg-feat-star .star-btn .icon-filled{ display: none; color: #f59e0b; }
.itm .biz-reg-feat-star .star-btn .icon-outline{ display: block; color: #d9e0e8; }
.itm .biz-reg-feat-star .star-input:checked + .star-btn .icon-filled{ display: block; }
.itm .biz-reg-feat-star .star-input:checked + .star-btn .icon-outline{ display: none; }
.itm .biz-reg-feat-star .star-btn .icon{ width: 20px; height: 20px; }
.itm .biz-reg-ai-mark{ display: inline-grid; place-items: center; color: var(--itm-blue); vertical-align: -3px; margin-left: 2px; }
.itm .biz-reg-ai-mark .itm-icon{ width: 14px; height: 14px; }
.itm .biz-reg-step9 .call-btn .itm-icon,
.itm .biz-reg-step9 .inquiry-btn .itm-icon{ width: 16px; height: 16px; margin-right: 4px; vertical-align: -3px; }
.itm .biz-reg-step9 .feat-star{ color: #f59e0b; display: inline-grid; place-items: center; vertical-align: -2px; margin-left: 4px; }
.itm .biz-reg-step9 .feat-star .icon{ width: 12px; height: 12px; }


/* RE register: neutralize old strip/dot chrome; align to Reference B v12 */
.itm .re-register-root .progress-strip-wrap{ display:none !important; }
.itm .re-register-root .steps,
.itm .re-register-root #navPills{
  display:flex !important; gap:5px; overflow-x:auto; padding:13px 18px;
  border-bottom:1px solid #edf0f3; background:#fff; scrollbar-width:none;
}
.itm .re-register-root .steps .row,
.itm .re-register-root .steps .step,
.itm .re-register-root .steps .col,
.itm .re-register-root .steps .dot,
.itm .re-register-root .steps .name,
.itm .re-register-root .steps .sep{ display:none !important; }
.itm.re-register-root,
.itm .re-register-root{
  --bg:#ffffff !important;
  --color-bg:#ffffff !important;
}
.itm.re-register-root .app-shell,
.itm .re-register-root .app-shell{ background:#ffffff !important; }
.itm.re-register-root .section-head h2,
.itm.re-register-root .section-head .section-title,
.itm .re-register-root .section-head h2,
.itm .re-register-root .section-head .section-title{
  font-size:21px !important; font-weight:800 !important; letter-spacing:-.8px !important;
}
.itm.re-register-root .chip-btn.active,
.itm.re-register-root .facility-chip.active,
.itm .re-register-root .chip-btn.active,
.itm .re-register-root .facility-chip.active{
  background:#eaf1ff !important; border-color:#1246A3 !important; color:#1246A3 !important; font-weight:800 !important;
}
.itm.re-register-root .progress-strip-wrap,
.itm .re-register-root .progress-strip-wrap{ display:none !important; }
.itm.re-register-root .steps,
.itm.re-register-root #navPills{
  display:flex !important; gap:5px; overflow-x:auto; padding:13px 18px;
  border-bottom:1px solid #edf0f3; background:#fff; scrollbar-width:none;
}

/* v12-form-align: lifestyle register */
.itm .biz-reg-cat-badge .biz-reg-title{ font-size:16px; font-weight:700; letter-spacing:-.4px; margin:0; line-height:1.2; }

.itm .biz-reg-content,
.itm #screenContent.itm .biz-reg-content {
  background: #fff;
  padding: 16px 19px 100px;
}
.itm .biz-reg-content .input,
.itm .biz-reg-content input.input,
.itm .biz-reg-content select.input,
.itm .biz-reg-content textarea.input,
.itm .biz-reg-content input[type="date"],
.itm .biz-reg-content input[type="time"],
.itm .biz-reg-content input[type="tel"],
.itm .biz-reg-content input[type="url"],
.itm .biz-reg-content input[type="text"],
.itm .biz-reg-content input[type="number"],
.itm .biz-reg-step4-panel .input,
.itm .biz-reg-step4-panel input,
.itm .biz-reg-step4-panel select,
.itm .biz-reg-step4-panel textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e4e9ee;
  border-radius: 9px;
  background: #fff;
  padding: 12px;
  font: inherit;
  font-size: 12px;
  color: #263747;
}
.itm .biz-reg-content .input:focus,
.itm .biz-reg-content input:focus,
.itm .biz-reg-content select:focus,
.itm .biz-reg-content textarea:focus,
.itm .biz-reg-content input[type="date"]:focus {
  outline: 3px solid #91b8ff;
  border-color: #1246A3;
}
.itm .biz-reg-cta {
  position: sticky;
  bottom: 0;
  z-index: 4;
  background: #fff;
  border-top: 1px solid #edf0f3;
  padding: 11px 18px 15px;
  margin: 0 -19px;
}
.itm .biz-reg-cta .itm-v15-btn,
.itm .biz-reg-cta button[type="submit"],
.itm .biz-reg-cta .btn-primary {
  width: 100%;
  border: 1px solid #1246A3;
  border-radius: 9px;
  background: #1246A3;
  color: #fff;
  padding: 12px 15px;
  font-size: 12px;
  font-weight: 800;
  box-shadow: none;
  margin-top: 0;
}
.itm .biz-reg-cta .itm-v15-btn.itm-v15-secondary,
.itm .biz-reg-cta .btn-secondary {
  background: #fff;
  color: #263747;
  border: 1px solid #dfe5eb;
}
.itm .biz-reg-step4-panel .field-label {
  display: block;
  font-size: 12px;
  font-weight: 750;
  margin-bottom: 7px;
  color: #17212e;
}


/* intro feature chips ? ???? ???(??? ??) */
.itm .biz-reg-feature-tag,
.itm .biz-reg-feature-input:checked + .biz-reg-feature-tag,
.itm .biz-reg-selected-feat-row .biz-reg-feature-tag,
.itm .biz-reg-pool-wrap .biz-reg-feature-tag,
.itm .feature-tag,
.itm .feature-input:checked + .feature-tag {
  border:1px solid #e4e9ee !important;
  background:#fff !important;
  color:#5b6877 !important;
  font-weight:650 !important;
  border-radius:9px !important;
  box-shadow:none !important;
}

/* v12 ad-option ? ?????? (???/??/?? ??). ?? tier ?? ??? */
.itm .itm-ad-option,
.itm .re-ad-tier.itm-ad-option,
.itm .biz-reg-tier.itm-ad-option,
.itm .re-ad-tier.itm-ad-option.is-on,
.itm .biz-reg-tier.itm-ad-option.is-selected {
  display:flex !important; align-items:center !important; gap:12px !important;
  border:1px solid #e9edf2 !important; background:#fff !important; padding:13px !important; border-radius:12px !important;
  width:100% !important; text-align:left !important; margin:9px 0 !important; cursor:pointer;
  box-shadow:none !important; flex-direction:row !important;
}
.itm .itm-ad-option.is-on,
.itm .itm-ad-option.is-selected,
.itm .itm-ad-option.selected,
.itm .re-ad-tier.itm-ad-option.is-on,
.itm .biz-reg-tier.itm-ad-option.is-selected {
  border-color:#1246A3 !important; background:#f8fbff !important;
}
.itm .itm-ad-option .v12-ico {
  width:39px; height:39px; border-radius:11px; background:#f1f5fb;
  display:grid; place-items:center; flex-shrink:0; color:#1246A3;
}
.itm .itm-ad-option .v12-ico .itm-icon,
.itm .itm-ad-option .v12-ico svg { width:22px; height:22px; stroke:currentColor; fill:none; }
.itm .itm-ad-option .ad-copy { flex:1; min-width:0; }
.itm .itm-ad-option .ad-copy b,
.itm .itm-ad-option .name { font-size:13px; font-weight:800; color:#17212e !important; display:block; margin:0; }
.itm .itm-ad-option .ad-copy small,
.itm .itm-ad-option .desc { font-size:11px; color:#82909e !important; display:block; margin-top:2px; line-height:1.45; font-weight:500; }
.itm .itm-ad-option .price,
.itm .itm-ad-option[data-tier] .price,
.itm .itm-ad-option[data-tier="normal"] .price,
.itm .itm-ad-option[data-tier="premium"] .price,
.itm .itm-ad-option[data-tier="special"] .price,
.itm .itm-ad-option[data-tier="recommend"] .price {
  font-size:12px; font-weight:800; color:#1246A3 !important; white-space:nowrap; margin-left:8px;
  background:none !important; border:0 !important; padding:0 !important;
}
.itm .itm-ad-option .arr { color:#9aa5b2; font-size:14px; flex-shrink:0; }
.itm .itm-ad-option .features { display:none !important; }
.itm .itm-ad-option .top { display:contents; }
.itm .re-ad-head,
.itm .biz-reg-ad-head { font-size:21px !important; font-weight:800 !important; letter-spacing:-.8px; margin:6px 0 !important; color:#17212e !important; }
.itm .re-ad-sub,
.itm .biz-reg-ad-sub { font-size:12px !important; color:#738191 !important; line-height:1.7; margin:0 0 18px !important; }
.itm .re-ad-body,
.itm .biz-reg-ad-body { padding:16px 19px 100px !important; background:#fff !important; }
.itm .itm-ad-note {
  padding:12px; background:#f4f7fb; color:#607183; font-size:11px; line-height:1.65; border-radius:9px; margin-top:8px;
}


/* lifestyle preview ? detail (itm-d8) */
.itm.biz-reg-step9.itm-d8-preview { background:#fff; }
.itm.biz-reg-step9.itm-d8-preview .preview-banner {
  position:sticky; top:0; z-index:10; background:#f4f7fb; border-bottom:1px solid #edf0f3;
  padding:10px 16px; display:flex; align-items:center; gap:8px; font-size:12px; color:#607183;
}
.itm.biz-reg-step9.itm-d8-preview .preview-banner p { margin:0; color:#607183; font-weight:600; }
.itm.biz-reg-step9.itm-d8-preview .preview-scroll { background:#fff; padding-bottom:88px; }
.itm.biz-reg-step9.itm-d8-preview .itm-d8-hero { position:relative; height:224px; background:#e9edf2; overflow:hidden; }
.itm.biz-reg-step9.itm-d8-preview .itm-d8-hero img { width:100%; height:100%; object-fit:cover; display:block; }
.itm.biz-reg-step9.itm-d8-preview .preview-edit-fab {
  position:absolute; right:12px; bottom:12px; z-index:2;
  background:rgba(0,0,0,.55); color:#fff; border:0; border-radius:100px;
  padding:6px 12px; font-size:11px; font-weight:700; text-decoration:none;
}
.itm.biz-reg-step9.itm-d8-preview .itm-d8-intro { padding:18px 20px 8px; }
.itm.biz-reg-step9.itm-d8-preview .itm-d8-overline { font-size:11px; color:#82909e; margin-bottom:6px; }
.itm.biz-reg-step9.itm-d8-preview .itm-d8-title-row {
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
}
.itm.biz-reg-step9.itm-d8-preview .itm-d8-title { font-size:22px; font-weight:800; letter-spacing:-.6px; margin:0 0 6px; color:#17212e; flex:1; }
.itm.biz-reg-step9.itm-d8-preview .itm-d8-summary { font-size:13px; color:#63748b; margin:8px 0 0; line-height:1.5; }
.itm.biz-reg-step9.itm-d8-preview .itm-d8-section-head {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin-bottom:10px;
}
.itm.biz-reg-step9.itm-d8-preview .itm-d8-section {
  padding: 20px;
}
.itm.biz-reg-step9.itm-d8-preview .itm-d8-section--options {
  padding-top: 16px;
  padding-bottom: 15px;
}
.itm.biz-reg-step9.itm-d8-preview .itm-d8-section-head h3,
.itm.biz-reg-step9.itm-d8-preview .itm-d8-section > h3 {
  font-size:16px; font-weight:800; letter-spacing:-.5px; color:#17212e; margin:0;
}
.itm.biz-reg-step9.itm-d8-preview .edit-btn { font-size:12px; font-weight:700; color:#1246A3; text-decoration:none; flex-shrink:0; }
.itm.biz-reg-step9.itm-d8-preview .contact-row { display:flex; gap:8px; padding:8px 20px 16px; }
.itm.biz-reg-step9.itm-d8-preview .itm-d8-option__icon {
  width:34px; height:34px; border-radius:10px; background:#f1f5fb; color:#1246A3;
  display:grid; place-items:center;
}
.itm.biz-reg-step9.itm-d8-preview .call-btn,
.itm.biz-reg-step9.itm-d8-preview .inquiry-btn {
  flex:1; display:flex; align-items:center; justify-content:center; gap:6px;
  border-radius:9px; padding:12px; font-size:12px; font-weight:800; text-decoration:none;
}
.itm.biz-reg-step9.itm-d8-preview .call-btn { background:#1246A3; color:#fff; }
.itm.biz-reg-step9.itm-d8-preview .inquiry-btn { background:#fff; color:#263747; border:1px solid #dfe5eb; }
.itm.biz-reg-step9.itm-d8-preview .call-btn .itm-icon,
.itm.biz-reg-step9.itm-d8-preview .inquiry-btn .itm-icon { width:16px; height:16px; }
.itm.biz-reg-step9.itm-d8-preview .cta-bar {
  position:sticky; bottom:0; z-index:20; padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:#fff; border-top:1px solid #edf0f3;
}

/* ===== signup (itm) ? ????????????????? ??????? ???? ===== */
.itm .itm-signup-body {
  padding: 16px 19px 110px;
  background: #fff;
}
.itm .itm-signup-badge {
  display: inline-block;
  color: #1246A3;
  background: #eef4ff;
  font-size: 10px;
  font-weight: 800;
  padding: 5px 8px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.itm .itm-signup-head {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.5px;
  color: #17212e;
  line-height: 1.35;
  margin: 0 0 6px;
}
.itm .itm-signup-head.is-oneline {
  white-space: nowrap;
}
.itm .itm-signup-sub {
  font-size: 13px;
  color: #63748b;
  line-height: 1.55;
  margin: 0 0 20px;
}
.itm .itm-signup-types {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.itm .itm-signup-type {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  text-align: left;
  padding: 14px 14px;
  border: 1.5px solid #e6ebf0;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  color: inherit;
  font: inherit;
}
.itm .itm-signup-type.is-active {
  border-color: var(--itm-blue);
  background: #f3f7fd;
}
.itm .itm-signup-type__ico {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #f1f5fb;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.itm .itm-signup-type.is-active .itm-signup-type__ico {
  background: var(--itm-blue);
  color: #fff;
}
.itm .itm-signup-type__ico .itm-icon {
  width: 22px;
  height: 22px;
}
.itm .itm-signup-type__copy {
  flex: 1;
  min-width: 0;
}
.itm .itm-signup-type__copy b {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #17212e;
  margin-bottom: 4px;
}
.itm .itm-signup-type.is-active .itm-signup-type__copy b {
  color: var(--itm-blue);
}
.itm .itm-signup-type__copy small {
  display: block;
  font-size: 12px;
  color: #63748b;
  line-height: 1.5;
  white-space: pre-line;
}
.itm .itm-signup-type__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
.itm .itm-signup-type__tags span {
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f3f6fa;
  color: #63748b;
}
.itm .itm-signup-type.is-active .itm-signup-type__tags span {
  background: #eaf1ff;
  color: var(--itm-blue);
}
.itm .itm-signup-type__radio {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid #d5dde6;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  margin-top: 2px;
  color: #fff;
}
.itm .itm-signup-type.is-active .itm-signup-type__radio {
  border-color: var(--itm-blue);
  background: var(--itm-blue);
}
.itm .itm-signup-type__radio .itm-icon {
  width: 12px;
  height: 12px;
  display: none;
}
.itm .itm-signup-type.is-active .itm-signup-type__radio .itm-icon {
  display: block;
}
.itm .itm-signup-note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f3f7fd;
  color: var(--itm-blue);
  font-size: 12px;
  line-height: 1.55;
}
.itm .itm-signup-note .itm-icon {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 1px;
}
.itm .itm-signup-note span { color: #334456; }
.itm .itm-signup-all {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 14px;
  border: 1.5px solid #e6ebf0;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 10px;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-align: left;
}
.itm .itm-signup-all.is-active {
  border-color: var(--itm-blue);
  background: #f3f7fd;
}
.itm .itm-signup-check {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  border: 1.5px solid #d5dde6;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: #fff;
  color: #fff;
  padding: 0;
}
.itm .itm-signup-all.is-active .itm-signup-check,
.itm .itm-signup-term.is-checked .itm-signup-check {
  border-color: var(--itm-blue);
  background: var(--itm-blue);
}
.itm .itm-signup-check .itm-icon {
  width: 13px;
  height: 13px;
  display: none;
}
.itm .itm-signup-all.is-active .itm-signup-check .itm-icon,
.itm .itm-signup-term.is-checked .itm-signup-check .itm-icon {
  display: block;
}
.itm .itm-signup-all b {
  font-size: 15px;
  font-weight: 800;
  color: #17212e;
}
.itm .itm-signup-all.is-active b { color: var(--itm-blue); }
.itm .itm-signup-terms {
  border: 1px solid #e7edf5;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
  background: #fff;
}
.itm .itm-signup-term {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  border-top: 1px solid #edf0f3;
  cursor: pointer;
}
.itm .itm-signup-term:first-child { border-top: 0; }
.itm .itm-signup-term .label {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  color: #24374a;
}
.itm .itm-signup-pill {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 6px;
  color: #b91c1c;
  background: #fef2f2;
  flex-shrink: 0;
}
.itm .itm-signup-pill.is-optional {
  color: #63748b;
  background: #f3f6fa;
}
.itm .itm-signup-term .itm-icon.chev {
  width: 14px;
  height: 14px;
  color: #a0aab5;
  flex-shrink: 0;
}
.itm .itm-signup-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 28px 8px 8px;
}
.itm .itm-signup-hero__ico {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  background: #f3f7fd;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
  margin-bottom: 18px;
}
.itm .itm-signup-hero__ico.is-ok {
  background: #ecfdf5;
  color: #0f8a4b;
}
.itm .itm-signup-hero__ico .itm-icon {
  width: 34px;
  height: 34px;
}
.itm .itm-signup-list {
  width: 100%;
  border: 1px solid #e7edf5;
  border-radius: 12px;
  padding: 6px 14px;
  background: #fff;
  text-align: left;
  margin-top: 8px;
}
.itm .itm-signup-list .row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  font-size: 13px;
  color: #4a5a6c;
}
.itm .itm-signup-list .row .itm-icon {
  width: 15px;
  height: 15px;
  color: #0f8a4b;
  flex-shrink: 0;
}
.itm .itm-signup-info {
  width: 100%;
  border: 1px solid #e7edf5;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  margin-top: 8px;
  text-align: left;
}
.itm .itm-signup-info .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-top: 1px solid #edf0f3;
}
.itm .itm-signup-info .row:first-child { border-top: 0; }
.itm .itm-signup-info .k {
  font-size: 12px;
  color: #8995a2;
  flex-shrink: 0;
}
.itm .itm-signup-info .v {
  font-size: 13px;
  font-weight: 700;
  color: #233246;
  display: flex;
  align-items: center;
  gap: 6px;
}
.itm .itm-signup-info .v .itm-icon {
  width: 14px;
  height: 14px;
  color: #0f8a4b;
}
.itm .itm-signup-verify {
  border: 1px solid #e7edf5;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 18px;
  background: #fff;
}
.itm .itm-signup-verify .head {
  font-size: 11px;
  font-weight: 800;
  color: #8995a2;
  margin-bottom: 6px;
  letter-spacing: .2px;
}
.itm .itm-signup-verify .row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-top: 1px solid #edf0f3;
}
.itm .itm-signup-verify .row:first-of-type { border-top: 0; }
.itm .itm-signup-verify .k {
  width: 52px;
  font-size: 12px;
  color: #8995a2;
  flex-shrink: 0;
}
.itm .itm-signup-verify .v {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  color: #233246;
}
.itm .itm-signup-verify .tag {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 700;
  color: #0f8a4b;
}
.itm .itm-signup-verify .tag .itm-icon {
  width: 12px;
  height: 12px;
}
.itm .itm-signup-body .itm-v15-field {
  margin: 0 0 14px;
}
.itm .itm-signup-body .chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.itm .itm-signup-body .chip {
  border-radius: 100px;
  border: 1.5px solid var(--itm-line);
  background: #fff;
  color: var(--itm-ink);
  font-weight: 500;
  font-size: 13px;
  padding: 7px 14px;
  cursor: pointer;
}
.itm .itm-signup-body .chip.is-active {
  border-color: var(--itm-blue);
  background: #edf3fc;
  color: var(--itm-blue);
  font-weight: 700;
}
.itm .itm-signup-body .region-dong-row {
  flex-wrap: wrap;
  overflow: visible;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #e6ebf0;
}
.itm .itm-signup-body .region-dong-row[hidden] { display: none; }
.itm .itm-signup-body .relation-row {
  display: flex;
  gap: 8px;
}
.itm .itm-signup-body .relation-chip {
  flex: 1;
  border: 1.5px solid #e6ebf0;
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  font-size: 13px;
  font-weight: 600;
  color: #63748b;
  cursor: pointer;
}
.itm .itm-signup-body .relation-chip.is-active {
  border-color: var(--itm-blue);
  background: #edf3fc;
  color: var(--itm-blue);
  font-weight: 800;
}
.itm .itm-signup-body .addr-row {
  display: flex;
  gap: 8px;
}
.itm .itm-signup-body .addr-row .input { flex: 1; min-width: 0; }
.itm .itm-signup-body .btn-line {
  flex-shrink: 0;
  border: 1.5px solid #e6ebf0;
  background: #fff;
  border-radius: 9px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
  color: #24374a;
  cursor: pointer;
}
.itm .itm-signup-review {
  border: 1px solid #e7edf5;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 12px;
}
.itm .itm-signup-review .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid #edf0f3;
}
.itm .itm-signup-review .head .t {
  font-size: 13px;
  font-weight: 800;
  color: #24374a;
}
.itm .itm-signup-review .head .edit {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  color: var(--itm-blue);
  padding: 0;
}
.itm .itm-signup-review .row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 14px;
  border-top: 1px solid #edf0f3;
}
.itm .itm-signup-review .row:first-of-type { border-top: 0; }
.itm .itm-signup-review .k {
  width: 70px;
  flex-shrink: 0;
  font-size: 12px;
  color: #8995a2;
}
.itm .itm-signup-review .v {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  color: #233246;
}
.itm .itm-signup-complete {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 36px 20px 28px;
  min-height: calc(100vh - 56px);
  box-sizing: border-box;
}
.itm .itm-signup-complete .itm-complete__circle {
  margin-bottom: 20px;
}
.itm .itm-signup-feats {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 22px 0 28px;
}
.itm .itm-signup-feats .cell {
  border: 1px solid #e7edf5;
  border-radius: 12px;
  padding: 14px 10px;
  background: #fff;
}
.itm .itm-signup-feats .box {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #f1f5fb;
  color: var(--itm-blue);
  display: grid;
  place-items: center;
  margin: 0 auto 8px;
}
.itm .itm-signup-feats .box .itm-icon {
  width: 18px;
  height: 18px;
}
.itm .itm-signup-feats .label {
  font-size: 12px;
  font-weight: 700;
  color: #24374a;
}
.itm .itm-signup-complete .itm-v15-btn {
  width: 100%;
  max-width: 360px;
}
.itm .itm-signup-biz-done {
  padding: 0 0 24px;
}
.itm .itm-signup-biz-done .hero-band {
  padding: 28px 20px 22px;
  text-align: center;
  background: #f3f7fd;
  border-bottom: 1px solid #e7edf5;
}
.itm .itm-signup-biz-done .hero-band .itm-complete__circle {
  margin: 0 auto 14px;
  width: 72px;
  height: 72px;
  box-shadow: 0 0 0 6px #eef4ff;
}
.itm .itm-signup-biz-done .hero-band .t {
  font-size: 20px;
  font-weight: 800;
  color: #17212e;
  line-height: 1.35;
  margin-bottom: 6px;
}
.itm .itm-signup-biz-done .hero-band .s {
  font-size: 13px;
  color: #63748b;
}
.itm .itm-signup-biz-done .pad {
  padding: 18px 19px 0;
}
.itm .itm-signup-biz-done .card {
  border: 1px solid #e7edf5;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  margin-bottom: 12px;
}
.itm .itm-signup-biz-done .card .t {
  font-size: 15px;
  font-weight: 800;
  color: #17212e;
  margin-bottom: 6px;
}
.itm .itm-signup-biz-done .card .d {
  font-size: 13px;
  color: #63748b;
  line-height: 1.55;
  margin-bottom: 12px;
}
.itm .itm-signup-biz-done .card .note {
  background: #f3f7fd;
  border-radius: 10px;
  padding: 11px 12px;
  font-size: 12px;
  color: #334456;
  line-height: 1.55;
  margin-bottom: 12px;
}
.itm .itm-signup-biz-done .item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-size: 13px;
  color: #4a5a6c;
}
.itm .itm-signup-biz-done .item .itm-icon {
  width: 14px;
  height: 14px;
  color: var(--itm-blue);
  flex-shrink: 0;
}
.itm .itm-signup-body + .cta-bar .btn,
.itm .itm-signup-complete .btn,
.itm .cta-bar .btn.btn-primary {
  background: var(--itm-blue);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-weight: 800;
}
.itm .cta-bar .btn.btn-disabled {
  background: #e8eef5;
  color: #98a3ad;
  border: none;
}
.itm .itm-signup-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .4);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.itm .itm-signup-modal-overlay[hidden] { display: none; }
.itm .itm-signup-modal {
  background: #fff;
  width: 100%;
  max-width: var(--layout-max-width, 480px);
  max-height: 80vh;
  border-radius: 16px 16px 0 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.itm .itm-signup-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid #edf0f3;
}
.itm .itm-signup-modal-title {
  font-size: 15px;
  font-weight: 800;
  color: #17212e;
}
.itm .itm-signup-modal-close {
  background: none;
  border: none;
  font-size: 22px;
  line-height: 1;
  color: #98a3ad;
  cursor: pointer;
  padding: 0;
}
.itm .itm-signup-modal-body {
  flex: 1;
  min-height: 0;
  padding: 18px;
  overflow-y: auto;
  font-size: 13px;
  color: #334456;
  line-height: 1.65;
}


/* ===== ?? ?? ???? (/shorts) ? ? is-shorts(105×155) ??? ===== */
.itm .itm-shorts-filter {
  position: sticky;
  top: 0;
  z-index: 30;
  background: #fff;
  border-bottom: 1px solid #edf0f3;
  padding-top: 10px;
}
/* ?????? .itm-filters ??? ??? ?? sticky ? ? ??? ?? */
.itm .itm-shorts-filter .itm-filters {
  padding-bottom: 12px;
}
.itm .itm-shorts-count {
  margin: 0;
  padding: 0 20px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #82909e;
}
.itm .itm-shorts-feed {
  padding: 14px 20px 96px;
  background: #fff;
  min-height: 40vh;
}
/* ? .itm-block-card.is-shorts ? ?? ?? ??(105 × picture 155)? wrap ???? */
.itm .itm-shorts-list {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 10px;
}
.itm .itm-shorts-list .itm-block-card.is-shorts {
  flex: 0 0 105px;
  width: 105px;
}
.itm .itm-shorts-list .itm-picture-empty {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.45);
  background: #1f2937;
}
.itm .itm-shorts-list .itm-picture-empty .itm-icon {
  width: 26px;
  height: 26px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.7;
}
.itm .itm-shorts-empty {
  padding: 64px 16px;
  text-align: center;
  color: #98a3ad;
}
.itm .itm-shorts-empty .itm-icon {
  width: 36px;
  height: 36px;
  margin: 0 auto 12px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6;
  display: block;
}
.itm .itm-shorts-empty p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}
.itm .itm-shorts-more {
  margin-top: 18px;
  text-align: center;
}
.itm .itm-shorts-more .itm-v15-btn {
  display: inline-flex;
  width: auto;
  min-width: 140px;
  margin-top: 0;
  justify-content: center;
}

/* ===== ?? ?? ?? (/shorts/{id}) ? Reference B #shorts-player ===== */
#root:has(.itm-shorts-player) {
  height: 100vh;
  height: 100dvh;
}
.itm.itm-shorts-player {
  height: 100%;
  overflow: hidden;
  background: #0a111e;
  color: #fff;
}
.itm .itm-reel {
  position: relative;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  background: #0a111e;
}
.itm .itm-reel-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #000;
  filter: none;
}
.itm .itm-reel-empty {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 10px;
  text-align: center;
  color: #9caac0;
  background: #111827;
}
.itm .itm-reel-empty .itm-icon {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6;
}
.itm .itm-reel-empty p {
  margin: 0;
  font-size: 13px;
}
/* ?? ?: ??? ?? ?? / ???? ??? ??? ??? */
.itm .itm-reel-scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(7, 15, 28, .88), rgba(7, 15, 28, .02) 55%, rgba(7, 15, 28, .28));
  z-index: 1;
  opacity: 0;
  transition: opacity .18s ease;
}
.itm .itm-reel.is-paused .itm-reel-scrim {
  opacity: 1;
}
.itm .itm-reel-back {
  position: absolute;
  top: calc(18px + env(safe-area-inset-top, 0px));
  left: 18px;
  z-index: 20;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.38);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
}
.itm .itm-reel-back .itm-icon {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
}
.itm .itm-reel-brand {
  position: absolute;
  top: calc(25px + env(safe-area-inset-top, 0px));
  left: 72px;
  z-index: 20;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .45);
}
.itm .itm-reel-play {
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
  z-index: 15;
  width: 64px;
  height: 64px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  display: none;
  place-items: center;
  cursor: pointer;
  padding: 0;
  font-size: 22px;
  line-height: 1;
  padding-left: 4px;
}
.itm .itm-reel.is-paused .itm-reel-play {
  display: grid;
}
.itm .itm-reel-actions {
  position: absolute;
  right: 14px;
  bottom: calc(135px + env(safe-area-inset-bottom, 0px));
  z-index: 20;
  display: grid;
  gap: 16px;
}
.itm .itm-reel-action {
  background: rgba(0, 0, 0, 0.25);
  border: 0;
  color: #fff;
  border-radius: 20px;
  min-width: 46px;
  padding: 5px 6px;
  display: grid;
  place-items: center;
  gap: 2px;
  cursor: pointer;
  text-decoration: none;
  font: inherit;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}
.itm .itm-reel-action .itm-icon {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.7;
}
.itm .itm-reel-action small {
  display: block;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}
.itm .itm-reel-like .icon-filled { display: none; }
.itm .itm-reel-like.is-liked {
  color: #ff6c88;
}
.itm .itm-reel-like.is-liked .icon-outline { display: none; }
.itm .itm-reel-like.is-liked .icon-filled {
  display: block;
  fill: currentColor;
  stroke: currentColor;
}
.itm .itm-reel-action.is-copied small::after {
  content: '?';
}
.itm .itm-reel-caption {
  position: absolute;
  left: 17px;
  right: 70px;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 20;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .55);
}
.itm .itm-reel-handle {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.88);
  margin-bottom: 6px;
}
.itm .itm-reel-title {
  margin: 8px 0;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: -.3px;
  color: #fff;
}
.itm .itm-reel-desc {
  margin: 0;
  font-size: 11px;
  color: #d5dce7;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.itm .itm-reel-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  background: #fff;
  color: #1246a3;
  border: 0;
  border-radius: 9px;
  padding: 11px 13px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-shadow: none;
}
.itm .itm-reel-cta span {
  margin-left: 15px;
}
.itm .itm-reel-error {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 25;
  text-align: center;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 13px;
}

.itm.itm-login {
  min-height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.itm .itm-login-brand {
  padding: calc(28px + env(safe-area-inset-top, 0px)) 20px 8px;
  text-align: center;
}
.itm .itm-login-brand .itm-brand {
  justify-content: center;
}
.itm .itm-login-brand .itm-brand img {
  width: 148px;
}
.itm .itm-login-tagline {
  margin: 8px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #75889a;
  letter-spacing: -.2px;
}
.itm .itm-login-body {
  flex: 1;
  padding: 18px 20px calc(28px + env(safe-area-inset-bottom, 0px));
}
.itm .itm-login-body .itm-signup-head {
  margin-bottom: 4px;
}
.itm .itm-login-body .itm-signup-sub {
  margin-bottom: 18px;
}
.itm .itm-login-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 16px;
  border-bottom: 1px solid #edf0f3;
}
.itm .itm-login-tabs a {
  padding: 12px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #98a3ad;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.itm .itm-login-tabs a[aria-current="page"] {
  color: var(--itm-blue, #1246a3);
  border-bottom-color: var(--itm-blue, #1246a3);
}
.itm .itm-login-note {
  margin: 0 0 14px;
  font-size: 12px;
  color: #63748b;
  line-height: 1.5;
}
.itm .itm-login-flash {
  margin-bottom: 14px;
  padding: 11px 12px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.45;
}
.itm .itm-login-flash.is-error {
  background: #fff3f3;
  color: #b42318;
}
.itm .itm-login-flash.is-success {
  background: #f0faf0;
  color: #15803d;
}
.itm .itm-login-pw-wrap {
  position: relative;
}
.itm .itm-login-pw-wrap input {
  padding-right: 44px;
}
.itm .itm-login-pw-toggle {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: #98a3ad;
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
}
.itm .itm-login-pw-toggle .itm-icon,
.itm .itm-login-pw-toggle .icon {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6;
}
.itm .itm-login-pw-toggle.is-on {
  color: var(--itm-blue, #1246a3);
}
.itm .itm-login-keep {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 2px;
  font-size: 13px;
  color: #334456;
  cursor: pointer;
  user-select: none;
}
.itm .itm-login-keep input {
  width: 16px;
  height: 16px;
  accent-color: var(--itm-blue, #1246a3);
}
.itm .itm-login-submit:disabled {
  opacity: .45;
}
.itm .itm-login-divider {
  position: relative;
  text-align: center;
  margin: 22px 0 16px;
}
.itm .itm-login-divider::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #edf0f3;
}
.itm .itm-login-divider span {
  position: relative;
  background: #fff;
  padding: 0 12px;
  font-size: 12px;
  color: #98a3ad;
}
.itm .itm-login-social {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 22px;
}
.itm .itm-login-social-btn {
  position: relative;
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
  font-family: inherit;
}
.itm .itm-login-social-mark {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}
.itm .itm-login-social-btn.is-kakao {
  background: #fee500;
  color: rgba(0, 0, 0, 0.85);
}
.itm .itm-login-social-btn.is-naver {
  background: #03c75a;
  color: #fff;
}
.itm .itm-login-social-btn.is-google {
  background: #fff;
  color: #333;
  border: 1px solid #e2e8ef;
}
.itm .itm-login-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin-top: 4px;
}
.itm .itm-login-links a {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  color: #63748b;
  text-decoration: none;
  font-family: inherit;
  padding: 0;
}
.itm .itm-login-links a.is-signup {
  color: var(--itm-blue, #1246a3);
  font-weight: 700;
}
.itm .itm-login-links .sep {
  color: #d5dde6;
}