/* Crown OTP widget + My Crown account tab. */

.crown-otp__row {
	display: flex;
	gap: 8px;
	align-items: center;
}
.crown-otp__row .input-text {
	flex: 1;
}
.crown-otp__status {
	min-height: 1.2em;
	font-size: 0.875em;
	margin: 0.25em 0 0.75em;
}
.crown-otp__status.is-ok { color: #1a7f37; }
.crown-otp__status.is-err { color: #b42318; }
.crown-otp__current { font-size: 0.9em; opacity: 0.85; }
.crown-otp-fieldset { margin: 1.25em 0; border: 1px solid #e3e3e3; border-radius: 8px; padding: 1em 1.25em; }

/* My Crown */
.crown-history section { margin-bottom: 1.75em; }
.crown-history h3 { margin-bottom: 0.5em; }
.crown-history table { width: 100%; border-collapse: collapse; }
.crown-history th, .crown-history td { padding: 0.5em 0.75em; border-bottom: 1px solid #eee; text-align: start; font-size: 0.925em; }
.crown-history .crown-badge {
	display: inline-block; padding: 0.15em 0.6em; border-radius: 999px;
	font-size: 0.8em; background: #f2f2f2;
}
.crown-badge.is-good { background: #e6f4ea; color: #1a7f37; }
.crown-badge.is-warn { background: #fff4e5; color: #9a6700; }
.crown-history details { margin-top: 0.5em; }
.crown-history summary { cursor: pointer; }
.crown-history .crown-empty { padding: 1.5em; background: #fafafa; border-radius: 8px; }

/* RTL (Dhivehi/Thaana) */
[dir="rtl"].crown-otp .crown-otp__row,
.crown-history[dir="rtl"] { direction: rtl; }