/* Scoped Vchat Developers Webhooks controls. Does not affect Vmail, Inbox, or other modules. */
#vchat-frontend-app .vchat-dev-settings .vchat-wh {margin:24px 0 0;padding:24px;border:1px solid #dce2f5;border-radius:20px;background:#fff;color:#182345;box-shadow:0 8px 28px rgba(19,22,90,.04);font-size:13px}
#vchat-frontend-app .vchat-wh *{box-sizing:border-box}
#vchat-frontend-app .vchat-wh-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}
#vchat-frontend-app .vchat-wh h4{color:#161b3c;margin:6px 0 9px;font-size:20px;font-weight:850}
#vchat-frontend-app .vchat-wh-head p{color:#64708c;margin:0;line-height:1.6;max-width:770px}
#vchat-frontend-app .vchat-wh-meter{background:#f5f6fd;padding:15px 17px;border-radius:15px;margin-bottom:20px}
#vchat-frontend-app .vchat-wh-meter strong{display:block;font-size:14px;margin-bottom:10px}
#vchat-frontend-app .vchat-wh-meter small{display:block;margin-top:10px;color:#68728d;line-height:1.5}
#vchat-frontend-app .vchat-wh-form{background:#f8f9ff;border:1px solid #e2e6fa;border-radius:16px;padding:20px;display:grid;gap:12px}
#vchat-frontend-app .vchat-wh-form>strong{font-size:16px;color:#171d48}
#vchat-frontend-app .vchat-wh-form label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#283252}
#vchat-frontend-app .vchat-wh-form input:not([type=checkbox]){min-width:0;width:100%;height:46px;border:1px solid #d4d9f0;border-radius:12px;padding:10px 13px;background:#fff;color:#1a2444;box-shadow:none}
#vchat-frontend-app .vchat-wh-form input:focus{outline:2px solid #655df2;outline-offset:1px}
#vchat-frontend-app .vchat-wh-form>small{color:#66708d;line-height:1.6}
#vchat-frontend-app .vchat-wh-event-options{display:grid;gap:8px}
#vchat-frontend-app .vchat-wh-event-options>strong{font-size:12px}
#vchat-frontend-app .vchat-wh-event-options label{display:flex;align-items:center;gap:11px;border:1px solid #e0e3f4;border-radius:12px;padding:10px;background:#fff;cursor:pointer}
#vchat-frontend-app .vchat-wh-event-options input{width:17px;height:17px;accent-color:#6059dd;flex:none}
#vchat-frontend-app .vchat-wh-event-options code{font-size:10px;background:#f1effd;color:#5549ab;border-radius:5px;padding:3px 6px;margin-left:5px}
#vchat-frontend-app .vchat-wh-form button.vchat-wh-primary{justify-self:start;background:#4038aa!important;color:#fff!important;border:0!important;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer}
#vchat-frontend-app .vchat-wh-list{margin-top:24px;display:grid;gap:12px}
#vchat-frontend-app .vchat-wh-list>strong,#vchat-frontend-app .vchat-wh-history>strong{font-size:15px}
#vchat-frontend-app .vchat-wh-destination{border:1px solid #e2e6f2;background:#fcfdff;border-radius:14px;padding:14px;display:flex;gap:12px;justify-content:space-between;align-items:center}
#vchat-frontend-app .vchat-wh-destination>div:first-child{display:flex;align-items:start;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere}
#vchat-frontend-app .vchat-wh-destination small{color:#6d7692;line-height:1.5}
#vchat-frontend-app .vchat-wh-controls{display:flex;gap:6px}
#vchat-frontend-app .vchat-wh-controls button{background:#eeeefd;border:1px solid #dad8fa;color:#473b9d;padding:8px 11px;border-radius:9px;font-weight:750;cursor:pointer}
#vchat-frontend-app .vchat-wh-controls button.vchat-wh-danger{color:#a83153;background:#fff1f5;border-color:#ffd7e0}
#vchat-frontend-app .vchat-wh-note{color:#68728d;font-size:11px;line-height:1.65;margin:15px 0}
#vchat-frontend-app .vchat-wh-history{display:grid;gap:8px;margin-top:20px}
#vchat-frontend-app .vchat-wh-history>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e9ecf8;padding:8px 0;font-size:11px}
#vchat-frontend-app .vchat-wh-history code{color:#433a9c}
#vchat-frontend-app .vchat-wh-history small{color:#77829b}
@media(max-width:700px){#vchat-frontend-app .vchat-dev-settings .vchat-wh{padding:15px}#vchat-frontend-app .vchat-wh-head,#vchat-frontend-app .vchat-wh-destination{flex-direction:column;align-items:stretch}#vchat-frontend-app .vchat-wh-controls{width:100%;flex-wrap:wrap}#vchat-frontend-app .vchat-wh-form{padding:14px}#vchat-frontend-app .vchat-wh-form button.vchat-wh-primary{width:100%}}