.x-only-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:3px;background:#d4d0c8;color:#111;border:3px outset #fff;box-shadow:4px 4px 0 #0008;font:13px Tahoma,Arial,sans-serif;z-index:1000}
.x-only-dialog::backdrop{background:#747472e8}
.x-only-title{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(90deg,#000080,#1084d0);color:white;font-weight:bold;padding:5px 6px 5px 8px}
.x-only-content{padding:12px 15px 18px;text-align:center}
.x-only-content p{margin:6px 0 15px;line-height:1.6;font-size:14px}
.x-only-content input{box-sizing:border-box;display:block;width:100%;min-height:38px;margin:0 0 16px;background:white;color:#111;border:2px inset #eee;padding:8px;font:13px Tahoma,Arial,sans-serif}
.x-only-content input[aria-invalid=true]{outline:2px solid #a80000;outline-offset:1px}
.x-only-content .x-post-error{color:#990000;text-align:left;font-size:12px;line-height:1.4;margin:-7px 0 15px}
.x-only-content .x-post-error[hidden]{display:none}
.x-only-dialog button{cursor:pointer;color:#111;border:3px outset #fff;background:#d4d0c8;font:bold 13px Tahoma,Arial,sans-serif;box-shadow:1px 1px #333}
.x-only-dialog .x-continue{display:inline-block;background:#ffff97;padding:8px 28px}
.x-only-title button{min-height:23px;width:26px;padding:0;flex-shrink:0}
.x-only-dialog button:active{border-style:inset}.x-only-dialog button:focus-visible{outline:2px dotted #000;outline-offset:-6px}
