.ww-cl-container { font-family: inherit; margin: 20px 0; }
.ww-cl-band { margin-bottom: 12px; }
.ww-cl-label { display: flex; justify-content: space-between; font-size: 0.9em; margin-bottom: 4px; font-weight: bold; }
.ww-cl-bar-bg { background: rgba(0,0,0,0.1); height: 10px; border-radius: 5px; overflow: hidden; }
.ww-cl-bar { background: var(--wp--preset--color--primary, #3b8dbd); height: 100%; transition: width 0.6s ease; }
.ww-cl-table-wrap { overflow-x: auto; margin-top: 10px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; }
.ww-cl-table { width: 100%; border-collapse: collapse; font-size: 0.85em; }
.ww-cl-table th { background: #f9f9f9; padding: 10px; text-align: left; border-bottom: 1px solid #ddd; }
.ww-cl-table td { padding: 8px 10px; border-bottom: 1px solid #eee; }
.ww-cl-no-data { padding: 15px; text-align: center; color: #777; font-style: italic; }
.ww-cl-updated { font-size: 0.75em; color: #888; text-align: right; margin-top: 5px; font-style: italic; }
.ww-cl-footer { margin-top: 25px; text-align: center; }
.ww-cl-btn { display: inline-block; background: var(--wp--preset--color--primary, #3b8dbd); color: #fff !important; padding: 12px 24px; border-radius: 4px; text-decoration: none; font-weight: bold; }
#ww-test .spinner { visibility: visible; float: none; margin: -4px 5px 0 0; }