.xyd-beacon-status { padding: 14px 16px; margin-bottom: 20px; border: 1px solid #bfd5f5; border-radius: 8px; background: #f1f7ff; color: #284867; }
.xyd-beacon-status strong { font-size: 15px; }
.xyd-beacon-status p { margin: 7px 0; font-size: 13px; line-height: 1.65; }
.xyd-beacon-status a { color: #225ec3; font-size: 13px; }
.xyd-beacon-status.is-recheck,.xyd-beacon-status.is-test { border-color: #edcb88; background: #fff8e8; color: #715018; }
.xyd-beacon-status.is-disabled { border-color: #d7dfe8; background: #f5f7fa; color: #52667d; }
.xyd-beacon-advanced { margin: 8px 0 22px; padding: 0 14px; border: 1px solid #dce5f0; border-radius: 8px; }
.xyd-beacon-advanced>summary { padding: 14px 0; color: #315985; cursor: pointer; font-size: 14px; font-weight: 600; }
.xyd-beacon-advanced>summary:focus-visible { outline: 2px solid #2672ce; outline-offset: 3px; }
.xyd-beacon-advanced[open]>summary { margin-bottom: 4px; border-bottom: 1px solid #e6ecf4; }
.xyd-beacon-advanced>.xyd-field-help { margin-bottom: 18px; }
.xyd-beacon-warning { padding: 10px 12px; margin: 0 0 16px; border-radius: 6px; background: #fff8e8; color: #715018; font-size: 13px; line-height: 1.6; }
.xyd-beacon-list-state { display: inline-block; padding: 3px 8px; border-radius: 5px; background: #edf4ff; color: #315985; font-size: 12px; line-height: 1.6; white-space: normal; }
.xyd-beacon-list-state.is-test { background: #fff5df; color: #715018; }
.xyd-beacon-list-state.is-disabled { background: #f0f3f6; color: #68788b; }
.xyd-beacon-list-help { margin: 0 0 16px; color: #546a83; font-size: 13px; line-height: 1.6; }
.xyd-beacon-location strong { display: block; color: #284867; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.xyd-beacon-zone { display: inline-block; margin: 2px 0; color: #546a83; font-size: 12px; line-height: 1.5; }

