/* ─── 제품 사양서 탭 ─── */

/* 헤더 */
.ss-tab-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  background:var(--bg2);
  border-radius:10px;
  margin-bottom:14px;
}
.ss-rev-info { font-size:12px; color:var(--txt2); }
.ss-rev-label { font-size:10px; color:var(--txt3); font-weight:600; }
.ss-rev-val { font-size:14px; font-weight:800; color:var(--txt); margin-right:10px; }
.ss-rev-last { font-size:10px; color:var(--txt3); margin-left:6px; }
.ss-btn-print {
  padding:8px 16px;
  border-radius:7px;
  border:1px solid var(--green);
  background:var(--green);
  color:#fff;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  font-family:inherit;
}
.ss-btn-print:hover { filter:brightness(1.08); }

/* 섹션 */
.ss-section {
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:10px;
  padding:14px 16px;
  margin-bottom:12px;
}
.ss-section-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.ss-section-title {
  font-size:13px;
  font-weight:700;
  color:var(--txt);
}
.ss-section-sub {
  font-size:10px;
  color:var(--txt3);
  font-weight:500;
  margin-left:4px;
}
.ss-btn-add {
  padding:5px 12px;
  border-radius:6px;
  border:1px dashed var(--border);
  background:var(--bg);
  color:var(--txt2);
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  font-family:inherit;
}
.ss-btn-add:hover { border-color:var(--green); color:var(--green); }

.ss-empty {
  padding:20px;
  text-align:center;
  color:var(--txt3);
  font-size:12px;
  background:var(--bg2);
  border-radius:6px;
}

/* 공통 input */
.ss-inp {
  width:100%;
  box-sizing:border-box;
  padding:6px 8px;
  border:1px solid var(--border);
  border-radius:5px;
  background:var(--bg);
  color:var(--txt);
  font-size:12px;
  font-family:inherit;
  outline:none;
}
.ss-inp:focus { border-color:var(--green); }
.ss-inp-mono { font-family:ui-monospace, "SF Mono", monospace; font-size:11px; }
.ss-inp-num { text-align:right; font-variant-numeric:tabular-nums; }
.ss-inp-bold { font-weight:700; }
.ss-inp[readonly] { background:var(--bg2); color:var(--txt2); }

/* 삭제/이동 버튼 */
.ss-btn-del {
  width:26px;
  height:26px;
  border-radius:5px;
  border:1px solid var(--border);
  background:var(--bg);
  color:#E24B4A;
  font-size:12px;
  cursor:pointer;
  font-family:inherit;
}
.ss-btn-del:hover { background:#FCEBEB; border-color:#E24B4A; }
.ss-btn-move {
  width:24px;
  height:24px;
  border-radius:4px;
  border:1px solid var(--border);
  background:var(--bg);
  color:var(--txt2);
  font-size:10px;
  cursor:pointer;
  font-family:inherit;
}
.ss-btn-move:hover { background:var(--bg2); color:var(--txt); }

/* 향 테이블 */
.ss-fragrance-table {
  width:100%;
  border-collapse:collapse;
  font-size:11px;
}
.ss-fragrance-table th {
  background:var(--bg2);
  color:var(--txt2);
  font-weight:600;
  font-size:10px;
  padding:6px 8px;
  text-align:left;
  border-bottom:1px solid var(--border);
}
.ss-fragrance-table td {
  padding:4px;
  border-bottom:0.5px solid var(--border);
  vertical-align:middle;
}
.ss-td-no {
  text-align:center;
  color:var(--txt3);
  font-variant-numeric:tabular-nums;
}
.ss-sync-note {
  margin-top:8px;
  padding:8px 12px;
  background:#FAEEDA;
  border-radius:6px;
  font-size:11px;
  color:#633806;
}
.ss-sync-note b { font-weight:700; }

/* 제조 공정 리스트 */
.ss-process-list { display:flex; flex-direction:column; gap:6px; }
.ss-process-item {
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px;
  background:var(--bg2);
  border-radius:6px;
}
.ss-process-no {
  flex-shrink:0;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#E6F1FB;
  color:#0C447C;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
}
.ss-process-fields {
  flex:1;
  display:flex;
  gap:6px;
  min-width:0;
}
.ss-process-fields .ss-inp:first-child { flex:0 0 140px; }
.ss-process-fields .ss-inp:last-child { flex:1; }
.ss-process-ctrl {
  display:flex;
  gap:3px;
  flex-shrink:0;
}

/* 포장 사양 그리드 */
.ss-pkg-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ss-pkg-field label {
  display:block;
  font-size:10px;
  font-weight:600;
  color:var(--txt3);
  margin-bottom:3px;
}

/* 주의사항 리스트 */
.ss-notes-list { display:flex; flex-direction:column; gap:5px; }
.ss-note-item {
  display:flex;
  align-items:center;
  gap:6px;
}
.ss-note-bullet {
  color:var(--txt3);
  font-size:14px;
  width:12px;
  text-align:center;
}

/* 개정 이력 */
.ss-rev-history { display:flex; flex-direction:column; gap:4px; }
.ss-rev-row {
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px 8px;
  background:var(--bg2);
  border-radius:5px;
  font-size:11px;
}
.ss-rev-tag {
  display:inline-block;
  padding:1px 8px;
  background:var(--green);
  color:#fff;
  border-radius:8px;
  font-size:9px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.ss-rev-date { color:var(--txt2); font-variant-numeric:tabular-nums; font-size:10px; }
.ss-rev-author { color:var(--txt); font-weight:600; }
.ss-rev-note { color:var(--txt3); font-size:10px; margin-left:auto; }

/* 출력 다이얼로그 옵션 버튼 */
.ss-print-opt {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:12px 16px;
  border-radius:8px;
  border:1px solid var(--border);
  background:var(--bg);
  color:var(--txt);
  font-family:inherit;
  cursor:pointer;
  text-align:left;
  transition:all .12s;
}
.ss-print-opt:hover { border-color:var(--green); background:rgba(91,107,82,0.04); }
.ss-print-opt b { font-size:13px; font-weight:700; margin-bottom:2px; }
.ss-print-opt span { font-size:10px; color:var(--txt3); font-weight:500; }