.ui-notices{position:fixed;right:24px;top:22px;z-index:10000;display:grid;gap:10px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 44px);overflow:auto;pointer-events:none}
.ui-notice{display:flex;align-items:flex-start;gap:16px;padding:14px 16px;background:#fff;color:#334155;border:1px solid #dbe4ef;border-left:4px solid #6184b8;border-radius:12px;box-shadow:0 8px 30px #152b4924;pointer-events:auto;font-size:14px;line-height:1.6}
.ui-notice>span{flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.ui-notice.success{border-left-color:#269777}.ui-notice.error{border-left-color:#d44a50;background:#fffafa;color:#96333c}.ui-notice>button{border:0;background:transparent;color:inherit;padding:0 4px;line-height:24px;font-size:21px;flex-shrink:0}
.ui-input-dialog{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;border:1px solid #dce5f1;border-radius:18px;padding:24px;color:#20304a;box-shadow:0 24px 80px #12243b33}.ui-input-dialog::backdrop{background:#15243766}.ui-input-dialog h2{font-size:19px;margin:0 0 16px}.ui-input-dialog label{display:block;margin-bottom:10px;font-size:14px;line-height:1.6}.ui-input-dialog textarea{width:100%;box-sizing:border-box;min-height:100px;resize:vertical}.ui-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.ui-spinner{display:inline-block;width:14px;height:14px;flex-shrink:0;margin-right:7px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}
#colovl .dlg{max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box}#colovl .col-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}#col-close{border:0;background:none;font-size:22px;padding:2px 6px;color:var(--sub)}#col-feedback{margin-top:14px;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}#col-feedback:empty{display:none}#col-feedback.error{color:#b23c47}#col-feedback.pending{color:var(--sub)}#colovl .col-actions{position:sticky;bottom:-22px;background:white;padding:14px 0 0;margin-top:12px;display:flex;justify-content:flex-end;gap:10px}
@media(max-width:600px){.ui-notices{top:12px;right:16px}#colovl{padding:12px!important}#colovl .dlg{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px);padding:18px!important}#colovl .col-actions{bottom:-18px;padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){.ui-spinner{animation-duration:1.8s}}
#colovl :is(input,select,textarea):focus,.ui-input-dialog :is(input,textarea):focus{outline:none;border-color:#6a92c8;box-shadow:0 0 0 3px #719bce1f}