/**
 * 맛집 · 회식 공유소 — master·Workspace와 같은 편집샵 근간.
 * html.editorial-console 만. 목록·검색·추천 로직은 유지, ERP 초록·라운드만 걷는다.
 */
html.editorial-console {
  --bg: var(--ed-paper);
  --card: var(--ed-canvas);
  --line: var(--ed-line);
  --line-soft: var(--ed-wash);
  --text: var(--ed-ink);
  --muted: var(--ed-mute);
  --muted-2: var(--ed-faint);
  --primary: var(--ed-ink);
  --primary-hover: #000;
  --primary-soft: var(--ed-wash);
  --accent: var(--ed-ink);
  --dark: var(--ed-ink);
  --danger: var(--ed-danger);
  --warning: #9a5c45;
  --warning-soft: rgba(154, 92, 69, 0.08);
  --mood-lunch-bg: rgba(154, 92, 69, 0.08);
  --mood-lunch-fg: #9a5c45;
  --mood-lunch-line: rgba(154, 92, 69, 0.22);
  --mood-party-bg: var(--ed-wash);
  --mood-party-fg: var(--ed-ink);
  --mood-party-line: var(--ed-line-strong);
  --mood-cafe-bg: var(--ed-paper);
  --mood-cafe-fg: var(--ed-mute);
  --mood-cafe-line: var(--ed-line);
  --mood-staff-bg: var(--ed-ink);
  --mood-staff-fg: #fff;
  --mood-staff-line: var(--ed-ink);
  --mood-solo-bg: var(--ed-wash);
  --mood-solo-fg: var(--ed-mute);
  --mood-solo-line: var(--ed-line);
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-full: 0px;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
}

html.editorial-console {
  background: var(--ed-paper);
}

html.editorial-console body {
  background: var(--ed-paper);
  color: var(--ed-ink);
  font-family: var(--ed-font);
  font-feature-settings: "kern" 1, "liga" 1;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  font-weight: 450;
}

html.editorial-console ::selection {
  background: rgba(26, 27, 29, 0.12);
  color: var(--ed-ink);
}

html.editorial-console h1,
html.editorial-console h2,
html.editorial-console h3 {
  font-weight: 540;
  letter-spacing: var(--ed-track-title);
  color: var(--ed-ink);
}

/* ── Topbar ── */

html.editorial-console .topbar {
  align-items: center;
  min-height: var(--ed-topbar);
  padding: 8px 24px;
  background: var(--ed-canvas);
  border-bottom: 1px solid var(--ed-line);
  backdrop-filter: none;
}

html.editorial-console .topbar__brand {
  align-items: center;
  gap: 12px;
}

html.editorial-console .ed-wordmark {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

html.editorial-console .ed-wordmark > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

html.editorial-console .ed-wordmark__mark {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 650;
  letter-spacing: 0.28em;
  text-indent: 0.28em;
  line-height: 1;
  color: var(--ed-ink);
}

html.editorial-console .ed-wordmark em {
  margin: 0;
  font-family: var(--ed-font);
  font-size: var(--ed-micro);
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--ed-track-label);
  text-indent: var(--ed-track-label);
  text-transform: uppercase;
  color: var(--ed-faint);
}

html.editorial-console .topbar__title {
  font-size: var(--ed-title);
  font-weight: 540;
  letter-spacing: var(--ed-track-title);
  color: var(--ed-ink);
}

html.editorial-console .sync-chip,
html.editorial-console .sync-chip--wait,
html.editorial-console .sync-chip--live,
html.editorial-console .sync-chip--local,
html.editorial-console .sync-chip--off {
  border-radius: 0;
  border-color: var(--ed-line);
  background: transparent;
  color: var(--ed-faint);
  font-weight: 550;
  letter-spacing: var(--ed-track-label);
  text-transform: uppercase;
}

html.editorial-console .sync-chip--live {
  color: var(--ed-ink);
}

html.editorial-console .sync-chip--local {
  color: #9a5c45;
}

