.court-feedback{--action-color:#62d5d0;position:fixed;z-index:10050;top:var(--feedback-top,0px);left:0;right:0;width:100%;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.8rem clamp(12px,2vw,28px);border:0;border-bottom:3px solid var(--action-color);background:linear-gradient(100deg,#23172cf5,#163e4af2),url('./assets/card-nebula.webp') center 42%/cover;color:#fff5e5;box-shadow:0 5px 20px #160d2866;font:400 .98rem/1.35 var(--site-font,Georgia,serif);text-align:left;isolation:isolate}

.court-feedback[hidden]{display:none!important}.court-feedback:before{content:"";position:absolute;inset:0;z-index:-1;background:url('./assets/card-nebula.webp') center/cover;opacity:.16;pointer-events:none}

.court-feedback[data-state=error]{--action-color:#ff9db6}.court-feedback[data-state=pending]{--action-color:#f2ce8d}

.court-feedback__mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid var(--action-color);color:var(--action-color);border-radius:50%;font:700 1.1rem Arial,sans-serif}

.court-feedback__label{display:block;color:var(--action-color);font:700 .7rem/1.3 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.15rem}

.court-feedback__message{display:block;color:#fff5e5;overflow-wrap:anywhere;max-height:25vh;overflow:auto}

.court-feedback .court-feedback__close{display:grid;place-items:center;width:40px;min-width:40px;height:40px;padding:0;border:1px solid #ffffff66;background:#ffffff10;color:#fff5e5;box-shadow:none;font:1.5rem Arial,sans-serif;cursor:pointer}

.court-feedback__close:focus-visible{outline:3px solid var(--action-color);outline-offset:2px}

body:has(>.court-feedback:not([hidden])){scroll-padding-top:calc(var(--feedback-top,0px) + 110px)}

@media(max-width:600px){.court-feedback{gap:.55rem;padding:.65rem 10px;font-size:.9rem}.court-feedback__mark{width:1.7rem;height:1.7rem}.court-feedback__label{font-size:.64rem}}



/* The app shell reserves a row so confirmations never cover the tools. */

.amb-frame-shell>.amb-shell-head{order:0}

.amb-frame-shell>.court-feedback{position:relative;top:auto;flex:none;order:1}

.amb-frame-shell>#amb-court-frame{order:2}

.amb-frame-shell>.amb-bottom-drawer{order:3}

.court-feedback-spacer{height:var(--feedback-height,0px);flex:none}