.wtrb-ui{border:1px solid #ccd;padding:12px;margin:10px 0;font-family:sans-serif;font-size:14px;border-radius:6px}
.wtrb-tabs{display:flex;gap:6px;margin-bottom:10px}
.wtrb-tab{padding:6px 10px;background:var(--global-palette1);cursor:pointer;border-radius:4px}
.wtrb-tab.active{background:var(--wp--preset--color--vivid-green-cyan);color:#fff;}
.wtrb-panel.hidden{display:none}

.wtrb-row{margin-bottom:10px;display:flex;gap:10px;align-items:center}
.wtrb-label{width:150px;min-width:150px;color:var(--global-palette6);}
.wtrb-field{flex:1}
.wtrb-input{width:100%; border: 1px solid var(--global-gray-400); border-radius: 4px; height: 2em;}
.wtrb-events{width:100%;}
.wtrb-actions{margin-top:12px}
.button.small{padding:3px 8px;font-size:14px;line-height:2em;height:auto}

@media (max-width: 992px){
  .wtrb-row{flex-direction:column;align-items:flex-start}
  .wtrb-label{width:auto;min-width:0;margin-bottom:4px}
  .wtrb-input{max-width:100%}
}

/* Alerts (Bootstrap-like) */
.wtrb-alert{margin-top:10px}
.alert{position:relative;padding:10px 14px;border:1px solid transparent;border-radius:4px}
.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}
.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}
.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}

/* Spinner next to buttons */
.wtrb-spinner{
  display:none;
  margin-left:8px;
  width:16px;height:16px; border:2px solid rgba(0,0,0,0.1); border-top-color:rgba(0,0,0,0.45);
  border-radius:50%; animation:wtrb-spin 0.6s linear infinite;
}
.wtrb-loading .wtrb-spinner{ display:inline-block; }
@keyframes wtrb-spin{ to { transform: rotate(360deg); } }