html.editorial-console .user-chip {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.editorial-console .user-chip__avatar {
  width: 22px;
  height: 22px;
  border-radius: 0;
  background: var(--ed-ink);
  font-size: 0.625rem;
  font-weight: 550;
}

html.editorial-console .user-chip__name {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--ed-mute);
}

/* ── Layout · panels ── */

html.editorial-console .layout {
  padding: 24px 28px 40px;
}

html.editorial-console .list-panel,
html.editorial-console .detail-panel,
html.editorial-console .eco-card,
html.editorial-console .opinions,
html.editorial-console .walk-strip,
html.editorial-console .place-review,
html.editorial-console .map-frame {
  border-radius: 0;
  box-shadow: none;
}

html.editorial-console .list-panel,
html.editorial-console .detail-panel {
  background: var(--ed-canvas);
  border-color: var(--ed-line);
}

html.editorial-console .panel-head__title,
html.editorial-console .eco-head__title {
  font-weight: 540;
}

html.editorial-console .count-badge,
html.editorial-console .opinions__count {
  border-radius: 0;
  background: var(--ed-ink);
  font-weight: 550;
}

html.editorial-console .search input,
html.editorial-console input,
html.editorial-console select,
html.editorial-console textarea {
  border-radius: 0;
}

html.editorial-console input:focus,
html.editorial-console select:focus,
html.editorial-console textarea:focus {
  border-color: var(--ed-ink);
  box-shadow: none;
}

html.editorial-console .sort-toggle,
html.editorial-console .sort-toggle__btn {
  border-radius: 0;
}

html.editorial-console .sort-toggle {
  padding: 0;
  background: transparent;
}

html.editorial-console .sort-toggle__btn.is-active {
  background: var(--ed-ink);
  color: #fff;
  box-shadow: none;
}

html.editorial-console .mood-tab,
html.editorial-console .mood-chip,
html.editorial-console .hint-chip,
html.editorial-console .modal-mood__btn {
  border-radius: 0;
  font-weight: 450;
}

html.editorial-console .mood-tab:hover,
html.editorial-console .hint-chip:hover {
  border-color: var(--ed-ink);
  color: var(--ed-ink);
  background: var(--ed-wash);
}

html.editorial-console .place-search__results {
  border-radius: 0;
  box-shadow: none;
}

html.editorial-console .place-result:hover,
html.editorial-console .place-result.is-active {
  background: var(--ed-wash);
}

html.editorial-console .place-result__badge {
  border-radius: 0;
}

html.editorial-console .picked-place {
  border-radius: 0;
  border-color: var(--ed-line);
  background: var(--ed-wash);
}

html.editorial-console .picked-place__eyebrow {
  color: var(--ed-faint);
}

html.editorial-console .mood-tab.is-active,
html.editorial-console .mood-tab--lunch.is-active,
html.editorial-console .mood-tab--party.is-active,
html.editorial-console .mood-tab--cafe.is-active,
html.editorial-console .mood-tab--staff.is-active,
html.editorial-console .mood-tab--solo.is-active {
  background: var(--ed-ink);
  border-color: var(--ed-ink);
  color: #fff;
}

html.editorial-console .mood-tab--lunch:not(.is-active),
html.editorial-console .mood-tab--party:not(.is-active),
html.editorial-console .mood-tab--cafe:not(.is-active),
html.editorial-console .mood-tab--staff:not(.is-active),
html.editorial-console .mood-tab--solo:not(.is-active) {
  background: var(--ed-canvas);
  border-color: var(--ed-line);
  color: var(--ed-mute);
}

/* ── Place list ── */

html.editorial-console .place-item {
  border-radius: 0;
  box-shadow: none;
}

html.editorial-console .place-item:hover,
html.editorial-console .place-item:active {
  transform: none;
  border-color: var(--ed-ink);
  box-shadow: none;
}

html.editorial-console .place-item.is-active,
html.editorial-console .place-item.is-active:hover {
  border-color: var(--ed-ink);
  background: var(--ed-canvas);
  box-shadow: inset 1.5px 0 0 var(--ed-ink);
}

