/* LM_ADMIN_SETTINGS_FULL_GUIDED_HELP_V1_0_6 */
.lm-admin-settings-title-host-v1-0-0{
  display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap
}
.lm-admin-settings-guide-btn-v1-0-0{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  min-height:32px;padding:6px 11px;border:1px solid #cbd5e1;border-radius:999px;
  background:#f8fafc;color:#334155;font:800 13px/1.1 inherit;cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.06)
}
.lm-admin-settings-guide-btn-v1-0-0:hover{background:#eef6ff;border-color:#93c5fd;color:#1d4ed8}
.lm-admin-settings-guide-btn-v1-0-0:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}

.lm-admin-help-root[hidden],.lm-admin-tour-root[hidden]{display:none!important}
.lm-admin-help-root,.lm-admin-tour-root{position:fixed;inset:0;z-index:2147483600;font-family:inherit}
.lm-admin-help-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}
.lm-admin-help-panel{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(760px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 24px));
  display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#172033;
  border:1px solid #dbe4f0;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.38)
}
.lm-admin-help-head{
  flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:20px 22px 15px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fbff,#eef6ff)
}
.lm-admin-help-kicker{font-size:12px;font-weight:900;letter-spacing:.06em;color:#2563eb}
.lm-admin-help-head h2{margin:4px 0 5px;font-size:24px;line-height:1.2}
.lm-admin-help-head p{margin:0;color:#64748b;font-size:14px}
.lm-admin-help-x{
  flex:0 0 auto;width:38px;height:38px;border:1px solid #cbd5e1;border-radius:12px;
  background:#fff;color:#334155;font-size:25px;line-height:1;cursor:pointer
}
.lm-admin-help-tabs{
  flex:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;
  padding:12px 18px;border-bottom:1px solid #e2e8f0;background:#fff
}
.lm-admin-help-tabs button{
  min-height:38px;border:1px solid #cbd5e1;border-radius:11px;background:#f8fafc;
  color:#475569;font-weight:850;cursor:pointer
}
.lm-admin-help-tabs button.active{background:#2563eb;border-color:#2563eb;color:#fff}
.lm-admin-help-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 22px 22px;scrollbar-gutter:stable}
.lm-admin-help-scroll article{font-size:15px;line-height:1.68}
.lm-admin-help-scroll h3{margin:19px 0 8px;font-size:18px;color:#172033}
.lm-admin-help-scroll h3:first-child{margin-top:0}
.lm-admin-help-scroll p{margin:6px 0 12px}
.lm-admin-help-scroll ul,.lm-admin-help-scroll ol{margin:6px 0 14px;padding-left:23px}
.lm-admin-help-scroll li+li{margin-top:6px}
.lm-admin-help-callout{margin:10px 0 15px;padding:13px 15px;border-radius:13px;border:1px solid #cbd5e1;background:#f8fafc}
.lm-admin-help-callout b{display:block;margin-bottom:4px}
.lm-admin-help-callout.info{border-color:#93c5fd;background:#eff6ff}
.lm-admin-help-callout.success{border-color:#86efac;background:#f0fdf4}
.lm-admin-help-callout.warning{border-color:#fcd34d;background:#fffbeb}
.lm-admin-help-callout.danger{border-color:#fca5a5;background:#fef2f2}
.lm-admin-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.lm-admin-help-grid>div{padding:14px;border:1px solid #dbe4f0;border-radius:13px;background:#f8fafc}
.lm-admin-help-actions{
  flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;
  padding:13px 18px 17px;border-top:1px solid #e2e8f0;background:#fff
}
.lm-admin-help-actions button,.lm-admin-tour-actions button{
  min-height:42px;border:1px solid #cbd5e1;border-radius:11px;background:#f8fafc;
  color:#334155;font-weight:900;cursor:pointer
}
.lm-admin-help-actions button.primary,.lm-admin-tour-actions button.primary{background:#2563eb;border-color:#2563eb;color:#fff}

.lm-admin-tour-shade{position:absolute;inset:0;background:rgba(15,23,42,.48);pointer-events:none}
.lm-admin-tour-ring{
  position:absolute;border:4px solid #fbbf24;border-radius:14px;box-shadow:0 0 0 5px rgba(251,191,36,.25),0 12px 34px rgba(0,0,0,.28);
  pointer-events:none;transition:left .12s,top .12s,width .12s,height .12s
}
.lm-admin-tour-card{
  position:absolute;width:min(400px,calc(100vw - 20px));max-height:calc(100vh - 20px);
  overflow:auto;padding:17px 18px;background:#fff;color:#172033;border:1px solid #dbe4f0;
  border-radius:17px;box-shadow:0 24px 70px rgba(0,0,0,.38)
}
.lm-admin-tour-progress{font-size:13px;font-weight:900;color:#2563eb}
.lm-admin-tour-card h3{margin:7px 0 7px;font-size:19px}
.lm-admin-tour-text{margin:0 0 15px;line-height:1.58;color:#475569}
.lm-admin-tour-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.lm-admin-tour-actions button:disabled{opacity:.45;cursor:not-allowed}

@media(max-width:640px){
  .lm-admin-help-head{padding:16px 16px 12px}
  .lm-admin-help-head h2{font-size:21px}
  .lm-admin-help-tabs{grid-template-columns:1fr 1fr;padding:10px 12px}
  .lm-admin-help-scroll{padding:15px 16px 18px}
  .lm-admin-help-grid{grid-template-columns:1fr}
  .lm-admin-help-actions{padding:10px 12px 13px}
}


/* V1.0.1 직원모드 실제화면 읽기 전용 미리보기 */
.lm-admin-help-actions-v101{grid-template-columns:1fr 1.18fr 1fr}
.lm-admin-help-actions-v101 .employee-preview{
  background:#0f766e;border-color:#0f766e;color:#fff
}
.lm-admin-preview-settings-suspended-v101{
  visibility:hidden!important;pointer-events:none!important
}
.lm-admin-employee-preview-root-v101{
  position:fixed;inset:0;z-index:2147483642;font-family:inherit;pointer-events:none
}
.lm-admin-preview-soft-shade-v101{
  position:absolute;inset:0;background:rgba(15,23,42,.16);pointer-events:none
}
.lm-admin-preview-card-v101{
  position:fixed;right:16px;top:16px;width:min(430px,calc(100vw - 24px));
  max-height:calc(100vh - 32px);overflow:auto;padding:17px 18px;
  background:#fff;color:#172033;border:1px solid #dbe4f0;border-radius:18px;
  box-shadow:0 24px 75px rgba(0,0,0,.36);pointer-events:auto
}
.lm-admin-preview-topline-v101{
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.lm-admin-preview-progress-v101{font-size:13px;font-weight:950;color:#2563eb}
.lm-admin-preview-readonly-v101{
  padding:4px 8px;border-radius:999px;background:#ecfdf5;color:#047857;
  font-size:11px;font-weight:950
}
.lm-admin-preview-card-v101 h3{margin:9px 0 7px;font-size:20px}
.lm-admin-preview-text-v101{margin:0 0 12px;color:#475569;line-height:1.58}
.lm-admin-preview-legend-v101{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}
.lm-admin-preview-legend-v101 span{
  padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900
}
.lm-admin-preview-legend-v101 .hidden{background:#fef2f2;color:#b91c1c}
.lm-admin-preview-legend-v101 .visible{background:#f0fdf4;color:#15803d}
.lm-admin-preview-legend-v101 .replace{background:#eff6ff;color:#1d4ed8}
.lm-admin-preview-actions-v101{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.lm-admin-preview-actions-v101 button{
  min-height:40px;border:1px solid #cbd5e1;border-radius:11px;background:#f8fafc;
  color:#334155;font-weight:900;cursor:pointer
}
.lm-admin-preview-actions-v101 button.primary{background:#2563eb;border-color:#2563eb;color:#fff}
.lm-admin-preview-actions-v101 button:disabled{opacity:.42;cursor:not-allowed}
.lm-admin-preview-mark-v101{
  position:fixed;z-index:2147483641;border:4px solid #dc2626;border-radius:13px;
  background:rgba(254,226,226,.26);box-shadow:0 0 0 4px rgba(220,38,38,.12);
  pointer-events:none;box-sizing:border-box
}
.lm-admin-preview-mark-v101>span{
  position:absolute;left:6px;top:6px;max-width:calc(100% - 12px);
  padding:5px 8px;border-radius:8px;background:#b91c1c;color:#fff;
  font-size:11px;font-weight:950;line-height:1.2;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px rgba(0,0,0,.2)
}
.lm-admin-preview-mark-v101.visible{
  border-color:#16a34a;background:rgba(220,252,231,.24);
  box-shadow:0 0 0 4px rgba(22,163,74,.12)
}
.lm-admin-preview-mark-v101.visible>span{background:#15803d}
.lm-admin-preview-mark-v101.replace{
  border-color:#2563eb;background:rgba(219,234,254,.25);
  box-shadow:0 0 0 4px rgba(37,99,235,.12)
}
.lm-admin-preview-mark-v101.replace>span{background:#1d4ed8}

@media(max-width:720px){
  .lm-admin-help-actions-v101{grid-template-columns:1fr}
  .lm-admin-preview-card-v101{
    left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:48vh
  }
}


/* V1.0.4: 설명판 자동회피 위치 및 클릭 관통 방지 */
.lm-admin-preview-card-v101,
.lm-admin-tour-card{
  right:auto!important;
  bottom:auto!important;
  max-width:calc(100vw - 24px)!important
}
.lm-admin-preview-card-v101{
  top:12px;
  left:12px
}


/* V1.0.5: 관리자설정 제목만 감싸고 비밀번호 안내 줄은 원래 배치 유지 */
.lm-admin-settings-title-host-v1-0-0{
  display:revert!important;
  align-items:revert!important;
  gap:revert!important;
  flex-wrap:revert!important
}
.lm-admin-settings-title-wrap-v1-0-5{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  width:auto!important;
  max-width:100%!important
}
.lm-admin-settings-title-wrap-v1-0-5 > h1,
.lm-admin-settings-title-wrap-v1-0-5 > h2,
.lm-admin-settings-title-wrap-v1-0-5 > h3,
.lm-admin-settings-title-wrap-v1-0-5 > .modal-title,
.lm-admin-settings-title-wrap-v1-0-5 > .dialog-title,
.lm-admin-settings-title-wrap-v1-0-5 > .settings-title,
.lm-admin-settings-title-wrap-v1-0-5 > .title{
  flex:0 1 auto!important;
  min-width:0!important
}
