/* All dimensions below include borders. Badge wrappers preserve the hit target. */
.badge-patterns,.badge-tag-section{color:var(--ui-body,#303133);font-family:inherit;font-size:14px;font-weight:400;line-height:21px}
.badge-example{margin-top:24px;padding-top:24px;border-top:1px solid var(--ui-divider,#EBEEF5)}
.badge-patterns h4,.badge-tag-section h4{margin:0 0 12px;font-size:14px;font-weight:600;line-height:21px;color:var(--ui-body,#303133)}
.badge-patterns .badge-help{font-size:12px;font-weight:400;line-height:18px;color:var(--ui-help,#595959);margin:8px 0 12px}
.badge-example-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:8px 0}
.badge-anchor{display:inline-flex;position:relative;flex:none;vertical-align:middle;overflow:visible}
.badge-entry{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;min-width:32px;padding:0 36px 0 10px;border:1px solid var(--ui-border,#DCDFE6);border-radius:4px;background:var(--ui-white,#FFF);color:var(--ui-body,#303133);font-family:inherit;font-size:14px;font-weight:400;line-height:21px;cursor:pointer}
.badge-entry>i{font-size:16px;line-height:1}
.badge-entry:hover{background:var(--ui-subtle,#F5F7FA);color:var(--ui-action,#3377BB)}
.badge-entry:focus:not(:focus-visible){outline:none}
.badge-entry:focus-visible{outline:2px solid var(--ui-action,#3377BB);outline-offset:2px}
.badge-patterns .badge-mark{box-sizing:border-box;position:absolute;top:0;right:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:18px;padding:0 4px;border:1px solid var(--ui-white,#FFF);border-radius:9px;background:var(--ui-danger,#F56C6C);color:var(--ui-white,#FFF);font-family:inherit;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap;pointer-events:none}
.badge-patterns .badge-mark--single{width:18px;padding:0;border-radius:50%}
.badge-patterns .badge-mark--dot{width:8px;height:8px;min-width:8px;padding:0;border-radius:50%}
.badge-patterns .badge-detail{margin-top:12px;padding:16px;border:1px solid var(--ui-border,#DCDFE6);background:var(--ui-white,#FFF);max-width:480px;box-sizing:border-box}
.badge-detail p{margin:0 0 8px}
.badge-list-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.badge-notification-list{list-style:none!important;margin:8px 0 0!important;padding:0!important;max-height:240px;overflow:auto}
.badge-notification-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid var(--ui-divider,#EBEEF5)}
.badge-notification-list li::before{display:none!important}
.badge-notification-list li>span{overflow-wrap:anywhere}
.badge-notification-list small{display:inline-block;margin-left:12px;color:var(--ui-help,#595959);font-size:12px;line-height:18px}
.badge-patterns .el-button--text{font-size:12px;font-weight:400;padding:0;min-height:28px;line-height:18px;flex:none}
.badge-patterns .el-checkbox__label{font-size:14px;font-weight:400;line-height:21px;color:var(--ui-body,#303133)}
.badge-feedback{font-size:12px;line-height:18px;color:var(--ui-help,#595959);margin:8px 0}
.badge-feedback.is-error{color:var(--ui-danger,#F56C6C)}
.badge-boundaries{display:flex;flex-wrap:wrap;gap:24px;margin:16px 0 24px}
.badge-boundary{display:flex;align-items:center;gap:10px;min-width:150px;font-size:12px;line-height:18px}
.badge-static-anchor{display:inline-flex;position:relative;box-sizing:border-box;align-items:center;justify-content:center;width:40px;height:40px;color:var(--ui-body,#303133);flex:none}
.badge-static-anchor>i{font-size:20px;line-height:1;transform:translate(-4px,4px)}
.badge-measures{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:21px}
.badge-measures th{font-weight:600;background:var(--ui-subtle,#F5F7FA)}
.badge-measures th,.badge-measures td{padding:10px 12px;border-bottom:1px solid var(--ui-divider,#EBEEF5)}
.badge-category-tag.el-tag{background:var(--ui-white,#FFF);border-color:var(--ui-border,#DCDFE6);color:var(--ui-body,#303133)}
@media(max-width:600px){.badge-example-controls{gap:12px}.badge-patterns .badge-detail{width:100%}.badge-boundaries{gap:16px}.badge-measures th,.badge-measures td{padding:8px}}