/* ITALYON CONNECT — 우리 색(흰 바탕, 짙은 남색, 포인트 금색), 큰 글자, 쉬운 화면 */
:root {
  --navy: #14213d;
  --navy-light: #1f3466;
  --gold: #c8a35a;
  --gold-dark: #a8842f;
  --bg: #ffffff;
  --bg-soft: #f5f6f8;
  --text: #1a1a1a;
  --green: #1e7a34;
  --yellow: #a86c00;
  --red: #b3261e;
  --border: #dfe2e8;
}

* { box-sizing: border-box; }

body {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: var(--text);
  background: var(--bg);
  margin: 0;
}

a { color: var(--navy-light); }

.layout { display: flex; min-height: 100vh; }

.sidebar {
  width: 220px;
  background: var(--navy);
  color: #fff;
  padding: 20px 0;
  flex-shrink: 0;
}
.sidebar .brand { font-size: 20px; font-weight: 700; padding: 0 20px 20px; color: var(--gold); }
.sidebar a {
  display: block;
  padding: 12px 20px;
  color: #eef1f8;
  text-decoration: none;
  font-size: 17px;
}
.sidebar a:hover, .sidebar a.active { background: var(--navy-light); color: var(--gold); }
.sidebar .section-title { padding: 16px 20px 6px; color: #9aa5c4; font-size: 14px; }

.main { flex: 1; padding: 28px 36px; background: var(--bg-soft); }

.topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.topbar .who { font-size: 15px; color: #555; }

h1 { font-size: 26px; margin: 0 0 20px; color: var(--navy); }
h2 { font-size: 21px; color: var(--navy); }

.card { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 20px; margin-bottom: 16px; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }

.btn {
  display: inline-block;
  font-size: 17px;
  padding: 12px 22px;
  border-radius: 8px;
  border: none;
  background: var(--navy);
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.btn:hover { background: var(--navy-light); }
.btn.gold { background: var(--gold-dark); }
.btn.gold:hover { background: var(--gold); }
.btn.outline { background: #fff; color: var(--navy); border: 2px solid var(--navy); }

input, select, textarea {
  font-size: 17px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  width: 100%;
  margin-bottom: 12px;
}
label { font-weight: 600; display: block; margin-bottom: 4px; }

table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--border); font-size: 16px; }
th { background: var(--bg-soft); color: var(--navy); }

.badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 14px; font-weight: 600; }
.badge.green { background: #e6f4ea; color: var(--green); }
.badge.yellow { background: #fdf3d8; color: var(--yellow); }
.badge.red { background: #fbe9e7; color: var(--red); }

.login-wrap { display: flex; align-items: center; justify-content: center; min-height: 100vh; background: var(--bg-soft); }
.login-box { background: #fff; padding: 40px; border-radius: 14px; width: 380px; box-shadow: 0 4px 24px rgba(0,0,0,0.08); }
.login-box .brand { text-align: center; color: var(--navy); font-size: 24px; font-weight: 700; margin-bottom: 24px; }
.login-box .brand span { color: var(--gold-dark); }

.error-msg { color: var(--red); font-size: 15px; margin-bottom: 12px; }
.help-text { color: #666; font-size: 14px; }
.coming-soon { text-align: center; padding: 80px 20px; color: #888; font-size: 19px; }

/* 상품 사진 썸네일(전 메뉴 공통) */
.thumb { width: 36px; height: 36px; object-fit: cover; border-radius: 6px; vertical-align: middle; background: #f3f4f6; display: inline-block; }
.thumb-none { border: 1px dashed #d5d8de; }
.thumb-md { width: 72px; height: 72px; }
.thumb-lg { width: 160px; height: 160px; border-radius: 10px; }
.thumb-cell { width: 46px; padding-right: 4px !important; }

/* 홈 요약 카드 (#245) — 상품·SKU 띠 + 지표 6칸 한 줄, 카드별 색 구분 */
.kpi-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 10px; }
.kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.kpi, .kpi-mini {
  --c: #475569; --bg: #f8fafc;
  background: var(--bg); border: 1px solid var(--border); border-left: 4px solid var(--c);
  border-radius: 10px; min-width: 0;
}
.kpi { display: block; padding: 10px 12px; text-decoration: none; }
.kpi:hover { filter: brightness(0.97); }
.kpi-t { display: block; font-size: 13px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kpi-n { display: block; font-size: 22px; font-weight: 700; color: var(--c); margin-top: 4px; }
.kpi.alert .kpi-n { color: #dc2626; font-weight: 800; }
.kpi-mini { display: flex; align-items: baseline; gap: 10px; padding: 8px 10px; }
.kpi-mini-t { font-size: 12px; color: #333; }
.kpi-mini-n { font-size: 18px; font-weight: 700; color: var(--c); }
.kpi-link { margin-left: auto; font-size: 12px; line-height: 22px; padding: 0 8px; border: 1px solid var(--c); border-radius: 6px; color: var(--c); text-decoration: none; background: #fff; }
.k-orders { --c: #2563eb; --bg: #eff6ff; }
.k-ship   { --c: #7c3aed; --bg: #f5f3ff; }
.k-claim  { --c: #ea580c; --bg: #fff7ed; }
.k-inq    { --c: #0d9488; --bg: #f0fdfa; }
.k-sold   { --c: #dc2626; --bg: #fef2f2; }
.k-stock  { --c: #16a34a; --bg: #f0fdf4; }
.k-prod   { --c: #1d4ed8; --bg: #eef2ff; }
.k-sku    { --c: #475569; --bg: #f8fafc; }
@media (max-width: 900px) { .kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* #266 사이드바 kr / it 구역 */
.sidebar .section-title.region { color: #fff; font-weight: 700; }
.sidebar .side-sep { border-top: 1px solid #3a4670; margin: 14px 20px 0; }
.sidebar details.side-fold > summary { cursor: pointer; list-style: none; }
.sidebar details.side-fold > summary::-webkit-details-marker { display: none; }
.sidebar details.side-fold > summary::before { content: "▸ "; }
.sidebar details.side-fold[open] > summary::before { content: "▾ "; }

/* ===== [명령 #279 2026-09-27] 위즈파스타식 틀 — 상단 대메뉴 가로줄 + 좌측 소메뉴 + 홈 숫자판 =====
   원칙: 흰 바탕·가는 회색 선·작고 촘촘한 표, 화면마다 [위 검색조건 / 가운데 목록 / 아래 일괄 버튼]. */
body { font-size: 15px; line-height: 1.5; background: #f3f4f6; }
h1 { font-size: 20px; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid var(--navy); }
h2 { font-size: 16px; margin: 0 0 8px; }

.topbar { display: flex; align-items: center; gap: 18px; height: 50px; padding: 0 16px; background: #fff; border-bottom: 1px solid var(--border); margin: 0; }
.topbar .brand { font-size: 19px; font-weight: 800; color: var(--navy); text-decoration: none; white-space: nowrap; }
.topbar .brand span { color: var(--gold-dark); font-weight: 700; }
.region-tabs { display: flex; gap: 6px; }
.region-tabs a { padding: 6px 14px; border: 1px solid var(--navy); border-radius: 6px; color: var(--navy); text-decoration: none; font-weight: 700; font-size: 14px; }
.region-tabs a small { font-weight: 500; color: inherit; opacity: .8; margin-left: 4px; }
.region-tabs a.on { background: var(--navy); color: #fff; }
.topbar .who { margin-left: auto; font-size: 13px; color: #555; white-space: nowrap; }
.btn.sm { padding: 4px 10px; font-size: 13px; margin-left: 8px; }

.mainbar { display: flex; flex-wrap: wrap; background: var(--navy); padding: 0 8px; }
.mainbar a { display: block; padding: 10px 14px; color: #e8ecf5; text-decoration: none; font-size: 14px; font-weight: 600; border-bottom: 3px solid transparent; white-space: nowrap; }
.mainbar a:hover { color: var(--gold); }
.mainbar a.on { color: var(--gold); border-bottom-color: var(--gold); background: rgba(255,255,255,.06); }

.layout { min-height: calc(100vh - 94px); }
.sidebar { width: 190px; background: #fff; color: var(--text); padding: 8px 0; border-right: 1px solid var(--border); }
.sidebar .brand { display: none; }
.sidebar a { padding: 7px 14px; color: #333; font-size: 14px; }
.sidebar a:hover { background: #f3f4f6; color: var(--navy); }
.sidebar a.active { background: #eef2ff; color: var(--navy); font-weight: 700; border-left: 3px solid var(--navy); padding-left: 11px; }
.sidebar a.active[style] { padding-left: 31px !important; }
.sidebar .section-title { padding: 10px 14px 4px; font-size: 12px; color: #888; }
.sidebar .section-title.region { color: var(--navy); font-weight: 800; font-size: 13px; }
.sidebar .section-title.region.it { color: var(--gold-dark); }
.sidebar details.side-fold > summary { display: block; }
.sidebar details.side-fold > summary > a { display: block; font-weight: 700; }
.sidebar details.side-fold > summary::before { content: none; }
.sidebar details.side-fold[open] > summary > a { color: var(--navy); }
.main { padding: 16px 20px; background: #f3f4f6; }

.card { border-radius: 6px; padding: 14px 16px; margin-bottom: 12px; }
.btn { font-size: 14px; padding: 8px 14px; border-radius: 5px; }
input, select, textarea { font-size: 14px; padding: 7px 9px; margin-bottom: 8px; }
th, td { padding: 6px 8px; font-size: 13px; }
th { background: #eef0f4; font-size: 12px; white-space: nowrap; }
.badge { font-size: 12px; padding: 2px 8px; }

/* 홈 숫자판 — 위즈파스타 홈: 주문 흐름 숫자 + 누르면 그 일로 이동 */
.board { background: #fff; border: 1px solid var(--border); border-radius: 6px; padding: 12px 14px; margin-bottom: 12px; }
/* [명령 #348 · 2026-10-05 행님] 예치금 카드(홈) · 사이드바 ALEXAI-IT 흐리게 + 경고 배지 */
.dep-card.dep-low { border: 2px solid #dc2626; background: #fff7f7; }
.dep-card.dep-suspended { border: 2px solid #991b1b; background: #fef2f2; }
.dep-row { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.dep-main { display: flex; flex-direction: column; text-decoration: none; color: inherit; min-width: 220px; }
.dep-main .t { font-size: 13px; color: #64748b; } .dep-main .n { font-size: 30px; font-weight: 700; color: #14213d; letter-spacing: -.5px; }
.dep-debt { font-size: 13px; color: #b91c1c; font-weight: 600; }
.dep-side { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .dep-side small { color: #64748b; }
.dep-warn { margin-top: 10px; background: #fee2e2; border: 1px solid #fca5a5; color: #7f1d1d; border-radius: 8px; padding: 9px 12px; font-size: 14px; line-height: 1.6; }
.dep-table { width: 100%; border-collapse: collapse; font-size: 14px; } .dep-table th, .dep-table td { padding: 5px 8px; border-bottom: 1px solid var(--border); text-align: left; }
.dep-table .num { text-align: right; } .dep-table tr.dep-low td, .dep-table tr.dep-suspended td { background: #fff1f2; }
.sidebar .region-fold.dep-dim > a { opacity: .45; filter: grayscale(.6); }
.sidebar .region-fold.dep-dim > summary { opacity: .8; }
.sidebar .dep-badge { margin-left: 8px; font-size: 11px; padding: 1px 7px; text-decoration: none; }
.region-tabs a.dep-dim { opacity: .55; } .dep-badge-tab { color: #dc2626; font-size: 12px; font-weight: 700; }
.board-title { font-size: 13px; color: #666; margin-bottom: 8px; font-weight: 600; }
.flow { display: flex; align-items: stretch; gap: 0; flex-wrap: wrap; }
.flow .step { flex: 1; min-width: 120px; text-align: center; padding: 10px 6px; border: 1px solid var(--border); border-radius: 6px; text-decoration: none; color: var(--text); background: #fafafa; }
.flow .step:hover { background: #eef2ff; border-color: var(--navy); }
.flow .step .t { display: block; font-size: 13px; color: #444; }
.flow .step .n { display: block; font-size: 26px; font-weight: 800; color: var(--navy); line-height: 1.2; margin-top: 2px; }
.flow .step.hot .n { color: var(--red); }
.flow .arrow { display: flex; align-items: center; padding: 0 6px; color: #999; font-size: 18px; }
.board-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.board-grid .cell { display: block; text-decoration: none; padding: 8px 10px; border: 1px solid var(--border); border-left: 4px solid var(--c, #475569); border-radius: 6px; background: #fff; color: var(--text); }
.board-grid .cell:hover { background: #f8fafc; }
.board-grid .cell .t { display: block; font-size: 12px; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-grid .cell .n { display: block; font-size: 20px; font-weight: 800; color: var(--c, #475569); }
.board-grid .cell.hot .n { color: var(--red); }
.c-blue { --c: #2563eb; } .c-purple { --c: #7c3aed; } .c-orange { --c: #ea580c; } .c-teal { --c: #0d9488; } .c-red { --c: #dc2626; } .c-green { --c: #16a34a; } .c-gray { --c: #475569; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 1000px) { .board-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .two-col { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .layout { flex-direction: column; } .sidebar { width: auto; border-right: 0; border-bottom: 1px solid var(--border); } }

/* [#279 보강1] 사이드바 KR/IT 두 묶음 동시 표시 — 제목 누르면 접고 펼침 */
.sidebar details.region-fold > summary.section-title { cursor: pointer; padding: 10px 14px 6px; border-top: 1px solid var(--border); margin-top: 4px; }
.sidebar details.region-fold > summary.section-title::after { content: " ▸"; color: #999; font-size: 11px; }
.sidebar details.region-fold[open] > summary.section-title::after { content: " ▾"; }
.sidebar details.region-fold:first-child > summary.section-title { border-top: 0; margin-top: 0; }
.sidebar .section-title .region-sub { display: block; font-size: 11px; font-weight: 500; color: #777; margin-top: 1px; }

/* ===== [명령 #280 2026-09-27] 홈 = 손님 전체 보기 (KR 왼쪽 / IT 오른쪽) ===== */
.home-hello { margin: 0 0 12px; font-size: 20px; }
.home-hello small { font-size: 13px; color: #777; font-weight: 500; margin-left: 8px; }
.home-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.home-col-title { margin: 0 0 8px; font-size: 15px; font-weight: 800; color: var(--navy); }
.home-col-title small { font-size: 12px; color: #777; font-weight: 500; margin-left: 6px; }
.board-grid.cols3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home-cols .flow .step { min-width: 90px; padding: 8px 4px; }
.home-cols .flow .step .t { font-size: 11px; }
.mall-table td, .mall-table th { padding: 6px 8px; }
.mall-table .r { text-align: right; }
.mall-table .muted { color: #777; }
.mall-table .num { font-weight: 800; color: var(--navy); text-decoration: none; }
.mall-table .num.hot { color: var(--red); }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: middle; background: #cbd5e1; }
.dot.green { background: #16a34a; } .dot.red { background: var(--red); } .dot.yellow { background: #eab308; }
.home-it-empty { min-height: 120px; display: flex; align-items: center; justify-content: center; color: #999; }
@media (max-width: 1100px) { .home-cols { grid-template-columns: 1fr; } }
.home-cols.single { grid-template-columns: 1fr; }

/* [#282] 연동 뷰틱 상태 배지 + 금액 칸 */
#it-bq .amt,.mall-table .amt{font-variant-numeric:tabular-nums;color:#334155;font-weight:600}
.bq-state{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}
.bq-state i{width:7px;height:7px;border-radius:50%;display:inline-block}
.bq-state.on{background:#e7f8ee;color:#138a4b;border:1px solid #9fe0bb}
.bq-state.on i{background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:bqPing 1.6s infinite}
.bq-state.wait{color:#1d4ed8;border:1px solid #93c5fd;background:linear-gradient(90deg,#e0edff 0%,#bfdbfe 50%,#e0edff 100%);background-size:200% 100%;animation:bqFlow 2.2s linear infinite}
.bq-state.wait i{background:#2563eb;animation:bqBlink 1.2s ease-in-out infinite}
@keyframes bqPing{0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@keyframes bqFlow{0%{background-position:200% 0}100%{background-position:0 0}}
@keyframes bqBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}

/* [#282] 홈 두 파트 색 나누기 — 왼쪽 KR 파스텔 블루 / 오른쪽 IT 파스텔 핑크 */
.home-col.col-kr,.home-col.col-it{border-radius:14px;padding:14px 14px 4px}
.home-col.col-kr{background:linear-gradient(180deg,#eaf3ff 0%,#f4f9ff 100%);border:1px solid #cfe2fb}
.home-col.col-it{background:linear-gradient(180deg,#fdebf3 0%,#fff5f9 100%);border:1px solid #f7cfe0}
.home-col.col-kr .home-col-title{color:#1e4f9c;border-left:5px solid #7fb2f0;padding-left:9px}
.home-col.col-it .home-col-title{color:#a8336b;border-left:5px solid #f3a3c6;padding-left:9px}
.home-col.col-kr .board{border-color:#d6e6fb;box-shadow:0 1px 3px rgba(59,130,246,.07)}
.home-col.col-it .board{border-color:#f6d6e4;box-shadow:0 1px 3px rgba(236,72,153,.07)}
.home-col.col-kr .board-title{color:#2b5ca8}
.home-col.col-it .board-title{color:#b23f76}
.home-col.col-kr .mall-table thead th{background:#e3efff}
.home-col.col-it .mall-table thead th{background:#fde4ef}
.home-col.col-kr .flow .step{background:#f7fbff;border-color:#d6e6fb}
.home-col.col-it .flow .step{background:#fff8fb;border-color:#f6d6e4}

/* [#282] 재고판 원가 칸 */
.cost-cell { cursor:pointer; min-width:96px; }
.cost-cell:hover { background:#fff8e1; }
.cost-need { display:inline-block; font-size:12px; color:#b45309; background:#fff4de; border:1px dashed #f0b35a; border-radius:6px; padding:2px 8px; }
.cost-inp { width:100px; text-align:right; padding:4px 6px; border:1px solid #e0b64a; border-radius:6px; font-size:13px; }
th.c-cost { background:#fff7e6 !important; color:#8a5a00; }
.sh-so { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border:1px solid #d5dae1; border-radius:8px; font-size:13px; font-weight:600; color:#64748b; cursor:pointer; background:#fff; white-space:nowrap; }
.sh-so input { width:auto; margin:0; }
.sh-so.on { background:#fdecec; border-color:#f5b5b5; color:#c62828; }
.sh-live { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px; background:#e7f8ee; color:#138a4b; border:1px solid #9fe0bb; font-weight:700; font-size:13px; white-space:nowrap; }
.sh-live i { width:8px; height:8px; border-radius:50%; background:#16a34a; animation:bqPing 1.6s infinite; }

.cost-src { font-size:10px; color:#94a3b8; font-weight:400; }

/* [명령 #291] 행님 지시(09-28 10:34 피렌체): 모든 글씨는 가능하면 가로로 — 한글이 한 글자씩 세로로 꺾이지 않게 */
body{word-break:keep-all;overflow-wrap:break-word}
label,button,.btn,.badge,.tag,.sa-chip,.sh-wb,.sh-wm,.sh-filter label,.sc-split a,select,option{white-space:nowrap}
input[type=radio],input[type=checkbox]{width:auto;min-width:0;flex:0 0 auto}
.sh-wb{flex:0 0 auto}.sh-wb label{white-space:nowrap}
th{word-break:keep-all}

/* [2026-09-29 행님 · Cowork] 디에딧 스토어 바로가기 4버튼 */
.sidebar .store-links { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; padding:10px 8px 8px; border-bottom:1px solid var(--border); }
.sidebar .store-links a.sl { display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 0 5px; border:1px solid var(--border); border-radius:8px; background:#fff; text-decoration:none; color:#333; font-size:11px; line-height:1.1; transition:transform .1s, box-shadow .1s; }
.sidebar .store-links a.sl:hover { transform:translateY(-1px); box-shadow:0 2px 6px rgba(0,0,0,.12); }
.sidebar .store-links a.sl b { display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:6px; color:#fff; font-size:12px; font-weight:800; }
.sidebar .store-links .sl-io b { background:#1f2a44; }
.sidebar .store-links .sl-nv b { background:#03c75a; }
.sidebar .store-links .sl-lo b { background:#e60012; }
.sidebar .store-links .sl-ssg b { background:#222; color:#ffcc00; }
.sidebar .store-links + details.region-fold > summary.section-title { border-top:0; margin-top:0; }

/* [Cowork 2026-09-30] 홈: 단계별 판매가·연동 요약줄 */
.flow .step .p{display:block;font-size:11px;color:#64748b;margin-top:3px;font-weight:600}
.bq-sum{margin:0 0 8px;font-size:13px;color:#7a2a55}.bq-sum b{font-size:15px;color:#b0175f}
/* [Cowork 2026-09-30] 왼쪽 주문 흐름 6칸을 한 줄에 */
.home-col.col-kr .flow{flex-wrap:nowrap}
.home-col.col-kr .flow .step{min-width:0;flex:1 1 0;padding:8px 2px}
.home-col.col-kr .flow .step .t{font-size:11px;line-height:1.25;min-height:28px;display:flex;align-items:center;justify-content:center}
.home-col.col-kr .flow .step .n{font-size:22px}
.home-col.col-kr .flow .step .p{font-size:10px}
.home-col.col-kr .flow .arrow{padding:0 2px;font-size:14px}

/* [Cowork 2026-09-30] 오른쪽 주문 흐름도 6칸 한 줄 */
.home-col.col-it .flow{flex-wrap:nowrap}
.home-col.col-it .flow .step{min-width:0;flex:1 1 0;padding:8px 2px}
.home-col.col-it .flow .step .t{font-size:11px;line-height:1.25;min-height:28px;display:flex;align-items:center;justify-content:center}
.home-col.col-it .flow .step .n{font-size:22px}
.home-col.col-it .flow .step .p{font-size:10px}
.home-col.col-it .flow .arrow{padding:0 2px;font-size:14px}

/* [2026-10-03 행님] 스토어 바로가기 — 각 몰 공식 아이콘 이미지 */
.sidebar .store-links { gap:6px; padding:12px 8px 10px; }
.sidebar .store-links a.sl { padding:8px 0 6px; border-radius:10px; gap:5px; border-color:#e6e8ee; transition:transform .15s, box-shadow .15s; }
.sidebar .store-links a.sl:hover { transform:translateY(-2px); box-shadow:0 4px 10px rgba(20,30,60,.14); }
.sidebar .store-links a.sl img { width:32px; height:32px; border-radius:8px; object-fit:cover; display:block; box-shadow:0 1px 3px rgba(0,0,0,.18); }
.sidebar .store-links a.sl b.io-mark { width:32px; height:32px; border-radius:8px; background:#111; color:#fff; font:700 15px Georgia,'Times New Roman',serif; letter-spacing:.5px; box-shadow:0 1px 3px rgba(0,0,0,.18); }
.sidebar .store-links a.sl span { font-size:10px; font-weight:600; color:#444; white-space:nowrap; letter-spacing:-.3px; }

/* [2026-10-03 행님] 더 작게 + 이오샵 = 이탈리아 삼색기 */
.sidebar .store-links { gap:4px; padding:8px 6px 8px; }
.sidebar .store-links a.sl { padding:5px 0 4px; gap:3px; border-radius:8px; }
.sidebar .store-links a.sl img { width:24px; height:24px; border-radius:6px; }
.sidebar .store-links a.sl b.io-mark { width:24px; height:24px; border-radius:6px; font-size:12px; color:#1a1a1a; text-shadow:0 0 3px #fff,0 0 3px #fff; background:linear-gradient(90deg,#009246 0 33.3%,#fff 33.3% 66.6%,#ce2b37 66.6% 100%); box-shadow:0 0 0 1px rgba(0,0,0,.18); }
.sidebar .store-links a.sl span { font-size:9px; letter-spacing:-.4px; }

/* [Cowork 2026-10-03] 해외직구(ALEXAI-IT) 분홍 테마 — 국내(KR)는 종전 색 그대로. 되돌리기: 이 블록 삭제 + base.html 백업 복원 */
.region-tabs a.it-tab{border-color:#d6498f;color:#a8336b;background:#fff0f7}
.region-tabs a.it-tab.on{background:#d6498f;color:#fff;border-color:#d6498f}
body.theme-it .mainbar{background:#8f2a5e}
body.theme-it .mainbar a{color:#ffe3f0}
body.theme-it .mainbar a:hover{color:#fff}
body.theme-it .mainbar a.on{color:#fff;border-bottom-color:#ff8fc0;background:rgba(255,255,255,.12)}
body.theme-it .topbar{border-bottom-color:#f7cfe0}
body.theme-it .topbar .brand{color:#a8336b}
body.theme-it .sidebar a.active{background:#fde7f1;color:#a8336b;border-left-color:#d6498f}
body.theme-it .sidebar a:hover{background:#fff0f7;color:#a8336b}
body.theme-it .sidebar details.side-fold[open] > summary > a{color:#a8336b}
body.theme-it .btn{background:#d6498f}
body.theme-it .btn:hover{background:#b23f76}
body.theme-it .btn.outline{background:#fff;color:#a8336b;border-color:#d6498f}

/* [2026-10-04 Cowork] 루네드 스토어 바로가기 — 자사몰 로고(링크 없음) */
.sidebar .store-links span.sl { display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 0 5px; border:1px solid var(--border); border-radius:8px; background:#fff; color:#333; font-size:11px; line-height:1.1; }
.sidebar .store-links span.sl img { width:32px; height:32px; border-radius:8px; object-fit:cover; display:block; box-shadow:0 1px 3px rgba(0,0,0,.18); }
.sidebar .store-links span.sl span { font-size:10px; font-weight:600; color:#444; white-space:nowrap; letter-spacing:-.3px; }

/* [2026-10-04 Cowork] 루네드 자사몰 로고 — 다른 스토어 아이콘과 같은 크기(24px)로 */
.sidebar .store-links span.sl { padding:5px 0 4px; gap:3px; border-radius:8px; }
.sidebar .store-links span.sl img { width:24px !important; height:24px !important; max-width:24px; border-radius:6px; }
.sidebar .store-links span.sl span { font-size:9px; letter-spacing:-.4px; }
.dep-card.dep-top { margin: 0 0 14px; }   /* [명령 #348] 홈 맨 위(두 칸 위) 예치금 카드 */

/* [Cowork 2026-10-15 행님] 사업자 안내줄은 항상 페이지 맨 밑으로 */
.layout{align-items:stretch}
.main{display:flex;flex-direction:column;min-width:0}
.main>.biz-footer{margin-top:auto !important;padding-top:18px}

/* [Cowork 2026-10-15 04:3x 피렌체 행님] 사업자 안내줄은 첫 화면에 안 보이게 — 맨 밑까지 내려야 보임 */
.main{min-height:calc(100vh - 94px + 150px)}
.main>.biz-footer{margin-top:auto !important}

/* [Cowork 2026-10-15 10:4x 피렌체 행님] 사업자 안내줄 = 전 페이지 첫 화면에서 안 보임, 맨 밑까지 스크롤해야 나타남 */
.main{min-height:calc(100vh + 120px) !important}
.main>.biz-footer{visibility:hidden;opacity:0;transition:opacity .25s}
body.at-bottom .main>.biz-footer{visibility:visible;opacity:1}