html.editorial-console .place-item__thumb {
  border-radius: 0;
  background: var(--ed-paper);
}

html.editorial-console .place-item__thumb.tone-lunch,
html.editorial-console .place-item__thumb.tone-party,
html.editorial-console .place-item__thumb.tone-cafe,
html.editorial-console .place-item__thumb.tone-staff,
html.editorial-console .place-item__thumb.tone-solo {
  background: var(--ed-wash);
}

html.editorial-console .place-item__pin {
  border-radius: 0;
  background: var(--ed-ink);
  box-shadow: none;
  transform: none;
  border-color: var(--ed-canvas);
}

html.editorial-console .place-item__rank {
  border-radius: 0;
  box-shadow: none;
  background: var(--ed-canvas);
  color: var(--ed-ink);
  font-weight: 550;
}

html.editorial-console .place-item__name {
  font-weight: 550;
}

html.editorial-console .place-item__mine {
  border-radius: 0;
  color: var(--ed-ink);
  background: var(--ed-wash);
  border-color: var(--ed-line);
}

/* ── Landing · map ── */

html.editorial-console .eco-card {
  background: var(--ed-paper);
  border: 1px solid var(--ed-line);
}

html.editorial-console .eco-card__head h3 {
  font-weight: 540;
  letter-spacing: var(--ed-track-title);
}

html.editorial-console .eco-card__link,
html.editorial-console .map-frame__bar a {
  color: var(--ed-ink);
}

html.editorial-console .map-frame {
  border: 1px solid var(--ed-line);
  background: var(--ed-paper);
}

html.editorial-console .map-frame__bar {
  background: var(--ed-canvas);
  border-top: 1px solid var(--ed-line);
  color: var(--ed-mute);
}

html.editorial-console .map-frame__bar a {
  color: var(--ed-ink);
}

html.editorial-console .pin-hq {
  border-radius: 0;
  box-shadow: none;
  font-weight: 550;
  letter-spacing: 0.08em;
}

html.editorial-console .pin-place {
  border-radius: 0;
  background: var(--ed-ink);
  border-color: var(--ed-canvas);
  box-shadow: none;
}

html.editorial-console .pin-place.is-active {
  background: var(--ed-canvas);
  color: var(--ed-ink);
  outline: 1px solid var(--ed-ink);
}

html.editorial-console .pin-tooltip {
  border-radius: 0 !important;
  background: var(--ed-ink) !important;
  box-shadow: none !important;
  font-weight: 450 !important;
}

html.editorial-console .walk-strip {
  background: var(--ed-paper);
}

html.editorial-console .walk-strip__hq {
  border-radius: 0;
  font-weight: 550;
  letter-spacing: 0.08em;
}

html.editorial-console .walk-strip__line {
  border-radius: 0;
  background: var(--ed-ink);
}

html.editorial-console .walk-strip__pin {
  color: var(--ed-ink);
}

html.editorial-console .place-review {
  background: var(--ed-paper);
}

html.editorial-console .reco-btn {
  border-radius: 0;
}

html.editorial-console .reco-btn:hover {
  border-color: var(--ed-ink);
}

html.editorial-console .reco-btn.is-on {
  background: var(--ed-ink);
  border-color: var(--ed-ink);
  color: #fff;
}

html.editorial-console .reco-meter {
  border-radius: 0;
  background: var(--ed-line);
}

html.editorial-console .reco-meter__fill {
  border-radius: 0;
  background: var(--ed-ink);
}

html.editorial-console .opinions {
  border: 1px solid var(--ed-line);
  background: var(--ed-paper);
}

html.editorial-console .opinions__title {
  font-weight: 540;
  letter-spacing: var(--ed-track-title);
}

html.editorial-console .opinion {
  border-radius: 0;
  border-color: var(--ed-line);
  background: var(--ed-canvas);
}

html.editorial-console .opinion__avatar {
  border-radius: 0;
  background: var(--ed-ink);
}

/* ── Buttons · modal ── */

