.pres-promises-card{margin-top:16px}.pres-promise-open{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid color-mix(in srgb,var(--club-primary,var(--board-primary)) 35%,transparent);background:color-mix(in srgb,var(--club-primary,var(--board-primary)) 7%,transparent)}.pres-promise-open p{margin:0;max-width:650px}.pres-promise-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pres-promise-list article{display:grid;gap:7px;padding:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.pres-promise-list span,.pres-continuity-hook span{font-size:10px;letter-spacing:.13em;color:var(--club-primary,var(--board-primary))}.pres-promise-list b{justify-self:start;font-size:10px;letter-spacing:.08em}.status-fulfilled{color:#68d391}.status-failed{color:#ff8d8d}.status-active{color:#f5d76e}.pres-promise-note,.pres-promise-empty p{color:var(--muted,#9ca8b7)}.pres-continuity-hook{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.pres-continuity-hook p{margin:5px 0 0;color:var(--muted,#9ca8b7);font-size:12px}.pres-promises-dialog{width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid color-mix(in srgb,var(--club-primary,var(--board-primary)) 42%,#263241);border-radius:16px;color:var(--text,#f4f7fb);background:var(--panel,#101720);box-shadow:0 26px 90px rgba(0,0,0,.65)}.pres-promises-dialog::backdrop{background:rgba(2,7,12,.78);backdrop-filter:blur(6px)}.pres-promises-dialog form{display:grid;max-height:calc(100dvh - 28px)}.pres-promises-dialog header,.pres-promises-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px}.pres-promises-dialog header{border-bottom:1px solid rgba(255,255,255,.1)}.pres-promises-dialog footer{border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.pres-promises-dialog header span{font-size:10px;letter-spacing:.15em;color:var(--club-primary,var(--board-primary))}.pres-promises-dialog h2{margin:4px 0 0;font-size:20px}.pres-promises-dialog header>button{border:0;background:none;color:inherit;font-size:28px;cursor:pointer}.pres-promises-dialog-body{overflow:auto;padding:20px 22px}.pres-promises-dialog-body>p:first-child{margin:0 0 16px;color:var(--muted,#9ca8b7)}.pres-promises-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pres-promise-option{position:relative;display:grid;gap:6px;min-height:112px;padding:15px 42px 15px 15px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.035);cursor:pointer;transition:.16s}.pres-promise-option:hover{border-color:color-mix(in srgb,var(--club-primary,var(--board-primary)) 52%,transparent)}.pres-promise-option.is-selected{border-color:var(--club-primary,var(--board-primary));background:color-mix(in srgb,var(--club-primary,var(--board-primary)) 12%,transparent)}.pres-promise-option.is-disabled{opacity:.43;cursor:not-allowed}.pres-promise-option input{position:absolute;opacity:0}.pres-promise-option i{position:absolute;right:15px;top:15px;width:18px;height:18px;border:1px solid rgba(255,255,255,.35);border-radius:50%}.pres-promise-option.is-selected i{border:5px solid var(--club-primary,var(--board-primary))}.pres-promise-kind{font-size:9px;letter-spacing:.11em;color:var(--club-primary,var(--board-primary))}.pres-promise-option small{color:var(--muted,#9ca8b7);line-height:1.4}.pres-promises-selection{display:flex;justify-content:space-between;margin-top:14px;padding:10px 12px;background:rgba(255,255,255,.04);font-size:11px;letter-spacing:.1em}.pres-promises-feedback{min-height:20px;margin:10px 0 0;color:#ffb1b1}.pres-promises-dialog button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.pres-promise-open{align-items:stretch;flex-direction:column}.pres-promise-list,.pres-promises-options{grid-template-columns:1fr}.pres-promises-dialog{width:100vw;max-width:none;max-height:100dvh;border-radius:0;border:0}.pres-promises-dialog form{max-height:100dvh}.pres-promises-dialog header,.pres-promises-dialog footer{padding:15px}.pres-promises-dialog-body{padding:16px}.pres-promises-dialog footer button{flex:1}}
