.v08-surface{padding:14px 16px;margin-top:12px}.v08-top,.v08-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:12px}.v08-filters label{font-size:12px;display:flex;flex-direction:column;gap:5px}.v08-top input,.v08-filters input,.v08-filters select{border:1px solid #cbd5e1;border-radius:5px;padding:7px 9px;background:white;min-height:33px}.v08-filters input{min-width:120px}.v08-master-detail{display:grid;grid-template-columns:minmax(250px,30%) minmax(0,1fr);gap:14px;min-height:450px}.v08-left{border-right:1px solid #e2e8f0;padding-right:10px}.v08-scroll{max-height:550px;overflow:auto}.v08-pick{cursor:pointer}.v08-pick:hover{background:#eef6ff}.v08-count{background:#f1f5f9;color:#475569;padding:7px 12px;font-size:12px;margin-top:8px}.v08-empty{padding:45px;color:#64748b;text-align:center}.v08-form-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:9px}.v08-form-grid label{font-size:12px;display:flex;flex-direction:column;gap:5px;color:#4c5665}.v08-form-grid input,.v08-form-grid select,.v08-form-grid textarea{width:100%;border:1px solid #cbd5e1;border-radius:5px;min-height:35px;padding:7px 8px;background:white;color:#0f172a}.v08-form-grid .v08-wide{grid-column:span 4}.v08-rowhead{display:flex;align-items:center;justify-content:space-between;margin:15px 0 6px;gap:12px}.v08-rowhead span{display:flex;gap:7px}.v08-works input,.v08-works select{min-width:92px;max-width:200px;width:100%;padding:5px;border:1px solid #cbd5e1}.v08-works th{white-space:nowrap}.v08-works td{vertical-align:middle}.v08-works td:nth-child(2){min-width:140px}.v08-works td:nth-child(9){min-width:190px}.v08-note{color:#64748b;font-size:12px;line-height:1.6;margin:10px 0}.v08-wide-scroll{overflow:auto;max-width:100%}.v08-process-table{min-width:2300px}.v08-process-table th,.v08-process-table td{white-space:nowrap}.v08-process-table th:nth-child(2){min-width:165px}.v08-stage{color:#334155}.v08-tabbar{display:flex;gap:6px;margin:10px 0}.v08-tab{padding:9px 15px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer}.v08-tab.active{background:#1d4ed8;color:white;border-color:#1d4ed8}@media(max-width:1040px){.v08-master-detail{grid-template-columns:1fr}.v08-left{border-right:0;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.v08-form-grid{grid-template-columns:repeat(2,1fr)}.v08-form-grid .v08-wide{grid-column:span 2}}

/* v0.8 stage 2 — editable 17-stage matrix and editor */
.v08-cell-btn{border:1px solid transparent;border-radius:4px;background:#f1f5f9;color:#334155;padding:5px 7px;white-space:nowrap;cursor:pointer;min-width:74px;text-align:left}
.v08-cell-btn:hover,.v08-cell-btn:focus-visible{background:#dbeafe;border-color:#60a5fa;outline:none}
.v08-cell-btn.selected{background:#dbeafe;border-color:#2563eb}
.v08-cell-btn span{color:#64748b;font-size:11px}
.v08-stage-editor{border:1px solid #cbd5e1;border-left:4px solid #2563eb;background:#f8fafc;padding:12px;margin:12px 0;border-radius:5px}
.v08-stage-editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}
.v08-stage-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:9px}
.v08-stage-editor-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#475569}
.v08-stage-editor-grid input,.v08-stage-editor-grid select{width:100%;min-height:34px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:4px;background:white}
.v08-stage-editor-grid .v08-stage-note{grid-column:span 4}
.v08-stage-editor-actions{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.v08-stage-editor-actions span{font-size:12px;color:#64748b}
@media(max-width:1000px){.v08-stage-editor-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.v08-stage-editor-grid .v08-stage-note{grid-column:span 2}}

/* v0.8 3차: 단계별 공정일보 연결 이력 (read-only history) */
.v08-history{margin:12px 0 2px;padding:10px 12px;border:1px solid #dbe4ef;border-radius:5px;background:#fff;min-height:46px}
.v08-history-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:12px}
.v08-history-title span{color:#64748b}
.v08-history th,.v08-history td{white-space:nowrap;font-size:12px}
.v08-history td:nth-child(6){white-space:normal;min-width:190px;max-width:310px}
.v08-works td:nth-child(4){min-width:130px}