.ro-modal { position: fixed; inset: 0; display: none; z-index: 100000; }
.ro-modal.is-open { display: block; }
.ro-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.ro-modal__dialog {
	position: relative;
	max-width: 520px;
	width: calc(100% - 32px);
	margin: 6vh auto;
	background: #fff;
	border-radius: 8px;
	padding: 24px;
	box-shadow: 0 20px 60px rgba(0,0,0,.3);
}
.ro-modal__close {
	position: absolute; top: 8px; right: 12px;
	background: transparent; border: 0; font-size: 24px; cursor: pointer;
}
#ro-modal h3 { margin: 0 0 12px; }
#ro-form label { display: block; margin: 12px 0 4px; font-weight: 600; }
#ro-form textarea, #ro-form input[type=file] { width: 100%; box-sizing: border-box; }
#ro-form textarea { padding: 8px; }
.ro-image-preview { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.ro-image-preview img { width: 88px; height: 88px; object-fit: cover; border-radius: 6px; border: 1px solid #e2e2e2; }
.ro-form__footer { margin-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ro-form__notice { font-size: 13px; }
.ro-form__notice.is-error { color: #b32d2e; }
.ro-form__notice.is-success { color: #1a7f37; }
.ro-view-order-action { margin-top: 16px; }