/* Host framing only. Application typography, fields and buttons use its native styles. */
html,body{margin:0!important;width:100%;background:#fff!important;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}
.coach-redesign>nav{display:flex;align-items:center;justify-content:center;gap:26px;padding:14px 20px;border-bottom:1px solid #dee5e1;background:white;font-size:12px;min-height:58px}
.coach-redesign>nav>img{width:110px;margin-right:auto}.coach-redesign>nav>strong{margin-right:auto;color:#193d35}
.contract-send-native .cm-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.contract-send-native .cm-head small{font-size:12px;color:#5e6b65}.contract-send-native .cm-tabs{display:flex;gap:24px;align-items:center;padding:14px 0;border-bottom:1px solid #dee5e1;margin-bottom:20px}.contract-member-avatar{width:44px;height:44px;border-radius:50%;background:#eaf0eb;display:grid;place-items:center;color:#193d35}
#demo-cursor{position:fixed;top:0;left:0;width:12px;height:12px;border-radius:50%;background:#171717d9;border:1px solid #ffffffd9;box-shadow:0 1px 3px #0003,0 0 0 3px #0000000a;z-index:1000;pointer-events:none;opacity:0;transition:transform 340ms cubic-bezier(.23,1,.32,1),opacity 150ms ease}
#demo-cursor:after{content:'';position:absolute;inset:-4px;border:1px solid #17171766;border-radius:50%;opacity:0;transform:scale(.65)}
#demo-cursor[data-click=true]:after{animation:contract-click-pulse 320ms cubic-bezier(.23,1,.32,1) both}
@keyframes contract-click-pulse{0%{opacity:.5;transform:scale(.65)}100%{opacity:0;transform:scale(1.25)}}
@media(max-width:600px){.coach-redesign>nav{padding:12px;gap:12px;font-size:10px}.coach-redesign>nav>img{width:85px}.coach-redesign>nav>span:first-of-type,.coach-redesign>nav>span:nth-of-type(3){display:none}.contract-send-native .cm-tabs{gap:18px}.contract-send-native .cm-head{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){#demo-cursor{display:none}}
/* Frame the native interface around the recorded action; retain its fields and buttons. */
.coach-redesign>nav{min-height:42px;padding:9px 16px;font-size:11px}
.coach-redesign>main{padding:16px 22px!important}
.coach-redesign .contracts-manager{padding:0!important}
.coach-redesign .cm-head{margin-bottom:14px}
.coach-redesign .cm-head h2{font-size:24px;margin-bottom:4px}
.contract-send-native .cm-tabs{padding:9px 0;margin-bottom:10px}
.contract-send-native .cm-head{margin-bottom:10px}
.contract-send-native .cm-head .cm-muted{margin:0}
@media(max-width:600px){.coach-redesign>main{padding:14px!important}.coach-redesign>nav>span{display:none}.coach-redesign .cm-head h2{font-size:22px}.contract-send-native .cm-tabs{font-size:13px;gap:18px}.contract-member-avatar{width:36px;height:36px}}

#demo-cursor[data-click=true]{width:10px;height:10px;margin:1px;transition:transform 340ms cubic-bezier(.23,1,.32,1),opacity 150ms ease}

.contract-choice-list{min-width:0;margin:0;padding:0;border:0}
.contract-choice-list legend{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--momentum-ink)}
.contract-choice-list>div{display:grid;gap:6px;max-height:260px;overflow-y:auto;overscroll-behavior:contain;padding:3px}
.contract-choice-list label{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:10px 12px!important;border:1px solid var(--momentum-line)!important;border-radius:8px!important;background:var(--momentum-surface)!important;cursor:pointer;min-width:0;min-height:44px}
.contract-choice-list label.selected{border-color:var(--momentum-green)!important;background:var(--momentum-selected)!important}
.contract-choice-list input[type=radio]{flex:0 0 16px;width:16px!important;height:16px!important;min-height:16px!important;margin:3px 0 0!important;accent-color:var(--momentum-green)}
.contract-choice-list label>span{min-width:0;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;text-overflow:clip!important;font-size:14px;line-height:1.5}
.contract-choice-list label:focus-within{outline:2px solid var(--momentum-green);outline-offset:2px}