.p-breadcrumbs { padding: 6px 8px; color: #686f7e; border-bottom: 1px solid #dddddd; background-color: #ffffff; box-shadow: 0 2px 3px rgba(0,0,0,.1); }
.p-breadcrumbs .nav-lists { max-width: 1200px; margin: 0 auto; }
.p-breadcrumbs .nav-lists a { color: #374151; text-decoration: none; }
.p-breadcrumbs .sep { margin: 0 6px; color: #9ca3af; }
.p-breadcrumbs .trail { color: #9ca3af; }
.page-wrapper { max-width: 1200px; margin: 0 auto; padding: 12px; }
.nf-header{ display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px solid #e5e7eb }
.nf-header-sub{ color:#6b7280; margin:0 }
.nf-tag{ display:inline-block; border-radius:6px; padding:4px 8px; font-size:12px; }
.nf-tag--running{ background:#ecfeff; color:#164e63; }
.nf-tag--retired{ background:#f1f5f9; color:#1f2937; }
.nf-tag--risk{ background:#fef2f2; color:#991b1b; }
.nf-current{ display:grid; grid-template-columns: 1fr 300px; gap:12px; }
.nf-current-title-row{ display:flex; gap:12px; align-items:center; justify-content:space-between; }
.nf-current-sub{ color:#6b7280 }
.nf-seat-list{ display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:8px; }
.nf-seat{ border:1px solid #e5e7eb; border-radius:8px; padding:10px; display:flex; gap:12px; align-items:center; }
.nf-seat--filled{ background:#f5f7ff }
.nf-seat-avatar{ width:28px; height:28px; border-radius:999px; background:#111827; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; }
.nf-seat-seatno{ font-weight:600 }
.nf-seat-user{ color:#6b7280; font-size: 12px }
.nf-current-right{ border:1px solid #e5e7eb; border-radius:8px; padding:12px; }
.nf-meta-list{ margin:0 }
.nf-meta-row{ display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px dashed #e5e7eb }
.nf-history{ margin-top:12px }
.nf-section-title{ display:flex; align-items:center; justify-content:space-between; }
.nf-section-sub{ color:#6b7280 }
.nf-history-list{ list-style:none; margin:0; padding:0; display:grid; gap:8px }
.nf-history-item{ display:flex; align-items:center; justify-content:space-between; border:1px solid #e5e7eb; border-radius:8px; padding:10px }
.nf-history-id{ font-weight:600 }
.nf-history-meta{ color:#6b7280; font-size:12px }
.nf-link{ text-decoration:none; color:#2563eb }
.nf-stats{ margin-top:12px }
.nf-stats-grid{ display:grid; gap:8px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nf-stat-card{ border:1px solid #e5e7eb; border-radius:8px; padding:10px }
.nf-stat-label{ color:#6b7280; font-size:12px }
.nf-stat-value{ font-weight:700; font-size:18px }