/* Platform-wide additions to the P&L's Industry design system (styles.css).
 * Module views add their own sheet under /styles/<module>.css. */
.nav-item[hidden] { display: none; }
.module-toolbar { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 0 0 16px; }
.module-toolbar .grow { flex: 1 1 auto; }
.module-tabs { display: flex; gap: 2px; margin: 0 0 16px; border-bottom: 1px solid var(--line, #d9d9dc); }
.module-tabs a { padding: 8px 14px; text-decoration: none; color: inherit; border-bottom: 2px solid transparent; }
.module-tabs a.active { border-bottom-color: var(--accent, #1f3a5f); font-weight: 600; }
.kv { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; }
.kv dt { color: var(--muted, #6b6b70); }
.pill { display: inline-block; padding: 1px 8px; border: 1px solid var(--line, #d9d9dc); font-size: 12px; letter-spacing: .02em; text-transform: uppercase; }
.pill.ok { border-color: #2e7d32; color: #2e7d32; }
.pill.warn { border-color: #b26a00; color: #b26a00; }
.pill.bad { border-color: #b3261e; color: #b3261e; }
.board { display: grid; gap: 1px; background: var(--line, #d9d9dc); border: 1px solid var(--line, #d9d9dc); overflow-x: auto; }
.board .cell { background: #fff; min-height: 72px; padding: 6px; }
.board .cell.drop-target { outline: 2px dashed var(--accent, #1f3a5f); outline-offset: -2px; }
.ticket-chip { display: block; padding: 4px 6px; margin: 0 0 4px; background: #f2f2f3; border-left: 3px solid var(--accent, #1f3a5f); cursor: grab; font-size: 12px; }
.ticket-chip.dragging { opacity: .5; }
.capacity-bar { height: 6px; background: #e8e8ea; margin: 4px 0 0; }
.capacity-bar > i { display: block; height: 100%; background: #2e7d32; }
.capacity-bar.over > i { background: #b3261e; }
.mono { font-family: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }