.ota-boundary { margin-bottom: 18px; padding: 17px 20px; border-left: 3px solid var(--navi-accent); }
.ota-boundary strong { font-size: 13px; }
.ota-boundary p { margin: 6px 0 0; color: #7a8492; font-size: 11px; line-height: 1.6; }
.ota-metric-grid { grid-template-columns: repeat(4, 1fr); margin-bottom: 18px; }
.ota-components-panel { margin-bottom: 18px; }
.table-secondary { display: block; margin-top: 4px; color: #929cab; font-size: 9px; }
.ota-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 14px; background: #eef0f2; color: #5e6875; font-size: 10px; font-weight: 800; }
.ota-status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ota-status.online { background: #e6f7f0; color: #16845f; }
.ota-status.pending { background: #fff4dd; color: #a56b0b; }
.ota-status.offline { background: #fdebea; color: #bd3d37; }
.compact-button { min-height: auto; padding: 7px 12px; white-space: nowrap; }
.ota-management-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
.ota-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 20px; }
.ota-form label { min-width: 0; }
.ota-form label > span { display: block; margin-bottom: 6px; color: #6f7885; font-size: 10px; font-weight: 700; }
.ota-form input, .ota-form select { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #dfe3e8; border-radius: 5px; background: #fff; color: #202a38; }
.ota-form .wide-field, .ota-form button { grid-column: 1 / -1; }

@media (max-width: 1100px) { .ota-metric-grid, .ota-management-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .ota-metric-grid, .ota-management-grid, .ota-form { grid-template-columns: 1fr; } }