/* @requirements REQ-PRODUCT-STORAGE-EXCEPTIONS */ /* @requirements REQ-UK-EXCEPTIONS REQ-PRODUCT-A11Y REQ-PRODUCT-MOBILE */ @layer notabenda-exceptions { .nb-exception-controls{margin:0;font-family:var(--nb-font,ui-sans-serif,system-ui,sans-serif);color:var(--nb-text,#292a30);max-width:var(--nb-exception-width,48rem);padding:1.5rem;border:1px solid var(--nb-border,#e5e5e8);border-radius:var(--nb-radius,8px);background:var(--nb-surface,#fff);line-height:1.7} .nb-exception-controls :where(h1,h2,h3,h4){font-size:1.25rem;line-height:1.4;letter-spacing:-.025em;font-weight:560;margin:0 0 .7rem}.nb-exception-controls>p{font-size:.875rem;margin:0 0 1.5rem;color:var(--nb-muted,#65676f)}.nb-exception-grid{border-top:1px solid var(--nb-border,#e5e5e8)} .nb-exception-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 0;cursor:pointer;border-bottom:1px solid var(--nb-border,#e5e5e8)}.nb-exception-row>span{display:flex;flex-direction:column;gap:.35rem;min-width:0}.nb-exception-row strong{font-size:.9375rem;font-weight:550}.nb-exception-row>span>span{font-size:.8125rem;color:var(--nb-muted,#65676f)}.nb-exception-row input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--nb-accent,#7770c6);cursor:pointer}.nb-exception-controls :where(button,input,a):focus-visible{outline:3px solid var(--nb-accent,#7770c6);outline-offset:4px}.nb-exception-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0}.nb-exception-controls button{font:inherit;font-size:.8125rem;min-height:44px;border:1px solid var(--nb-border,#e5e5e8);border-radius:6px;background:var(--nb-button-bg,#f7f7f9);color:var(--nb-text,#292a30);padding:.65rem 1rem;cursor:pointer}.nb-exception-controls button:is(:disabled,[aria-disabled=true]){opacity:.65;cursor:default}.nb-exception-controls [hidden]{display:none!important}.nb-exception-controls .nb-exception-status{font-size:.8125rem;margin-bottom:1rem;overflow-wrap:anywhere}.nb-exception-controls .nb-exception-memory{font-size:.75rem;margin-bottom:.5rem}.nb-exception-controls>a{min-height:44px;display:inline-flex;align-items:center;font-size:.8125rem;color:inherit;text-underline-offset:.25em} @media(max-width:400px){.nb-exception-controls{padding:1.25rem}.nb-exception-row{gap:1rem}.nb-exception-actions{flex-direction:column;align-items:stretch}} @media(forced-colors:active){.nb-exception-controls,.nb-exception-row,.nb-exception-controls button{border-color:CanvasText}.nb-exception-row input{forced-color-adjust:auto}} }