/* Feedback belongs to the interface, including errors inside dynamic forms. */
body .sut-field-error{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;color:#a83c29;font:500 12px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;text-align:left}
body .sut-field-error-mark{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;margin-top:1px;border-radius:50%;background:#fae9e2;color:#b5442d;font-size:11px;font-weight:700}
body [data-sut-invalid]{border-color:#d96149!important;box-shadow:0 0 0 3px #d9614912}
body [data-sut-invalid]:focus-visible{outline:none;box-shadow:0 0 0 3px #d9614920}
body .sut-notice{padding:14px 17px;border:1px solid #dce4e6;border-radius:12px;background:#f5f8f8;color:#40565e;font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
body .sut-notice[data-kind=error]{border-color:#efc9bc;background:#fff5f0;color:#a33f2c}
body .sut-notice[data-kind=success]{border-color:#d1e3d9;background:#f1f8f4;color:#376d58}
body.operator-page #feedback.sut-notice{right:24px;left:auto;bottom:24px;transform:none;max-width:min(430px,calc(100vw - 32px));border:1px solid #dce4e6;border-radius:15px;background:#fff;color:#40565e;box-shadow:0 10px 36px #1b30331c;font-size:14px}
body .sut-toast{position:fixed;z-index:1000;inset:auto 24px 24px auto;display:flex;align-items:flex-start;gap:12px;width:max-content;max-width:min(430px,calc(100vw - 32px));margin:0;padding:16px 14px 16px 17px;border:1px solid #dce4e6;border-radius:15px;background:#fff;color:#263239;box-shadow:0 10px 36px #1b30331c;font:400 14px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;animation:sut-feedback-enter .18s ease-out}
body .sut-tooltip{position:fixed;z-index:1100;inset:auto;margin:0;max-width:min(300px,calc(100vw - 24px));padding:10px 13px;border:1px solid #dce4e6;border-radius:10px;background:#fff;color:#40535c;box-shadow:0 8px 28px #1b303320;font:400 12px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:pre-line;overflow-wrap:anywhere;pointer-events:none}
body .sut-feedback-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:#fceee7;color:#c54b32;font-size:14px;font-weight:650;line-height:1}
body .sut-toast[data-kind=success] .sut-feedback-icon{background:#edf5f0;color:#427767}
body .sut-toast[data-kind=error]{border-color:#e9c4b8}
body .sut-toast-text{flex:1;min-width:0;margin:0;font:inherit;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
body .sut-feedback-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;margin:-4px -3px 0 0;padding:0;border:0;border-radius:8px;background:transparent;color:#7a898e;font:400 24px/1 sans-serif;cursor:pointer}
body .sut-feedback-close:hover{background:#f2f5f5;color:#263239}
body .sut-feedback-close:focus-visible,body .sut-dialog-button:focus-visible{outline:3px solid #e9a18f;outline-offset:3px}
body dialog.sut-dialog{width:min(480px,calc(100vw - 32px));max-width:480px;max-height:calc(100dvh - 32px);margin:auto;padding:26px;border:1px solid #dfe5e7;border-radius:20px;background:#fff;color:#15252c;box-shadow:0 24px 90px #15252c30;overflow:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;animation:sut-feedback-enter .18s ease-out}
body dialog.sut-dialog::backdrop{background:#15252c55;backdrop-filter:blur(5px)}
body dialog.sut-dialog .sut-dialog-form{display:flex;flex-direction:column;gap:0;margin:0}
body .sut-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 17px}
body .sut-dialog-eyebrow{margin:0 0 10px;color:#cf472f;font-size:10px;font-weight:650;line-height:1.5;letter-spacing:.16em}
body .sut-dialog-header h2{margin:0;font-size:25px;font-weight:650;line-height:1.2;letter-spacing:-.7px;overflow-wrap:anywhere}
body .sut-dialog-description{margin:0;color:#617078;font-size:14px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
body .sut-dialog-label{display:block;margin:20px 0 0;color:#263239;font-size:13px;font-weight:600;line-height:1.5}
body .sut-dialog-input{width:100%;margin:8px 0 0;padding:12px 14px;border:1px solid #dce3e6;border-radius:10px;background:#fff;color:#263239;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5}
body .sut-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:24px 0 0;padding-top:20px;border-top:1px solid #e6eaeb}
body .sut-dialog-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;margin:0;padding:11px 17px;border:1px solid #dce3e6;border-radius:10px;background:#fff;color:#263239;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:center;cursor:pointer}
body .sut-dialog-button:hover{background:#f4f7f7}
body .sut-dialog-accept{border-color:#cf472f;background:#cf472f;color:#fff}
body .sut-dialog-accept:hover{border-color:#b83e29;background:#b83e29}
body .sut-dialog-accept.is-danger{border-color:#b13e29;background:#b13e29}
@keyframes sut-feedback-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){body .sut-toast,body.operator-page #feedback.sut-notice{right:16px;bottom:max(16px,env(safe-area-inset-bottom));left:16px;width:auto;max-width:none;font-size:13px}body dialog.sut-dialog{padding:22px;border-radius:17px}body .sut-dialog-header h2{font-size:23px}body .sut-dialog-input{font-size:16px}body .sut-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .sut-dialog-actions>.sut-dialog-button:only-child{grid-column:1/-1}body .sut-feedback-close{flex-basis:36px;width:36px;height:36px}body .sut-field-error{font-size:12px}}
@media(prefers-reduced-motion:reduce){body .sut-toast,body dialog.sut-dialog{animation:none}}