.wccp-form{max-width:480px;margin:16px auto;padding:16px;border:1px solid #eee;border-radius:8px;background:#fafafa}
.wccp-form .wccp-row{margin-bottom:12px}
.wccp-form label{display:block;font-weight:600;margin-bottom:4px}
.wccp-form select,.wccp-form input[type="text"]{width:100%;padding:8px}
.wccp-form .wccp-actions{margin-top:8px}
.wccp-form .wccp-msg{margin-top:10px;padding:8px;border-radius:6px}
.wccp-form .wccp-msg.ok{background:#e6ffed;border:1px solid #22c55e}
.wccp-form .wccp-msg.err{background:#fff2f2;border:1px solid #ef4444}
.wccp-form .button.is-busy{opacity:.7; pointer-events:none}

/* ----- Compact left banner: ~1/3 width, inline content ----- */
.wccp-banner{
  position: fixed !important;
  bottom: 16px !important;
  left: 16px !important;
  right: auto !important;
  width: 33vw !important;        /* target ~1/3 of viewport */
  max-width: 420px !important;    /* cap on very large screens */
  min-width: 260px !important;    /* keep readable */
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  background: #16a34a !important;
  color: #fff !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  z-index: 99999 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.15) !important;
  line-height: 1.3 !important;
}
.wccp-banner span{
  margin: 0 !important; padding:0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.wccp-banner .wccp-signout{
  margin: 0 !important;
  color:#fff !important;
  text-decoration: underline !important;
  font-weight:700 !important;
  flex: 0 0 auto !important;
  cursor:pointer !important;
}

/* Mobile: allow most of the width so text fits, but still compact */
@media (max-width: 480px){
  .wccp-banner{
    width: 92vw !important;
    left: 4vw !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

.wccp-badge{display:inline-block;background:#eee;border-radius:8px;padding:2px 6px;margin-left:6px;font-size:.85em}
ins{ text-decoration:none; }