.stowly-verified-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px 5px 10px;
border-radius: var(--stowly-radius-pill, 999px);
background: var(--stowly-color-primary-soft, #e6f2f1);
border: 1px solid rgba(31, 111, 235, 0.24);
color: var(--stowly-color-primary);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1;
white-space: nowrap;
}
.stowly-verified-badge svg {
flex: 0 0 auto;
width: 14px;
height: 14px;
}
.stowly-verified-badge--compact {
padding: 4px 10px 4px 8px;
font-size: 11px;
gap: 5px;
}
.stowly-verified-badge--compact svg {
width: 12px;
height: 12px;
} .stowly-verify-card {
margin: 0 0 32px;
padding: 28px;
background: #fff;
border: 1px solid var(--stowly-color-line, #e9e6e4);
border-radius: var(--stowly-radius-lg, 20px);
box-shadow: 0 2px 12px rgba(27, 27, 27, 0.04);
}
.stowly-verify-card__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.stowly-verify-card__eyebrow {
margin: 0 0 4px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--stowly-color-ink-soft, #555);
}
.stowly-verify-card__title {
margin: 0;
font-size: clamp(20px, 2.2vw, 24px);
font-weight: 700;
color: var(--stowly-color-ink, #1b1b1b);
}
.stowly-verify-card__status {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
line-height: 1;
background: #f2efec;
color: var(--stowly-color-ink-soft, #555);
}
.stowly-verify-card__status--pending {
background: #fff5e0;
color: #8a5a00;
}
.stowly-verify-card__status--approved {
background: #e4f5ee;
color: #0f6b5a;
}
.stowly-verify-card__status--rejected {
background: #fdeaea;
color: #a1231f;
}
.stowly-verify-card__lede {
margin: 0 0 20px;
color: var(--stowly-color-ink-soft, #555);
line-height: 1.55;
}
.stowly-verify-card__notice {
padding: 14px 16px;
border-radius: 12px;
border: 1px solid;
margin-bottom: 20px;
line-height: 1.5;
}
.stowly-verify-card__notice strong {
display: block;
margin-bottom: 2px;
}
.stowly-verify-card__notice--success {
background: #effaf4;
border-color: #cde9dc;
color: #125a47;
}
.stowly-verify-card__notice--info {
background: var(--stowly-color-info-soft);
border-color: color-mix(in srgb, var(--stowly-color-info) 30%, var(--stowly-color-line));
color: var(--stowly-color-info-strong);
}
.stowly-verify-card__notice--error {
background: #fff2f2;
border-color: #f5cdca;
color: #8e2120;
}
.stowly-verify-card__reason {
margin: 8px 0 0;
font-style: italic;
}
.stowly-verify-card__meta {
font-size: 12px;
color: var(--stowly-color-ink-soft, #555);
margin-top: 4px;
}
.stowly-verify-card__form {
margin-top: 4px;
}
.stowly-verify-card__label {
display: block;
font-weight: 600;
margin-bottom: 6px;
color: var(--stowly-color-ink, #1b1b1b);
}
.stowly-verify-card__hint {
margin: 0 0 12px;
font-size: 13px;
color: var(--stowly-color-ink-soft, #555);
line-height: 1.5;
}
.stowly-verify-card__file {
display: block;
width: 100%;
padding: 10px 12px;
border: 1px dashed #d8d4d0;
border-radius: 12px;
background: #faf8f6;
font-family: inherit;
font-size: 14px;
}
.stowly-verify-card__submit {
margin-top: 16px;
}
@media (max-width: 640px) {
.stowly-verify-card {
padding: 20px;
}
.stowly-verify-card__head {
flex-direction: column;
align-items: flex-start;
}
}