/* 許可ナビ用の追加スタイル（ベースは古物台帳と共通の style.css） */
.step-title { font-size: 18px; margin: 0 0 12px; }
.panel + .panel { margin-top: 16px; }
.seg.col { flex-direction: column; align-items: stretch; }
.seg.col span { display: block; border-radius: var(--radius); }
.short { max-width: 120px; }

.result-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.progress { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--muted); min-width: 220px; }
.progress .bar { flex: 1; height: 10px; border-radius: 999px; background: var(--accent-soft); overflow: hidden; min-width: 120px; }
.progress .bar div { height: 100%; width: 0; background: var(--accent); transition: width .2s; }

.doc { border: 1px solid var(--line); border-radius: var(--radius); padding: 12px 14px; margin-bottom: 10px; background: var(--bg); }
.doc.done { opacity: .7; }
.doc-head { display: flex; align-items: flex-start; gap: 10px; }
.doc-head input { margin-top: 5px; width: 20px; height: 20px; flex: 0 0 auto; }
.doc-title { font-weight: 700; color: var(--text); }
.doc-who { font-size: 13px; color: var(--accent); font-weight: 600; }
.doc-body { margin: 6px 0 0 30px; font-size: 14px; color: var(--muted); }
.doc-body p { margin: 2px 0; }
.doc-warn { color: var(--warn); }
.group-title { font-size: 15px; margin: 18px 0 8px; }

.money ul, .small-list, .flow { margin: 0; padding-left: 1.3em; font-size: 15px; }
.small-list { font-size: 14px; color: var(--muted); margin-bottom: 8px; }
.flow li { margin-bottom: 4px; }

@media print {
  #print h1 { font-size: 14pt; }
  #print h2 { font-size: 11pt; margin: 10pt 0 4pt; }
  #print ul { margin: 0; padding-left: 14pt; }
  #print li { margin-bottom: 4pt; }
  #print .note { color: #444; font-size: 8pt; }
}