/* HotStint frontend: deliberately small, inherits the theme's fonts and colours. */
.hotstint { max-width: 40rem; }
.hotstint-form label { display: block; font-weight: 600; margin-bottom: .25rem; }
.hotstint-form input[type="email"],
.hotstint-form input[type="password"] { width: 100%; box-sizing: border-box; padding: .5rem; }
.hotstint-form small,
.hotstint-small { display: block; opacity: .75; font-size: .875em; }
.hotstint-accept label { font-weight: normal; }
.hotstint-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.hotstint-button { display: inline-block; padding: .5rem 1rem; border: 0; border-radius: 4px; background: #d32f2f; color: #fff; cursor: pointer; text-decoration: none; }
.hotstint-button:hover,
.hotstint-button:focus { background: #b71c1c; color: #fff; }
.hotstint-button--small { padding: .2rem .6rem; font-size: .875em; }
.hotstint-button--secondary { background: #616161; }
.hotstint-button--secondary:hover,
.hotstint-button--secondary:focus { background: #424242; }
.hotstint-notice { padding: .75rem 1rem; margin: 0 0 1rem; border-left: 4px solid #1976d2; background: rgba(25, 118, 210, .08); }
.hotstint-notice p { margin: 0 0 .25rem; }
.hotstint-notice--ok { border-color: #2e7d32; background: rgba(46, 125, 50, .08); }
.hotstint-notice--error { border-color: #c62828; background: rgba(198, 40, 40, .08); }
.hotstint-key code { font-size: 1.15em; padding: .25rem .5rem; letter-spacing: .05em; user-select: all; }
.hotstint-table th { text-align: left; padding-right: 1rem; }
.hotstint-status--active { color: #2e7d32; font-weight: 600; }
.hotstint-status--paused,
.hotstint-status--expired { color: #ef6c00; font-weight: 600; }
.hotstint-status--revoked { color: #c62828; font-weight: 600; }
.hotstint-devices { list-style: none; padding: 0; }
.hotstint-devices li { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; padding: .4rem 0; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.hotstint-device-name { font-weight: 600; }
.hotstint-inline { display: inline; margin-left: auto; }