html.editorial-console .btn,
html.editorial-console .btn-ghost,
html.editorial-console .btn-primary,
html.editorial-console .btn-danger,
html.editorial-console .modal__close {
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

html.editorial-console .btn:active:not(:disabled) {
  transform: none;
}

html.editorial-console .btn-primary,
html.editorial-console .btn-primary:hover {
  background: var(--ed-ink);
  border-color: var(--ed-ink);
  color: #fff;
  box-shadow: none;
}

html.editorial-console .btn-primary:hover {
  background: #000;
  border-color: #000;
}

html.editorial-console .btn-ghost {
  border-color: var(--ed-line-strong);
  color: var(--ed-ink);
}

html.editorial-console .btn-ghost:hover {
  background: var(--ed-wash);
  border-color: var(--ed-ink);
}

html.editorial-console .btn-danger:hover {
  background: rgba(155, 49, 72, 0.06);
}

html.editorial-console .field__label {
  font-size: var(--ed-micro);
  font-weight: 550;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ed-faint);
}

html.editorial-console .modal__backdrop {
  background: rgba(26, 27, 29, 0.36);
  backdrop-filter: none;
}

html.editorial-console .modal__card,
html.editorial-console .modal__card--add {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid var(--ed-line);
}

html.editorial-console .modal__head {
  background: var(--ed-paper);
}

html.editorial-console .modal__eyebrow {
  color: var(--ed-faint);
  letter-spacing: var(--ed-track-label);
  text-transform: uppercase;
  font-weight: 550;
}

html.editorial-console .modal__card--add .modal__title {
  font-weight: 540;
}

html.editorial-console .place-search,
html.editorial-console .place-search--modal {
  border-radius: 0;
  border-color: var(--ed-line);
  background: var(--ed-paper);
  box-shadow: none;
}

html.editorial-console .place-search__spin {
  border-radius: 0;
  border-top-color: var(--ed-ink);
}

html.editorial-console .modal-mood__btn:hover {
  border-color: var(--ed-ink);
  color: var(--ed-ink);
}

html.editorial-console .modal-mood__btn.is-active,
html.editorial-console .modal-mood__btn--lunch.is-active,
html.editorial-console .modal-mood__btn--party.is-active,
html.editorial-console .modal-mood__btn--cafe.is-active,
html.editorial-console .modal-mood__btn--staff.is-active,
html.editorial-console .modal-mood__btn--solo.is-active {
  background: var(--ed-ink);
  border-color: var(--ed-ink);
  color: #fff;
}

html.editorial-console .toast {
  border-radius: 0;
  box-shadow: none;
  background: var(--ed-ink);
}

/* 로컬 CSS가 공유 독을 덮지 않게 */
html.editorial-console .space-launcher-stack {
  background: var(--space-dock-paper, var(--ed-paper));
  border: 1px solid var(--space-dock-line, var(--ed-line));
  padding: 4px;
  gap: 2px;
}

html.editorial-console .space-launcher,
html.editorial-console .space-launcher-stack .space-launcher {
  --space-launcher-accent: transparent;
  gap: 0;
  padding: 8px 10px;
  color: var(--ed-ink);
  border-radius: 0;
  border: 1px solid var(--ed-line);
  background: var(--ed-canvas);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  opacity: 1;
  transform: none;
}

html.editorial-console .space-launcher::before {
  display: none;
}

html.editorial-console .space-launcher:hover,
html.editorial-console .space-launcher:hover::before {
  transform: none;
  border-color: var(--ed-ink);
  box-shadow: none;
}

html.editorial-console .space-launcher__eyebrow {
  color: var(--ed-faint);
}

html.editorial-console .space-launcher__title,
html.editorial-console .space-launcher__title b {
  color: var(--ed-ink);
}

html.editorial-console .space-launcher__arrow {
  display: none;
}

@media (max-width: 768px) {
  html.editorial-console .topbar {
    align-items: center;
    padding: 12px 14px;
  }

  html.editorial-console .ed-wordmark em {
    display: none;
  }

  html.editorial-console .layout {
    padding: 12px 14px 28px;
  }
}