#app-rep {
max-width: 1050px;
margin: 0 auto;
padding: 1.5rem;
font-size: 18px;
font-family: IBM Plex sans;
}
.is-hidden {
visibility: hidden;
}
.rep-header h1 {
margin: 0 0 0.75rem;
}
.rep-actions {
display: flex;
gap: 0.75rem;
justify-content: flex-end;
margin-top: 1rem;
}
button {
border: 1px solid #222;
background: #fff;
border-radius: 10px;
padding: 0.6rem 1rem;
cursor: pointer;
font-family: Poppins;
font-weight: semi-bold;
}
button[disabled] {
opacity: 0.55;
cursor: not-allowed;
font-family: Poppins;
} .rep-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1rem;
}
.rep-card {
border: none;
border-radius: 12px;
padding: 1rem;
background: #fff;
color: #2e3699;
cursor: pointer;
transition: 0.18s;
display: block;
align-items: center;
justify-content: center;
text-align: center;
min-height: 80px;
line-height: 1.25;
}
.rep-card:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
background: #46cc9b;
}
.rep-card.active {
background: #46cc9b;
}
.rep-card p {
margin: 0;
}
.rep-card strong {
font-weight: 800;
}
.rep-card br {
display: block;
}  .rep-card.rep-card--stack {
min-height: 420px; width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 14px; overflow: hidden;
} .rep-card.rep-card--stack .rep-card__prompt {
width: 100%;
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px; } .rep-card.rep-card--stack .rep-card__icon {
width: 100%;
height: 150px; display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px; flex: 0 0 auto;
}
.rep-card.rep-card--stack .rep-card__icon img {
max-height: 200px;
max-width: 250px;
object-fit: contain;
display: block;
} .rep-card.rep-card--stack .rep-card__examples {
width: 100%;
flex: 1 1 auto; min-height: 0; overflow: auto; padding: 10px 8px 0; text-align: left; font-size: 13px;
line-height: 1.25;
} .rep-card.rep-card--stack .rep-card__examples p {
margin: 0.25rem 0;
}
.rep-card.rep-card--stack .rep-card__examples strong {
font-weight: 800;
}
.rep-card__prompt {
font-size: 18px;
font-weight: 750;
font-family: IBM Plex Sans;
} .rep-block {
border: 1px solid #eee;
border-radius: 12px;
background: #fff;
padding: 1rem;
margin-bottom: 1rem;
}
.rep-question p {
margin: 0.5rem 0 0.4rem;
font-weight: 600;
}
.rep-question label {
cursor: pointer;
} table.rep-matrix {
width: 100%;
border-collapse: collapse;
font-size: 14px;
table-layout: fixed;
}
.rep-matrix th,
.rep-matrix td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
vertical-align: middle;
}
.rep-matrix th {
background: #f7f7f7;
}
.tag-oblige {
color: #cc0000;
font-weight: 700;
}
.tag-non {
color: #000;
}
#rep-download {
background-color: #46cc9b;
border: none;
color: #2e3699;
font-family: Poppins;
font-weight: semi-bold;
font-size: 18px;
} .rep-matrix td ul,
.pdf td ul {
list-style: disc outside;
margin: 0.25rem 0;
padding-left: 1.1rem;
}
.rep-matrix td li,
.pdf td li {
margin: 0.15rem 0;
word-break: break-word;
} #rep-modal-overlay,
#rep-confirm-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999999;
}
#rep-modal {
position: relative;
background: #fff;
max-width: 760px;
margin: 10vh auto;
padding: 1rem 1.25rem;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
#rep-modal-close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
border: 0;
background: transparent;
font-size: 1.5rem;
}
#rep-confirm {
position: relative;
background: #2e3699;
color: #fff;
max-width: 820px;
margin: 12vh auto;
padding: 1.25rem;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
}
#rep-confirm h3,
#rep-confirm p {
color: #fff;
}
#rep-confirm strong {
font-weight: 800;
}
#rep-confirm .rep-modal-actions button {
border-color: #fff;
color: #46cc9b;
background: #fff;
font-weight: 700;
} .rep-footer {
color: #2e3699;
margin-top: 5rem;
font-size: 16px;
font-weight: normal;
}
#rep-back {
display: none !important;
}
.rep-registration {
font-weight: bold;
font-size: 22px;
color: #46cc9b;
} .pdf * {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.pdf table,
.pdf tr,
.pdf td,
.pdf th {
page-break-inside: avoid;
}
.pdf .hdr,
.pdf table,
.pdf thead,
.pdf tbody {
page-break-inside: avoid;
} .pdf td.col-rem,
.pdf td.col-cat,
.pdf td.col-qA,
.pdf td.col-qA,
.pdf td.col-qB {
text-align: left;
vertical-align: top;
} .pdf .pdf-cat-title {
font-weight: 700;
margin: 0 0 0.2rem 0;
}
.pdf .pdf-examples {
font-size: 11px;
color: #333;
margin-top: 2px;
}
.pdf .pdf-examples p {
margin: 0.15rem 0;
}
#rep-modal-toggle {
background-color: #46cc9b;
color: #fff;
font-size: 18px;
font-family: IBM Plex Sans;
border: none;
}
#rep-modal-cancel {
background-color: #000;
color: #fff;
font-size: 18px;
font-family: IBM Plex Sans;
border: none;
}
h1 {
color: #46cc9b;
font-family: Poppins;
font-weight: bold;
}
h2 {
color: #46cc9b;
font-family: Poppins;
font-weight: bold;
}
h3 {
color: #46cc9b;
font-family: Poppins;
font-weight: bold;
}
button#rep-to-questions {
background-color: #46cc9b;
color: #2e3699;
border: none;
font-size: 20px;
font-family: Poppins;
}
.rep-previews-title {
color: #2e3699;
font-family: IBM Plex Sans;
font-weight: bold;
}
.rep-ex-short {
margin: -6px 0 20px;
font-size: 16px;
line-height: 1.25;
opacity: 0.85;
color: #2e3699;
}