.checkin-control-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}
.checkin-control-bar[hidden],.checkin-settings[hidden]{display:none}
.checkin-control-bar label{display:flex;align-items:center;gap:8px}
.checkin-help{font-size:13px;opacity:.8;margin:12px 0 20px}
.checkin-toggle{display:flex;gap:6px;margin-bottom:6px}
.checkin-toggle .button{min-width:52px;padding:6px 12px}
.checkin-done{background:rgba(34,197,94,.06)}
.checkin-settings{border:1px solid var(--border,#64748b55);border-radius:10px;padding:14px;margin:16px 0}
.checkin-settings summary{cursor:pointer;font-weight:600}
.checkin-settings form{margin-top:16px}
.checkin-settings form>label{display:flex;align-items:center;gap:8px}
.checkin-settings form>label input{width:auto;margin:0}
.checkin-settings p{font-size:13px;opacity:.85;line-height:1.6}
.checkin-recipient{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}
.checkin-recipient label{display:grid;gap:6px;flex:1;min-width:160px}
#checkinSaveFeedback,#checkinSettingsFeedback{display:inline-block;font-size:13px;margin:8px}
#checkinRows td{vertical-align:middle}
#checkinRows small{line-height:1.6}
#checkinRows td:last-child .button{margin:3px}