.gdpr-ropa-editor {
max-width: 880px;
margin: 2rem auto;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #1d2327;
}
.gdpr-ropa-editor * {
box-sizing: border-box;
}
.gdpr-ropa-editor-fallback {
text-align: center;
color: #757575;
}
.gre-section {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 1.25rem 1.5rem;
margin-bottom: 1.25rem;
}
.gre-section h2 {
font-size: 1.1rem;
margin: 0 0 0.75rem;
} .gre-chips {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.gre-chip {
appearance: none;
border: 1px solid #2271b1;
background: #f0f6fc;
color: #2271b1;
border-radius: 999px;
padding: 0.5rem 1.1rem;
font-size: 0.92rem;
font-weight: 600;
cursor: pointer;
}
.gre-chip:hover:not(:disabled) {
background: #2271b1;
color: #fff;
}
.gre-chip.is-other {
border-style: dashed;
background: #fff;
color: #555;
}
.gre-chip.is-added {
background: #edfaef;
border-color: #1a7e1a;
color: #1a7e1a;
cursor: default;
}
.gre-other-form {
margin-top: 0.75rem;
background: #f6f7f7;
border-radius: 8px;
padding: 0.85rem;
display: none;
}
.gre-other-form.is-visible {
display: block;
}
.gre-other-form label {
display: block;
font-size: 0.85rem;
margin: 0.4rem 0 0.2rem;
}
.gre-other-form input[type="text"] {
width: 100%;
padding: 0.5rem 0.7rem;
border: 1px solid #dcdcde;
border-radius: 6px;
}
.gre-radio-row {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.3rem;
}
.gre-radio-row label {
display: inline-flex;
align-items: center;
gap: 0.3rem;
font-size: 0.85rem;
margin: 0;
} .gre-rows {
margin-top: 1rem;
border-top: 1px solid #f0f0f1;
padding-top: 0.75rem;
}
.gre-row {
border: 1px solid #dcdcde;
border-radius: 8px;
margin-bottom: 0.6rem;
overflow: hidden;
}
.gre-row-header {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.7rem 1rem;
cursor: pointer;
background: #fff;
}
.gre-row.is-open .gre-row-header {
background: #f6f7f7;
}
.gre-row-name {
font-weight: 600;
flex: 0 0 auto;
}
.gre-row-summary {
color: #757575;
font-size: 0.88rem;
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gre-row-arrow {
flex: 0 0 auto;
color: #757575;
}
.gre-row-detail {
display: none;
padding: 1rem 1.1rem 1.1rem;
border-top: 1px solid #f0f0f1;
}
.gre-row.is-open .gre-row-detail {
display: block;
}
.gre-badge-unknown {
display: inline-block;
font-size: 0.7rem;
background: #fff8e5;
color: #8a6500;
padding: 0.1rem 0.5rem;
border-radius: 4px;
} .gre-meta-line {
font-size: 0.85rem;
margin-bottom: 0.75rem;
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
}
.gre-meta-line .is-ok { color: #1a7e1a; font-weight: 600; }
.gre-meta-line .is-muted { color: #b32d2e; }
.gre-meta-line .is-warn { color: #b87900; font-weight: 600; }
.gre-meta-line .is-neutral { color: #3c434a; font-weight: 600; background: #f0f0f1; padding: 0.05rem 0.5rem; border-radius: 4px; }
.gre-meta-detail {
font-size: 0.85rem;
color: #3c434a;
background: #f6f7f7;
border-radius: 6px;
padding: 0.75rem;
margin-bottom: 0.85rem;
line-height: 1.6;
}
.gre-link-button {
appearance: none;
border: none;
background: none;
color: #2271b1;
font-size: 0.85rem;
cursor: pointer;
padding: 0;
text-decoration: underline;
} .gre-field-group {
margin-bottom: 0.9rem;
}
.gre-field-group > label {
display: block;
font-weight: 600;
font-size: 0.88rem;
margin-bottom: 0.4rem;
}
.gre-tags,
.gre-picker-tags {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-top: 0.4rem;
}
.gre-tag {
appearance: none;
border: 1px solid #dcdcde;
background: #fff;
color: #3c434a;
border-radius: 999px;
padding: 0.3rem 0.8rem;
font-size: 0.85rem;
cursor: pointer;
}
.gre-tag.is-active {
background: #2271b1;
border-color: #2271b1;
color: #fff;
}
.gre-value {
font-weight: 600;
} .gre-text-input,
.gre-textarea {
width: 100%;
padding: 0.5rem 0.7rem;
border: 1px solid #dcdcde;
border-radius: 6px;
font-family: inherit;
font-size: 0.92rem;
}
.gre-textarea {
min-height: 60px;
}
.gre-remove-button {
appearance: none;
border: 1px solid #b32d2e;
background: #fff;
color: #b32d2e;
border-radius: 6px;
padding: 0.4rem 0.9rem;
font-size: 0.85rem;
cursor: pointer;
margin-top: 0.5rem;
}
.gre-remove-button:hover {
background: #b32d2e;
color: #fff;
}
.gre-empty {
color: #757575;
font-size: 0.9rem;
} .gre-generate-button {
display: block;
width: 100%;
padding: 0.9rem;
border: none;
border-radius: 8px;
background: #2271b1;
color: #fff;
font-size: 1.05rem;
font-weight: 600;
cursor: pointer;
margin-top: 1rem;
}
.gre-completeness-item {
padding: 0.6rem 0.9rem;
border-radius: 6px;
margin-bottom: 0.4rem;
font-size: 0.9rem;
}
.gre-completeness-item.is-green { background: #edfaef; color: #1a7e1a; }
.gre-completeness-item.is-yellow { background: #fff8e5; color: #8a6500; } .gdpr-ropa-questions {
max-width: 880px;
margin: 2rem auto;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #1d2327;
}
.gdpr-ropa-questions * {
box-sizing: border-box;
}
.gre-question-description {
color: #757575;
font-size: 0.9rem;
margin-top: -0.4rem;
margin-bottom: 0.75rem;
}
.gre-app-search {
margin-top: 0.85rem;
background: #f6f7f7;
border-radius: 8px;
padding: 0.85rem;
}
.gre-app-search-results {
display: flex;
flex-direction: column;
gap: 0.3rem;
margin-top: 0.6rem;
max-height: 220px;
overflow-y: auto;
}
.gre-app-result {
appearance: none;
border: 1px solid #dcdcde;
background: #fff;
text-align: left;
border-radius: 6px;
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
cursor: pointer;
}
.gre-app-result:hover {
border-color: #2271b1;
background: #f0f6fc;
}
.gre-app-result.is-other {
border-style: dashed;
color: #555;
}
.gre-app-result-provider {
color: #757575;
font-size: 0.8rem;
}
.gre-app-tag {
display: inline-block;
font-size: 0.78rem;
background: #f0f6fc;
color: #2271b1;
padding: 0.05rem 0.5rem;
border-radius: 4px;
margin-left: 0.4rem;
}
.gre-chip.is-open {
background: #2271b1;
color: #fff;
}
.gre-chip.is-active {
background: #1a7e1a;
border-color: #1a7e1a;
color: #fff;
}
.gre-chip-negative {
border-style: dashed;
color: #757575;
}
.gre-chip-negative.is-active {
background: #6b7280;
border-color: #6b7280;
border-style: solid;
color: #fff;
}
.gre-chip.is-group {
border-style: dashed;
background: #fff;
}
.gre-chip.is-group.is-open {
background: #1a7e1a;
border-color: #1a7e1a;
border-style: solid;
color: #fff;
}
.gre-group-members {
margin-top: 0.5rem;
padding-left: 0.75rem;
border-left: 2px solid #dcdcde;
}
.gre-app-picker {
margin-top: 0.85rem;
background: #f6f7f7;
border-radius: 8px;
padding: 0.85rem;
}
.gre-chips-sm {
gap: 0.4rem;
}
.gre-chip-sm {
padding: 0.32rem 0.75rem;
font-size: 0.82rem;
}
.gre-app-result.is-active {
border-color: #1a7e1a;
background: #edfaef;
color: #1a7e1a;
} .grq-step {
max-width: 680px;
margin: 0 auto;
padding: 1rem 0;
}
.grq-subtitle {
color: #757575;
margin-bottom: 1.5rem;
}
.grq-ico-row {
display: flex;
gap: 0.75rem;
align-items: center;
margin-bottom: 0.75rem;
flex-wrap: wrap;
}
.grq-link {
background: none;
border: none;
color: #2271b1;
cursor: pointer;
font-size: 0.9rem;
padding: 0;
margin-top: 0.5rem;
text-decoration: underline;
}
.grq-controller-card {
background: #f6f7f7;
border: 1px solid #dcdcde;
border-radius: 4px;
padding: 0.75rem 1rem;
margin-bottom: 1.25rem;
font-size: 0.95rem;
}
.grq-rows-preview {
margin-bottom: 1.5rem;
}
.grq-footer-nav {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1.5rem;
padding-top: 1rem;
border-top: 1px solid #dcdcde;
flex-wrap: wrap;
gap: 0.75rem;
}
.grq-activation {
max-width: 900px;
}
.grq-activation-lock {
width: 64px;
height: 64px;
border-radius: 50%;
background: #eaf1fd;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.75rem;
margin: 0 auto 1rem;
}
.grq-activation-grid {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 1.5rem;
margin-top: 2rem;
align-items: stretch;
}
@media (max-width: 640px) {
.grq-activation-grid { grid-template-columns: 1fr; }
}
.grq-activation-card {
background: #fff;
border: 1px solid #dcdcde;
border-radius: 10px;
padding: 1.5rem;
}
.grq-activation-card h3 {
margin: 0 0 1rem;
font-size: 1rem;
color: #1a56db;
}
.grq-activation-price-card h3 {
color: #1d2327;
text-align: center;
}
.grq-benefit-list {
list-style: none;
margin: 0;
padding: 0;
}
.grq-benefit-item {
display: flex;
gap: 0.75rem;
align-items: flex-start;
padding: 0.6rem 0;
}
.grq-benefit-icon {
font-size: 1.25rem;
flex-shrink: 0;
}
.grq-benefit-desc {
color: #757575;
font-size: 0.875rem;
}
.grq-activation-price {
font-size: 2rem;
font-weight: 700;
text-align: center;
color: #1d2327;
margin-top: 0.25rem;
}
.grq-price-note {
text-align: center;
color: #757575;
font-size: 0.8125rem;
margin: 0 0 1rem;
}
.grq-price-checklist {
list-style: none;
margin: 0 0 1.25rem;
padding: 0;
font-size: 0.875rem;
}
.grq-price-checklist li { margin: 0.4rem 0; }
.grq-secure-note {
text-align: center;
color: #757575;
font-size: 0.8125rem;
margin: 0.6rem 0 0;
}
.grq-activation #grq-ss-form-wrap {
max-width: 480px;
margin: 0 auto;
}
.grq-done {
text-align: center;
padding: 2rem 0;
}
.grq-done-icon {
font-size: 3rem;
color: #1a7e1a;
margin-bottom: 0.5rem;
}
.grq-done-checklist {
max-width: 420px;
margin: 1.5rem auto 0;
text-align: left;
font-size: 0.9375rem;
color: #1d2327;
}
.grq-done-checklist p { margin: 0.35rem 0; }
.grq-done-more {
max-width: 420px;
margin: 1.75rem auto 0;
padding-top: 1.25rem;
border-top: 1px solid #dcdcde;
}
.grq-done-more-heading {
margin: 0 0 0.5rem;
font-size: 0.8125rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #757575;
}
.gre-chip.is-group.is-open {
background: #1a7e1a;
border-color: #1a7e1a;
border-style: solid;
color: #fff;
}
.grq-test-badge {
display: inline-block;
margin-top: 0.5rem;
font-size: 0.8rem;
color: #b87900;
background: #fff8e5;
border: 1px solid #f0c060;
border-radius: 3px;
padding: 0.2rem 0.6rem;
}
.grq-warning {
background: #fef0f0;
border: 1px solid #e0a0a0;
border-left: 4px solid #c0392b;
border-radius: 4px;
padding: 0.6rem 1rem;
margin-bottom: 0.75rem;
color: #7b1a1a;
font-size: 0.95rem;
}
.grq-ico-label {
font-weight: 600;
white-space: nowrap;
align-self: center;
}
.grq-controller-heading {
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #757575;
margin-bottom: 0.25rem;
}
.grq-activity-group {
margin-bottom: 1.5rem;
}
.grq-activity-question {
font-size: 1rem;
font-weight: 700;
color: #1d2327;
margin: 0 0 0.5rem;
padding-bottom: 0.4rem;
border-bottom: 2px solid #dcdcde;
}
.grq-activity-label {
color: #757575;
font-size: 0.875rem;
font-weight: normal;
} .grq-payment-screen {
background: #fff;
border: 1px solid #dcdcde;
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 1.5rem;
max-width: 560px;
}
.grq-payment-screen h2 {
text-align: center;
margin-top: 0;
}
.grq-payment-grid {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.5rem 1rem;
margin: 1.25rem 0;
align-items: center;
}
.grq-payment-label {
font-weight: 700;
text-align: right;
white-space: nowrap;
}
.grq-payment-value {
display: flex;
align-items: center;
gap: 0.4rem;
}
.grq-copy-btn {
background: none;
border: none;
cursor: pointer;
padding: 0 0.2rem;
font-size: 0.9rem;
opacity: 0.7;
transition: opacity 0.15s;
}
.grq-copy-btn:hover { opacity: 1; }
.grq-qr-section {
text-align: center;
margin: 1.5rem 0;
}
.grq-qr-section h3 {
margin-bottom: 0.75rem;
}
.grq-qr-img {
display: block;
margin: 0 auto;
width: 180px;
height: 180px;
}
.grq-qr-placeholder {
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.grq-online-payment {
text-align: center;
margin: 1.25rem 0 0;
}
.grq-online-btn {
display: inline-block;
text-decoration: none;
}
.grq-online-note {
color: #757575;
font-size: 0.85rem;
margin-top: 0.4rem;
}
.grq-recheck-wrap {
text-align: center;
margin-top: 1.5rem;
padding-top: 1rem;
border-top: 1px solid #dcdcde;
} #grq-ss-form-wrap .billingFormWrapper {
display: none !important;
}
#grq-ss-form-wrap .variantWrapper,
#grq-ss-form-wrap .totalPriceWrapper,
#grq-ss-form-wrap .currency-switch {
display: none !important;
} #grq-ss-form-wrap .paymentMethods {
display: block !important;
}
#grq-ss-form-wrap .submitWrapper {
margin-top: 1rem;
} #grq-ss-form-wrap form {
border: 1px solid #dcdcde;
border-radius: 8px;
padding: 1.25rem;
margin-top: 1rem;
}
#grq-ss-form-wrap h2 {
margin-top: 0;
}
.grq-returning-notice {
background: #e8f4e8;
border: 1px solid #6dbe45;
border-radius: 4px;
padding: 0.6rem 1rem;
margin-bottom: 1rem;
font-size: 0.95rem;
}
.grq-profession-chips {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin: 1.25rem 0;
}
.grq-profession-chip {
font-size: 1rem;
padding: 0.5rem 1.25rem;
}
.grq-profession-chip.is-active {
background: #1a7e1a;
border-color: #1a7e1a;
color: #fff;
} .grq-retention-picker {
background: #f6f7f7;
border: 1px solid #dcdcde;
border-radius: 6px;
padding: 0.75rem;
margin-top: 0.4rem;
}
.grq-retention-hint {
font-size: 0.82rem;
color: #757575;
margin: 0 0 0.4rem;
}
.grq-retention-suggestion {
display: block;
width: 100%;
text-align: left;
background: #fff;
border: 1px solid #dcdcde;
border-radius: 4px;
padding: 0.45rem 0.75rem;
margin-bottom: 0.3rem;
cursor: pointer;
font-size: 0.9rem;
transition: border-color 0.15s, background 0.15s;
}
.grq-retention-suggestion:hover {
border-color: #1a7e1a;
background: #e8f4e8;
}
.gre-completeness-item.is-red {
border-left: 3px solid #c0392b;
background: #fef0f0;
} .grq-followup-item {
background: #fff;
border: 1px solid #dcdcde;
border-radius: 6px;
padding: 1.25rem;
margin-bottom: 1rem;
}
.grq-followup-notice {
display: flex;
gap: 0.75rem;
align-items: flex-start;
}
.grq-followup-icon {
font-size: 1.4rem;
line-height: 1;
}
.grq-followup-item h3 {
margin: 0 0 0.4rem;
font-size: 1rem;
} .grq-summary-step {
max-width: 720px;
margin: 0 auto;
} .grq-summary-header {
display: flex;
gap: 1.5rem;
align-items: flex-start;
background: #fff;
border: 1px solid #dcdcde;
border-radius: 8px;
padding: 1.25rem 1.5rem;
margin-bottom: 1.25rem;
}
.grq-summary-controller {
flex: 1;
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.grq-summary-label {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #757575;
margin-bottom: 0.15rem;
}
.grq-summary-meta {
color: #757575;
font-size: 0.875rem;
}
.grq-edit-link {
background: none;
border: none;
color: #1a56db;
cursor: pointer;
font-size: 0.8rem;
padding: 0;
margin-top: 0.4rem;
text-align: left;
}
.grq-summary-stats {
display: flex;
flex-direction: column;
gap: 0.5rem;
min-width: 160px;
}
.grq-stat {
display: flex;
align-items: baseline;
gap: 0.4rem;
}
.grq-stat-num {
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
color: #1e1e1e;
}
.grq-stat-label {
font-size: 0.8rem;
color: #757575;
} .grq-activity-cards {
display: flex;
flex-direction: column;
gap: 0.75rem;
margin-bottom: 1.5rem;
}
.grq-activity-card {
background: #fff;
border: 1px solid #dcdcde;
border-radius: 8px;
overflow: hidden;
}
.grq-card-header {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.9rem 1.1rem;
flex-wrap: wrap;
}
.grq-card-title {
flex: 1;
min-width: 200px;
font-size: 0.95rem;
}
.grq-card-meta {
font-size: 0.8rem;
color: #757575;
white-space: nowrap;
}
.grq-card-actions {
display: flex;
gap: 0.5rem;
flex-shrink: 0;
} .grq-card-detail {
border-top: 1px solid #f0f0f0;
padding: 1rem 1.1rem;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.grq-detail-section {
min-width: 180px;
flex: 1;
}
.grq-detail-label {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #757575;
margin-bottom: 0.4rem;
}
.grq-detail-list {
margin: 0;
padding-left: 1.1rem;
font-size: 0.875rem;
}
.grq-detail-list li { margin-bottom: 0.2rem; }
.grq-card-detail p {
margin: 0;
font-size: 0.875rem;
} .gdpr-ropa-editor,
.gdpr-ropa-questions {
font-family: var(--font-body, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
color: var(--color-text, #242828);
}
.gre-section {
border-color: var(--color-border, #d9dcdc);
border-radius: var(--radius-lg, 16px);
box-shadow: var(--shadow-sm, 0 1px 2px rgba(20, 23, 23, .06));
} .gre-chip,
.gre-tag.is-active,
.gre-link-button,
.gre-generate-button,
.grq-online-btn,
.grq-copy-btn {
border-color: var(--color-action, #0f6d66);
background: var(--color-action, #0f6d66);
color: var(--color-text-inverse, #fff);
}
.gre-chip {
background: var(--color-primary-50, #e8f2f1);
color: var(--color-action, #0f6d66);
}
.gre-chip:hover:not(:disabled) {
background: var(--color-action, #0f6d66);
color: var(--color-text-inverse, #fff);
}
.gre-tag {
border-color: var(--color-border, #d9dcdc);
color: var(--color-text, #242828);
}
.gre-tag.is-active {
background: var(--color-action, #0f6d66);
border-color: var(--color-action, #0f6d66);
}
.gre-link-button {
background: none;
color: var(--color-action, #0f6d66);
}
.gre-generate-button,
.grq-online-btn {
background: var(--color-action, #0f6d66);
border-radius: var(--radius-md, 8px);
} .gre-chip.is-added,
.gre-meta-line .is-ok,
.gre-completeness-item.is-green {
background: var(--color-success-bg, #e8f5e9);
border-color: var(--color-success, #2e7d32);
color: var(--color-success, #2e7d32);
} .gre-meta-line .is-muted,
.gre-remove-button {
border-color: var(--color-error, #c62828);
color: var(--color-error, #c62828);
}
.gre-remove-button:hover {
background: var(--color-error, #c62828);
color: var(--color-text-inverse, #fff);
} .gre-badge-unknown,
.gre-completeness-item.is-yellow {
background: var(--color-warning-bg, #fdf3d9);
color: var(--color-warning, #b8860b);
}
.gre-completeness-item.is-red {
background: var(--color-error-bg, #fdecea);
color: var(--color-error, #c62828);
} .gre-meta-line .is-neutral,
.gre-meta-detail,
.gre-other-form,
.gre-app-search {
background: var(--color-surface-muted, #f7f8f8);
}
.gre-row,
.gre-text-input,
.gre-textarea,
.gre-other-form input[type="text"],
.gre-app-result {
border-color: var(--color-border, #d9dcdc);
border-radius: var(--radius-md, 8px);
}
.gre-row-header {
background: var(--color-surface, #fff);
}
.gre-row.is-open .gre-row-header {
background: var(--color-surface-muted, #f7f8f8);
} .gre-row-summary,
.gre-row-arrow,
.gre-empty,
.gre-question-description,
.gdpr-ropa-editor-fallback {
color: var(--color-text-muted, #6b7373);
}  .grq-controller-card,
.grq-activation-card,
.grq-payment-screen,
.grq-summary-header,
.grq-activity-card,
.grq-followup-item,
.grq-retention-picker,
.grq-retention-suggestion {
background: var(--color-surface, #fff);
border-color: var(--color-border, #d9dcdc);
}
.grq-controller-card,
.grq-retention-picker {
background: var(--color-surface-muted, #f7f8f8);
border-radius: var(--radius-md, 8px);
}
.grq-activation-card,
.grq-payment-screen,
.grq-summary-header,
.grq-activity-card,
.grq-followup-item {
border-radius: var(--radius-lg, 16px);
}
.grq-retention-suggestion {
border-radius: var(--radius-sm, 4px);
}
.grq-retention-suggestion:hover {
border-color: var(--color-success, #2e7d32);
background: var(--color-success-bg, #e8f5e9);
} .grq-activation-card h3,
.grq-edit-link {
color: var(--color-action, #0f6d66);
}
.grq-activation-price-card h3 {
color: var(--color-text, #242828);
} .grq-activation-lock {
background: var(--color-primary-50, #e8f2f1);
} .grq-benefit-desc,
.grq-price-note,
.grq-secure-note,
.grq-online-note,
.grq-done-more-heading,
.grq-controller-heading,
.grq-activity-label,
.grq-summary-label,
.grq-summary-meta,
.grq-stat-label,
.grq-card-meta,
.grq-detail-label,
.grq-retention-hint {
color: var(--color-text-muted, #6b7373);
} .grq-activation-price,
.grq-done-checklist,
.grq-activity-question,
.grq-stat-num {
color: var(--color-text, #242828);
} .grq-activity-question,
.grq-done-more,
.grq-recheck-wrap {
border-color: var(--color-border, #d9dcdc);
}
.grq-card-detail {
border-color: var(--color-border, #d9dcdc);
} .grq-done-icon,
.grq-profession-chip.is-active {
color: var(--color-success, #2e7d32);
}
.grq-profession-chip.is-active {
background: var(--color-success, #2e7d32);
border-color: var(--color-success, #2e7d32);
color: var(--color-text-inverse, #fff);
}
.grq-returning-notice {
background: var(--color-success-bg, #e8f5e9);
border-color: var(--color-success, #2e7d32);
}
.grq-returning-notice__icon {
color: var(--color-success, #2e7d32);
font-weight: var(--font-weight-bold, 700);
}
.grq-returning-notice__link {
color: var(--color-action, #0f6d66);
font-weight: var(--font-weight-medium, 500);
} .grq-test-badge {
background: var(--color-warning-bg, #fdf3d9);
border-color: var(--color-warning, #b8860b);
color: var(--color-warning, #b8860b);
} .grq-warning {
background: var(--color-error-bg, #fdecea);
border-color: var(--color-border, #d9dcdc);
border-left-color: var(--color-error, #c62828);
color: var(--color-error, #c62828);
} .gre-chip.is-active {
background: var(--color-action, #0f6d66);
border-color: var(--color-action, #0f6d66);
color: var(--color-text-inverse, #fff);
} .grq-progress-wrap {
margin: var(--space-3, 0.75rem) 0 var(--space-6, 1.25rem);
}
.grq-progress-label {
display: flex;
justify-content: space-between;
font-size: var(--text-small, 0.8125rem);
color: var(--color-text-muted, #6b7373);
margin-bottom: var(--space-2, 0.35rem);
}
.grq-progress-track {
height: 6px;
background: var(--color-border, #e5e7eb);
border-radius: var(--radius-full, 3px);
overflow: hidden;
}
.grq-progress-fill {
height: 100%;
background: var(--color-action, #0f6d66);
border-radius: var(--radius-full, 3px);
transition: width var(--motion-base, 0.3s) var(--motion-ease, ease);
} .grq-stepper {
display: flex;
align-items: center;
margin-bottom: var(--space-6, 1.5rem);
}
.grq-stepper__item {
display: flex;
align-items: center;
gap: var(--space-2, 0.5rem);
flex-shrink: 0;
}
.grq-stepper__num {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: var(--radius-full, 999px);
font-size: var(--text-small, 0.85rem);
font-weight: var(--font-weight-bold, 700);
border: 2px solid var(--color-border, #d9dcdc);
color: var(--color-text-muted, #6b7373);
flex-shrink: 0;
}
.grq-stepper__label {
font-size: var(--text-small, 0.85rem);
color: var(--color-text-muted, #6b7373);
white-space: nowrap;
}
.grq-stepper__item--active .grq-stepper__num {
border-color: var(--color-action, #0f6d66);
background: var(--color-action, #0f6d66);
color: var(--color-text-inverse, #fff);
}
.grq-stepper__item--active .grq-stepper__label {
color: var(--color-text, #242828);
font-weight: var(--font-weight-bold, 700);
}
.grq-stepper__item--done .grq-stepper__num {
border-color: var(--color-success, #2e7d32);
background: var(--color-success-bg, #e8f5e9);
color: var(--color-success, #2e7d32);
}
.grq-stepper__line {
flex: 1 1 auto;
height: 2px;
background: var(--color-border, #d9dcdc);
margin: 0 var(--space-2, 0.5rem);
min-width: 24px;
}
.grq-stepper__line--done {
background: var(--color-success, #2e7d32);
}
.grq-ares-found {
color: var(--color-success, #2e7d32);
}
.grq-document-name-field {
margin-bottom: var(--space-4, 1rem);
max-width: 360px;
}
.grq-document-name-field label {
display: block;
font-weight: var(--font-weight-medium, 600);
font-size: var(--text-small, 0.9rem);
margin-bottom: var(--space-1, 0.3rem);
}
@media (max-width: 560px) {
.grq-stepper__label {
display: none;
}
}