.blackness-hint[data-v-17b15b7d] { color: #687990; font-size: 12px; line-height: 1.7; margin: 8px 0;
}
.blackness-progress[data-v-17b15b7d] { margin: 8px 0; color: #50657f;
}
.has-error[data-v-17b15b7d] { color: #d44848;
}
.blackness-layout[data-v-17b15b7d] { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(250px, .8fr); gap: 16px; align-items: start;
}
.blackness-observations[data-v-17b15b7d] { max-height: 480px; overflow: auto;
}
.blackness-table[data-v-17b15b7d] { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin-top: 8px;
}
.blackness-table th[data-v-17b15b7d], .blackness-table td[data-v-17b15b7d] { padding: 5px; border-right: 1px solid #e1e6ed; border-bottom: 1px solid #e1e6ed; text-align: center;
}
.blackness-table th[data-v-17b15b7d]:first-child, .blackness-table td[data-v-17b15b7d]:first-child { border-left: 1px solid #e1e6ed;
}
.blackness-table thead th[data-v-17b15b7d] { border-top: 1px solid #e1e6ed; background: #f3f6fa; position: sticky; top: 0; z-index: 1;
}
.blackness-table th[data-v-17b15b7d] { font-weight: 500;
}
.blackness-observations th[data-v-17b15b7d]:first-child { width: 44px;
}
.blackness-editor[data-v-17b15b7d]  .el-input__inner { padding: 0 6px; text-align: center;
}
.invalid-reading[data-v-17b15b7d]  .el-input__inner { border-color: #d44848;
}
@media (max-width: 700px) {
.blackness-layout[data-v-17b15b7d] { grid-template-columns: minmax(0, 1fr);
}
.blackness-observations[data-v-17b15b7d] { max-height: 330px;
}
}