/* v160.3-DEFAULT-SKIN-ACTUAL-PATH-FIX-1
   User-facing default background skin.
   Keep admin screens untouched by applying this only to body.sodam-default-skin. */
:root{
  --sodam-default-skin-webp:url("/static/skins/default/default_skin_five_elements_ink_v3.webp");
  --sodam-default-skin-png:url("/static/skins/default/default_skin_five_elements_ink_v3.png");
  --sodam-default-skin-overlay-top:rgba(255,255,255,.03);
  --sodam-default-skin-overlay-bottom:rgba(255,255,255,.06);
  --sodam-default-skin-base:#f8faf9;
}
html[data-sodam-style] body.sodam-default-skin,
html.sodam-bg-managed-early body.sodam-default-skin,
body.sodam-default-skin{
  min-height:100vh;
  background-color:var(--sodam-default-skin-base)!important;
  background-image:
    linear-gradient(180deg,var(--sodam-default-skin-overlay-top),var(--sodam-default-skin-overlay-bottom)),
    var(--sodam-default-skin-webp)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
@supports (background-image:image-set(url("/static/skins/default/default_skin_five_elements_ink_v3.webp") type("image/webp"))){
  html[data-sodam-style] body.sodam-default-skin,
  html.sodam-bg-managed-early body.sodam-default-skin,
  body.sodam-default-skin{
    background-image:
      linear-gradient(180deg,var(--sodam-default-skin-overlay-top),var(--sodam-default-skin-overlay-bottom)),
      image-set(
        url("/static/skins/default/default_skin_five_elements_ink_v3.webp") type("image/webp"),
        url("/static/skins/default/default_skin_five_elements_ink_v3.png") type("image/png")
      )!important;
  }
}
body.sodam-default-skin .page,
body.sodam-default-skin .plaza-wrap,
body.sodam-default-skin .pricing-page,
body.sodam-default-skin .legal-page{
  background:transparent!important;
}
body.sodam-default-skin .topbar,
body.sodam-default-skin .app-header,
body.sodam-default-skin .crm-main-header,
body.sodam-default-skin .plaza-wrap>.topbar,
body.sodam-default-skin .nav-tabs,
body.sodam-default-skin .side,
body.sodam-default-skin .content-panel{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
@media(max-width:760px){
  html[data-sodam-style] body.sodam-default-skin,
  html.sodam-bg-managed-early body.sodam-default-skin,
  body.sodam-default-skin{
    background-attachment:scroll!important;
    background-position:center top!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.sodam-default-skin{background-attachment:scroll!important;}
}


/* v160.3-DEFAULT-SKIN-ACTUAL-PATH-FIX-1
   기본 스킨 전용 주요 액션 색상 복구.
   오행 스킨 선택 상태(body.sodam-bg-managed)는 제외해서 목/화/토/금/수 스킨과 충돌하지 않게 한다. */
body.sodam-default-skin:not(.sodam-bg-managed){
  --accent:#2f302d!important;
  --sodam-skin-accent-strong:#2f302d!important;
  --sodam-default-action-bg:#2f302d;
  --sodam-default-action-border:#2f302d;
  --sodam-default-action-hover:#242522;
}
body.sodam-default-skin:not(.sodam-bg-managed) .save-btn,
body.sodam-default-skin:not(.sodam-bg-managed) .primary-btn,
body.sodam-default-skin:not(.sodam-bg-managed) .btn.primary,
body.sodam-default-skin:not(.sodam-bg-managed) .btn.dark,
body.sodam-default-skin:not(.sodam-bg-managed) .admin-btn.dark,
body.sodam-default-skin:not(.sodam-bg-managed) .calendar-action-btn.primary,
body.sodam-default-skin:not(.sodam-bg-managed) .tab-btn.active,
body.sodam-default-skin:not(.sodam-bg-managed) .icon-btn.active{
  background:var(--sodam-default-action-bg)!important;
  border-color:var(--sodam-default-action-border)!important;
  color:#fff!important;
}
body.sodam-default-skin:not(.sodam-bg-managed) .save-btn:hover,
body.sodam-default-skin:not(.sodam-bg-managed) .primary-btn:hover,
body.sodam-default-skin:not(.sodam-bg-managed) .btn.primary:hover,
body.sodam-default-skin:not(.sodam-bg-managed) .btn.dark:hover,
body.sodam-default-skin:not(.sodam-bg-managed) .admin-btn.dark:hover,
body.sodam-default-skin:not(.sodam-bg-managed) .calendar-action-btn.primary:hover{
  background:var(--sodam-default-action-hover)!important;
  border-color:var(--sodam-default-action-hover)!important;
}

/* v160.3-MY-ELEMENT-SKIN-RESTORE-1
   MY에서 선택한 목/화/토/금/수 오행 스킨은 기본 스킨보다 우선 적용한다.
   classic은 sodam-bg-managed를 끄고 body.sodam-default-skin 기본 배경을 사용한다. */
html.sodam-bg-managed-early body.sodam-default-skin,
body.sodam-default-skin.sodam-bg-managed{
  background-color:var(--sodam-skin-bg,var(--bg,#f3f3f1))!important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,var(--sodam-bg-overlay,.82)),rgba(255,255,255,var(--sodam-bg-overlay,.82))),
    var(--sodam-bg-image)!important;
  background-size:var(--sodam-bg-size,cover)!important;
  background-position:var(--sodam-bg-position,center top)!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
@media(max-width:760px){
  html.sodam-bg-managed-early body.sodam-default-skin,
  body.sodam-default-skin.sodam-bg-managed{
    background-attachment:scroll!important;
    background-position:var(--sodam-bg-position,center top)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.sodam-bg-managed-early body.sodam-default-skin,
  body.sodam-default-skin.sodam-bg-managed{background-attachment:scroll!important;}
}