.ttg-choice-modal {
align-items: center;
background: rgba(9, 24, 18, 0.58);
bottom: 0;
display: grid;
justify-items: center;
left: 0;
padding: 1rem;
position: fixed;
right: 0;
top: 0;
z-index: 30000;
}
.ttg-choice-dialog {
background: #ffffff;
border-radius: 10px;
box-shadow: 0 24px 70px rgba(5, 24, 18, 0.32);
max-height: min(92vh, 760px);
overflow: hidden;
width: min(92vw, 620px);
}
.ttg-choice-head {
align-items: center;
background: var(--admin-theme-primary, #002868);
color: #ffffff;
display: grid;
gap: 10px;
grid-template-columns: auto minmax(0, 1fr);
padding: 10px 16px;
}
.ttg-choice-head .ttg-choice-copy {
display: grid;
gap: 3px;
min-width: 0;
}
.ttg-choice-head .admin-modal-event-context {
color: #fff !important;
font-size: 20px !important;
font-weight: 600;
line-height: 1.2;
margin: 0;
overflow-wrap: anywhere;
}
:is(html, body)[data-admin-theme="usa"] .ttg-choice-head {
background: #002868 !important;
}
:is(html, body)[data-admin-theme="usa"] .ttg-choice-body :is(p, .ttg-choice-option, .ttg-choice-option span, .ttg-choice-option strong) {
color: #172c49;
}
:is(html, body)[data-admin-theme="usa"] .ttg-choice-body p,
:is(html, body)[data-admin-theme="usa"] .ttg-choice-option span { font-weight: 400; }
:is(html, body)[data-admin-theme="usa"] .ttg-choice-option strong { font-weight: 600; }
:is(html, body)[data-admin-theme="usa"] .ttg-choice-option { background: #fff; border-color: #b5c3d6; }
:is(html, body)[data-admin-theme="usa"] .ttg-choice-option.is-selected { background: #edf4ff; border-color: #002868; box-shadow: none; }
:is(html, body)[data-admin-theme="usa"] .ttg-choice-actions .admin-action { background: #002868 !important; border-color: #002868 !important; color: #fff !important; }
:is(html, body)[data-admin-theme="usa"] .ttg-choice-actions .admin-action.secondary { background: #fff !important; color: #002868 !important; }
.ttg-choice-icon {
align-items: center;
border: 2px solid rgba(255, 255, 255, 0.72);
border-radius: 999px;
display: inline-flex;
font-size: 1.05rem;
font-weight: 950;
height: 28px;
justify-content: center;
width: 28px;
}
.ttg-choice-head strong {
color: #fff !important;
display: block;
font-size: 18px;
line-height: 1.15;
}
.ttg-choice-body {
color: var(--admin-theme-ink, #14213d);
display: grid;
gap: 0.85rem;
padding: 1.1rem;
}
.ttg-choice-body p {
color: color-mix(in srgb, var(--admin-theme-ink, #14213d) 75%, #ffffff);
font-size: 0.9rem;
font-weight: 750;
line-height: 1.4;
margin: 0;
}
.ttg-choice-list {
display: grid;
gap: 0.55rem;
}
.ttg-choice-option {
align-items: start;
background: var(--admin-theme-header-fill, #eef3fb);
border: 1px solid var(--admin-theme-header-border, #c9d7ef);
border-radius: 8px;
cursor: pointer;
display: grid;
gap: 0.65rem;
grid-template-columns: auto minmax(0, 1fr);
padding: 0.75rem;
}
.ttg-choice-option.is-selected {
background: var(--admin-theme-header-fill, #eef3fb);
border-color: var(--admin-theme-primary, #174575);
box-shadow: inset 0 0 0 1px rgba(23, 99, 63, 0.15);
}
.ttg-choice-option input {
height: 1.15rem;
margin-top: 0.05rem;
width: 1.15rem;
}
.ttg-choice-option strong {
color: var(--admin-theme-ink, #14213d);
display: block;
font-size: 0.92rem;
}
.ttg-choice-option span {
color: color-mix(in srgb, var(--admin-theme-ink, #14213d) 75%, #ffffff);
display: block;
font-size: 0.78rem;
font-weight: 750;
line-height: 1.35;
margin-top: 0.15rem;
}
.ttg-choice-actions {
display: grid;
gap: 0.6rem;
grid-template-columns: 1fr 1fr;
padding-top: 0.35rem;
}
.ttg-choice-actions .admin-action {
justify-content: center;
min-height: 2.8rem;
}
.casual-theme-flow .ttg-choice-modal { --admin-theme-primary:var(--gj-primary); --admin-theme-ink:#17251d; }
.ttg-choice-dialog { display:flex; flex-direction:column; max-height:calc(100dvh - 32px); }
.ttg-choice-body { min-height:0; overflow:auto; }
.ttg-choice-head { flex-shrink:0; }
.ttg-choice-actions .admin-action { background:var(--admin-theme-primary,#002868); border:1px solid var(--admin-theme-primary,#002868); color:#fff; }
.ttg-choice-actions .admin-action.secondary { background:#fff; color:var(--admin-theme-primary,#002868); }