/* GENERATED by scripts/port-mes-kit.py — DO NOT EDIT BY HAND; change the script and re-run.
 * Source: MES-Lite dist/assets/index-CMh6aE9_.css + AppDatePicker-CJiCct6A.css + AppPhoneInput-BPG6uKOW.css + gap classes btn-danger, badge-warning, badge-info, badge-muted, card-hover
 * Everything below applies ONLY inside an element with class "qc-ui".
 * Plan: docs/superpowers/specs/2026-09-11-qc-ui-kit-design.md */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/Inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/Inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('fonts/JetBrainsMono-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('fonts/JetBrainsMono-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.qc-ui.qc-ui 400;500;600;700&display=swap";.safe-header[data-v-0ebecae2]{padding-top:env(safe-area-inset-top,0px)!important}
.qc-ui.qc-ui .sidebar-logo-light[data-v-4f9c6008]{filter:invert(1) hue-rotate(180deg)!important}
.qc-ui.qc-ui .sidebar-logo-row[data-v-4f9c6008]{height:calc(4rem + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px)!important;padding-left:max(.75rem,calc(env(safe-area-inset-left,0px) + .25rem))!important}
.qc-ui.qc-ui .safe-main-content[data-v-4b4c692e]{padding-bottom:max(1.5rem,calc(env(safe-area-inset-bottom,0px) + 1rem))!important}
@media (min-width: 640px){.qc-ui.qc-ui .safe-main-content[data-v-4b4c692e]{padding-bottom:max(1.75rem,calc(env(safe-area-inset-bottom,0px) + 1rem))!important}}
@media (min-width: 768px){.qc-ui.qc-ui .safe-main-content[data-v-4b4c692e]{padding-bottom:max(2.5rem,calc(env(safe-area-inset-bottom,0px) + 1.5rem))!important}}
.qc-ui.qc-ui .safe-auth-layout[data-v-5d0844c6]{padding-top:max(3rem,calc(env(safe-area-inset-top,0px) + 1.5rem))!important;padding-bottom:max(3rem,calc(env(safe-area-inset-bottom,0px) + 1.5rem))!important;padding-left:max(1rem,calc(env(safe-area-inset-left,0px) + 1rem))!important;padding-right:max(1rem,calc(env(safe-area-inset-right,0px) + 1rem))!important}
.qc-ui.qc-ui .launcher-logo-light[data-v-04db6a74],.qc-ui.qc-ui .sidebar-logo-light[data-v-caa44681]{filter:invert(1) hue-rotate(180deg)!important}
.qc-ui.qc-ui .toast-enter-active[data-v-129e6f0c]{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}
.qc-ui.qc-ui .toast-leave-active[data-v-129e6f0c]{transition:all .2s ease-in!important}
.qc-ui.qc-ui .toast-enter-from[data-v-129e6f0c],.qc-ui.qc-ui .toast-leave-to[data-v-129e6f0c]{opacity:0!important;transform:translate(100%) scale(.9)!important}
.qc-ui.qc-ui .toast-move[data-v-129e6f0c]{transition:transform .3s ease!important}
.qc-ui.qc-ui .confirm-card[data-v-1ef71173]{width:100%!important;max-width:420px!important;background:var(--confirm-bg, #fff)!important;border:1px solid var(--confirm-border, #e4e4e7)!important;border-radius:20px!important;box-shadow:0 0 0 1px #0000000a,0 24px 60px #00000026,0 8px 20px #00000014!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:2rem 2rem 1.5rem!important;gap:1rem!important}
.qc-ui.qc-ui .confirm-icon-wrap[data-v-1ef71173]{width:68px!important;height:68px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin-bottom:.25rem!important}
.qc-ui.qc-ui .confirm-icon-wrap svg[data-v-1ef71173]{width:32px!important;height:32px!important}
.qc-ui.qc-ui .confirm-icon--danger[data-v-1ef71173]{background:color-mix(in srgb,var(--danger) 12.2%,transparent)!important;border:1.5px solid color-mix(in srgb,var(--danger) 35%,transparent)!important;color:var(--danger)!important}
.qc-ui.qc-ui .confirm-icon--warning[data-v-1ef71173]{background:color-mix(in srgb,var(--warn) 12.2%,transparent)!important;border:1.5px solid color-mix(in srgb,var(--warn) 35%,transparent)!important;color:var(--warn)!important}
.qc-ui.qc-ui .confirm-icon--info[data-v-1ef71173]{background:#3b82f61f!important;border:1.5px solid rgba(59,130,246,.35)!important;color:#3b82f6!important}
.qc-ui.qc-ui .confirm-body[data-v-1ef71173]{text-align:center!important;display:flex!important;flex-direction:column!important;gap:.4rem!important}
.qc-ui.qc-ui .confirm-title[data-v-1ef71173]{font-size:1.125rem!important;font-weight:700!important;color:var(--confirm-text, #18181b)!important;line-height:1.3!important}
.qc-ui.qc-ui .confirm-message[data-v-1ef71173]{font-size:.875rem!important;color:var(--confirm-text-dim, #71717a)!important;line-height:1.55!important}
.qc-ui.qc-ui .confirm-detail[data-v-1ef71173]{font-size:.78rem!important;color:var(--confirm-text-muted, #a1a1aa)!important;margin-top:.15rem!important}
.qc-ui.qc-ui .confirm-actions[data-v-1ef71173]{display:flex!important;gap:.75rem!important;width:100%!important;margin-top:.5rem!important}
.qc-ui.qc-ui .confirm-btn-cancel[data-v-1ef71173],.qc-ui.qc-ui .confirm-btn-confirm[data-v-1ef71173]{flex:1!important;padding:.65rem 1rem!important;border-radius:10px!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .15s!important;border:none!important;outline:none!important}
.qc-ui.qc-ui .confirm-btn-cancel[data-v-1ef71173]{background:var(--confirm-cancel-bg, #f4f4f5)!important;color:var(--confirm-cancel-text, #18181b)!important;border:1px solid var(--confirm-cancel-border, #e4e4e7)!important}
.qc-ui.qc-ui .confirm-btn-cancel[data-v-1ef71173]:hover{background:var(--confirm-cancel-bg-hover, #e4e4e7)!important}
.qc-ui.qc-ui .confirm-btn--danger[data-v-1ef71173]{background:var(--danger)!important;color:#fff!important}
.qc-ui.qc-ui .confirm-btn--danger[data-v-1ef71173]:hover{background:#dc2626!important}
.qc-ui.qc-ui .confirm-btn--warning[data-v-1ef71173]{background:var(--warn)!important;color:#000!important}
.qc-ui.qc-ui .confirm-btn--warning[data-v-1ef71173]:hover{background:#d97706!important}
.qc-ui.qc-ui .confirm-btn--info[data-v-1ef71173]{background:#3b82f6!important;color:#fff!important}
.qc-ui.qc-ui .confirm-btn--info[data-v-1ef71173]:hover{background:#2563eb!important}
.qc-ui.qc-ui .confirm-fade-enter-active[data-v-1ef71173],.qc-ui.qc-ui .confirm-fade-leave-active[data-v-1ef71173]{transition:opacity .2s ease!important}
.qc-ui.qc-ui .confirm-fade-enter-from[data-v-1ef71173],.qc-ui.qc-ui .confirm-fade-leave-to[data-v-1ef71173]{opacity:0!important}
.qc-ui.qc-ui .confirm-slide-enter-active[data-v-1ef71173]{transition:all .22s cubic-bezier(.34,1.56,.64,1)!important}
.qc-ui.qc-ui .confirm-slide-leave-active[data-v-1ef71173]{transition:all .15s ease!important}
.qc-ui.qc-ui .confirm-slide-enter-from[data-v-1ef71173]{opacity:0!important;transform:scale(.88) translateY(12px)!important}
.qc-ui.qc-ui .confirm-slide-leave-to[data-v-1ef71173]{opacity:0!important;transform:scale(.94) translateY(6px)!important}
.qc-ui.qc-ui *:not([class]){margin:0!important;padding:0!important;box-sizing:border-box!important}
.qc-ui.qc-ui{height:100%!important;overflow-x:hidden!important}
.qc-ui.qc-ui *:not([class]),.qc-ui.qc-ui :before,.qc-ui.qc-ui :after{--tw-border-spacing-x:0!important;--tw-border-spacing-y:0!important;--tw-translate-x:0!important;--tw-translate-y:0!important;--tw-rotate:0!important;--tw-skew-x:0!important;--tw-skew-y:0!important;--tw-scale-x:1!important;--tw-scale-y:1!important;--tw-pan-x:!important;--tw-pan-y:!important;--tw-pinch-zoom:!important;--tw-scroll-snap-strictness:proximity!important;--tw-gradient-from-position:!important;--tw-gradient-via-position:!important;--tw-gradient-to-position:!important;--tw-ordinal:!important;--tw-slashed-zero:!important;--tw-numeric-figure:!important;--tw-numeric-spacing:!important;--tw-numeric-fraction:!important;--tw-ring-inset:!important;--tw-ring-offset-width:0px!important;--tw-ring-offset-color:#fff!important;--tw-ring-color:rgb(59 130 246 / .5)!important;--tw-ring-offset-shadow:0 0 #0000!important;--tw-ring-shadow:0 0 #0000!important;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;--tw-blur:!important;--tw-brightness:!important;--tw-contrast:!important;--tw-grayscale:!important;--tw-hue-rotate:!important;--tw-invert:!important;--tw-saturate:!important;--tw-sepia:!important;--tw-drop-shadow:!important;--tw-backdrop-blur:!important;--tw-backdrop-brightness:!important;--tw-backdrop-contrast:!important;--tw-backdrop-grayscale:!important;--tw-backdrop-hue-rotate:!important;--tw-backdrop-invert:!important;--tw-backdrop-opacity:!important;--tw-backdrop-saturate:!important;--tw-backdrop-sepia:!important;--tw-contain-size:!important;--tw-contain-layout:!important;--tw-contain-paint:!important;--tw-contain-style:!important}
.qc-ui.qc-ui ::backdrop{--tw-border-spacing-x:0!important;--tw-border-spacing-y:0!important;--tw-translate-x:0!important;--tw-translate-y:0!important;--tw-rotate:0!important;--tw-skew-x:0!important;--tw-skew-y:0!important;--tw-scale-x:1!important;--tw-scale-y:1!important;--tw-pan-x:!important;--tw-pan-y:!important;--tw-pinch-zoom:!important;--tw-scroll-snap-strictness:proximity!important;--tw-gradient-from-position:!important;--tw-gradient-via-position:!important;--tw-gradient-to-position:!important;--tw-ordinal:!important;--tw-slashed-zero:!important;--tw-numeric-figure:!important;--tw-numeric-spacing:!important;--tw-numeric-fraction:!important;--tw-ring-inset:!important;--tw-ring-offset-width:0px!important;--tw-ring-offset-color:#fff!important;--tw-ring-color:rgb(59 130 246 / .5)!important;--tw-ring-offset-shadow:0 0 #0000!important;--tw-ring-shadow:0 0 #0000!important;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;--tw-blur:!important;--tw-brightness:!important;--tw-contrast:!important;--tw-grayscale:!important;--tw-hue-rotate:!important;--tw-invert:!important;--tw-saturate:!important;--tw-sepia:!important;--tw-drop-shadow:!important;--tw-backdrop-blur:!important;--tw-backdrop-brightness:!important;--tw-backdrop-contrast:!important;--tw-backdrop-grayscale:!important;--tw-backdrop-hue-rotate:!important;--tw-backdrop-invert:!important;--tw-backdrop-opacity:!important;--tw-backdrop-saturate:!important;--tw-backdrop-sepia:!important;--tw-contain-size:!important;--tw-contain-layout:!important;--tw-contain-paint:!important;--tw-contain-style:!important}
.qc-ui.qc-ui *:not([class]),.qc-ui.qc-ui :before,.qc-ui.qc-ui :after{box-sizing:border-box!important;border-width:0!important;border-style:solid!important;border-color:#e5e7eb!important}
.qc-ui.qc-ui :before,.qc-ui.qc-ui :after{--tw-content:""!important}
.qc-ui.qc-ui{line-height:1.5!important;-webkit-text-size-adjust:100%!important;-moz-tab-size:4!important;-o-tab-size:4!important;tab-size:4!important;font-family:Inter,system-ui,sans-serif!important;font-feature-settings:normal!important;font-variation-settings:normal!important;-webkit-tap-highlight-color:transparent!important}
.qc-ui.qc-ui{margin:0!important;line-height:inherit!important}
.qc-ui.qc-ui hr{height:0!important;color:inherit!important;border-top-width:1px!important}
.qc-ui.qc-ui abbr:where([title]){-webkit-text-decoration:underline dotted!important;text-decoration:underline dotted!important}
.qc-ui.qc-ui h1,.qc-ui.qc-ui h2,.qc-ui.qc-ui h3,.qc-ui.qc-ui h4,.qc-ui.qc-ui h5,.qc-ui.qc-ui h6{font-size:inherit!important;font-weight:inherit!important}
.qc-ui.qc-ui a{color:inherit!important;text-decoration:inherit!important}
.qc-ui.qc-ui b,.qc-ui.qc-ui strong{font-weight:bolder!important}
.qc-ui.qc-ui code,.qc-ui.qc-ui kbd,.qc-ui.qc-ui samp,.qc-ui.qc-ui pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace!important;font-feature-settings:normal!important;font-variation-settings:normal!important;font-size:1em!important}
.qc-ui.qc-ui small{font-size:80%!important}
.qc-ui.qc-ui sub,.qc-ui.qc-ui sup{font-size:75%!important;line-height:0!important;position:relative!important;vertical-align:baseline!important}
.qc-ui.qc-ui sub{bottom:-.25em!important}
.qc-ui.qc-ui sup{top:-.5em!important}
.qc-ui.qc-ui table{text-indent:0!important;border-color:inherit!important;border-collapse:collapse!important}
.qc-ui.qc-ui button,.qc-ui.qc-ui input,.qc-ui.qc-ui optgroup,.qc-ui.qc-ui select,.qc-ui.qc-ui textarea{font-family:inherit!important;font-feature-settings:inherit!important;font-variation-settings:inherit!important;font-size:100%!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;margin:0!important;padding:0!important}
.qc-ui.qc-ui button,.qc-ui.qc-ui select{text-transform:none!important}
.qc-ui.qc-ui button,.qc-ui.qc-ui input:where([type=button]),.qc-ui.qc-ui input:where([type=reset]),.qc-ui.qc-ui input:where([type=submit]){-webkit-appearance:button!important;background-color:transparent!important;background-image:none!important}
.qc-ui.qc-ui :-moz-focusring{outline:auto!important}
.qc-ui.qc-ui :-moz-ui-invalid{box-shadow:none!important}
.qc-ui.qc-ui progress{vertical-align:baseline!important}
.qc-ui.qc-ui ::-webkit-inner-spin-button,.qc-ui.qc-ui ::-webkit-outer-spin-button{height:auto!important}
.qc-ui.qc-ui [type=search]{-webkit-appearance:textfield!important;outline-offset:-2px!important}
.qc-ui.qc-ui ::-webkit-search-decoration{-webkit-appearance:none!important}
.qc-ui.qc-ui ::-webkit-file-upload-button{-webkit-appearance:button!important;font:inherit!important}
.qc-ui.qc-ui summary{display:list-item!important}
.qc-ui.qc-ui blockquote,.qc-ui.qc-ui dl,.qc-ui.qc-ui dd,.qc-ui.qc-ui h1,.qc-ui.qc-ui h2,.qc-ui.qc-ui h3,.qc-ui.qc-ui h4,.qc-ui.qc-ui h5,.qc-ui.qc-ui h6,.qc-ui.qc-ui hr,.qc-ui.qc-ui figure,.qc-ui.qc-ui p,.qc-ui.qc-ui pre{margin:0!important}
.qc-ui.qc-ui fieldset{margin:0!important;padding:0!important}
.qc-ui.qc-ui legend{padding:0!important}
.qc-ui.qc-ui ol,.qc-ui.qc-ui ul,.qc-ui.qc-ui menu{list-style:none!important;margin:0!important;padding:0!important}
.qc-ui.qc-ui dialog{padding:0!important}
.qc-ui.qc-ui textarea{resize:vertical!important}
.qc-ui.qc-ui input::-moz-placeholder,.qc-ui.qc-ui textarea::-moz-placeholder{opacity:1!important;color:#9ca3af!important}
.qc-ui.qc-ui input::placeholder,.qc-ui.qc-ui textarea::placeholder{opacity:1!important;color:#9ca3af!important}
.qc-ui.qc-ui button,.qc-ui.qc-ui [role=button]{cursor:pointer!important}
.qc-ui.qc-ui :disabled{cursor:default!important}
.qc-ui.qc-ui img,.qc-ui.qc-ui svg,.qc-ui.qc-ui video,.qc-ui.qc-ui canvas,.qc-ui.qc-ui audio,.qc-ui.qc-ui iframe,.qc-ui.qc-ui embed,.qc-ui.qc-ui object{display:block!important;vertical-align:middle!important}
.qc-ui.qc-ui img,.qc-ui.qc-ui video{max-width:100%!important;height:auto!important}
.qc-ui.qc-ui [hidden]:where(:not([hidden=until-found])){display:none!important}
.qc-ui.qc-ui{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inter,system-ui,-apple-system,sans-serif!important}
.qc-ui.qc-ui *:not([class]){--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui input,.qc-ui.qc-ui textarea,.qc-ui.qc-ui select,.qc-ui.qc-ui button{outline:none!important}
.qc-ui.qc-ui input:focus,.qc-ui.qc-ui textarea:focus,.qc-ui.qc-ui select:focus{outline:none!important}
.qc-ui.qc-ui.qc-ui.qc-ui input:focus,.qc-ui.qc-ui.qc-ui.qc-ui textarea:focus,.qc-ui.qc-ui.qc-ui.qc-ui select:focus{border-color:color-mix(in srgb,var(--brand) 60%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14.9%,transparent)!important;--tw-ring-shadow:none!important}
.qc-ui.qc-ui button:focus,.qc-ui.qc-ui button:focus-visible{outline:none!important;box-shadow:none!important}
.qc-ui.qc-ui .container{width:100%!important}
@media (min-width: 640px){.qc-ui.qc-ui .container{max-width:640px!important}}
@media (min-width: 768px){.qc-ui.qc-ui .container{max-width:768px!important}}
@media (min-width: 1024px){.qc-ui.qc-ui .container{max-width:1024px!important}}
@media (min-width: 1280px){.qc-ui.qc-ui .container{max-width:1280px!important}}
@media (min-width: 1536px){.qc-ui.qc-ui .container{max-width:1536px!important}}
.qc-ui.qc-ui .form-input,.qc-ui.qc-ui .form-textarea,.qc-ui.qc-ui .form-select,.qc-ui.qc-ui .form-multiselect{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:#fff!important;border-color:#6b7280!important;border-width:1px!important;border-radius:0!important;padding:.5rem .75rem!important;font-size:1rem!important;line-height:1.5rem!important;--tw-shadow:0 0 #0000!important}
.qc-ui.qc-ui .form-input:focus,.qc-ui.qc-ui .form-textarea:focus,.qc-ui.qc-ui .form-select:focus,.qc-ui.qc-ui .form-multiselect:focus{outline:2px solid transparent!important;outline-offset:2px!important;--tw-ring-inset:var(--tw-empty, )!important;--tw-ring-offset-width:0px!important;--tw-ring-offset-color:#fff!important;--tw-ring-color:#2563eb!important;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important;border-color:#2563eb!important}
.qc-ui.qc-ui .form-input::-moz-placeholder,.qc-ui.qc-ui .form-textarea::-moz-placeholder{color:#6b7280!important;opacity:1!important}
.qc-ui.qc-ui .form-input::placeholder,.qc-ui.qc-ui .form-textarea::placeholder{color:#6b7280!important;opacity:1!important}
.qc-ui.qc-ui .form-input::-webkit-datetime-edit-fields-wrapper{padding:0!important}
.qc-ui.qc-ui .form-input::-webkit-date-and-time-value{min-height:1.5em!important;text-align:inherit!important}
.qc-ui.qc-ui .form-input::-webkit-datetime-edit{display:inline-flex!important}
.qc-ui.qc-ui .form-input::-webkit-datetime-edit,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-year-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-month-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-day-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-hour-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-minute-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-second-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-millisecond-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-meridiem-field{padding-top:0!important;padding-bottom:0!important}
.qc-ui.qc-ui .theme-bg-page{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-bg-card{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-bg-surface{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-bg-hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-border{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .theme-border-row{--tw-border-opacity:1!important;border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .theme-text{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .theme-text-dim{--tw-text-opacity:1!important;color:rgb(113 113 122 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .theme-text-muted{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .theme-input{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-input{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .theme-input{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .theme-input::-moz-placeholder{--tw-placeholder-opacity:1!important;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .theme-input::placeholder{--tw-placeholder-opacity:1!important;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .theme-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .theme-input:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;outline:2px solid transparent!important;outline-offset:2px!important}
.qc-ui.qc-ui .btn-primary{border-radius:.5rem!important;--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important;padding:.5rem 1rem!important;font-weight:600!important;--tw-text-opacity:1!important;color:var(--qcui-on-brand,var(--brand-contrast))!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-primary:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-secondary{border-radius:.5rem!important;border-width:1px!important;--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important;padding:.5rem 1rem!important;font-weight:600!important;--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-secondary:hover{--tw-bg-opacity:1!important;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .card{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .card{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .card{border-radius:.75rem!important;border-width:1px!important;padding:1rem!important}
.qc-ui.qc-ui .btn-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-group{display:flex!important;gap:.375rem!important}
.qc-ui.qc-ui .btn-icon-view{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-view:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-view svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-view{--tw-text-opacity:1!important;color:rgb(59 130 246 / var(--tw-text-opacity, 1))!important;border-width:1px!important;border-color:#60a5fa4d!important;background-color:#3b82f61a!important}
.qc-ui.qc-ui .btn-icon-view:hover{border-color:#60a5fa80!important;background-color:#3b82f633!important}
.qc-ui.qc-ui .btn-icon-edit{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-edit:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-edit svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-edit{--tw-text-opacity:1!important;color:rgb(251 146 60 / var(--tw-text-opacity, 1))!important;border-width:1px!important;border-color:#fb923c4d!important;background-color:#f973161a!important}
.qc-ui.qc-ui .btn-icon-edit:hover{border-color:#fb923c80!important;background-color:#f9731633!important}
.qc-ui.qc-ui .btn-icon-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-delete:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-delete svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-delete{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important;border-width:1px!important;border-color:#f871714d!important;background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-delete:hover{border-color:#f8717180!important;background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .btn-icon-delete-outline{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-delete-outline:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-delete-outline svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-delete-outline{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important;border-width:1px!important;border-color:color-mix(in srgb,var(--danger) 50.2%,transparent)!important;background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-delete-outline:hover{--tw-border-opacity:1!important;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))!important;background-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-add,.qc-ui.qc-ui .btn-icon-enable,.qc-ui.qc-ui .btn-icon-approve,.qc-ui.qc-ui .btn-icon-admin{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-add:hover,.qc-ui.qc-ui .btn-icon-enable:hover,.qc-ui.qc-ui .btn-icon-approve:hover,.qc-ui.qc-ui .btn-icon-admin:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-add svg,.qc-ui.qc-ui .btn-icon-enable svg,.qc-ui.qc-ui .btn-icon-approve svg,.qc-ui.qc-ui .btn-icon-admin svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-add,.qc-ui.qc-ui .btn-icon-enable,.qc-ui.qc-ui .btn-icon-approve,.qc-ui.qc-ui .btn-icon-admin{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1)*100%),transparent)!important;border-width:1px!important;border-color:color-mix(in srgb,var(--ok) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--ok) 10.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-add:hover,.qc-ui.qc-ui .btn-icon-enable:hover,.qc-ui.qc-ui .btn-icon-approve:hover,.qc-ui.qc-ui .btn-icon-admin:hover{border-color:color-mix(in srgb,var(--ok) 50.2%,transparent)!important;background-color:color-mix(in srgb,var(--ok) 20%,transparent)!important}
.qc-ui.qc-ui .btn-icon-disable{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-disable:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-disable svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-disable{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1)*100%),transparent)!important;border-width:1px!important;border-color:#fbbf244d!important;background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-disable:hover{border-color:#fbbf2480!important;background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .btn-icon-download{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-download:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-download svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-download{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .btn-icon-download{border-width:1px!important;border-color:#d4d4d880!important;background-color:#f4f4f580!important}
.qc-ui.qc-ui .btn-icon-download:hover{background-color:#e4e4e780!important}
.qc-ui.qc-ui .btn-icon-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-close:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-close svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-close{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .btn-icon-close{border-width:1px!important;border-color:#d4d4d880!important;background-color:#f4f4f580!important}
.qc-ui.qc-ui .btn-icon-close:hover{background-color:#e4e4e780!important}
.qc-ui.qc-ui .badge-success{border-radius:9999px!important;background-color:color-mix(in srgb,var(--ok) 14.9%,transparent)!important;padding:.125rem .625rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .badge-danger{border-radius:9999px!important;background-color:color-mix(in srgb,var(--danger) 14.9%,transparent)!important;padding:.125rem .625rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:.5rem!important;border-width:1px!important;padding:.375rem .75rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .btn-sm:disabled{cursor:not-allowed!important;opacity:.4!important}
.qc-ui.qc-ui .btn-sm-primary{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm-primary:hover{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .btn-sm-success{border-color:color-mix(in srgb,var(--ok) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--ok) 10.2%,transparent)!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm-success:hover{background-color:color-mix(in srgb,var(--ok) 20%,transparent)!important}
.qc-ui.qc-ui .btn-sm-danger{border-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm-danger:hover{background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .btn-sm-warning{border-color:color-mix(in srgb,var(--warn) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm-warning:hover{background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .btn-sm-ghost{--tw-text-opacity:1!important;color:rgb(113 113 122 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .btn-sm-ghost{--tw-border-opacity:1!important;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))!important;background-color:transparent!important}
.qc-ui.qc-ui .btn-sm-ghost:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .btn-sm-ghost:hover{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .\!input{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .\!input{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .\!input{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .\!input{width:100%!important;border-radius:.75rem!important;border-width:1px!important;padding:.625rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .\!input:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;outline:2px solid transparent!important;outline-offset:2px!important;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .input{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .input{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .input{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .input{width:100%!important;border-radius:.75rem!important;border-width:1px!important;padding:.625rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .input:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;outline:2px solid transparent!important;outline-offset:2px!important;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui.qc-ui .\!input{min-height:42px!important}
.qc-ui.qc-ui .input{min-height:42px!important}
.qc-ui.qc-ui .select{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .select{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .select{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .select{width:100%!important;border-radius:.75rem!important;border-width:1px!important;padding:.625rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .select:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;outline:2px solid transparent!important;outline-offset:2px!important;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .select{min-height:42px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding-right:2.25rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888888' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .6rem center!important;background-size:1.1em!important}
.qc-ui.qc-ui .field-label{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .field-label{margin-bottom:.375rem!important;display:block!important;font-size:.75rem!important;line-height:1rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.025em!important}
.qc-ui.qc-ui .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}
.qc-ui.qc-ui .pointer-events-none{pointer-events:none!important}
.qc-ui.qc-ui .pointer-events-auto{pointer-events:auto!important}
.qc-ui.qc-ui .visible{visibility:visible!important}
.qc-ui.qc-ui .invisible{visibility:hidden!important}
.qc-ui.qc-ui .collapse{visibility:collapse!important}
.qc-ui.qc-ui .static{position:static!important}
.qc-ui.qc-ui .fixed{position:fixed!important}
.qc-ui.qc-ui .absolute{position:absolute!important}
.qc-ui.qc-ui .relative{position:relative!important}
.qc-ui.qc-ui .sticky{position:sticky!important}
.qc-ui.qc-ui .inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}
.qc-ui.qc-ui .inset-4{top:1rem!important;right:1rem!important;bottom:1rem!important;left:1rem!important}
.qc-ui.qc-ui .inset-y-0{top:0!important;bottom:0!important}
.qc-ui.qc-ui .-bottom-1{bottom:-.25rem!important}
.qc-ui.qc-ui .-right-1{right:-.25rem!important}
.qc-ui.qc-ui .bottom-0{bottom:0!important}
.qc-ui.qc-ui .bottom-10{bottom:2.5rem!important}
.qc-ui.qc-ui .bottom-3{bottom:.75rem!important}
.qc-ui.qc-ui .bottom-6{bottom:1.5rem!important}
.qc-ui.qc-ui .left-0{left:0!important}
.qc-ui.qc-ui .left-0\.5{left:.125rem!important}
.qc-ui.qc-ui .left-1{left:.25rem!important}
.qc-ui.qc-ui .left-1\/2{left:50%!important}
.qc-ui.qc-ui .left-2{left:.5rem!important}
.qc-ui.qc-ui .left-2\.5{left:.625rem!important}
.qc-ui.qc-ui .left-3{left:.75rem!important}
.qc-ui.qc-ui .left-5{left:1.25rem!important}
.qc-ui.qc-ui .right-0{right:0!important}
.qc-ui.qc-ui .right-2{right:.5rem!important}
.qc-ui.qc-ui .right-3{right:.75rem!important}
.qc-ui.qc-ui .right-4{right:1rem!important}
.qc-ui.qc-ui .right-5{right:1.25rem!important}
.qc-ui.qc-ui .top-0{top:0!important}
.qc-ui.qc-ui .top-0\.5{top:.125rem!important}
.qc-ui.qc-ui .top-1{top:.25rem!important}
.qc-ui.qc-ui .top-1\/2{top:50%!important}
.qc-ui.qc-ui .top-16{top:4rem!important}
.qc-ui.qc-ui .top-3{top:.75rem!important}
.qc-ui.qc-ui .top-4{top:1rem!important}
.qc-ui.qc-ui .top-5{top:1.25rem!important}
.qc-ui.qc-ui .top-8{top:2rem!important}
.qc-ui.qc-ui .top-full{top:100%!important}
.qc-ui.qc-ui .z-10{z-index:10!important}
.qc-ui.qc-ui .z-20{z-index:20!important}
.qc-ui.qc-ui .z-30{z-index:30!important}
.qc-ui.qc-ui .z-40{z-index:40!important}
.qc-ui.qc-ui .z-50{z-index:50!important}
.qc-ui.qc-ui .z-\[100\]{z-index:100!important}
.qc-ui.qc-ui .z-\[60\]{z-index:60!important}
.qc-ui.qc-ui .z-\[9998\]{z-index:9998!important}
.qc-ui.qc-ui .z-\[99999\]{z-index:99999!important}
.qc-ui.qc-ui .z-\[9999\]{z-index:9999!important}
.qc-ui.qc-ui .col-span-2{grid-column:span 2 / span 2!important}
.qc-ui.qc-ui .-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}
.qc-ui.qc-ui .mx-1{margin-left:.25rem!important;margin-right:.25rem!important}
.qc-ui.qc-ui .mx-2{margin-left:.5rem!important;margin-right:.5rem!important}
.qc-ui.qc-ui .mx-4{margin-left:1rem!important;margin-right:1rem!important}
.qc-ui.qc-ui .mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}
.qc-ui.qc-ui .mx-auto{margin-left:auto!important;margin-right:auto!important}
.qc-ui.qc-ui .my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.qc-ui.qc-ui .my-12{margin-top:3rem!important;margin-bottom:3rem!important}
.qc-ui.qc-ui .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.qc-ui.qc-ui .-ml-1{margin-left:-.25rem!important}
.qc-ui.qc-ui .-mt-2{margin-top:-.5rem!important}
.qc-ui.qc-ui .-mt-3{margin-top:-.75rem!important}
.qc-ui.qc-ui .mb-0{margin-bottom:0!important}
.qc-ui.qc-ui .mb-0\.5{margin-bottom:.125rem!important}
.qc-ui.qc-ui .mb-1{margin-bottom:.25rem!important}
.qc-ui.qc-ui .mb-1\.5{margin-bottom:.375rem!important}
.qc-ui.qc-ui .mb-16{margin-bottom:4rem!important}
.qc-ui.qc-ui .mb-2{margin-bottom:.5rem!important}
.qc-ui.qc-ui .mb-3{margin-bottom:.75rem!important}
.qc-ui.qc-ui .mb-4{margin-bottom:1rem!important}
.qc-ui.qc-ui .mb-5{margin-bottom:1.25rem!important}
.qc-ui.qc-ui .mb-6{margin-bottom:1.5rem!important}
.qc-ui.qc-ui .mb-8{margin-bottom:2rem!important}
.qc-ui.qc-ui .ml-0\.5{margin-left:.125rem!important}
.qc-ui.qc-ui .ml-1{margin-left:.25rem!important}
.qc-ui.qc-ui .ml-1\.5{margin-left:.375rem!important}
.qc-ui.qc-ui .ml-2{margin-left:.5rem!important}
.qc-ui.qc-ui .ml-3{margin-left:.75rem!important}
.qc-ui.qc-ui .ml-4{margin-left:1rem!important}
.qc-ui.qc-ui .ml-auto{margin-left:auto!important}
.qc-ui.qc-ui .mr-1{margin-right:.25rem!important}
.qc-ui.qc-ui .mr-2{margin-right:.5rem!important}
.qc-ui.qc-ui .mr-2\.5{margin-right:.625rem!important}
.qc-ui.qc-ui .mr-auto{margin-right:auto!important}
.qc-ui.qc-ui .mt-0{margin-top:0!important}
.qc-ui.qc-ui .mt-0\.5{margin-top:.125rem!important}
.qc-ui.qc-ui .mt-1{margin-top:.25rem!important}
.qc-ui.qc-ui .mt-1\.5{margin-top:.375rem!important}
.qc-ui.qc-ui .mt-2{margin-top:.5rem!important}
.qc-ui.qc-ui .mt-2\.5{margin-top:.625rem!important}
.qc-ui.qc-ui .mt-3{margin-top:.75rem!important}
.qc-ui.qc-ui .mt-4{margin-top:1rem!important}
.qc-ui.qc-ui .mt-5{margin-top:1.25rem!important}
.qc-ui.qc-ui .mt-6{margin-top:1.5rem!important}
.qc-ui.qc-ui .mt-8{margin-top:2rem!important}
.qc-ui.qc-ui .line-clamp-1{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important}
.qc-ui.qc-ui .line-clamp-2{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.qc-ui.qc-ui .block{display:block!important}
.qc-ui.qc-ui .inline-block{display:inline-block!important}
.qc-ui.qc-ui .inline{display:inline!important}
.qc-ui.qc-ui .flex{display:flex!important}
.qc-ui.qc-ui .inline-flex{display:inline-flex!important}
.qc-ui.qc-ui .table{display:table!important}
.qc-ui.qc-ui .grid{display:grid!important}
.qc-ui.qc-ui .contents{display:contents!important}
.qc-ui.qc-ui .hidden{display:none!important}
.qc-ui.qc-ui .h-0\.5{height:.125rem!important}
.qc-ui.qc-ui .h-1{height:.25rem!important}
.qc-ui.qc-ui .h-1\.5{height:.375rem!important}
.qc-ui.qc-ui .h-10{height:2.5rem!important}
.qc-ui.qc-ui .h-11{height:2.75rem!important}
.qc-ui.qc-ui .h-12{height:3rem!important}
.qc-ui.qc-ui .h-14{height:3.5rem!important}
.qc-ui.qc-ui .h-16{height:4rem!important}
.qc-ui.qc-ui .h-2{height:.5rem!important}
.qc-ui.qc-ui .h-2\.5{height:.625rem!important}
.qc-ui.qc-ui .h-20{height:5rem!important}
.qc-ui.qc-ui .h-24{height:6rem!important}
.qc-ui.qc-ui .h-28{height:7rem!important}
.qc-ui.qc-ui .h-3{height:.75rem!important}
.qc-ui.qc-ui .h-3\.5{height:.875rem!important}
.qc-ui.qc-ui .h-32{height:8rem!important}
.qc-ui.qc-ui .h-4{height:1rem!important}
.qc-ui.qc-ui .h-40{height:10rem!important}
.qc-ui.qc-ui .h-48{height:12rem!important}
.qc-ui.qc-ui .h-5{height:1.25rem!important}
.qc-ui.qc-ui .h-6{height:1.5rem!important}
.qc-ui.qc-ui .h-64{height:16rem!important}
.qc-ui.qc-ui .h-7{height:1.75rem!important}
.qc-ui.qc-ui .h-8{height:2rem!important}
.qc-ui.qc-ui .h-9{height:2.25rem!important}
.qc-ui.qc-ui .h-\[100dvh\]{height:100dvh!important}
.qc-ui.qc-ui .h-\[14px\]{height:14px!important}
.qc-ui.qc-ui .h-\[17px\]{height:17px!important}
.qc-ui.qc-ui .h-\[18px\]{height:18px!important}
.qc-ui.qc-ui .h-\[19px\]{height:19px!important}
.qc-ui.qc-ui .h-\[220px\]{height:220px!important}
.qc-ui.qc-ui .h-\[250px\]{height:250px!important}
.qc-ui.qc-ui .h-\[2px\]{height:2px!important}
.qc-ui.qc-ui .h-\[60px\]{height:60px!important}
.qc-ui.qc-ui .h-full{height:100%!important}
.qc-ui.qc-ui .h-px{height:1px!important}
.qc-ui.qc-ui .h-screen{height:100vh!important}
.qc-ui.qc-ui .max-h-10{max-height:2.5rem!important}
.qc-ui.qc-ui .max-h-32{max-height:8rem!important}
.qc-ui.qc-ui .max-h-36{max-height:9rem!important}
.qc-ui.qc-ui .max-h-40{max-height:10rem!important}
.qc-ui.qc-ui .max-h-44{max-height:11rem!important}
.qc-ui.qc-ui .max-h-48{max-height:12rem!important}
.qc-ui.qc-ui .max-h-56{max-height:14rem!important}
.qc-ui.qc-ui .max-h-60{max-height:15rem!important}
.qc-ui.qc-ui .max-h-96{max-height:24rem!important}
.qc-ui.qc-ui .max-h-\[60vh\]{max-height:60vh!important}
.qc-ui.qc-ui .max-h-\[90dvh\]{max-height:90dvh!important}
.qc-ui.qc-ui .max-h-\[90vh\]{max-height:90vh!important}
.qc-ui.qc-ui .max-h-\[92dvh\]{max-height:92dvh!important}
.qc-ui.qc-ui .max-h-full{max-height:100%!important}
.qc-ui.qc-ui .min-h-0{min-height:0px!important}
.qc-ui.qc-ui .min-h-64{min-height:16rem!important}
.qc-ui.qc-ui .min-h-\[42px\]{min-height:42px!important}
.qc-ui.qc-ui .min-h-\[82vh\]{min-height:82vh!important}
.qc-ui.qc-ui .min-h-full{min-height:100%!important}
.qc-ui.qc-ui .min-h-screen{min-height:100vh!important}
.qc-ui.qc-ui .w-0\.5{width:.125rem!important}
.qc-ui.qc-ui .w-1{width:.25rem!important}
.qc-ui.qc-ui .w-1\.5{width:.375rem!important}
.qc-ui.qc-ui .w-10{width:2.5rem!important}
.qc-ui.qc-ui .w-11{width:2.75rem!important}
.qc-ui.qc-ui .w-12{width:3rem!important}
.qc-ui.qc-ui .w-14{width:3.5rem!important}
.qc-ui.qc-ui .w-16{width:4rem!important}
.qc-ui.qc-ui .w-2{width:.5rem!important}
.qc-ui.qc-ui .w-2\.5{width:.625rem!important}
.qc-ui.qc-ui .w-20{width:5rem!important}
.qc-ui.qc-ui .w-24{width:6rem!important}
.qc-ui.qc-ui .w-28{width:7rem!important}
.qc-ui.qc-ui .w-3{width:.75rem!important}
.qc-ui.qc-ui .w-3\.5{width:.875rem!important}
.qc-ui.qc-ui .w-32{width:8rem!important}
.qc-ui.qc-ui .w-36{width:9rem!important}
.qc-ui.qc-ui .w-4{width:1rem!important}
.qc-ui.qc-ui .w-4\/5{width:80%!important}
.qc-ui.qc-ui .w-40{width:10rem!important}
.qc-ui.qc-ui .w-44{width:11rem!important}
.qc-ui.qc-ui .w-48{width:12rem!important}
.qc-ui.qc-ui .w-5{width:1.25rem!important}
.qc-ui.qc-ui .w-52{width:13rem!important}
.qc-ui.qc-ui .w-56{width:14rem!important}
.qc-ui.qc-ui .w-6{width:1.5rem!important}
.qc-ui.qc-ui .w-64{width:16rem!important}
.qc-ui.qc-ui .w-7{width:1.75rem!important}
.qc-ui.qc-ui .w-8{width:2rem!important}
.qc-ui.qc-ui .w-9{width:2.25rem!important}
.qc-ui.qc-ui .w-\[14px\]{width:14px!important}
.qc-ui.qc-ui .w-\[17px\]{width:17px!important}
.qc-ui.qc-ui .w-\[18px\]{width:18px!important}
.qc-ui.qc-ui .w-\[19px\]{width:19px!important}
.qc-ui.qc-ui .w-\[320px\]{width:320px!important}
.qc-ui.qc-ui .w-\[72px\]{width:72px!important}
.qc-ui.qc-ui .w-fit{width:-moz-fit-content!important;width:fit-content!important}
.qc-ui.qc-ui .w-full{width:100%!important}
.qc-ui.qc-ui .min-w-0{min-width:0px!important}
.qc-ui.qc-ui .min-w-\[120px\]{min-width:120px!important}
.qc-ui.qc-ui .min-w-\[140px\]{min-width:140px!important}
.qc-ui.qc-ui .min-w-\[200px\]{min-width:200px!important}
.qc-ui.qc-ui .min-w-\[20px\]{min-width:20px!important}
.qc-ui.qc-ui .min-w-\[28px\]{min-width:28px!important}
.qc-ui.qc-ui .min-w-\[500px\]{min-width:500px!important}
.qc-ui.qc-ui .min-w-\[560px\]{min-width:560px!important}
.qc-ui.qc-ui .min-w-\[600px\]{min-width:600px!important}
.qc-ui.qc-ui .min-w-\[700px\]{min-width:700px!important}
.qc-ui.qc-ui .min-w-\[750px\]{min-width:750px!important}
.qc-ui.qc-ui .min-w-\[800px\]{min-width:800px!important}
.qc-ui.qc-ui .min-w-\[900px\]{min-width:900px!important}
.qc-ui.qc-ui .min-w-max{min-width:-moz-max-content!important;min-width:max-content!important}
.qc-ui.qc-ui .max-w-2xl{max-width:42rem!important}
.qc-ui.qc-ui .max-w-32{max-width:8rem!important}
.qc-ui.qc-ui .max-w-4xl{max-width:56rem!important}
.qc-ui.qc-ui .max-w-5xl{max-width:64rem!important}
.qc-ui.qc-ui .max-w-7xl{max-width:80rem!important}
.qc-ui.qc-ui .max-w-\[1024px\]{max-width:1024px!important}
.qc-ui.qc-ui .max-w-\[120px\]{max-width:120px!important}
.qc-ui.qc-ui .max-w-\[140px\]{max-width:140px!important}
.qc-ui.qc-ui .max-w-\[150px\]{max-width:150px!important}
.qc-ui.qc-ui .max-w-\[160px\]{max-width:160px!important}
.qc-ui.qc-ui .max-w-\[180px\]{max-width:180px!important}
.qc-ui.qc-ui .max-w-\[200px\]{max-width:200px!important}
.qc-ui.qc-ui .max-w-\[220px\]{max-width:220px!important}
.qc-ui.qc-ui .max-w-\[480px\]{max-width:480px!important}
.qc-ui.qc-ui .max-w-\[55\%\]{max-width:55%!important}
.qc-ui.qc-ui .max-w-\[60\%\]{max-width:60%!important}
.qc-ui.qc-ui .max-w-\[640px\]{max-width:640px!important}
.qc-ui.qc-ui .max-w-\[768px\]{max-width:768px!important}
.qc-ui.qc-ui .max-w-\[896px\]{max-width:896px!important}
.qc-ui.qc-ui .max-w-full{max-width:100%!important}
.qc-ui.qc-ui .max-w-lg{max-width:32rem!important}
.qc-ui.qc-ui .max-w-md{max-width:28rem!important}
.qc-ui.qc-ui .max-w-sm{max-width:24rem!important}
.qc-ui.qc-ui .max-w-xl{max-width:36rem!important}
.qc-ui.qc-ui .max-w-xs{max-width:20rem!important}
.qc-ui.qc-ui .flex-1{flex:1 1 0%!important}
.qc-ui.qc-ui .flex-none{flex:none!important}
.qc-ui.qc-ui .flex-shrink{flex-shrink:1!important}
.qc-ui.qc-ui .flex-shrink-0{flex-shrink:0!important}
.qc-ui.qc-ui .shrink{flex-shrink:1!important}
.qc-ui.qc-ui .shrink-0{flex-shrink:0!important}
.qc-ui.qc-ui .grow{flex-grow:1!important}
.qc-ui.qc-ui .table-fixed{table-layout:fixed!important}
.qc-ui.qc-ui .border-collapse{border-collapse:collapse!important}
.qc-ui.qc-ui .-translate-x-1\/2{--tw-translate-x:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .-translate-x-full{--tw-translate-x:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .-translate-y-1\/2{--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .-translate-y-2{--tw-translate-y:-.5rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .translate-x-0\.5{--tw-translate-x:.125rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .translate-x-5{--tw-translate-x:1.25rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .translate-y-0{--tw-translate-y:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .translate-y-1{--tw-translate-y:.25rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .rotate-180{--tw-rotate:180deg!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .rotate-90{--tw-rotate:90deg!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .scale-100{--tw-scale-x:1!important;--tw-scale-y:1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .scale-95{--tw-scale-x:.95!important;--tw-scale-y:.95!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
@keyframes qcui-pulse{50%{opacity:.5}}
.qc-ui.qc-ui .animate-pulse{animation:qcui-pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}
@keyframes qcui-scan-line{0%{top:8px}to{top:calc(100% - 8px)}}
.qc-ui.qc-ui .animate-scan-line{animation:qcui-scan-line 2s ease-in-out infinite alternate!important}
@keyframes qcui-slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.qc-ui.qc-ui .animate-slide-in-up{animation:qcui-slideInUp .2s ease-out!important}
@keyframes qcui-spin{to{transform:rotate(360deg)}}
.qc-ui.qc-ui .animate-spin{animation:qcui-spin 1s linear infinite!important}
.qc-ui.qc-ui .cursor-default{cursor:default!important}
.qc-ui.qc-ui .cursor-not-allowed{cursor:not-allowed!important}
.qc-ui.qc-ui .cursor-pointer{cursor:pointer!important}
.qc-ui.qc-ui .cursor-wait{cursor:wait!important}
.qc-ui.qc-ui .select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}
.qc-ui.qc-ui .resize-none{resize:none!important}
.qc-ui.qc-ui .resize{resize:both!important}
.qc-ui.qc-ui .list-disc{list-style-type:disc!important}
.qc-ui.qc-ui .list-none{list-style-type:none!important}
.qc-ui.qc-ui .appearance-none{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}
.qc-ui.qc-ui .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}
.qc-ui.qc-ui .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qc-ui.qc-ui .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.qc-ui.qc-ui .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.qc-ui.qc-ui .flex-col{flex-direction:column!important}
.qc-ui.qc-ui .flex-wrap{flex-wrap:wrap!important}
.qc-ui.qc-ui .items-start{align-items:flex-start!important}
.qc-ui.qc-ui .items-end{align-items:flex-end!important}
.qc-ui.qc-ui .items-center{align-items:center!important}
.qc-ui.qc-ui .items-baseline{align-items:baseline!important}
.qc-ui.qc-ui .justify-end{justify-content:flex-end!important}
.qc-ui.qc-ui .justify-center{justify-content:center!important}
.qc-ui.qc-ui .justify-between{justify-content:space-between!important}
.qc-ui.qc-ui .justify-around{justify-content:space-around!important}
.qc-ui.qc-ui .gap-0\.5{gap:.125rem!important}
.qc-ui.qc-ui .gap-1{gap:.25rem!important}
.qc-ui.qc-ui .gap-1\.5{gap:.375rem!important}
.qc-ui.qc-ui .gap-2{gap:.5rem!important}
.qc-ui.qc-ui .gap-2\.5{gap:.625rem!important}
.qc-ui.qc-ui .gap-3{gap:.75rem!important}
.qc-ui.qc-ui .gap-4{gap:1rem!important}
.qc-ui.qc-ui .gap-5{gap:1.25rem!important}
.qc-ui.qc-ui .gap-6{gap:1.5rem!important}
.qc-ui.qc-ui .gap-x-4{-moz-column-gap:1rem!important;column-gap:1rem!important}
.qc-ui.qc-ui .gap-x-6{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}
.qc-ui.qc-ui .gap-y-0\.5{row-gap:.125rem!important}
.qc-ui.qc-ui .gap-y-1{row-gap:.25rem!important}
.qc-ui.qc-ui .gap-y-1\.5{row-gap:.375rem!important}
.qc-ui.qc-ui .space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.125rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.25rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.375rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.5rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.625rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.75rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.875rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))!important;border-bottom-width:calc(1px * var(--tw-divide-y-reverse))!important}
.qc-ui.qc-ui .divide-dark-700\/50>:not([hidden])~:not([hidden]){border-color:rgb(var(--dark-700) / .5)!important}
.qc-ui.qc-ui .divide-dark-800>:not([hidden])~:not([hidden]){--tw-divide-opacity:1!important;border-color:rgb(var(--dark-800) / var(--tw-divide-opacity, 1))!important}
.qc-ui.qc-ui .self-start{align-self:flex-start!important}
.qc-ui.qc-ui .self-end{align-self:flex-end!important}
.qc-ui.qc-ui .self-center{align-self:center!important}
.qc-ui.qc-ui .self-stretch{align-self:stretch!important}
.qc-ui.qc-ui .overflow-auto{overflow:auto!important}
.qc-ui.qc-ui .overflow-hidden{overflow:hidden!important}
.qc-ui.qc-ui .overflow-x-auto{overflow-x:auto!important}
.qc-ui.qc-ui .overflow-y-auto{overflow-y:auto!important}
.qc-ui.qc-ui .scroll-smooth{scroll-behavior:smooth!important}
.qc-ui.qc-ui .truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.qc-ui.qc-ui .text-ellipsis{text-overflow:ellipsis!important}
.qc-ui.qc-ui .whitespace-nowrap{white-space:nowrap!important}
.qc-ui.qc-ui .whitespace-pre-wrap{white-space:pre-wrap!important}
.qc-ui.qc-ui .break-all{word-break:break-all!important}
.qc-ui.qc-ui .rounded{border-radius:.25rem!important}
.qc-ui.qc-ui .rounded-2xl{border-radius:1rem!important}
.qc-ui.qc-ui .rounded-\[10px\]{border-radius:10px!important}
.qc-ui.qc-ui .rounded-full{border-radius:9999px!important}
.qc-ui.qc-ui .rounded-lg{border-radius:.5rem!important}
.qc-ui.qc-ui .rounded-md{border-radius:.375rem!important}
.qc-ui.qc-ui .rounded-sm{border-radius:.125rem!important}
.qc-ui.qc-ui .rounded-xl{border-radius:.75rem!important}
.qc-ui.qc-ui .rounded-b-2xl{border-bottom-right-radius:1rem!important;border-bottom-left-radius:1rem!important}
.qc-ui.qc-ui .rounded-b-xl{border-bottom-right-radius:.75rem!important;border-bottom-left-radius:.75rem!important}
.qc-ui.qc-ui .rounded-l-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}
.qc-ui.qc-ui .rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}
.qc-ui.qc-ui .rounded-t-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}
.qc-ui.qc-ui .rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}
.qc-ui.qc-ui .rounded-bl-lg{border-bottom-left-radius:.5rem!important}
.qc-ui.qc-ui .rounded-br-lg{border-bottom-right-radius:.5rem!important}
.qc-ui.qc-ui .rounded-tl-lg{border-top-left-radius:.5rem!important}
.qc-ui.qc-ui .rounded-tr-lg{border-top-right-radius:.5rem!important}
.qc-ui.qc-ui .border{border-width:1px!important}
.qc-ui.qc-ui .border-0{border-width:0px!important}
.qc-ui.qc-ui .border-2{border-width:2px!important}
.qc-ui.qc-ui .border-b{border-bottom-width:1px!important}
.qc-ui.qc-ui .border-b-2{border-bottom-width:2px!important}
.qc-ui.qc-ui .border-b-4{border-bottom-width:4px!important}
.qc-ui.qc-ui .border-l{border-left-width:1px!important}
.qc-ui.qc-ui .border-l-4{border-left-width:4px!important}
.qc-ui.qc-ui .border-r{border-right-width:1px!important}
.qc-ui.qc-ui .border-r-4{border-right-width:4px!important}
.qc-ui.qc-ui .border-t{border-top-width:1px!important}
.qc-ui.qc-ui .border-t-2{border-top-width:2px!important}
.qc-ui.qc-ui .border-t-4{border-top-width:4px!important}
.qc-ui.qc-ui .border-dashed{border-style:dashed!important}
.qc-ui.qc-ui .border-\[\#111\]{--tw-border-opacity:1!important;border-color:rgb(17 17 17 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-\[\#32c800\]{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-\[\#32c800\]\/20{border-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .border-\[\#32c800\]\/30{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-\[\#32c800\]\/40{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .border-\[\#32c800\]\/50{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}
.qc-ui.qc-ui .border-\[\#E91E63\]{--tw-border-opacity:1!important;border-color:rgb(233 30 99 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-\[\#E91E63\]\/20{border-color:#e91e6333!important}
.qc-ui.qc-ui .border-amber-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--warn) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-amber-500\/20{border-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .border-amber-500\/30{border-color:color-mix(in srgb,var(--warn) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-amber-500\/40{border-color:color-mix(in srgb,var(--warn) 40%,transparent)!important}
.qc-ui.qc-ui .border-amber-500\/50{border-color:color-mix(in srgb,var(--warn) 50.2%,transparent)!important}
.qc-ui.qc-ui .border-black{--tw-border-opacity:1!important;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-black\/30{border-color:#0000004d!important}
.qc-ui.qc-ui .border-blue-400{--tw-border-opacity:1!important;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-blue-500{--tw-border-opacity:1!important;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-blue-500\/20{border-color:#3b82f633!important}
.qc-ui.qc-ui .border-blue-500\/30{border-color:#3b82f64d!important}
.qc-ui.qc-ui .border-blue-500\/40{border-color:#3b82f666!important}
.qc-ui.qc-ui .border-current{border-color:currentColor!important}
.qc-ui.qc-ui .border-danger-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--danger) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-danger-500\/20{border-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .border-danger-500\/30{border-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-danger-500\/40{border-color:color-mix(in srgb,var(--danger) 40%,transparent)!important}
.qc-ui.qc-ui .border-danger-600\/30{border-color:#dc26264d!important}
.qc-ui.qc-ui .border-dark-400\/30{border-color:rgb(var(--dark-400) / .3)!important}
.qc-ui.qc-ui .border-dark-500{--tw-border-opacity:1!important;border-color:rgb(var(--dark-500) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-dark-500\/40{border-color:rgb(var(--dark-500) / .4)!important}
.qc-ui.qc-ui .border-dark-600{--tw-border-opacity:1!important;border-color:rgb(var(--dark-600) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-dark-700{--tw-border-opacity:1!important;border-color:rgb(var(--dark-700) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-dark-700\/50{border-color:rgb(var(--dark-700) / .5)!important}
.qc-ui.qc-ui .border-dark-700\/60{border-color:rgb(var(--dark-700) / .6)!important}
.qc-ui.qc-ui .border-dark-700\/80{border-color:rgb(var(--dark-700) / .8)!important}
.qc-ui.qc-ui .border-gray-500{--tw-border-opacity:1!important;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-green-200{--tw-border-opacity:1!important;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-green-300{--tw-border-opacity:1!important;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-green-500{--tw-border-opacity:1!important;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-green-500\/30{border-color:#22c55e4d!important}
.qc-ui.qc-ui .border-green-500\/40{border-color:#22c55e66!important}
.qc-ui.qc-ui .border-green-500\/50{border-color:#22c55e80!important}
.qc-ui.qc-ui .border-green-600{--tw-border-opacity:1!important;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-indigo-500\/30{border-color:#6366f14d!important}
.qc-ui.qc-ui .border-indigo-500\/40{border-color:#6366f166!important}
.qc-ui.qc-ui .border-info-400\/30{border-color:#60a5fa4d!important}
.qc-ui.qc-ui .border-orange-200{--tw-border-opacity:1!important;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-orange-400{--tw-border-opacity:1!important;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-orange-400\/50{border-color:#fb923c80!important}
.qc-ui.qc-ui .border-orange-500{--tw-border-opacity:1!important;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-orange-500\/20{border-color:#f9731633!important}
.qc-ui.qc-ui .border-orange-500\/30{border-color:#f973164d!important}
.qc-ui.qc-ui .border-primary{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-primary-400{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand-light) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-primary-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-primary-500\/30{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-primary-500\/40{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .border-primary-600{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-primary-600\/30{border-color:color-mix(in srgb,var(--brand-dark) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-primary-600\/40{border-color:color-mix(in srgb,var(--brand-dark) 40%,transparent)!important}
.qc-ui.qc-ui .border-primary\/30{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-purple-200{--tw-border-opacity:1!important;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-purple-500{--tw-border-opacity:1!important;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-purple-500\/20{border-color:#a855f733!important}
.qc-ui.qc-ui .border-purple-500\/30{border-color:#a855f74d!important}
.qc-ui.qc-ui .border-purple-500\/40{border-color:#a855f766!important}
.qc-ui.qc-ui .border-red-200{--tw-border-opacity:1!important;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-red-300{--tw-border-opacity:1!important;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-red-400{--tw-border-opacity:1!important;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-red-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--danger) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-red-500\/20{border-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .border-red-500\/30{border-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-red-500\/50{border-color:color-mix(in srgb,var(--danger) 50.2%,transparent)!important}
.qc-ui.qc-ui .border-red-500\/60{border-color:color-mix(in srgb,var(--danger) 60%,transparent)!important}
.qc-ui.qc-ui .border-red-900\/40{border-color:#7f1d1d66!important}
.qc-ui.qc-ui .border-status-error{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--danger) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-status-success{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--ok) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-success-500{--tw-border-opacity:1!important;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-success-500\/20{border-color:#22c55e33!important}
.qc-ui.qc-ui .border-success-500\/30{border-color:#22c55e4d!important}
.qc-ui.qc-ui .border-transparent{border-color:transparent!important}
.qc-ui.qc-ui .border-warning-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--warn) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-warning-500\/20{border-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .border-warning-500\/30{border-color:color-mix(in srgb,var(--warn) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-warning-500\/40{border-color:color-mix(in srgb,var(--warn) 40%,transparent)!important}
.qc-ui.qc-ui .border-warning-500\/60{border-color:color-mix(in srgb,var(--warn) 60%,transparent)!important}
.qc-ui.qc-ui .border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-white\/30{border-color:#ffffff4d!important}
.qc-ui.qc-ui .border-yellow-200{--tw-border-opacity:1!important;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-yellow-300{--tw-border-opacity:1!important;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-yellow-400\/30{border-color:#facc154d!important}
.qc-ui.qc-ui .border-yellow-500\/20{border-color:#eab30833!important}
.qc-ui.qc-ui .border-yellow-500\/30{border-color:#eab3084d!important}
.qc-ui.qc-ui .border-zinc-200{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-zinc-300{--tw-border-opacity:1!important;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-zinc-400{--tw-border-opacity:1!important;border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-zinc-500\/20{border-color:#71717a33!important}
.qc-ui.qc-ui .border-b-orange-400{--tw-border-opacity:1!important;border-bottom-color:rgb(251 146 60 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-b-orange-500{--tw-border-opacity:1!important;border-bottom-color:rgb(249 115 22 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-b-purple-500{--tw-border-opacity:1!important;border-bottom-color:rgb(168 85 247 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-b-red-500{--tw-border-opacity:1!important;border-bottom-color:color-mix(in srgb,var(--danger) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-t-\[\#32c800\]{--tw-border-opacity:1!important;border-top-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-t-\[\#9333ea\]{--tw-border-opacity:1!important;border-top-color:rgb(147 51 234 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-t-black{--tw-border-opacity:1!important;border-top-color:rgb(0 0 0 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-t-blue-500{--tw-border-opacity:1!important;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-t-purple-500{--tw-border-opacity:1!important;border-top-color:rgb(168 85 247 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-t-transparent{border-top-color:transparent!important}
.qc-ui.qc-ui .border-t-zinc-600{--tw-border-opacity:1!important;border-top-color:rgb(82 82 91 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .bg-\[\#080808\]\/5{background-color:#0808080d!important}
.qc-ui.qc-ui .bg-\[\#32c800\]{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/10{background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/15{background-color:color-mix(in srgb,var(--brand) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/20{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/30{background-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/5{background-color:color-mix(in srgb,var(--brand) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/70{background-color:color-mix(in srgb,var(--brand) 70.2%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#444\]{--tw-bg-opacity:1!important;background-color:rgb(68 68 68 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-\[\#E91E63\]\/10{background-color:#e91e631a!important}
.qc-ui.qc-ui .bg-amber-400{--tw-bg-opacity:1!important;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-amber-400\/10{background-color:#fbbf241a!important}
.qc-ui.qc-ui .bg-amber-400\/15{background-color:#fbbf2426!important}
.qc-ui.qc-ui .bg-amber-500{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--warn) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/10{background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/15{background-color:color-mix(in srgb,var(--warn) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/20{background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/30{background-color:color-mix(in srgb,var(--warn) 30.2%,transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/50{background-color:color-mix(in srgb,var(--warn) 50.2%,transparent)!important}
.qc-ui.qc-ui .bg-black{--tw-bg-opacity:1!important;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-black\/10{background-color:#0000001a!important}
.qc-ui.qc-ui .bg-black\/50{background-color:#00000080!important}
.qc-ui.qc-ui .bg-black\/60{background-color:#0009!important}
.qc-ui.qc-ui .bg-black\/70{background-color:#000000b3!important}
.qc-ui.qc-ui .bg-black\/80{background-color:#000c!important}
.qc-ui.qc-ui .bg-black\/90{background-color:#000000e6!important}
.qc-ui.qc-ui .bg-blue-400\/10{background-color:#60a5fa1a!important}
.qc-ui.qc-ui .bg-blue-500{--tw-bg-opacity:1!important;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-blue-500\/10{background-color:#3b82f61a!important}
.qc-ui.qc-ui .bg-blue-500\/15{background-color:#3b82f626!important}
.qc-ui.qc-ui .bg-blue-500\/20{background-color:#3b82f633!important}
.qc-ui.qc-ui .bg-blue-500\/5{background-color:#3b82f60d!important}
.qc-ui.qc-ui .bg-blue-600{--tw-bg-opacity:1!important;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-current{background-color:currentColor!important}
.qc-ui.qc-ui .bg-cyan-500\/10{background-color:#06b6d41a!important}
.qc-ui.qc-ui .bg-cyan-500\/20{background-color:#06b6d433!important}
.qc-ui.qc-ui .bg-danger-500{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-danger-500\/10{background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-danger-500\/15{background-color:color-mix(in srgb,var(--danger) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-danger-500\/20{background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .bg-danger-600{--tw-bg-opacity:1!important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-danger-600\/10{background-color:#dc26261a!important}
.qc-ui.qc-ui .bg-dark-400\/10{background-color:rgb(var(--dark-400) / .1)!important}
.qc-ui.qc-ui .bg-dark-500\/40{background-color:rgb(var(--dark-500) / .4)!important}
.qc-ui.qc-ui .bg-dark-600{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-600) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-600\/60{background-color:rgb(var(--dark-600) / .6)!important}
.qc-ui.qc-ui .bg-dark-700{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-700) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-800{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-800) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-800\/40{background-color:rgb(var(--dark-800) / .4)!important}
.qc-ui.qc-ui .bg-dark-800\/50{background-color:rgb(var(--dark-800) / .5)!important}
.qc-ui.qc-ui .bg-dark-800\/60{background-color:rgb(var(--dark-800) / .6)!important}
.qc-ui.qc-ui .bg-dark-900{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-900) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-900\/40{background-color:rgb(var(--dark-900) / .4)!important}
.qc-ui.qc-ui .bg-dark-900\/60{background-color:rgb(var(--dark-900) / .6)!important}
.qc-ui.qc-ui .bg-dark-950{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-950) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-surface{--tw-bg-opacity:1!important;background-color:rgb(18 18 18 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-gray-200\/20{background-color:#e5e7eb33!important}
.qc-ui.qc-ui .bg-gray-500{--tw-bg-opacity:1!important;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-gray-500\/10{background-color:#6b72801a!important}
.qc-ui.qc-ui .bg-gray-500\/15{background-color:#6b728026!important}
.qc-ui.qc-ui .bg-gray-500\/20{background-color:#6b728033!important}
.qc-ui.qc-ui .bg-green-100{--tw-bg-opacity:1!important;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-green-400\/10{background-color:#4ade801a!important}
.qc-ui.qc-ui .bg-green-50{--tw-bg-opacity:1!important;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-green-500\/10{background-color:#22c55e1a!important}
.qc-ui.qc-ui .bg-green-500\/15{background-color:#22c55e26!important}
.qc-ui.qc-ui .bg-green-500\/20{background-color:#22c55e33!important}
.qc-ui.qc-ui .bg-green-500\/30{background-color:#22c55e4d!important}
.qc-ui.qc-ui .bg-green-500\/50{background-color:#22c55e80!important}
.qc-ui.qc-ui .bg-green-600{--tw-bg-opacity:1!important;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-green-600\/10{background-color:#16a34a1a!important}
.qc-ui.qc-ui .bg-indigo-500\/10{background-color:#6366f11a!important}
.qc-ui.qc-ui .bg-indigo-500\/15{background-color:#6366f126!important}
.qc-ui.qc-ui .bg-info-400{--tw-bg-opacity:1!important;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-info-400\/10{background-color:#60a5fa1a!important}
.qc-ui.qc-ui .bg-info-500\/20{background-color:#3b82f633!important}
.qc-ui.qc-ui .bg-orange-50{--tw-bg-opacity:1!important;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-orange-50\/50{background-color:#fff7ed80!important}
.qc-ui.qc-ui .bg-orange-500{--tw-bg-opacity:1!important;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-orange-500\/10{background-color:#f973161a!important}
.qc-ui.qc-ui .bg-orange-500\/15{background-color:#f9731626!important}
.qc-ui.qc-ui .bg-orange-500\/20{background-color:#f9731633!important}
.qc-ui.qc-ui .bg-orange-500\/5{background-color:#f973160d!important}
.qc-ui.qc-ui .bg-primary{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-primary-400{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-light) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-primary-500\/10{background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-primary-500\/15{background-color:color-mix(in srgb,var(--brand) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-primary-500\/20{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .bg-primary-500\/5{background-color:color-mix(in srgb,var(--brand) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-primary-600{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-primary-600\/10{background-color:color-mix(in srgb,var(--brand-dark) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-primary-600\/15{background-color:color-mix(in srgb,var(--brand-dark) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-primary-600\/20{background-color:color-mix(in srgb,var(--brand-dark) 20%,transparent)!important}
.qc-ui.qc-ui .bg-primary\/10{background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-primary\/20{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .bg-primary\/5{background-color:color-mix(in srgb,var(--brand) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-purple-50{--tw-bg-opacity:1!important;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-purple-50\/50{background-color:#faf5ff80!important}
.qc-ui.qc-ui .bg-purple-500{--tw-bg-opacity:1!important;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-purple-500\/10{background-color:#a855f71a!important}
.qc-ui.qc-ui .bg-purple-500\/15{background-color:#a855f726!important}
.qc-ui.qc-ui .bg-purple-500\/20{background-color:#a855f733!important}
.qc-ui.qc-ui .bg-purple-500\/5{background-color:#a855f70d!important}
.qc-ui.qc-ui .bg-purple-600{--tw-bg-opacity:1!important;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-red-100{--tw-bg-opacity:1!important;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-red-400{--tw-bg-opacity:1!important;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-red-400\/10{background-color:#f871711a!important}
.qc-ui.qc-ui .bg-red-50{--tw-bg-opacity:1!important;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-red-50\/50{background-color:#fef2f280!important}
.qc-ui.qc-ui .bg-red-500{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-red-500\/10{background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-red-500\/15{background-color:color-mix(in srgb,var(--danger) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-red-500\/20{background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .bg-red-500\/30{background-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important}
.qc-ui.qc-ui .bg-red-500\/5{background-color:color-mix(in srgb,var(--danger) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-red-600{--tw-bg-opacity:1!important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-status-error{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-status-success\/20{background-color:color-mix(in srgb,var(--ok) 20%,transparent)!important}
.qc-ui.qc-ui .bg-success-500\/10{background-color:#22c55e1a!important}
.qc-ui.qc-ui .bg-success-500\/15{background-color:#22c55e26!important}
.qc-ui.qc-ui .bg-success-500\/20{background-color:#22c55e33!important}
.qc-ui.qc-ui .bg-success-500\/5{background-color:#22c55e0d!important}
.qc-ui.qc-ui .bg-transparent{background-color:transparent!important}
.qc-ui.qc-ui .bg-warning-500\/10{background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-warning-500\/15{background-color:color-mix(in srgb,var(--warn) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-warning-500\/20{background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .bg-warning-500\/5{background-color:color-mix(in srgb,var(--warn) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-white\/10{background-color:#ffffff1a!important}
.qc-ui.qc-ui .bg-white\/20{background-color:#fff3!important}
.qc-ui.qc-ui .bg-yellow-100{--tw-bg-opacity:1!important;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-yellow-400{--tw-bg-opacity:1!important;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-yellow-400\/10{background-color:#facc151a!important}
.qc-ui.qc-ui .bg-yellow-50{--tw-bg-opacity:1!important;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-yellow-50\/50{background-color:#fefce880!important}
.qc-ui.qc-ui .bg-yellow-500{--tw-bg-opacity:1!important;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-yellow-500\/10{background-color:#eab3081a!important}
.qc-ui.qc-ui .bg-yellow-500\/15{background-color:#eab30826!important}
.qc-ui.qc-ui .bg-yellow-500\/20{background-color:#eab30833!important}
.qc-ui.qc-ui .bg-yellow-500\/5{background-color:#eab3080d!important}
.qc-ui.qc-ui .bg-zinc-100{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-200{--tw-bg-opacity:1!important;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-200\/50{background-color:#e4e4e780!important}
.qc-ui.qc-ui .bg-zinc-300{--tw-bg-opacity:1!important;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-400{--tw-bg-opacity:1!important;background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-50{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-50\/50{background-color:#fafafa80!important}
.qc-ui.qc-ui .bg-zinc-500\/10{background-color:#71717a1a!important}
.qc-ui.qc-ui .bg-zinc-600{--tw-bg-opacity:1!important;background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))!important}
.qc-ui.qc-ui .from-primary-500{--tw-gradient-from:var(--brand) var(--tw-gradient-from-position)!important;--tw-gradient-to:transparent var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)!important}
.qc-ui.qc-ui .to-primary-700{--tw-gradient-to:var(--brand-darker) var(--tw-gradient-to-position)!important}
.qc-ui.qc-ui .object-contain{-o-object-fit:contain!important;object-fit:contain!important}
.qc-ui.qc-ui .object-cover{-o-object-fit:cover!important;object-fit:cover!important}
.qc-ui.qc-ui .p-0{padding:0!important}
.qc-ui.qc-ui .p-0\.5{padding:.125rem!important}
.qc-ui.qc-ui .p-1{padding:.25rem!important}
.qc-ui.qc-ui .p-1\.5{padding:.375rem!important}
.qc-ui.qc-ui .p-10{padding:2.5rem!important}
.qc-ui.qc-ui .p-12{padding:3rem!important}
.qc-ui.qc-ui .p-16{padding:4rem!important}
.qc-ui.qc-ui .p-2{padding:.5rem!important}
.qc-ui.qc-ui .p-2\.5{padding:.625rem!important}
.qc-ui.qc-ui .p-3{padding:.75rem!important}
.qc-ui.qc-ui .p-3\.5{padding:.875rem!important}
.qc-ui.qc-ui .p-4{padding:1rem!important}
.qc-ui.qc-ui .p-5{padding:1.25rem!important}
.qc-ui.qc-ui .p-6{padding:1.5rem!important}
.qc-ui.qc-ui .p-8{padding:2rem!important}
.qc-ui.qc-ui .px-1{padding-left:.25rem!important;padding-right:.25rem!important}
.qc-ui.qc-ui .px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}
.qc-ui.qc-ui .px-2{padding-left:.5rem!important;padding-right:.5rem!important}
.qc-ui.qc-ui .px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}
.qc-ui.qc-ui .px-3{padding-left:.75rem!important;padding-right:.75rem!important}
.qc-ui.qc-ui .px-3\.5{padding-left:.875rem!important;padding-right:.875rem!important}
.qc-ui.qc-ui .px-4{padding-left:1rem!important;padding-right:1rem!important}
.qc-ui.qc-ui .px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}
.qc-ui.qc-ui .px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}
.qc-ui.qc-ui .py-0{padding-top:0!important;padding-bottom:0!important}
.qc-ui.qc-ui .py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}
.qc-ui.qc-ui .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.qc-ui.qc-ui .py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}
.qc-ui.qc-ui .py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}
.qc-ui.qc-ui .py-12{padding-top:3rem!important;padding-bottom:3rem!important}
.qc-ui.qc-ui .py-16{padding-top:4rem!important;padding-bottom:4rem!important}
.qc-ui.qc-ui .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.qc-ui.qc-ui .py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}
.qc-ui.qc-ui .py-20{padding-top:5rem!important;padding-bottom:5rem!important}
.qc-ui.qc-ui .py-24{padding-top:6rem!important;padding-bottom:6rem!important}
.qc-ui.qc-ui .py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}
.qc-ui.qc-ui .py-3\.5{padding-top:.875rem!important;padding-bottom:.875rem!important}
.qc-ui.qc-ui .py-32{padding-top:8rem!important;padding-bottom:8rem!important}
.qc-ui.qc-ui .py-4{padding-top:1rem!important;padding-bottom:1rem!important}
.qc-ui.qc-ui .py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}
.qc-ui.qc-ui .py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.qc-ui.qc-ui .py-8{padding-top:2rem!important;padding-bottom:2rem!important}
.qc-ui.qc-ui .pb-0{padding-bottom:0!important}
.qc-ui.qc-ui .pb-1{padding-bottom:.25rem!important}
.qc-ui.qc-ui .pb-1\.5{padding-bottom:.375rem!important}
.qc-ui.qc-ui .pb-10{padding-bottom:2.5rem!important}
.qc-ui.qc-ui .pb-2{padding-bottom:.5rem!important}
.qc-ui.qc-ui .pb-2\.5{padding-bottom:.625rem!important}
.qc-ui.qc-ui .pb-24{padding-bottom:6rem!important}
.qc-ui.qc-ui .pb-28{padding-bottom:7rem!important}
.qc-ui.qc-ui .pb-3{padding-bottom:.75rem!important}
.qc-ui.qc-ui .pb-4{padding-bottom:1rem!important}
.qc-ui.qc-ui .pb-5{padding-bottom:1.25rem!important}
.qc-ui.qc-ui .pb-6{padding-bottom:1.5rem!important}
.qc-ui.qc-ui .pl-3{padding-left:.75rem!important}
.qc-ui.qc-ui .pl-4{padding-left:1rem!important}
.qc-ui.qc-ui .pl-7{padding-left:1.75rem!important}
.qc-ui.qc-ui .pl-9{padding-left:2.25rem!important}
.qc-ui.qc-ui .pr-1{padding-right:.25rem!important}
.qc-ui.qc-ui .pr-10{padding-right:2.5rem!important}
.qc-ui.qc-ui .pr-3{padding-right:.75rem!important}
.qc-ui.qc-ui .pr-4{padding-right:1rem!important}
.qc-ui.qc-ui .pt-0\.5{padding-top:.125rem!important}
.qc-ui.qc-ui .pt-1{padding-top:.25rem!important}
.qc-ui.qc-ui .pt-16{padding-top:4rem!important}
.qc-ui.qc-ui .pt-2{padding-top:.5rem!important}
.qc-ui.qc-ui .pt-3{padding-top:.75rem!important}
.qc-ui.qc-ui .pt-4{padding-top:1rem!important}
.qc-ui.qc-ui .pt-5{padding-top:1.25rem!important}
.qc-ui.qc-ui .pt-8{padding-top:2rem!important}
.qc-ui.qc-ui .text-left{text-align:left!important}
.qc-ui.qc-ui .text-center{text-align:center!important}
.qc-ui.qc-ui .text-right{text-align:right!important}
.qc-ui.qc-ui .align-middle{vertical-align:middle!important}
.qc-ui.qc-ui .font-mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace!important}
.qc-ui.qc-ui .font-sans{font-family:Inter,system-ui,sans-serif!important}
.qc-ui.qc-ui .text-2xl{font-size:1.5rem!important;line-height:2rem!important}
.qc-ui.qc-ui .text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}
.qc-ui.qc-ui .text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}
.qc-ui.qc-ui .text-5xl{font-size:3rem!important;line-height:1!important}
.qc-ui.qc-ui .text-6xl{font-size:3.75rem!important;line-height:1!important}
.qc-ui.qc-ui .text-7xl{font-size:4.5rem!important;line-height:1!important}
.qc-ui.qc-ui .text-\[10px\]{font-size:10px!important}
.qc-ui.qc-ui .text-\[11px\]{font-size:11px!important}
.qc-ui.qc-ui .text-\[120px\]{font-size:120px!important}
.qc-ui.qc-ui .text-\[12px\]{font-size:12px!important}
.qc-ui.qc-ui .text-\[13px\]{font-size:13px!important}
.qc-ui.qc-ui .text-\[14px\]{font-size:14px!important}
.qc-ui.qc-ui .text-\[17px\]{font-size:17px!important}
.qc-ui.qc-ui .text-\[22px\]{font-size:22px!important}
.qc-ui.qc-ui .text-\[9px\]{font-size:9px!important}
.qc-ui.qc-ui .text-base{font-size:1rem!important;line-height:1.5rem!important}
.qc-ui.qc-ui .text-lg{font-size:1.125rem!important;line-height:1.75rem!important}
.qc-ui.qc-ui .text-sm{font-size:.875rem!important;line-height:1.25rem!important}
.qc-ui.qc-ui .text-xl{font-size:1.25rem!important;line-height:1.75rem!important}
.qc-ui.qc-ui .text-xs{font-size:.75rem!important;line-height:1rem!important}
.qc-ui.qc-ui .font-black{font-weight:900!important}
.qc-ui.qc-ui .font-bold{font-weight:700!important}
.qc-ui.qc-ui .font-extrabold{font-weight:800!important}
.qc-ui.qc-ui .font-medium{font-weight:500!important}
.qc-ui.qc-ui .font-normal{font-weight:400!important}
.qc-ui.qc-ui .font-semibold{font-weight:600!important}
.qc-ui.qc-ui .uppercase{text-transform:uppercase!important}
.qc-ui.qc-ui .lowercase{text-transform:lowercase!important}
.qc-ui.qc-ui .capitalize{text-transform:capitalize!important}
.qc-ui.qc-ui .normal-case{text-transform:none!important}
.qc-ui.qc-ui .italic{font-style:italic!important}
.qc-ui.qc-ui .not-italic{font-style:normal!important}
.qc-ui.qc-ui .tabular-nums{--tw-numeric-spacing:tabular-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}
.qc-ui.qc-ui .leading-none{line-height:1!important}
.qc-ui.qc-ui .leading-relaxed{line-height:1.625!important}
.qc-ui.qc-ui .leading-snug{line-height:1.375!important}
.qc-ui.qc-ui .leading-tight{line-height:1.25!important}
.qc-ui.qc-ui .tracking-\[0\.12em\]{letter-spacing:.12em!important}
.qc-ui.qc-ui .tracking-\[0\.14em\]{letter-spacing:.14em!important}
.qc-ui.qc-ui .tracking-\[0\.1em\]{letter-spacing:.1em!important}
.qc-ui.qc-ui .tracking-normal{letter-spacing:0em!important}
.qc-ui.qc-ui .tracking-tight{letter-spacing:-.025em!important}
.qc-ui.qc-ui .tracking-wide{letter-spacing:.025em!important}
.qc-ui.qc-ui .tracking-wider{letter-spacing:.05em!important}
.qc-ui.qc-ui .tracking-widest{letter-spacing:.1em!important}
.qc-ui.qc-ui .text-\[\#32c800\]{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-\[\#32c800\]\/70{color:color-mix(in srgb,var(--brand) 70.2%,transparent)!important}
.qc-ui.qc-ui .text-\[\#E91E63\]{--tw-text-opacity:1!important;color:rgb(233 30 99 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-amber-400{--tw-text-opacity:1!important;color:rgb(251 191 36 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-amber-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-amber-600{--tw-text-opacity:1!important;color:rgb(217 119 6 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-black{--tw-text-opacity:1!important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-black\/40{color:#0006!important}
.qc-ui.qc-ui .text-black\/60{color:#0009!important}
.qc-ui.qc-ui .text-blue-400{--tw-text-opacity:1!important;color:rgb(96 165 250 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-blue-500{--tw-text-opacity:1!important;color:rgb(59 130 246 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-blue-600{--tw-text-opacity:1!important;color:rgb(37 99 235 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-cyan-400{--tw-text-opacity:1!important;color:rgb(34 211 238 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-danger-400{--tw-text-opacity:1!important;color:rgb(248 113 113 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-danger-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-danger-600{--tw-text-opacity:1!important;color:rgb(220 38 38 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-100{--tw-text-opacity:1!important;color:rgb(var(--dark-100) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-200{--tw-text-opacity:1!important;color:rgb(var(--dark-200) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-300{--tw-text-opacity:1!important;color:rgb(var(--dark-300) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-400{--tw-text-opacity:1!important;color:rgb(var(--dark-400) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-50{--tw-text-opacity:1!important;color:rgb(var(--dark-50) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-500{--tw-text-opacity:1!important;color:rgb(var(--dark-500) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-600{--tw-text-opacity:1!important;color:rgb(var(--dark-600) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-700{--tw-text-opacity:1!important;color:rgb(var(--dark-700) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-800{--tw-text-opacity:1!important;color:rgb(var(--dark-800) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-text-secondary{--tw-text-opacity:1!important;color:rgb(160 160 160 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-green-400{--tw-text-opacity:1!important;color:rgb(74 222 128 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-green-500{--tw-text-opacity:1!important;color:rgb(34 197 94 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-green-600{--tw-text-opacity:1!important;color:rgb(22 163 74 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-green-700{--tw-text-opacity:1!important;color:rgb(21 128 61 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-indigo-400{--tw-text-opacity:1!important;color:rgb(129 140 248 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-info-400{--tw-text-opacity:1!important;color:rgb(96 165 250 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-orange-400{--tw-text-opacity:1!important;color:rgb(251 146 60 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-orange-500{--tw-text-opacity:1!important;color:rgb(249 115 22 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-primary{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-primary-400{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand-light) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-primary-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-purple-400{--tw-text-opacity:1!important;color:rgb(192 132 252 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-purple-500{--tw-text-opacity:1!important;color:rgb(168 85 247 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-purple-600{--tw-text-opacity:1!important;color:rgb(147 51 234 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-red-300\/80{color:#fca5a5cc!important}
.qc-ui.qc-ui .text-red-400{--tw-text-opacity:1!important;color:rgb(248 113 113 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-red-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-red-700{--tw-text-opacity:1!important;color:rgb(185 28 28 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-status-error{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-status-success{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-success-400{--tw-text-opacity:1!important;color:rgb(74 222 128 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-warning-400{--tw-text-opacity:1!important;color:rgb(251 191 36 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-warning-400\/80{color:#fbbf24cc!important}
.qc-ui.qc-ui .text-warning-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-white{--tw-text-opacity:1!important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-white\/60{color:#fff9!important}
.qc-ui.qc-ui .text-white\/70{color:#ffffffb3!important}
.qc-ui.qc-ui .text-yellow-400{--tw-text-opacity:1!important;color:rgb(250 204 21 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-yellow-500{--tw-text-opacity:1!important;color:rgb(234 179 8 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-yellow-700{--tw-text-opacity:1!important;color:rgb(161 98 7 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-zinc-400{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-zinc-500{--tw-text-opacity:1!important;color:rgb(113 113 122 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-zinc-900{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .underline{text-decoration-line:underline!important}
.qc-ui.qc-ui .line-through{text-decoration-line:line-through!important}
.qc-ui.qc-ui .underline-offset-2{text-underline-offset:2px!important}
.qc-ui.qc-ui .placeholder-dark-500::-moz-placeholder{--tw-placeholder-opacity:1!important;color:rgb(var(--dark-500) / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-dark-500::placeholder{--tw-placeholder-opacity:1!important;color:rgb(var(--dark-500) / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-zinc-400::-moz-placeholder{--tw-placeholder-opacity:1!important;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-zinc-400::placeholder{--tw-placeholder-opacity:1!important;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-zinc-500::-moz-placeholder{--tw-placeholder-opacity:1!important;color:rgb(113 113 122 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-zinc-500::placeholder{--tw-placeholder-opacity:1!important;color:rgb(113 113 122 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .accent-\[\#32c800\]{accent-color:var(--brand)!important}
.qc-ui.qc-ui .accent-amber-500{accent-color:var(--warn)!important}
.qc-ui.qc-ui .accent-primary{accent-color:var(--brand)!important}
.qc-ui.qc-ui .opacity-0{opacity:0!important}
.qc-ui.qc-ui .opacity-100{opacity:1!important}
.qc-ui.qc-ui .opacity-25{opacity:.25!important}
.qc-ui.qc-ui .opacity-30{opacity:.3!important}
.qc-ui.qc-ui .opacity-40{opacity:.4!important}
.qc-ui.qc-ui .opacity-50{opacity:.5!important}
.qc-ui.qc-ui .opacity-60{opacity:.6!important}
.qc-ui.qc-ui .opacity-70{opacity:.7!important}
.qc-ui.qc-ui .opacity-75{opacity:.75!important}
.qc-ui.qc-ui .opacity-\[0\.05\]{opacity:.05!important}
.qc-ui.qc-ui .shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-\[\#32c800\]\/20{--tw-shadow-color:color-mix(in srgb,var(--brand) 20%,transparent)!important;--tw-shadow:var(--tw-shadow-colored)!important}
.qc-ui.qc-ui .outline-none{outline:2px solid transparent!important;outline-offset:2px!important}
.qc-ui.qc-ui .outline{outline-style:solid!important}
.qc-ui.qc-ui .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .ring-\[\#32c800\]\/20{--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .ring-\[\#32c800\]\/30{--tw-ring-color:color-mix(in srgb,var(--brand) 30%,transparent)!important}
.qc-ui.qc-ui .ring-\[\#32c800\]\/40{--tw-ring-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .ring-dark-600{--tw-ring-opacity:1!important;--tw-ring-color:rgb(var(--dark-600) / var(--tw-ring-opacity, 1))!important}
.qc-ui.qc-ui .blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}
.qc-ui.qc-ui .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}
.qc-ui.qc-ui .invert{--tw-invert:invert(100%)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}
.qc-ui.qc-ui .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}
.qc-ui.qc-ui .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}
.qc-ui.qc-ui .backdrop-blur-xl{--tw-backdrop-blur:blur(24px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}
.qc-ui.qc-ui .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}
.qc-ui.qc-ui .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .transition-transform{transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .duration-100{transition-duration:.1s!important}
.qc-ui.qc-ui .duration-150{transition-duration:.15s!important}
.qc-ui.qc-ui .duration-200{transition-duration:.2s!important}
.qc-ui.qc-ui .duration-300{transition-duration:.3s!important}
.qc-ui.qc-ui .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}
.qc-ui.qc-ui .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}
.qc-ui.qc-ui .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}
.qc-ui.qc-ui .scrollbar-dark::-webkit-scrollbar{width:6px!important;height:6px!important}
.qc-ui.qc-ui .scrollbar-dark::-webkit-scrollbar-track{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .scrollbar-dark::-webkit-scrollbar-thumb{border-radius:9999px!important;--tw-bg-opacity:1!important;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .\[background\:linear-gradient\(to_left\,\#f4f4f5_10\%\,transparent\)\]{background:linear-gradient(to left,#f4f4f5 10%,transparent)!important}
.qc-ui.qc-ui .\[background\:linear-gradient\(to_right\,\#f4f4f5_10\%\,transparent\)\]{background:linear-gradient(to right,#f4f4f5 10%,transparent)!important}
.qc-ui.qc-ui{--color-bg-page:#09090b!important;--color-bg-card:#1c1c1e!important;--color-bg-surface:#161618!important;--color-bg-hover:#252528!important;--color-border:#2d2d2d!important;--color-border-row:#252525!important}
.qc-ui.qc-ui{--color-bg-page:#f4f4f5!important;--color-bg-card:#ffffff!important;--color-bg-surface:#fafafa!important;--color-bg-hover:#fafafa!important;--color-border:#e4e4e7!important;--color-border-row:#f4f4f5!important}
.qc-ui.qc-ui{--dark-50:240 240 240!important;--dark-100:222 222 222!important;--dark-200:192 192 192!important;--dark-300:160 160 160!important;--dark-400:128 128 128!important;--dark-500:99 99 99!important;--dark-600:74 74 74!important;--dark-700:48 48 48!important;--dark-800:26 26 26!important;--dark-900:17 17 17!important;--dark-950:9 9 9!important}
.qc-ui.qc-ui{--dark-50:10 10 10!important;--dark-100:26 26 26!important;--dark-200:45 45 45!important;--dark-300:68 68 68!important;--dark-400:102 102 102!important;--dark-500:136 136 136!important;--dark-600:176 176 176!important;--dark-700:208 208 208!important;--dark-800:235 235 235!important;--dark-900:243 243 243!important;--dark-950:255 255 255!important}
.qc-ui.qc-ui .theme-logo{filter:none!important;transition:filter .3s ease!important}
.qc-ui.qc-ui .theme-logo{filter:invert(1) hue-rotate(180deg)!important}
@media (max-width: 640px){.qc-ui.qc-ui.qc-ui.qc-ui input,.qc-ui.qc-ui.qc-ui.qc-ui textarea,.qc-ui.qc-ui.qc-ui.qc-ui select{font-size:16px!important}}
@keyframes qcui-pulse-green{0%,to{opacity:1}50%{opacity:.5}}
.qc-ui.qc-ui .animate-pulse-green{animation:qcui-pulse-green 2s cubic-bezier(.4,0,.6,1) infinite!important}
.qc-ui.qc-ui .ta-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}
.qc-ui.qc-ui .ta-label{font-size:9px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.3px!important;white-space:nowrap!important;color:#aaa!important}
.qc-ui.qc-ui .ta-btn{width:42px!important;height:42px!important;border:2px solid!important;border-radius:10px!important;cursor:pointer!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;flex-shrink:0!important}
.qc-ui.qc-ui .ta-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 4px 12px #0003!important}
.qc-ui.qc-ui .ta-btn:active:not(:disabled){transform:translateY(0)!important}
.qc-ui.qc-ui .ta-btn:disabled{opacity:.25!important;cursor:not-allowed!important}
.qc-ui.qc-ui .ta-btn--green{border-color:var(--ok)!important;color:var(--ok)!important}
.qc-ui.qc-ui .ta-btn--green:hover:not(:disabled){background:var(--ok)!important;color:#000!important}
.qc-ui.qc-ui .ta-btn--blue{border-color:#0ea5e9!important;color:#0ea5e9!important}
.qc-ui.qc-ui .ta-btn--blue:hover:not(:disabled){background:#0ea5e9!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--red{border-color:var(--danger)!important;color:var(--danger)!important}
.qc-ui.qc-ui .ta-btn--red:hover:not(:disabled){background:var(--danger)!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--slate{border-color:#64748b!important;color:#64748b!important}
.qc-ui.qc-ui .ta-btn--slate:hover:not(:disabled){background:#64748b!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--purple{border-color:#8b5cf6!important;color:#8b5cf6!important}
.qc-ui.qc-ui .ta-btn--purple:hover:not(:disabled){background:#8b5cf6!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--orange{border-color:#f97316!important;color:#f97316!important}
.qc-ui.qc-ui .ta-btn--orange:hover:not(:disabled){background:#f97316!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--teal{border-color:#14b8a6!important;color:#14b8a6!important}
.qc-ui.qc-ui .ta-btn--teal:hover:not(:disabled){background:#14b8a6!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--yellow{border-color:#eab308!important;color:#eab308!important}
.qc-ui.qc-ui .ta-btn--yellow:hover:not(:disabled){background:#eab308!important;color:#000!important}
.qc-ui.qc-ui .file\:theme-text::file-selector-button{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-bg-card:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-bg-surface:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-bg-hover:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-border:hover{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-text:hover{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-text-dim:hover{--tw-text-opacity:1!important;color:rgb(113 113 122 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .file\:mr-3::file-selector-button{margin-right:.75rem!important}
.qc-ui.qc-ui .file\:mr-4::file-selector-button{margin-right:1rem!important}
.qc-ui.qc-ui .file\:rounded-lg::file-selector-button{border-radius:.5rem!important}
.qc-ui.qc-ui .file\:border-0::file-selector-button{border-width:0px!important}
.qc-ui.qc-ui .file\:bg-primary::file-selector-button{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .file\:bg-zinc-100::file-selector-button{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .file\:px-3::file-selector-button{padding-left:.75rem!important;padding-right:.75rem!important}
.qc-ui.qc-ui .file\:px-4::file-selector-button{padding-left:1rem!important;padding-right:1rem!important}
.qc-ui.qc-ui .file\:py-1\.5::file-selector-button{padding-top:.375rem!important;padding-bottom:.375rem!important}
.qc-ui.qc-ui .file\:py-2::file-selector-button{padding-top:.5rem!important;padding-bottom:.5rem!important}
.qc-ui.qc-ui .file\:text-sm::file-selector-button{font-size:.875rem!important;line-height:1.25rem!important}
.qc-ui.qc-ui .file\:text-xs::file-selector-button{font-size:.75rem!important;line-height:1rem!important}
.qc-ui.qc-ui .file\:font-medium::file-selector-button{font-weight:500!important}
.qc-ui.qc-ui .file\:font-semibold::file-selector-button{font-weight:600!important}
.qc-ui.qc-ui .file\:text-black::file-selector-button{--tw-text-opacity:1!important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .last\:border-0:last-child{border-width:0px!important}
.qc-ui.qc-ui .hover\:scale-105:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .hover\:scale-110:hover{--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .hover\:border-\[\#32c800\]\/40:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .hover\:border-\[\#32c800\]\/50:hover{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}
.qc-ui.qc-ui .hover\:border-\[\#32c800\]\/60:hover{border-color:color-mix(in srgb,var(--brand) 60%,transparent)!important}
.qc-ui.qc-ui .hover\:border-\[\#E91E63\]\/40:hover{border-color:#e91e6366!important}
.qc-ui.qc-ui .hover\:border-dark-400:hover{--tw-border-opacity:1!important;border-color:rgb(var(--dark-400) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:border-dark-500:hover{--tw-border-opacity:1!important;border-color:rgb(var(--dark-500) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:border-orange-400:hover{--tw-border-opacity:1!important;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:border-primary-500:hover{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:border-primary-500\/50:hover{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}
.qc-ui.qc-ui .hover\:border-primary\/30:hover{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .hover\:border-primary\/40:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .hover\:border-primary\/60:hover{border-color:color-mix(in srgb,var(--brand) 60%,transparent)!important}
.qc-ui.qc-ui .hover\:border-zinc-300:hover{--tw-border-opacity:1!important;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:border-zinc-400\/40:hover{border-color:#a1a1aa66!important}
.qc-ui.qc-ui .hover\:bg-\[\#28a800\]:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-\[\#2ab300\]:hover{--tw-bg-opacity:1!important;background-color:rgb(42 179 0 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-\[\#2db000\]:hover{--tw-bg-opacity:1!important;background-color:rgb(45 176 0 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-\[\#2db300\]:hover{--tw-bg-opacity:1!important;background-color:rgb(45 179 0 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-\[\#32c800\]\/10:hover{background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-\[\#32c800\]\/20:hover{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-\[\#E91E63\]:hover{--tw-bg-opacity:1!important;background-color:rgb(233 30 99 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-amber-400:hover{--tw-bg-opacity:1!important;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-amber-500\/10:hover{background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-amber-500\/20:hover{background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-black\/20:hover{background-color:#0003!important}
.qc-ui.qc-ui .hover\:bg-black\/5:hover{background-color:#0000000d!important}
.qc-ui.qc-ui .hover\:bg-blue-500\/10:hover{background-color:#3b82f61a!important}
.qc-ui.qc-ui .hover\:bg-blue-500\/20:hover{background-color:#3b82f633!important}
.qc-ui.qc-ui .hover\:bg-blue-600:hover{--tw-bg-opacity:1!important;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-blue-700:hover{--tw-bg-opacity:1!important;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-danger-500:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-danger-600:hover{--tw-bg-opacity:1!important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-dark-600:hover{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-600) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-dark-700:hover{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-700) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-dark-700\/30:hover{background-color:rgb(var(--dark-700) / .3)!important}
.qc-ui.qc-ui .hover\:bg-dark-800:hover{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-800) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-dark-800\/30:hover{background-color:rgb(var(--dark-800) / .3)!important}
.qc-ui.qc-ui .hover\:bg-dark-800\/40:hover{background-color:rgb(var(--dark-800) / .4)!important}
.qc-ui.qc-ui .hover\:bg-dark-800\/60:hover{background-color:rgb(var(--dark-800) / .6)!important}
.qc-ui.qc-ui .hover\:bg-gray-500\/20:hover{background-color:#6b728033!important}
.qc-ui.qc-ui .hover\:bg-green-500\/10:hover{background-color:#22c55e1a!important}
.qc-ui.qc-ui .hover\:bg-green-500\/20:hover{background-color:#22c55e33!important}
.qc-ui.qc-ui .hover\:bg-green-700:hover{--tw-bg-opacity:1!important;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-orange-50:hover{--tw-bg-opacity:1!important;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-primary-500:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary-700:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-darker) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary-hover:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary\/5:hover{background-color:color-mix(in srgb,var(--brand) 5.1%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary\/80:hover{background-color:color-mix(in srgb,var(--brand) 80%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary\/90:hover{background-color:color-mix(in srgb,var(--brand) 90.2%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-purple-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-purple-500\/20:hover{background-color:#a855f733!important}
.qc-ui.qc-ui .hover\:bg-purple-700:hover{--tw-bg-opacity:1!important;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-red-400\/10:hover{background-color:#f871711a!important}
.qc-ui.qc-ui .hover\:bg-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-red-500\/10:hover{background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-red-500\/20:hover{background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-red-600:hover{--tw-bg-opacity:1!important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-red-700:hover{--tw-bg-opacity:1!important;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-white\/20:hover{background-color:#fff3!important}
.qc-ui.qc-ui .hover\:bg-white\/30:hover{background-color:#ffffff4d!important}
.qc-ui.qc-ui .hover\:bg-yellow-50:hover{--tw-bg-opacity:1!important;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-\[\#2db000\]:hover{--tw-text-opacity:1!important;color:rgb(45 176 0 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-\[\#32c800\]:hover{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:text-\[\#32c800\]\/80:hover{color:color-mix(in srgb,var(--brand) 80%,transparent)!important}
.qc-ui.qc-ui .hover\:text-danger-400:hover{--tw-text-opacity:1!important;color:rgb(248 113 113 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-dark-100:hover{--tw-text-opacity:1!important;color:rgb(var(--dark-100) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-dark-200:hover{--tw-text-opacity:1!important;color:rgb(var(--dark-200) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-dark-50:hover{--tw-text-opacity:1!important;color:rgb(var(--dark-50) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-primary-300:hover{--tw-text-opacity:1!important;color:rgb(112 255 147 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-primary-400:hover{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand-light) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:text-primary-hover:hover{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:text-red-300:hover{--tw-text-opacity:1!important;color:rgb(252 165 165 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-red-400:hover{--tw-text-opacity:1!important;color:rgb(248 113 113 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-zinc-700:hover{--tw-text-opacity:1!important;color:rgb(63 63 70 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:underline:hover{text-decoration-line:underline!important}
.qc-ui.qc-ui .hover\:opacity-80:hover{opacity:.8!important}
.qc-ui.qc-ui .hover\:opacity-90:hover{opacity:.9!important}
.qc-ui.qc-ui .hover\:shadow-glow-primary:hover{--tw-shadow:0 0 20px color-mix(in srgb,var(--brand) 30%,transparent)!important;--tw-shadow-colored:0 0 20px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .hover\:brightness-110:hover{--tw-brightness:brightness(1.1)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}
.qc-ui.qc-ui .hover\:file\:bg-primary-hover::file-selector-button:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:file\:bg-zinc-200::file-selector-button:hover{--tw-bg-opacity:1!important;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .focus\:border-\[\#32c800\]\/50:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}
.qc-ui.qc-ui .focus\:border-\[\#32c800\]\/70:focus{border-color:color-mix(in srgb,var(--brand) 70.2%,transparent)!important}
.qc-ui.qc-ui .focus\:border-primary:focus{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .focus\:border-primary-600\/60:focus{border-color:color-mix(in srgb,var(--brand-dark) 60%,transparent)!important}
.qc-ui.qc-ui .focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}
.qc-ui.qc-ui .focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .focus\:ring-\[\#32c800\]\/20:focus{--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .focus\:ring-\[\#32c800\]\/30:focus{--tw-ring-color:color-mix(in srgb,var(--brand) 30%,transparent)!important}
.qc-ui.qc-ui .focus\:ring-primary:focus{--tw-ring-opacity:1!important;--tw-ring-color:color-mix(in srgb,var(--brand) calc(var(--tw-ring-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .focus\:ring-primary-600\/20:focus{--tw-ring-color:color-mix(in srgb,var(--brand-dark) 20%,transparent)!important}
.qc-ui.qc-ui .focus\:ring-primary\/50:focus{--tw-ring-color:color-mix(in srgb,var(--brand) 50%,transparent)!important}
.qc-ui.qc-ui .focus\:ring-status-error:focus{--tw-ring-opacity:1!important;--tw-ring-color:color-mix(in srgb,var(--danger) calc(var(--tw-ring-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px!important}
.qc-ui.qc-ui .focus\:ring-offset-dark-bg:focus{--tw-ring-offset-color:#000000!important}
.qc-ui.qc-ui .active\:scale-95:active{--tw-scale-x:.95!important;--tw-scale-y:.95!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .active\:scale-\[0\.99\]:active{--tw-scale-x:.99!important;--tw-scale-y:.99!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .active\:opacity-75:active{opacity:.75!important}
.qc-ui.qc-ui .disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}
.qc-ui.qc-ui .disabled\:opacity-40:disabled{opacity:.4!important}
.qc-ui.qc-ui .disabled\:opacity-50:disabled{opacity:.5!important}
.qc-ui.qc-ui .group:hover .group-hover\:text-dark-500{--tw-text-opacity:1!important;color:rgb(var(--dark-500) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .group:hover .group-hover\:text-primary-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .group:hover .group-hover\:opacity-100{opacity:1!important}
.qc-ui.qc-ui .peer:checked~.peer-checked\:translate-x-4{--tw-translate-x:1rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .peer:checked~.peer-checked\:bg-\[\#32c800\]{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
@media (min-width: 640px){.qc-ui.qc-ui .sm\:col-span-2{grid-column:span 2 / span 2!important}
.qc-ui.qc-ui .sm\:block{display:block!important}
.qc-ui.qc-ui .sm\:table-cell{display:table-cell!important}
.qc-ui.qc-ui .sm\:hidden{display:none!important}
.qc-ui.qc-ui .sm\:h-14{height:3.5rem!important}
.qc-ui.qc-ui .sm\:w-36{width:9rem!important}
.qc-ui.qc-ui .sm\:w-40{width:10rem!important}
.qc-ui.qc-ui .sm\:w-44{width:11rem!important}
.qc-ui.qc-ui .sm\:w-48{width:12rem!important}
.qc-ui.qc-ui .sm\:w-56{width:14rem!important}
.qc-ui.qc-ui .sm\:w-64{width:16rem!important}
.qc-ui.qc-ui .sm\:w-auto{width:auto!important}
.qc-ui.qc-ui .sm\:max-w-lg{max-width:32rem!important}
.qc-ui.qc-ui .sm\:max-w-md{max-width:28rem!important}
.qc-ui.qc-ui .sm\:max-w-sm{max-width:24rem!important}
.qc-ui.qc-ui .sm\:flex-none{flex:none!important}
.qc-ui.qc-ui .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qc-ui.qc-ui .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.qc-ui.qc-ui .sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.qc-ui.qc-ui .sm\:flex-row{flex-direction:row!important}
.qc-ui.qc-ui .sm\:flex-wrap{flex-wrap:wrap!important}
.qc-ui.qc-ui .sm\:items-center{align-items:center!important}
.qc-ui.qc-ui .sm\:justify-between{justify-content:space-between!important}
.qc-ui.qc-ui .sm\:gap-2{gap:.5rem!important}
.qc-ui.qc-ui .sm\:gap-3{gap:.75rem!important}
.qc-ui.qc-ui .sm\:gap-4{gap:1rem!important}
.qc-ui.qc-ui .sm\:self-auto{align-self:auto!important}
.qc-ui.qc-ui .sm\:rounded-2xl{border-radius:1rem!important}
.qc-ui.qc-ui .sm\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}
.qc-ui.qc-ui .sm\:p-4{padding:1rem!important}
.qc-ui.qc-ui .sm\:p-6{padding:1.5rem!important}
.qc-ui.qc-ui .sm\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}
.qc-ui.qc-ui .sm\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}
.qc-ui.qc-ui .sm\:text-6xl{font-size:3.75rem!important;line-height:1!important}
.qc-ui.qc-ui .sm\:text-lg{font-size:1.125rem!important;line-height:1.75rem!important}
.qc-ui.qc-ui .sm\:text-xl{font-size:1.25rem!important;line-height:1.75rem!important}}
@media (min-width: 768px){.qc-ui.qc-ui .md\:static{position:static!important}
.qc-ui.qc-ui .md\:absolute{position:absolute!important}
.qc-ui.qc-ui .md\:left-1\/2{left:50%!important}
.qc-ui.qc-ui .md\:col-span-1{grid-column:span 1 / span 1!important}
.qc-ui.qc-ui .md\:col-span-2{grid-column:span 2 / span 2!important}
.qc-ui.qc-ui .md\:block{display:block!important}
.qc-ui.qc-ui .md\:flex{display:flex!important}
.qc-ui.qc-ui .md\:table-cell{display:table-cell!important}
.qc-ui.qc-ui .md\:hidden{display:none!important}
.qc-ui.qc-ui .md\:min-h-96{min-height:24rem!important}
.qc-ui.qc-ui .md\:w-52{width:13rem!important}
.qc-ui.qc-ui .md\:w-72{width:18rem!important}
.qc-ui.qc-ui .md\:w-80{width:20rem!important}
.qc-ui.qc-ui .md\:w-auto{width:auto!important}
.qc-ui.qc-ui .md\:min-w-0{min-width:0px!important}
.qc-ui.qc-ui .md\:flex-none{flex:none!important}
.qc-ui.qc-ui .md\:shrink-0{flex-shrink:0!important}
.qc-ui.qc-ui .md\:-translate-x-1\/2{--tw-translate-x:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}
.qc-ui.qc-ui .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:flex-row{flex-direction:row!important}
.qc-ui.qc-ui .md\:flex-col{flex-direction:column!important}
.qc-ui.qc-ui .md\:flex-wrap{flex-wrap:wrap!important}
.qc-ui.qc-ui .md\:justify-end{justify-content:flex-end!important}
.qc-ui.qc-ui .md\:border-0{border-width:0px!important}
.qc-ui.qc-ui .md\:bg-transparent{background-color:transparent!important}
.qc-ui.qc-ui .md\:p-6{padding:1.5rem!important}
.qc-ui.qc-ui .md\:p-7{padding:1.75rem!important}
.qc-ui.qc-ui .md\:px-0{padding-left:0!important;padding-right:0!important}
.qc-ui.qc-ui .md\:py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}
.qc-ui.qc-ui .md\:pb-0{padding-bottom:0!important}
.qc-ui.qc-ui .md\:pt-0{padding-top:0!important}}
@media (min-width: 1024px){.qc-ui.qc-ui .lg\:block{display:block!important}
.qc-ui.qc-ui .lg\:table{display:table!important}
.qc-ui.qc-ui .lg\:table-cell{display:table-cell!important}
.qc-ui.qc-ui .lg\:hidden{display:none!important}
.qc-ui.qc-ui .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:text-7xl{font-size:4.5rem!important;line-height:1!important}}
@media (min-width: 1280px){.qc-ui.qc-ui .xl\:col-span-2{grid-column:span 2 / span 2!important}
.qc-ui.qc-ui .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media print{.qc-ui.qc-ui .print\:hidden{display:none!important}
.qc-ui.qc-ui .print\:overflow-visible{overflow:visible!important}
.qc-ui.qc-ui .print\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .print\:p-0{padding:0!important}}
.qc-ui.qc-ui .dp-root{position:relative!important;width:100%!important}
.qc-ui.qc-ui .dp-trigger{width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;min-height:42px!important;text-align:left!important;transition:border-color .15s,box-shadow .15s!important}
.qc-ui.qc-ui .dp-cal-icon{width:15px!important;height:15px!important;flex-shrink:0!important}
.qc-ui.qc-ui .dp-value,.qc-ui.qc-ui .dp-placeholder{flex:1!important;font-size:.875rem!important}
.qc-ui.qc-ui .dp-clear{display:flex!important;align-items:center!important;padding:2px!important;flex-shrink:0!important;transition:color .15s!important}
.qc-ui.qc-ui .dp-clear svg{width:13px!important;height:13px!important}
.qc-ui.qc-ui .dp-chevron{width:14px!important;height:14px!important;flex-shrink:0!important;transition:transform .2s ease!important}
.qc-ui.qc-ui .dp-chevron--open{transform:rotate(180deg)!important}
.qc-ui.qc-ui .dp-popup{z-index:9999!important;min-width:288px!important;padding:14px!important}
.qc-ui.qc-ui .dp-header{display:flex!important;align-items:center!important;gap:4px!important;margin-bottom:10px!important}
.qc-ui.qc-ui .dp-nav-btn{width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;flex-shrink:0!important;transition:background .15s!important}
.qc-ui.qc-ui .dp-nav-btn svg{width:14px!important;height:14px!important}
.qc-ui.qc-ui .dp-nav-btn{color:#6e6e73!important}
.qc-ui.qc-ui .dp-nav-btn:hover{background:#0000000f!important}
.qc-ui.qc-ui .dp-month-label{flex:1!important;text-align:center!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:-.01em!important}
.qc-ui.qc-ui .dp-weekdays{display:grid!important;grid-template-columns:repeat(7,1fr)!important;margin-bottom:4px!important}
.qc-ui.qc-ui .dp-weekday{text-align:center!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.04em!important;padding:4px 0!important}
.qc-ui.qc-ui .dp-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:2px!important}
.qc-ui.qc-ui .dp-day{aspect-ratio:1!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:.8rem!important;font-weight:400!important;transition:background .12s,color .12s!important;cursor:pointer!important}
.qc-ui.qc-ui .dp-day{color:#1d1d1f!important}
.qc-ui.qc-ui .dp-day:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 10.2%,transparent)!important;color:#1d1d1f!important}
.qc-ui.qc-ui .dp-day--other{opacity:.2!important;cursor:default!important}
.qc-ui.qc-ui .dp-day--disabled{opacity:.25!important;cursor:not-allowed!important}
.qc-ui.qc-ui .dp-day--today{font-weight:700!important;border:1px solid color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui.qc-ui.qc-ui .dp-day--today{color:var(--brand)!important}
.qc-ui.qc-ui .dp-day--selected{font-weight:700!important;border:none!important}
.qc-ui.qc-ui.qc-ui.qc-ui .dp-day--selected{background:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important}
.qc-ui.qc-ui .dp-footer{margin-top:10px!important;padding-top:10px!important;border-top:1px solid!important;display:flex!important;justify-content:center!important}
.qc-ui.qc-ui .dp-footer{border-color:#0000000f!important}
.qc-ui.qc-ui .dp-today-btn{font-size:.75rem!important;font-weight:600!important;color:var(--brand)!important;padding:4px 12px!important;border-radius:6px!important;transition:background .15s!important}
.qc-ui.qc-ui .dp-today-btn:hover{background:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .dp-pop-enter-active,.qc-ui.qc-ui .dp-pop-leave-active{transition:opacity .15s ease,transform .15s ease!important}
.qc-ui.qc-ui .dp-pop-enter-from,.qc-ui.qc-ui .dp-pop-leave-to{opacity:0!important;transform:translateY(-6px) scale(.98)!important}
.qc-ui.qc-ui .phin-root{position:relative!important;display:flex!important;align-items:stretch!important;width:100%!important;border-radius:12px!important;overflow:visible!important;border:1px solid!important}
.qc-ui.qc-ui .phin-root{border-color:#0000001f!important}
.qc-ui.qc-ui .phin-root:focus-within{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 7.8%,transparent)!important}
.qc-ui.qc-ui .phin-root--disabled{opacity:.5!important;pointer-events:none!important}
.qc-ui.qc-ui .phin-code-btn{display:flex!important;align-items:center!important;gap:4px!important;padding:0 10px!important;flex-shrink:0!important;border-radius:11px 0 0 11px!important;cursor:pointer!important;transition:background .15s!important;min-width:84px!important;white-space:nowrap!important}
.qc-ui.qc-ui .phin-code-btn:hover{background:#0000000a!important}
.qc-ui.qc-ui .phin-flag{font-size:18px!important;line-height:1!important}
.qc-ui.qc-ui .phin-code{font-size:13px!important;font-weight:600!important;letter-spacing:-.01em!important}
.qc-ui.qc-ui .phin-code{color:#1d1d1f!important}
.qc-ui.qc-ui .phin-chevron{width:12px!important;height:12px!important;flex-shrink:0!important;transition:transform .2s ease!important}
.qc-ui.qc-ui .phin-chevron{color:#86868b!important}
.qc-ui.qc-ui .phin-chevron--open{transform:rotate(180deg)!important}
.qc-ui.qc-ui .phin-input{flex:1!important;min-width:0!important;padding:10px 12px!important;font-size:.875rem!important;border-radius:0 11px 11px 0!important;border:none!important;outline:none!important;background:transparent!important}
.qc-ui.qc-ui .phin-input::-moz-placeholder{color:#86868b!important}
.qc-ui.qc-ui .phin-input::placeholder{color:#86868b!important}
.qc-ui.qc-ui .phin-dropdown{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;z-index:9999!important;width:300px!important;border-radius:14px!important;overflow:hidden!important}
.qc-ui.qc-ui .phin-search-wrap{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border-bottom:1px solid!important}
.qc-ui.qc-ui .phin-search-wrap{border-color:#00000012!important}
.qc-ui.qc-ui .phin-search-icon{width:14px!important;height:14px!important;flex-shrink:0!important}
.qc-ui.qc-ui .phin-search{flex:1!important;font-size:.8rem!important;border:none!important;outline:none!important;background:transparent!important}
.qc-ui.qc-ui .phin-search::-moz-placeholder{color:#86868b!important}
.qc-ui.qc-ui .phin-search::placeholder{color:#86868b!important}
.qc-ui.qc-ui .phin-list{list-style:none!important;margin:0!important;padding:6px!important;max-height:240px!important;overflow-y:auto!important;scrollbar-width:thin!important}
.qc-ui.qc-ui .phin-list{scrollbar-color:rgba(0,0,0,.15) transparent!important}
.qc-ui.qc-ui .phin-item{display:flex!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;border-radius:8px!important;cursor:pointer!important;transition:background .1s!important}
.qc-ui.qc-ui .phin-item:hover{background:#0000000d!important}
.qc-ui.qc-ui.qc-ui.qc-ui .phin-item--active{background:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui.qc-ui.qc-ui .phin-item--active .phin-item-name{color:var(--brand)!important}
.qc-ui.qc-ui .phin-item-flag{font-size:17px!important;line-height:1!important;flex-shrink:0!important}
.qc-ui.qc-ui .phin-item-name{flex:1!important;font-size:.8rem!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.qc-ui.qc-ui .phin-item-code{font-size:.75rem!important;font-weight:600!important;flex-shrink:0!important;font-variant-numeric:tabular-nums!important}
.qc-ui.qc-ui .phin-empty{padding:12px 10px!important;font-size:.8rem!important;text-align:center!important}
.qc-ui.qc-ui .phin-pop-enter-active,.qc-ui.qc-ui .phin-pop-leave-active{transition:opacity .15s ease,transform .15s ease!important}
.qc-ui.qc-ui .phin-pop-enter-from,.qc-ui.qc-ui .phin-pop-leave-to{opacity:0!important;transform:translateY(-6px) scale(.98)!important}
.qc-ui.qc-ui .btn-danger{border-radius:.5rem!important;--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity,1)*100%),transparent)!important;padding:.5rem 1rem!important;font-weight:600!important;--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-danger:hover{--tw-bg-opacity:1!important;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))!important}
.qc-ui.qc-ui .card-hover{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}
.qc-ui.qc-ui .card-hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}
.qc-ui.qc-ui .card-hover{--tw-border-opacity:1!important;border-color:rgb(228 228 231/var(--tw-border-opacity,1))!important}
.qc-ui.qc-ui .card-hover{border-radius:.75rem!important;border-width:1px!important;padding:1rem!important;cursor:pointer!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .card-hover:hover{border-color:color-mix(in srgb,var(--brand) 30%,transparent)!important}
.qc-ui.qc-ui .badge-warning{background-color:color-mix(in srgb,var(--warn) 15%,transparent)!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity,1)*100%),transparent)!important}
.qc-ui.qc-ui .badge-info,.qc-ui.qc-ui .badge-warning{border-radius:9999px!important;padding:.125rem .625rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important;--tw-text-opacity:1!important}
.qc-ui.qc-ui .badge-info{background-color:rgba(59,130,246,.15)!important;color:rgb(59 130 246/var(--tw-text-opacity,1))!important}
.qc-ui.qc-ui .badge-muted{--tw-text-opacity:1!important;color:rgb(113 113 122/var(--tw-text-opacity,1))!important}
.qc-ui.qc-ui .badge-muted{border-radius:9999px!important;--tw-bg-opacity:1!important;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))!important;padding:.125rem .625rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important}
@media (max-width:640px){.qc-ui.qc-ui.qc-ui.qc-ui input,.qc-ui.qc-ui.qc-ui.qc-ui select,.qc-ui.qc-ui.qc-ui.qc-ui textarea{font-size:16px!important}}
@media (min-width:640px){.qc-ui.qc-ui .sm\:max-w-\[1024px\]{max-width:1024px!important}
.qc-ui.qc-ui .sm\:max-w-\[480px\]{max-width:480px!important}
.qc-ui.qc-ui .sm\:max-w-\[640px\]{max-width:640px!important}
.qc-ui.qc-ui .sm\:max-w-\[768px\]{max-width:768px!important}
.qc-ui.qc-ui .sm\:max-w-\[896px\]{max-width:896px!important}
.qc-ui.qc-ui .sm\:items-start{align-items:flex-start!important}
.qc-ui.qc-ui .sm\:px-4{padding-left:1rem!important;padding-right:1rem!important}
.qc-ui.qc-ui .sm\:py-8{padding-top:2rem!important;padding-bottom:2rem!important}}

/* 22. `.qcui-thumbs` / `.qcui-thumb` — the strip of photos attached to an answer.
       A square, cropped, evenly-sized thumbnail row: photos arrive from a phone
       camera at every aspect ratio, and letting each keep its own shape turns an
       evidence strip into a ragged collage. `object-fit:cover` crops rather than
       distorts — a squashed photo of a damaged seal is worse than a cropped one.
       Empty collapses, so a question with no photo reserves no space. */
.qc-ui.qc-ui.qc-ui .qcui-thumbs{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin-top:4px!important}
.qc-ui.qc-ui.qc-ui .qcui-thumbs:empty{display:none!important}
.qc-ui.qc-ui.qc-ui .qcui-thumb{width:56px!important;height:56px!important;object-fit:cover!important;border-radius:6px!important;border:1px solid #d4d4d8!important;display:block!important}

/* 21. `.qcui-secbar` — a numbered SECTION HEADER with a count. "1. PHOTO CHECKS 3".
       It is sticky, so the operator always knows which section they are answering
       while the list scrolls; a modal preview cancels that with
       `.qcui-secbar-flat`, because sticky inside a short scrolling box pins the
       header to the wrong edge. The count is a chip, not plain text, so the
       number never reads as part of the section name. */
.qc-ui.qc-ui.qc-ui .qcui-secbar{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 12px!important;background:var(--brand-tint)!important;border-bottom:1px solid #e5e7eb!important;position:sticky!important;top:0!important;z-index:2!important}
.qc-ui.qc-ui.qc-ui .qcui-secbar-flat{position:static!important}
.qc-ui.qc-ui.qc-ui .qcui-secbar-no{font-size:13px!important;font-weight:800!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui.qc-ui .qcui-secbar-name{flex:1!important;min-width:0!important;font-size:13px!important;font-weight:800!important;letter-spacing:.02em!important;color:var(--brand-darker)!important;text-transform:uppercase!important}
.qc-ui.qc-ui.qc-ui .qcui-secbar-count{padding:1px 8px!important;border-radius:9px!important;background:#fff!important;color:var(--brand-dark)!important;font-size:11px!important;font-weight:700!important;flex:0 0 auto!important}

/* 20. `.qcui-photo` — the ADD A PHOTO button. A native <input type="file"> is
       painted by the operating system and cannot be styled at all, so the control
       is a LABEL carrying the chrome with the real input stretched invisibly
       across it: the whole square is the tap target, and `capture` still opens
       the camera on a phone. (QCUI.fileDrop is the other half of this pair — a
       drop ZONE for a document; this is a single icon button for a snapshot.)

       `z-index:10001` is load-bearing, not a guess. index.html:4878 forces
       `position:relative; z-index:9999 !important` on EVERY input, select and
       textarea, so a photo button standing next to a field was painted OVER by
       that field and became invisible while measuring as present — the same
       stacking trap CLAUDE.md records for the qc-select panel. The number must
       stay above 9999 and above the kit's own 10000 island.

       It is an outline button, not a solid one: a solid block always reads as
       LARGER than an outlined control of identical size, so beside a 38px field
       it looked wrong at the same measured height. */
.qc-ui.qc-ui.qc-ui .qcui-photo{position:relative!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:var(--qcui-ctl,38px)!important;height:var(--qcui-ctl,38px)!important;z-index:10001!important;overflow:hidden!important;cursor:pointer!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:var(--brand-dark)!important;padding:0!important;margin:0!important;transition:background-color .12s,border-color .12s!important}
.qc-ui.qc-ui.qc-ui .qcui-photo:hover{background:var(--brand-tint)!important;border-color:var(--brand)!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui.qc-ui .qcui-photo:focus-within{outline:2px solid var(--brand)!important;outline-offset:-2px!important}
.qc-ui.qc-ui.qc-ui .qcui-photo svg{width:16px!important;height:16px!important;display:block!important}
/* The real input: full-bleed and invisible, so the LABEL is the visible target.
   Width/height on the input itself — not just inset — is what actually contains
   Chrome's "Choose file / No file chosen" widget, which is far wider than a
   38px square and otherwise spills across the field beside it. */
.qc-ui.qc-ui.qc-ui .qcui-photo input[type="file"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;padding:0!important;margin:0!important;border:none!important;background:none!important;font-size:0!important;z-index:1!important}
/* Read-only (a preview, or a submitted run): the affordance is SHOWN, not offered. */
.qc-ui.qc-ui.qc-ui .qcui-photo-ro{cursor:default!important;color:var(--neutral)!important;background:#fafafa!important}

/* 19. A FIELD'S EDGE HAS TO BE VISIBLE. MES-Lite draws `.input` / `.select` with
       a #e4e4e7 border on a #fafafa fill inside a #ffffff card. Measured, that
       border is 1.22:1 against the card and 1.22:1 against its own fill — below
       the threshold where an edge reads as an edge at all, so a field looks like
       a faintly tinted patch and a reader asks whether the line failed to draw.
       Reported on the UI Kit page, and it is every input in the app, not one.

       Raised to `--neutral` (2.54:1), the app's existing edge grey — a token,
       not a new literal, so there is one place to change it. Deliberately NOT
       taken to the 3:1 that WCAG 1.4.11 asks of a control boundary: at that
       weight every field in the app reads as a heavy outlined box, and the edge
       is not the only thing identifying a field here — each one carries a label
       above it and a fill distinct from the card. The focus ring, which IS the
       state that must be unmistakable, is unchanged and well above 3:1. */
.qc-ui.qc-ui.qc-ui .input,.qc-ui.qc-ui.qc-ui .select,.qc-ui.qc-ui.qc-ui .qcui-ta{border-color:var(--neutral)!important}
/* ONE field border (user, 16 Sep 2026): the dropdown (.qcs-btn) and the date /
   time picker (.dp-trigger) drew a pale #e4e4e7 edge beside the darker edge of
   every typed field, so a form read as two kinds of control. They take the same
   border, the same hover and the same clicked ring as .input. */
.qc-ui.qc-ui.qc-ui .qcs-btn,.qc-ui.qc-ui.qc-ui .qcui-pick .dp-trigger{border-color:var(--neutral)!important}
.qc-ui.qc-ui.qc-ui .qcs-btn:hover:not([disabled]),.qc-ui.qc-ui.qc-ui .qcui-pick .dp-trigger:hover:not(:disabled){border-color:var(--neutral)!important}
.qc-ui.qc-ui.qc-ui .qcs-btn:focus-visible,.qc-ui.qc-ui.qc-ui .qcs.qcs-open .qcs-btn,.qc-ui.qc-ui.qc-ui .qcui-pick .dp-trigger:focus-visible{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}
.qc-ui.qc-ui.qc-ui .input:focus,.qc-ui.qc-ui.qc-ui .select:focus,.qc-ui.qc-ui.qc-ui .qcui-ta:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}

/* 18. `.qcui-seg` — the SEGMENTED ANSWER control (Yes/No, Yes/No/N/A, OK/Not OK/
       N/A, Pass/Fail). The kit had no such component, so the checklist drew its
       own `.ckl-seg-btn` with `min-width:54px` and `padding:0 14px` — three of
       those need ~200px, the Answer column gave 138px, and the third button
       wrapped onto its own line. A wrapped answer control is not a styling
       nit: the operator reads the row as "Yes / No" with a stray "N/A" below.

       So the options SHARE the width instead of demanding it: `flex:1 1 0` with
       `min-width:0`, which makes 2, 3 or 4 options fit one row at whatever width
       the column gives, and the group never wraps. The label is centred and
       ellipsised rather than allowed to break the line.

       The SELECTED state is keyed off `aria-pressed="true"` + `data-kind`, not a
       class — aria-pressed is the correct semantic for a toggle button, so the
       screen reader and the stylesheet read the same source of truth instead of
       a class the styling has to be told about. Colours are the FIXED status
       tokens (pass green / fail red / na grey), never Branding: a green Yes must
       mean the same thing for every tenant (the --sev-* rule).
       Every state declares colour AND background together, with its own :hover
       twin in the same rule — index.html's global `button:hover` would otherwise
       out-specify the chosen state and make a selected answer unreadable
       (CLAUDE.md, the colour-pair bug class). */
.qc-ui.qc-ui.qc-ui .qcui-seg{display:flex!important;align-items:stretch!important;gap:6px!important;width:100%!important;flex-wrap:nowrap!important}
.qc-ui.qc-ui.qc-ui .qcui-seg-btn{flex:1 1 0!important;min-width:0!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 6px!important;margin:0!important;border-radius:8px!important;border:1px solid #d1d5db!important;background:#f9fafb!important;color:#374151!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;cursor:pointer!important;transition:background-color .12s,border-color .12s!important}
.qc-ui.qc-ui.qc-ui .qcui-seg-btn:hover{background:#f3f4f6!important;color:#111827!important;border-color:#9ca3af!important}
.qc-ui.qc-ui.qc-ui .qcui-seg-btn[aria-pressed="true"][data-kind="pass"],.qc-ui.qc-ui.qc-ui .qcui-seg-btn[aria-pressed="true"][data-kind="pass"]:hover{background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-seg-btn[aria-pressed="true"][data-kind="fail"],.qc-ui.qc-ui.qc-ui .qcui-seg-btn[aria-pressed="true"][data-kind="fail"]:hover{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-seg-btn[aria-pressed="true"][data-kind="na"],.qc-ui.qc-ui.qc-ui .qcui-seg-btn[aria-pressed="true"][data-kind="na"]:hover{background:var(--neutral)!important;border-color:var(--neutral)!important;color:#fff!important}
/* "pick" — a CHOICE, not an answer (21 Sep 2026): the weekdays a schedule
   repeats on. Selected reads in the brand colour, like a selected tab. */
.qc-ui.qc-ui.qc-ui .qcui-seg-btn[aria-pressed="true"][data-kind="pick"],.qc-ui.qc-ui.qc-ui .qcui-seg-btn[aria-pressed="true"][data-kind="pick"]:hover{background:var(--brand)!important;border-color:var(--brand)!important;color:var(--brand-contrast)!important}
/* Read-only (a preview, or a submitted run): the same control, inert. */
.qc-ui.qc-ui.qc-ui .qcui-seg-ro .qcui-seg-btn{cursor:default!important;color:#6b7280!important;background:#fafafa!important}
/* On a phone this is tapped with a thumb, at a gate, often in gloves: 44px is
   the minimum target, not a preference. The desktop row is 38px to keep a dense
   table dense, so the height is raised here rather than lowered there. */
@media (max-width:640px){.qc-ui.qc-ui.qc-ui .qcui-seg-btn{height:44px!important}}
/*    `.qcui-seg-field` — a segmented CHOICE inside a form ("Ends: Never | On a date
   | After"): the same height, radius and border as the fields around it, in
   place of radio buttons each dragging its own box (user, 22 Sep 2026: "just
   adding radio boxes is not UI design"). */
.qc-ui.qc-ui.qc-ui .qcui-seg.qcui-seg-field .qcui-seg-btn{height:42px!important;border-radius:.75rem!important;font-weight:500!important}
.qc-ui.qc-ui.qc-ui .qcui-seg.qcui-seg-field .qcui-seg-btn:not([aria-pressed="true"]){border-color:var(--neutral)!important;background:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-seg.qcui-seg-field .qcui-seg-btn:not([aria-pressed="true"]):hover{background:#f9fafb!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui .qcui-seg.qcui-seg-field .qcui-seg-btn{height:44px!important}}

/* 17. `.qcui-span-all` — a field that takes the WHOLE width of a form grid, at
       every breakpoint (a guidance line, a comma-separated list, an upload).
       Tailwind only ships the utilities MES-Lite happened to use, so reaching
       for `lg:col-span-4` here produced a class that does not exist and the
       field silently sat in one column. One class that means "all of them"
       cannot go stale when a grid changes from 3 columns to 4. */
.qc-ui.qc-ui.qc-ui .qcui-span-all{grid-column:1 / -1!important}

/* 16. `.qcui-btn-dashed` — the "add another one of these" button. It sits at the
       END of a list it extends (add a section, add a row, add an option), which
       is why it is a dashed OUTLINE and full width: it reads as the empty slot
       after the last item rather than as a second primary action competing with
       Save. The kit had no such button, so three screens each drew their own
       (`.ckl-dash-btn`, `.cks-btn-ghost`, `.bc-add-row`) and all three differed.
       It follows Branding, because "add" is neutral — it carries no status. */
.qc-ui.qc-ui.qc-ui .qcui-btn-dashed{display:flex!important;width:100%!important;align-items:center!important;justify-content:center!important;gap:.375rem!important;border-radius:.75rem!important;border:1px dashed color-mix(in srgb,var(--brand) 45%,transparent)!important;background-color:transparent!important;color:var(--brand-dark)!important;padding:.625rem 1rem!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:background-color .15s,border-color .15s!important}
.qc-ui.qc-ui.qc-ui .qcui-btn-dashed:hover{border-color:var(--brand)!important;background-color:color-mix(in srgb,var(--brand) 8%,transparent)!important;color:var(--brand-darker)!important}

/* 15. `qc-ui qcui-island` — a KIT ISLAND inside a page the kit does not draw.
       Some surfaces cannot be kit regions and never will be: a checklist sheet
       is a printable DOCUMENT (build = preview = run = read-back = PDF must be
       one layout), and the kit's preflight would erase its table rules, its
       header strip and its row striping. But a PASS/FAIL chip on that sheet is
       still a STATUS, and a status has to look the same everywhere in this app
       or it stops reading as one — so the answer is never "draw your own chip",
       it is "give the chip a kit region of its own".
       A bare `.qc-ui` root is a PAGE: full height, the page background, hidden
       overflow. Dropped inline it paints a grey block behind the badge. This
       class cancels exactly those three and nothing else, so the kit's ordinary
       descendant rules (badges, icons, buttons) reach what is inside it.

       `display:contents` — the wrapper generates NO BOX AT ALL, so what it wraps
       is laid out exactly as if it were a direct child of the cell, while every
       `.qc-ui …` descendant rule still matches it. `display:inline` was enough
       for a chip and wrong for anything else: an island holding a segmented
       control became an inline box around three flex children and collapsed the
       group's width. With `contents` one island serves a chip, a control, or a
       whole group, which is what makes "wrap it in an island" a rule rather than
       a special case. */
.qc-ui.qc-ui.qcui-island{display:contents!important;height:auto!important;overflow:visible!important;background-color:transparent!important;color:inherit!important}

/* 14. ONE reading size for every control in a kit page: 14px, the same size the
       kit prints body text and button labels at. Typed text must not be a
       different size from the question it answers — the checklist run table had
       13.5px questions beside a 16px remark box, and it read as two documents.
       The kit only defined this on `.input`, so anything drawn as a bare
       <input>/<select>/<textarea> (or given a module class) escaped it and every
       screen then chose its own size. Declared on the ELEMENT so nothing can
       escape it, and left to the 640px block below to raise back to 16px on
       phones, where a smaller value makes iOS Safari zoom the page on focus
       (a functional bug, not a style choice — see CLAUDE.md). That rule carries
       four classes, so it still wins there. */
.qc-ui.qc-ui input,.qc-ui.qc-ui select,.qc-ui.qc-ui textarea{font-size:14px!important}

/* 13. Multi-line text (QCUI.textarea). The kit had `.input` and `.select` and no
       textarea at all, so every screen that needed a comment box invented one.
       It shares the field's dressing exactly, grows with what is typed and then
       scrolls; the drag handle is removed because a manual resize fights the
       auto-size. `field-sizing: content` does this natively in new Chrome — the
       JS grower stays for every other browser and is harmless where it lands.
       Its floor is 42px, the height of `.input` and `.select`: at 38px a one-line
       box measured 40px beside 42px dropdowns in the same table row (15 Sep). */
.qc-ui.qc-ui .qcui-ta{min-height:42px!important;line-height:20px!important;resize:none!important;overflow-y:auto!important}

/* ══ Kit corrections — deliberate deviations from MES-Lite (spec §10). Hand-written, so keep it short. ══ */
/* 1. Status text on a pale tint: MES-Lite's light theme measures below 4.5:1 (e.g. red on a 15% red tint
      is ~2.8:1). Print it in the -800 shade of the SAME colour (-600/-700 still measured 3.4-4.4:1). */
.qc-ui.qc-ui.qc-ui .badge-success{color:var(--ok-darker)!important}
.qc-ui.qc-ui.qc-ui .badge-danger{color:#991b1b!important}
.qc-ui.qc-ui.qc-ui .badge-warning{color:#92400e!important}
.qc-ui.qc-ui.qc-ui .badge-info{color:var(--info-dark)!important}
.qc-ui.qc-ui.qc-ui .badge-muted{color:#52525b!important}
/* The same fault in the status utilities MES-Lite screens paint chips and due dates with. */
.qc-ui.qc-ui.qc-ui .text-red-400,.qc-ui.qc-ui.qc-ui .text-red-500{color:#991b1b!important}
.qc-ui.qc-ui.qc-ui .text-orange-400,.qc-ui.qc-ui.qc-ui .text-orange-500{color:#9a3412!important}
.qc-ui.qc-ui.qc-ui .text-yellow-400,.qc-ui.qc-ui.qc-ui .text-amber-400{color:#92400e!important}
.qc-ui.qc-ui.qc-ui .text-blue-400,.qc-ui.qc-ui.qc-ui .text-blue-500{color:var(--info-dark)!important}
.qc-ui.qc-ui.qc-ui .text-zinc-400{color:#52525b!important}
/* 1b. MES-Lite's "muted" grey (zinc-400, #a1a1aa) is 2.6:1 on white — used for field labels, table
      headers and captions, and #aaa under the phone card buttons. Measured in the browser: zinc-500 still
      reads 4.4:1 on the grey page, so raise both to zinc-600 (#52525b, 7:1 on white, 6.6:1 on the page). */
.qc-ui.qc-ui.qc-ui .theme-text-muted,.qc-ui.qc-ui.qc-ui .field-label,.qc-ui.qc-ui.qc-ui .ta-label{color:#52525b!important}
/* 1c. The small tinted buttons print their label in their own colour on a 10% tint of it: 2.0-3.3:1.
      Use the dark shade of the same colour. The solid danger button uses red-600 (white on red-500 is 3.8:1). */
.qc-ui.qc-ui.qc-ui .btn-sm-primary{color:var(--brand-darker)!important}
.qc-ui.qc-ui.qc-ui .btn-sm-success{color:var(--ok-darker)!important}
.qc-ui.qc-ui.qc-ui .btn-sm-warning{color:#92400e!important}
.qc-ui.qc-ui.qc-ui .btn-sm-danger{color:#991b1b!important}
.qc-ui.qc-ui.qc-ui .btn-danger{background-color:var(--danger-dark)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .btn-danger:hover{background-color:#b91c1c!important}
/* 2. index.html paints every table header near-black (`table th`). MES-Lite's headers are light and set
      only a grey colour, so without this the kit would show grey-on-black. Set BOTH halves of the pair. */
.qc-ui.qc-ui th{background-color:transparent!important;color:inherit!important}
.qc-ui.qc-ui tbody tr:hover{background-color:transparent!important}
/* 2b. MES-Lite's html/body rules land on the .qc-ui WRAPPER itself (it is the kit's "page"). Two of
      them only make sense for a whole document: height:100% and overflow-x:hidden. A wrapper sits
      inside SFM's own page, so it sizes to its content. A wrapper that only carries a popup or a
      message (qc-ui-portal) must also paint nothing, or its page-grey would cover the screen. */
.qc-ui.qc-ui.qc-ui{height:auto!important;overflow:visible!important}
.qc-ui.qc-ui.qc-ui.qc-ui-portal{background-color:transparent!important}
/* 4. Kit-own classes used by qc-ui.js where MES-Lite typed its green in the MARKUP
      (AppToggle's own green background utility, AppToast success). A selected switch follows the Branding colour;
      a "saved" message is a meaning, so it stays the fixed --ok. */
.qc-ui.qc-ui .qcui-switch-on{background-color:var(--brand)!important;border-color:transparent!important}
.qc-ui.qc-ui .qcui-toast-ok-bar{background-color:var(--ok)!important}
.qc-ui.qc-ui .qcui-toast-ok-icon{background-color:color-mix(in srgb,var(--ok) 15%,transparent)!important;color:var(--ok-darker)!important}
/* 5. index.html prints an emoji before every section heading (`main section h2::before { content:'📋' }`,
      plus per-section ones up to (1,2,2) specificity). Kit headings carry no pseudo-content. */
.qc-ui.qc-ui.qc-ui :is(h1,h2,h3,h4,h5,h6)::before{content:none!important;display:none!important}
/* 6. Kit-own purple badge. MES-Lite has no purple badge; SFM needs one for the fixed "Custom checklist"
      category (green Standard / purple Custom, CLAUDE.md). Same geometry as .badge-*, dark text on the tint. */
.qc-ui.qc-ui .qcui-badge-purple{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:color-mix(in srgb,var(--purple) 20%,transparent)!important;color:#5b21b6!important}
/* 7. Tooltip for any control that shows no text (the icon buttons). Geometry copied from MES-Lite
      ActionIconBtn.vue `.aib__tip` (fixed, dark bubble, 11px semibold, 7px radius, arrow). Drawn by
      qc-ui.js on <body>, so no row, card or table can clip it. */
.qc-ui.qc-ui .qcui-tip{position:fixed!important;z-index:100003!important;background:#1a1a1a!important;border:1px solid rgba(255,255,255,.12)!important;color:#f0f0f0!important;font-size:.6875rem!important;font-weight:600!important;letter-spacing:.02em!important;padding:.3125rem .625rem!important;border-radius:.4375rem!important;white-space:nowrap!important;pointer-events:none!important;box-shadow:0 4px 16px rgba(0,0,0,.5)!important;opacity:0!important;transition:opacity .1s ease,transform .1s ease!important;transform:translateY(3px)!important;max-width:min(320px,92vw)!important;overflow:hidden!important;text-overflow:ellipsis!important}
.qc-ui.qc-ui .qcui-tip.qcui-tip-on{opacity:1!important;transform:translateY(0)!important}
.qc-ui.qc-ui .qcui-tip-arrow{position:absolute!important;width:0!important;height:0!important;border-left:5px solid transparent!important;border-right:5px solid transparent!important}
.qc-ui.qc-ui .qcui-tip-above .qcui-tip-arrow{bottom:-5px!important;border-top:5px solid #1a1a1a!important}
.qc-ui.qc-ui .qcui-tip-below .qcui-tip-arrow{top:-5px!important;border-bottom:5px solid #1a1a1a!important}
@media (prefers-reduced-motion:reduce){.qc-ui.qc-ui .qcui-tip{transition:none!important;transform:none!important}}
/* 8. Date / time / date-and-time pickers. The calendar is MES-Lite's AppDatePicker (.dp-*, pulled in
      from its own dist chunk); the time columns and the shared bits below are kit-own, drawn to match it.
      The NATIVE input stays in the DOM as the value (see qc-ui.js) — it must not be display:none, or it
      leaves the form and stops being focusable, so it is sized to the wrapper and made invisible.
      The class is written TWICE on purpose (16 Sep 2026). `!important` on both sides is settled by
      specificity, and index.html carries
        `input:not([type="submit"]):not([type="button"]):not([disabled]) { opacity:1!important;
         pointer-events:auto!important }`
      — :not() counts its argument, so that selector is (0,3,1) and out-ranked the fence's (0,3,0):
      the native input behind EVERY kit date field computed opacity:1; pointer-events:auto. Harmless
      only because the trigger sits on top (z-index 1); any layout where it does not would expose the
      browser's own date control. Doubling the class makes the fence (0,4,0), which wins. Measured
      before and after on Audit Log and Log Sample Transactions. */
.qc-ui.qc-ui .qcui-pick{position:relative!important;width:100%!important}
.qc-ui.qc-ui .qcui-pick-native.qcui-pick-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.qc-ui.qc-ui .qcui-pick .dp-trigger{position:relative!important;z-index:1!important;background-color:#fafafa!important;border:1px solid #e4e4e7!important;border-radius:.75rem!important;color:#18181b!important}
.qc-ui.qc-ui .qcui-pick .dp-trigger:hover:not(:disabled){border-color:#d4d4d8!important}
.qc-ui.qc-ui .qcui-pick .dp-trigger:focus-visible,.qc-ui.qc-ui .qcui-pick .dp-trigger.qcui-pick-open{border-color:color-mix(in srgb,var(--brand) 50%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)!important;outline:none!important}
.qc-ui.qc-ui .qcui-pick-panel{position:fixed!important;z-index:100001!important;background-color:#fff!important;border:1px solid #e4e4e7!important;border-radius:1rem!important;box-shadow:0 20px 45px rgba(0,0,0,.18)!important;padding:14px!important;min-width:288px!important}
.qc-ui.qc-ui .dp-day--selected{background-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important}
.qc-ui.qc-ui .dp-day--today:not(.dp-day--selected){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 55%,transparent)!important}
/* Time columns: hours | minutes, each its own scroller — the PANEL never scrolls, or the title and the
   footer scroll away and a 24-item list has nothing to anchor against (the qc-select lesson). */
.qc-ui.qc-ui .qcui-tp{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.qc-ui.qc-ui .qcui-tp-head{font-size:.7rem!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#52525b!important;text-align:center!important;padding:2px 0 6px!important}
.qc-ui.qc-ui .qcui-tp-col{max-height:208px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding-right:2px!important}
.qc-ui.qc-ui .qcui-tp-opt{min-height:34px!important;border-radius:.5rem!important;font-size:.8125rem!important;font-weight:500!important;color:#18181b!important;background:transparent!important;border:0!important;cursor:pointer!important;padding:0 8px!important;font-variant-numeric:tabular-nums!important}
.qc-ui.qc-ui .qcui-tp-opt:hover{background-color:#f4f4f5!important}
.qc-ui.qc-ui .qcui-tp-opt.qcui-on{background-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important}
.qc-ui.qc-ui .qcui-pick-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid #e4e4e7!important}
.qc-ui.qc-ui .qcui-pick-foot button{font-size:.75rem!important;font-weight:600!important;padding:6px 10px!important;border-radius:.5rem!important;border:1px solid #e4e4e7!important;background:#fff!important;color:#18181b!important;cursor:pointer!important;min-height:32px!important}
.qc-ui.qc-ui .qcui-pick-foot button:hover{background:#f4f4f5!important}
/* Phone: the panel is a bottom sheet — one anchored under a field low on a short screen with the
   keyboard up is unreachable (same rule as the kit's popup and qc-select). */
@media (max-width:720px){
  .qc-ui.qc-ui .qcui-pick-panel{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;min-width:0!important;border-radius:1.5rem 1.5rem 0 0!important;padding:16px!important;max-height:82vh!important;overflow:auto!important}
  .qc-ui.qc-ui .qcui-tp-col{max-height:34vh!important}
  .qc-ui.qc-ui .qcui-tp-opt{min-height:44px!important;font-size:1rem!important}
  .qc-ui.qc-ui .dp-day{font-size:1rem!important}
}
.qc-ui.qc-ui .qcui-pick-backdrop{position:fixed!important;inset:0!important;z-index:100000!important;background:transparent!important}
@media (max-width:720px){.qc-ui.qc-ui .qcui-pick-backdrop{background:rgba(0,0,0,.45)!important}}
/* 9. From-To range picker (kit-own, matching the calendar above and the app's existing green
      From->To calendar in Quality Walkabout analytics). The two ENDS use .dp-day--selected; the days
      between get a tint of the same colour, so the run reads as one block. */
.qc-ui.qc-ui .dp-day--in{background-color:color-mix(in srgb,var(--brand) 14%,transparent)!important;border-radius:0!important}
.qc-ui.qc-ui .dp-day--in-start{border-radius:.5rem 0 0 .5rem!important}
.qc-ui.qc-ui .dp-day--in-end{border-radius:0 .5rem .5rem 0!important}
.qc-ui.qc-ui .qcui-rg-ends{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important}
.qc-ui.qc-ui .qcui-rg-end{flex:1!important;min-width:0!important;border:1px solid #e4e4e7!important;border-radius:.75rem!important;padding:8px 10px!important;background:#fafafa!important}
.qc-ui.qc-ui .qcui-rg-end.qcui-on{border-color:color-mix(in srgb,var(--brand) 55%,transparent)!important;background:color-mix(in srgb,var(--brand) 8%,#fff)!important}
.qc-ui.qc-ui .qcui-rg-l{font-size:.65rem!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#52525b!important}
.qc-ui.qc-ui .qcui-rg-v{font-size:.8125rem!important;font-weight:600!important;color:#18181b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.qc-ui.qc-ui .qcui-rg-arrow{color:#52525b!important;flex:0 0 auto!important}
.qc-ui.qc-ui .qcui-rg-presets{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:10px!important}
.qc-ui.qc-ui .qcui-rg-preset{font-size:.72rem!important;font-weight:600!important;padding:5px 10px!important;min-height:30px!important;border-radius:999px!important;border:1px solid #e4e4e7!important;background:#fff!important;color:#3f3f46!important;cursor:pointer!important}
.qc-ui.qc-ui .qcui-rg-preset:hover{background:#f4f4f5!important}
.qc-ui.qc-ui .qcui-pick-foot .qcui-rg-apply{background-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important;border-color:transparent!important}
/* 10. A field with a button attached ("e.g. Machine 1" + Add). The user reported the button sitting
      a few pixels off the input: a button sized by padding and an input sized by min-height never match
      by accident. Stretching the row makes the button take the input's OWN height, whatever that is,
      so they can never drift apart again. On a phone the button drops to its own full-width line. */
.qc-ui.qc-ui .qcui-field-row{display:flex!important;align-items:stretch!important;gap:8px!important}
.qc-ui.qc-ui .qcui-field-row>.input,.qc-ui.qc-ui .qcui-field-row>.select{flex:1 1 auto!important;min-width:0!important}
.qc-ui.qc-ui .qcui-field-row>button{flex:0 0 auto!important;margin-top:0!important;white-space:nowrap!important}
@media (max-width:720px){
  .qc-ui.qc-ui .qcui-field-row{flex-wrap:wrap!important}
  .qc-ui.qc-ui .qcui-field-row>button{width:100%!important;min-height:44px!important}
}
/* 11. The DROPDOWN. A native <select>'s option list is painted by the operating system and cannot be
      styled at all, which is why this app already draws a real one (qc-select.js: a styled panel with a
      SEARCH box, used on 147 selects). The kit reuses that widget rather than building a second one —
      these rules only make it wear the kit's shape, so a dropdown, an input and a date picker are the
      same control at 42px with the same border, radius and focus ring. */
.qc-ui.qc-ui .qcs{width:100%!important}
.qc-ui.qc-ui .qcs-btn{min-height:42px!important;height:auto!important;padding:0 12px!important;border-radius:.75rem!important;border:1px solid #e4e4e7!important;background-color:#fafafa!important;color:#18181b!important;font-family:inherit!important;font-size:.875rem!important;font-weight:400!important;box-shadow:none!important;width:100%!important;display:flex!important;align-items:center!important;gap:8px!important}
.qc-ui.qc-ui .qcs-btn:hover:not([disabled]){border-color:#d4d4d8!important;background-color:#fafafa!important}
.qc-ui.qc-ui .qcs-btn:focus-visible,.qc-ui.qc-ui .qcs.qcs-open .qcs-btn{border-color:color-mix(in srgb,var(--brand) 50%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)!important;outline:none!important}
.qc-ui.qc-ui .qcs-btn.qcs-empty .qcs-label{color:#71717a!important}
.qc-ui.qc-ui .qcs-caret{color:#71717a!important;border-style:solid!important;border-width:0 2px 2px 0!important;border-color:currentColor!important}
/*   ^ The arrow IS a border (qc-select.css: border-right + border-bottom, rotated). The kit's reset sets every
       border inside .qc-ui to 0, which silently removed the arrow from every kit dropdown until this line. */
.qc-ui.qc-ui .qcs-panel,.qc-ui.qc-ui .qcs-sheet{border-radius:1rem!important;border:1px solid #e4e4e7!important;background-color:#fff!important;box-shadow:0 20px 45px rgba(0,0,0,.18)!important;font-family:inherit!important}
.qc-ui.qc-ui .qcs-search input{min-height:40px!important;border-radius:.75rem!important;border:1px solid #e4e4e7!important;background-color:#fafafa!important;font-size:.875rem!important;color:#18181b!important}
.qc-ui.qc-ui .qcs-search input:focus{border-color:color-mix(in srgb,var(--brand) 50%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)!important;outline:none!important}
.qc-ui.qc-ui .qcs-opt{min-height:40px!important;border-radius:.5rem!important;font-size:.875rem!important;color:#18181b!important}
.qc-ui.qc-ui .qcs-opt:hover{background-color:#f4f4f5!important}
.qc-ui.qc-ui .qcs-opt.qcs-active{background-color:color-mix(in srgb,var(--brand) 12%,transparent)!important;color:#18181b!important}
.qc-ui.qc-ui .qcs-tick{color:var(--brand)!important}
@media (max-width:720px){.qc-ui.qc-ui .qcs-btn{min-height:44px!important;font-size:1rem!important}.qc-ui.qc-ui .qcs-opt{min-height:46px!important;font-size:1rem!important}}
/* 12. The rest of the vocabulary (user, 11 Sep: "add every UI element to the kit"). MES-Lite draws these
      with utility classes in the MARKUP and types its green there (arbitrary-value classes and inline
      `style="background:…"`), so the geometry below is copied from those templates and only the colours
      become tokens.
      Sources: tabs = HierarchyManagementView / PestControlReadingsView / StorageConfigView pill tabs;
      soft button, chips, person row, avatar, choice card = platform/CompanyGroupsView; pagination =
      components/admin/DataTable; tiles = CalibrationDashboardView; notice = the red strip used in 4 views;
      progress = PlansAndBillingView; drop zone = the 2 views with `border-2 border-dashed`. Text printed in
      the Branding colour uses --brand-darker: the accent itself on white is 2.2:1 for Starengts green. */
/* 12a. Secondary button follows Branding (user): white, a Branding edge, darker Branding text. */
.qc-ui.qc-ui.qc-ui .btn-secondary{background-color:#fff!important;border-color:color-mix(in srgb,var(--brand) 45%,transparent)!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui.qc-ui .btn-secondary:hover{background-color:color-mix(in srgb,var(--brand) 8%,#fff)!important;border-color:var(--brand)!important;color:var(--brand-darker)!important}
/* 12a-2. Cancel / Close — a NEUTRAL grey button (user, 12 Sep: "we have no button like Cancel"; with a red
         Branding, Cancel beside Save beside Delete read as three red buttons). It is MES-Lite's own .btn-secondary
         look (zinc-100 fill, zinc-200 edge, zinc-900 text), kept under its own name since .btn-secondary now
         follows Branding. Use it for every button that backs out: Cancel, Close, Back. */
.qc-ui.qc-ui.qc-ui .qcui-btn-cancel{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.375rem!important;border-radius:.5rem!important;border:1px solid #e4e4e7!important;background-color:#f4f4f5!important;color:#18181b!important;padding:.5rem 1rem!important;font-weight:600!important;cursor:pointer!important;transition:background-color .2s,border-color .2s!important}
.qc-ui.qc-ui.qc-ui .qcui-btn-cancel:hover{background-color:#e4e4e7!important;border-color:#d4d4d8!important;color:#18181b!important}
/* 12a-3. ONE gutter. The kit pads its pages itself (px-4 = 16px); the app pads <main> (5px) and every
         <section> (15px) as well, so a kit page sat inside ~36px of white either side on a phone
         (reported). qc-ui.js measures the host padding it is actually sitting in and publishes it as
         --qcui-host-pad-*; this rule cancels exactly that. It must be a RULE, not an inline style:
         everything inside .qc-ui is !important, including Tailwind's `margin:0` reset. */
.qc-ui.qc-ui.qc-ui[data-qcui-gutter]{margin-left:calc(-1 * var(--qcui-host-pad-l,0px))!important;margin-right:calc(-1 * var(--qcui-host-pad-r,0px))!important}
/* 12a-4. A reference with a copy button (QCUI.ref): CHK-YYYY-NNNN and every other id a person
         quotes. The button is quiet until the row is hovered or it is focused, so a table of them
         does not turn into a wall of icons. */
.qc-ui.qc-ui .qcui-ref{display:inline-flex!important;align-items:center!important;gap:.25rem!important}
.qc-ui.qc-ui .qcui-ref-copy{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border:0!important;border-radius:.375rem!important;background:transparent!important;color:#71717a!important;cursor:pointer!important;opacity:0!important;transition:opacity .15s,background-color .15s,color .15s!important;flex-shrink:0!important}
.qc-ui.qc-ui .qcui-ref:hover .qcui-ref-copy,.qc-ui.qc-ui tr:hover .qcui-ref-copy,.qc-ui.qc-ui .qcui-ref-copy:focus-visible{opacity:1!important}
.qc-ui.qc-ui .qcui-ref-copy:hover{background-color:#f4f4f5!important;color:#18181b!important}
.qc-ui.qc-ui .qcui-ref-copy.qcui-ref-done{opacity:1!important;color:var(--tone-green-solid)!important}
@media (hover:none){.qc-ui.qc-ui .qcui-ref-copy{opacity:1!important}}
/* 12a-5. Popups keep the SAME side gutter as a page on a phone/tablet: 16px, not the desktop 24px
         (user — "double padding in almost all modals"). Header, body and footer move together, or
         the title stops lining up with the fields under it. */
@media (max-width:720px){
  .qc-ui.qc-ui [role="dialog"]>div{padding-left:16px!important;padding-right:16px!important}
  .qc-ui.qc-ui [role="dialog"] .px-6{padding-left:16px!important;padding-right:16px!important}
}
/* 12a-6. Number tiles: as many per row as fit. It must be a CLASS — index.html has a phone rule
         `div[style*="grid-template-columns"]{grid-template-columns:1fr!important}` that matches ANY
         element carrying that inline style, so an inline template silently became one column. */
.qc-ui.qc-ui .qcui-tiles{display:grid!important;gap:.75rem!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
@media (max-width:420px){.qc-ui.qc-ui .qcui-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}}
/* 12b. Text in the Branding colour: a group label and a link. */
.qc-ui.qc-ui .qcui-group-brand{color:var(--brand-darker)!important}
.qc-ui.qc-ui .qcui-link{color:var(--brand-darker)!important;background:transparent!important;border:0!important;padding:0!important;font-weight:600!important;text-decoration:none!important;cursor:pointer!important}
.qc-ui.qc-ui .qcui-link:hover{color:var(--brand-darker)!important;background:transparent!important;text-decoration:underline!important}
/* 12c. Pill tabs. Selected = a Branding tint with a Branding edge, so the open tab is never in doubt. */
.qc-ui.qc-ui .qcui-tabs{display:flex!important;gap:.5rem!important;overflow-x:auto!important;padding-bottom:.25rem!important;scrollbar-width:none!important}
.qc-ui.qc-ui .qcui-tab{display:flex!important;align-items:center!important;gap:.375rem!important;padding:.5rem .875rem!important;border-radius:9999px!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;flex-shrink:0!important;border:1px solid #e4e4e7!important;background-color:#fff!important;color:#52525b!important;cursor:pointer!important;transition:all .15s ease!important}
.qc-ui.qc-ui .qcui-tab:hover{border-color:#d4d4d8!important;background-color:#fff!important;color:#3f3f46!important}
.qc-ui.qc-ui .qcui-tab.qcui-tab-on,.qc-ui.qc-ui .qcui-tab.qcui-tab-on:hover{background-color:color-mix(in srgb,var(--brand) 15%,#fff)!important;border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important;color:var(--brand-darker)!important;font-weight:600!important}
.qc-ui.qc-ui .qcui-tab-count{font-size:11px!important;font-weight:600!important;padding:0 .4rem!important;border-radius:9999px!important;background-color:#f4f4f5!important;color:#52525b!important}
.qc-ui.qc-ui .qcui-tab-on .qcui-tab-count{background-color:#fff!important;color:var(--brand-darker)!important}
/* 12d. Soft Branding button ("Assign User"), and a tinted Branding choice when ticked. */
.qc-ui.qc-ui .qcui-soft{background-color:color-mix(in srgb,var(--brand) 10%,#fff)!important;color:var(--brand-darker)!important;border:0!important;cursor:pointer!important}
.qc-ui.qc-ui .qcui-soft:hover{background-color:color-mix(in srgb,var(--brand) 18%,#fff)!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui .qcui-choice{border-color:#e4e4e7!important;background-color:#fafafa!important}
.qc-ui.qc-ui .qcui-choice.qcui-choice-on{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important;background-color:color-mix(in srgb,var(--brand) 6%,#fff)!important}
.qc-ui.qc-ui .qcui-choice-tick{color:var(--brand-darker)!important;display:none!important}
.qc-ui.qc-ui .qcui-choice-on .qcui-choice-tick{display:block!important}
.qc-ui.qc-ui .qcui-accent{accent-color:var(--brand)!important;width:1rem!important;height:1rem!important;flex-shrink:0!important;cursor:pointer!important}
/* 12e. Avatar (initials on the Branding colour) and the remove "x" on a person or a chip. */
.qc-ui.qc-ui .qcui-avatar{background-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important}
.qc-ui.qc-ui .qcui-remove{color:#b91c1c!important;background-color:transparent!important;border:0!important;cursor:pointer!important}
.qc-ui.qc-ui .qcui-remove:hover{color:#991b1b!important;background-color:#fee2e2!important}
/* 12f. Fold-open panel: the chevron turns when open. */
.qc-ui.qc-ui .qcui-collapse-head{width:100%!important;background:transparent!important;border:0!important;text-align:left!important;cursor:pointer!important;color:inherit!important}
.qc-ui.qc-ui .qcui-collapse-head:hover{background:transparent!important;color:inherit!important}
.qc-ui.qc-ui .qcui-chev{transition:transform .2s ease!important}
.qc-ui.qc-ui [data-qcui-open="1"] > .qcui-collapse-head .qcui-chev{transform:rotate(180deg)!important}
/* 12g. Pagination: the current page is solid Branding. */
.qc-ui.qc-ui .qcui-page{padding:.375rem .75rem!important;border-radius:.5rem!important;font-size:.75rem!important;border:1px solid #e4e4e7!important;background-color:#fff!important;color:#52525b!important;cursor:pointer!important;min-width:2rem!important}
.qc-ui.qc-ui .qcui-page:hover:not(:disabled){border-color:#d4d4d8!important;background-color:#fff!important;color:#18181b!important}
.qc-ui.qc-ui .qcui-page:disabled{opacity:.4!important;cursor:not-allowed!important}
.qc-ui.qc-ui .qcui-page.qcui-page-on,.qc-ui.qc-ui .qcui-page.qcui-page-on:hover{background-color:var(--brand)!important;border-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important;font-weight:600!important}
/* 12h. Number tiles — a coloured bottom edge and number; the colour is a MEANING, so fixed tokens
        (except "brand", for a count that carries no meaning). */
.qc-ui.qc-ui .qcui-tile{border-bottom-width:4px!important}
.qc-ui.qc-ui .qcui-tile-grey{border-bottom-color:#d4d4d8!important}.qc-ui.qc-ui .qcui-tile-grey .qcui-tile-n{color:#18181b!important}
.qc-ui.qc-ui .qcui-tile-brand{border-bottom-color:var(--brand)!important}.qc-ui.qc-ui .qcui-tile-brand .qcui-tile-n{color:var(--brand-darker)!important}
.qc-ui.qc-ui .qcui-tile-ok{border-bottom-color:var(--ok)!important}.qc-ui.qc-ui .qcui-tile-ok .qcui-tile-n{color:var(--ok-darker)!important}
.qc-ui.qc-ui .qcui-tile-danger{border-bottom-color:var(--danger)!important}.qc-ui.qc-ui .qcui-tile-danger .qcui-tile-n{color:#991b1b!important}
.qc-ui.qc-ui .qcui-tile-warn{border-bottom-color:var(--warn)!important}.qc-ui.qc-ui .qcui-tile-warn .qcui-tile-n{color:#92400e!important}
.qc-ui.qc-ui .qcui-tile-info{border-bottom-color:var(--info)!important}.qc-ui.qc-ui .qcui-tile-info .qcui-tile-n{color:var(--info-dark)!important}
/* 12i. Notice strip (info / success / warning / error): a 10% tint, a 20% edge, the -800 text. */
.qc-ui.qc-ui .qcui-note{display:flex!important;gap:.625rem!important;align-items:flex-start!important;padding:.75rem!important;border-radius:.75rem!important;border:1px solid transparent!important;font-size:.75rem!important;line-height:1.1rem!important}
.qc-ui.qc-ui .qcui-note-info{background-color:color-mix(in srgb,var(--info) 10%,#fff)!important;border-color:color-mix(in srgb,var(--info) 30%,transparent)!important;color:var(--info-dark)!important}
.qc-ui.qc-ui .qcui-note-success{background-color:color-mix(in srgb,var(--ok) 10%,#fff)!important;border-color:color-mix(in srgb,var(--ok) 30%,transparent)!important;color:var(--ok-darker)!important}
.qc-ui.qc-ui .qcui-note-warning{background-color:color-mix(in srgb,var(--warn) 10%,#fff)!important;border-color:color-mix(in srgb,var(--warn) 35%,transparent)!important;color:#92400e!important}
.qc-ui.qc-ui .qcui-note-error{background-color:color-mix(in srgb,var(--danger) 10%,#fff)!important;border-color:color-mix(in srgb,var(--danger) 25%,transparent)!important;color:#991b1b!important}
/* 12j. Progress bar. MES-Lite's track is theme-bg-surface, which is white-on-white inside a card. */
.qc-ui.qc-ui .qcui-bar-track{height:.375rem!important;background-color:#e4e4e7!important;border-radius:9999px!important;overflow:hidden!important}
.qc-ui.qc-ui .qcui-bar{height:100%!important;border-radius:9999px!important;background-color:var(--brand)!important;transition:width .3s ease!important}
.qc-ui.qc-ui .qcui-bar-ok{background-color:var(--ok)!important}.qc-ui.qc-ui .qcui-bar-warn{background-color:var(--warn)!important}.qc-ui.qc-ui .qcui-bar-danger{background-color:var(--danger)!important}
/* 12k. File / photo drop zone. */
.qc-ui.qc-ui .qcui-drop{border:2px dashed #d4d4d8!important;border-radius:.75rem!important;background-color:#fafafa!important;cursor:pointer!important;color:#52525b!important}
.qc-ui.qc-ui .qcui-drop:hover,.qc-ui.qc-ui .qcui-drop.qcui-drop-over{border-color:var(--brand)!important;background-color:color-mix(in srgb,var(--brand) 6%,#fff)!important;color:#3f3f46!important}
/* 3. index.html fixes phone textareas and fields at 44px high (!important). Kit fields size themselves. */
.qc-ui.qc-ui input,.qc-ui.qc-ui select,.qc-ui.qc-ui textarea{height:auto!important;line-height:1.5!important;z-index:auto!important;outline:none!important;position:static!important}
/*    (index.html also makes every field position:relative, which lifts it OVER the search box's magnifier icon.) */

/* 24. A STACKED FIELD CARRIES ITS OWN VERTICAL RHYTHM.
       MES-Lite's field has no margin because over there it only ever sits in a
       `formGrid` — a grid whose `gap-4` supplies the spacing. Stack the same
       fields as plain siblings (a modal form, a card, anything not a grid) and
       they collapse to NO gap: on Email Configuration the SUBJECT label sat
       directly on the box above it, and the first label sat on the card's
       subtitle (user, 13 Sep).

       This is the Fleet builder-drawer defect again, and CLAUDE.md already
       names it: "geometry copied out of a drawer is not automatically right in
       a modal". A component must not depend on a container the caller has to
       remember — that is a rule nobody can obey reliably, and the failure is
       silent.

       So the KIT owns it: every field wrapper carries `.qcui-field`, each one
       takes a top margin, the first in its box takes none, and inside a grid or
       a flex row the CONTAINER's gap owns the rhythm instead so the two can
       never add up. */
.qc-ui.qc-ui.qc-ui .qcui-field{margin-top:1rem!important;margin-bottom:0!important}
/*    margin-bottom is stated too (review, 14 Sep): index.html gives every .form-group
      margin-bottom:15px, and User Management's fields are .form-group AND kit fields,
      so the two margins stacked into ~40px gaps. The kit owns BOTH sides of the gap. */
/*    A section title and the content under it are never flush. */
.qc-ui.qc-ui.qc-ui [data-qcui="section-title"]+*{margin-top:1rem!important}
.qc-ui.qc-ui.qc-ui .qcui-field:first-child{margin-top:0!important}
.qc-ui.qc-ui.qc-ui .grid>.qcui-field,.qc-ui.qc-ui.qc-ui .flex>.qcui-field,.qc-ui.qc-ui.qc-ui .form-row>.qcui-field{margin-top:0!important}
/*    `.form-row` is the APP's form layout (index.html makes it a grid with a gap),
      so it owns the rhythm exactly like `.grid`. Missing from this list, User
      Management's fields got the kit margin PLUS the grid gap: 31px instead of
      ~16px (measured, review 14 Sep). */

/* 25. Two controls the settings screens need and MES-Lite has no equivalent of.
       Both are in the kit rather than on the screen because Branding is not the
       only place that will ever show a logo or pick a colour.
       `.qcui-color` needs explicit sizing with !important: correction 3 resets
       every input inside .qc-ui to height:auto, and a native colour swatch with
       no height collapses to a sliver. */
.qc-ui.qc-ui.qc-ui .qcui-logo-prev{width:96px!important;height:96px!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e4e4e7!important;border-radius:.625rem!important;background:#fff!important;overflow:hidden!important;color:#94a3b8!important;font-size:12px!important}
.qc-ui.qc-ui.qc-ui .qcui-logo-prev img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.qc-ui.qc-ui.qc-ui input[type=color].qcui-color{width:44px!important;height:38px!important;flex:0 0 auto!important;padding:2px!important;border:1px solid #d4d4d8!important;border-radius:.5rem!important;background:#fff!important;cursor:pointer!important}

/* 26. THE TOGGLE HAS TO BE VISIBLE WHEN IT IS OFF.
       MES-Lite paints the OFF track with `theme-bg-hover` + `theme-border`,
       which on its grey page reads fine — but this app puts the toggle inside a
       WHITE card, where both compute to near-white and the control disappears
       entirely. The user reported the Security 2FA switch as "not even visible":
       all that showed was the white knob floating on white (13 Sep).
       So the kit gives the track its own grey fill and a real border in BOTH
       states, and an inset shadow so it reads as a groove rather than a chip.
       ON keeps the brand fill — that one was never the problem. */
.qc-ui.qc-ui.qc-ui .qcui-switch{background-color:#e4e4e7!important;border:1px solid #a1a1aa!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.10)!important}
.qc-ui.qc-ui.qc-ui .qcui-switch-on{background-color:var(--brand)!important;border-color:var(--brand)!important;box-shadow:none!important}
.qc-ui.qc-ui.qc-ui .qcui-switch>div{box-shadow:0 1px 3px rgba(0,0,0,.28)!important;border:1px solid rgba(0,0,0,.06)!important}

/* 27. TABLE RHYTHM BELONGS TO THE KIT, NOT TO EVERY ROW RENDERER.
       Cell padding was being added screen by screen — User Management and Audit
       Log got it, Master Data's fifteen renderers did not, so its rows sat at
       42px and the edit and delete icons in consecutive rows almost touched
       (user, 14 Sep). Asking every renderer to remember the same four numbers is
       the same losing bet as asking every caller to remember `.input`.
       So a table inside .qc-ui gets the rhythm by default: one cell padding, one
       row rule, a middle baseline. A screen that wants something else still
       wins, because a utility class carries the same !important and is declared
       later — this only supplies the floor. */
.qc-ui.qc-ui.qc-ui table{border-collapse:collapse!important;width:100%!important}
.qc-ui.qc-ui.qc-ui thead th{padding:.75rem 1rem!important;vertical-align:middle!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#71717a!important;background:transparent!important;border:0!important;border-bottom:1px solid #d4d4d8!important;white-space:nowrap!important}
/*    Every header cell draws the SAME style and the SAME underline. A header was
      being styled by its own class, so one written slightly differently
      (`text-align:right` without a space) kept the old bold look AND left a gap
      in the underline under Actions (user, 14 Sep). text-align is deliberately
      NOT set here, so a right-aligned Actions column stays right-aligned. */
.qc-ui.qc-ui.qc-ui thead{border:0!important}
.qc-ui.qc-ui.qc-ui tbody td{padding:.75rem 1rem!important;vertical-align:middle!important;font-size:.875rem!important}
.qc-ui.qc-ui.qc-ui tbody tr{border-bottom:1px solid #e4e4e7!important}
.qc-ui.qc-ui.qc-ui tbody tr:last-child{border-bottom:0!important}

/* 28. Back bar + breadcrumb — the piece a drill-down screen needs and the kit
       did not have, so Master Data hand-made one. Its button declared
       background, border and padding !important but left font-size plain, so the
       kit's own !important reset beat that half and the label rendered LARGER
       than everything around it — the colour-pair bug in typography. Owning the
       component is the fix; a screen no longer writes any of this. */
.qc-ui.qc-ui.qc-ui .qcui-backbar{display:flex!important;align-items:center!important;gap:.75rem!important;flex-wrap:wrap!important;margin:0 0 1rem!important}
.qc-ui.qc-ui.qc-ui .qcui-crumbs{display:flex!important;align-items:center!important;gap:.5rem!important;min-width:0!important}
.qc-ui.qc-ui.qc-ui .qcui-crumb-sep{opacity:.45!important}

/* 29. A KIT BUTTON IS INLINE, SO TWO OF THEM SIT SIDE BY SIDE.
       primaryButton/secondaryButton carry `flex items-center gap-1.5` so the
       icon and the label line up — but `flex` is BLOCK level, so two buttons as
       siblings stack vertically. Master Data's "Add Truck Type" and "Cancel"
       ended up one under the other (user, 14 Sep). inline-flex keeps the label
       alignment and puts them back on one line, with no wrapper required. */
.qc-ui.qc-ui.qc-ui button.btn-primary,.qc-ui.qc-ui.qc-ui button.btn-secondary{display:inline-flex!important;vertical-align:middle!important;align-items:center!important;justify-content:center!important;text-align:center!important}
/*    Centring is stated with the display (review, 14 Sep): a button carrying only
      `btn-primary` — without the helper `flex items-center` — became inline-flex
      with the default flex-start, and "Submit checklist" sat in the top-left
      corner of a 48px bar. display + align + justify are one decision. */
.qc-ui.qc-ui.qc-ui button.btn-primary+button,.qc-ui.qc-ui.qc-ui button.btn-secondary+button{margin-left:.75rem!important}

/* 30. The row being edited in a register. Two Master Data lists painted it with
       an inline brand tint; a row state is the kit's to draw, so it is a class. */
.qc-ui.qc-ui.qc-ui tr.qcui-row-editing>td{background-color:color-mix(in srgb,var(--brand) 8%,#fff)!important}

/* 31. TOOLBAR — a search box and its buttons on ONE line, one baseline.
       Hand-built rows used items-end, so a 42px search box sat beside 38px
       buttons with their bottoms aligned and their centres not; the refresh
       icon floated. items-center aligns centres; the search takes the rest. */
/*    A TOOLBAR LINES UP ON ITS CONTROL ROW, NOT ON THE MIDDLE OF A STACK.
      `align-items:center` centres each child against the TALLEST one. Every
      toolbar built from an unlabelled `data-qcui="search"` looked right because
      box and buttons are the same height — but put a LABELLED field in one
      (Stations' Plant picker) and the field becomes label+control tall, so its
      centre sits ~12px below the select's own centre and the Refresh button
      floats above the box it belongs to (user, screenshot 19 Sep 2026).
      flex-end puts every control on the same bottom edge, which is the input
      row, and is identical to centre wherever the heights already match. */
.qc-ui.qc-ui.qc-ui .qcui-toolbar{display:flex!important;align-items:flex-end!important;gap:.75rem!important;flex-wrap:wrap!important}
/*    ...and an ICON button standing next to a form control matches that control's
      height. `.btn-icon` is 30px because it lives in table rows; beside a 42px
      select its bottom edge lines up while its CENTRE sits 6px low, which is what
      the eye actually reads (measured: control mid 214, button mid 220). Square,
      42px, only inside a toolbar — table rows keep their 30px. */
.qc-ui.qc-ui.qc-ui .qcui-toolbar>.btn-icon{height:2.625rem!important;min-height:2.625rem!important;width:2.625rem!important;min-width:2.625rem!important}
.qc-ui.qc-ui.qc-ui .qcui-toolbar-grow{flex:1 1 260px!important;min-width:0!important}
.qc-ui.qc-ui.qc-ui .qcui-toolbar>button{margin:0!important}

/* 32. A FIELD BORDER STATES ITS STYLE, NOT ONLY ITS WIDTH AND COLOUR.
       The kit set `border-width:1px` and a border colour on `.input` and never
       `border-style`, so the BROWSER'S default for a text input survived:
       `inset`. An inset border paints the top and left edges dark and the bottom
       and right edges light, which read as a box with no bottom line — on
       Branding's "or enter URL", and in the kit's own gallery (user, 14 Sep).
       Measured: border-bottom-style computed `inset` with a correct 1px width.
       The same matched-trio bug as the colour pair and the 30x44 icon — width,
       colour and style are one property split three ways, and setting two of
       them leaves the third to whatever was there. */
.qc-ui.qc-ui.qc-ui .input,.qc-ui.qc-ui.qc-ui .select,.qc-ui.qc-ui.qc-ui input,.qc-ui.qc-ui.qc-ui select,.qc-ui.qc-ui.qc-ui textarea{border-style:solid!important}
.qc-ui.qc-ui.qc-ui input[type=checkbox],.qc-ui.qc-ui.qc-ui input[type=radio]{border-style:none!important}
/*    ...and every other bordered kit box. A `.card` (or a `.border*` utility) states
      width and colour only, so a card that IS a <button> — Station Mode's check
      rows — kept the browser's button default `outset` and lost its left edge
      (measured: border-style outset on all four sides, review 14 Sep). */
.qc-ui.qc-ui.qc-ui .card,.qc-ui.qc-ui.qc-ui .border,.qc-ui.qc-ui.qc-ui button.btn-secondary,.qc-ui.qc-ui.qc-ui button.btn-primary,.qc-ui.qc-ui.qc-ui .btn-icon{border-style:solid!important}
/*    A ONE-SIDED divider states the style of ITS side only. Setting border-style on
      all four sides of `.border-t` revealed the three sides that were never meant to
      be drawn: an unset border-width is `medium` (3px), invisible only while the
      style is `none`. The checklist run detail showed its "Resume & finish this run"
      divider as a box that looked like an empty input field (user, 15 Sep). */
.qc-ui.qc-ui.qc-ui .border-t{border-top-style:solid!important}
.qc-ui.qc-ui.qc-ui .border-b{border-bottom-style:solid!important}
.qc-ui.qc-ui.qc-ui .border-l{border-left-style:solid!important}
.qc-ui.qc-ui.qc-ui .border-r{border-right-style:solid!important}

/* 33. A stat tile is as tall as its content on a phone.
       Dashboards size KPI cards to match chart cards (`#…KpiRow > div
       {min-height:330px}` in index.html) so a desktop row lines up. On a phone
       the cards stack two-up and that height is pure empty space — the Master
       Data Analytics tiles were 330px tall around one number (user review,
       14 Sep). Desktop is unchanged. */
@media (max-width:720px){.qc-ui.qc-ui.qc-ui .qcui-tile{min-height:0!important}}

/* 34. AN INLINE display:none ALWAYS WINS INSIDE THE KIT.
       Every kit utility is !important, so `class="btn-secondary flex"` beats a
       plain `style="display:none"` — and screens hide and show controls exactly
       that way (`cancelEditBtn.style.display = 'none'`). Correction 29 made kit
       buttons inline-flex !important, and User Management's "Cancel Edit" showed
       permanently (review, 14 Sep). CLAUDE.md already warned of this trap for
       wrappers; it is fixed here once, for every element, instead of asking each
       screen to remember. The attribute selector tracks the live style attribute,
       so `el.style.display = ''` shows the element again as before. */
/*    Specificity matters: `.qc-ui.qc-ui.qc-ui button.btn-secondary` is (0,4,1) and
      also !important, so a (0,4,0) hide rule LOST and the button stayed visible —
      measured on the first try. The attribute is repeated to reach (0,6,0),
      above anything the kit declares. */
.qc-ui.qc-ui.qc-ui.qc-ui [style*="display:none"][style*="display:none"],.qc-ui.qc-ui.qc-ui.qc-ui [style*="display: none"][style*="display: none"]{display:none!important}

/* 35. PHONE CARDS — <table data-qcui-cards> is one labelled card per row on a phone.
       The min-width qc-tables.js sets to make a table scroll is cancelled here, only
       for tables that opted in. Values are right-aligned against their label;
       the action cell becomes a right-aligned row of icons at the card's foot. */
@media (max-width:720px){
.qc-ui.qc-ui.qc-ui table[data-qcui-cards]{min-width:0!important;width:100%!important;border-collapse:separate!important}
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] thead{display:none!important}
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody,.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody tr{display:block!important;width:100%!important}
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody tr{border:1px solid #e4e4e7!important;border-radius:.75rem!important;padding:.5rem .75rem!important;margin:0 0 .75rem!important;background:#fff!important}
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody tr:last-child{border-bottom:1px solid #e4e4e7!important;margin-bottom:0!important}
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody td{padding:.375rem 0!important;border:0!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
/*    A GRID, not flex (review, 14 Sep): as flex, a cell with two children (a date
      over a time) spread them apart, and one long text node could not shrink, so
      Audit Log's Details was clipped mid-word. Label in column 1; every child of
      the cell stacks in column 2, which is minmax(0,1fr) so text wraps. */
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody td[data-label]{display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,1fr)!important;column-gap:.75rem!important;align-items:center!important;text-align:right!important}
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody td[data-label]::before{content:attr(data-label)!important;grid-column:1!important;grid-row:1 / span 6!important;align-self:center!important;text-align:left!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#71717a!important}
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody td[data-label]>*{grid-column:2!important;justify-self:end!important;max-width:100%!important}
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody td[data-qcui-cell="actions"]{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.5rem!important;border-top:1px solid #f4f4f5!important;margin-top:.25rem!important;padding-top:.5rem!important}
.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody td[data-qcui-cell="span"]{display:block!important;text-align:center!important}
/* the box around a card register is no longer a bordered scroller on a phone */
.qc-ui.qc-ui.qc-ui .qcui-cards-box{border:0!important;overflow:visible!important}
.qc-ui.qc-ui.qc-ui .qcui-cards-box>.overflow-x-auto{overflow:visible!important}
}

/* 36. KIOSK SIZE — a device on the shop floor, used at arm's length, often in
       gloves. `class="qc-ui qcui-kiosk"` raises every control to a 48px touch
       target and 16px text at EVERY width (the phone rule only starts below
       720px, and a kiosk is usually a 10-inch tablet above it). Station Mode is
       the first user. */
.qc-ui.qc-ui.qc-ui.qcui-kiosk button.btn-primary,.qc-ui.qc-ui.qc-ui.qcui-kiosk button.btn-secondary,.qc-ui.qc-ui.qc-ui.qcui-kiosk .qcui-kiosk-btn{min-height:48px!important;padding-left:1.25rem!important;padding-right:1.25rem!important;font-size:1rem!important}
.qc-ui.qc-ui.qc-ui.qcui-kiosk .btn-icon{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
.qc-ui.qc-ui.qc-ui.qcui-kiosk .btn-icon svg{width:22px!important;height:22px!important}
.qc-ui.qc-ui.qc-ui.qcui-kiosk .input{min-height:48px!important;font-size:1rem!important}













/* 23. AN ACTION ICON IS A SQUARE, AND IT HAS TO SAY SO ON BOTH AXES.
       index.html's phone block carries a bare `button { min-height:44px }`
       (@media screen and (max-width:768px)) with NO min-width. `min-height` is
       a DIFFERENT PROPERTY from `height`, so it CLAMPS the kit's
       `height:30px!important` however specific that rule is — `!important`
       cannot win an argument it is not part of. The button grew on one axis
       only and rendered 30x44: a rectangle where every other screen shows a
       square, reported by the user on the SSO screen.

       This is the colour-pair bug in geometry: a host global set HALF of a
       matched pair, and the half it did not set kept the old value.

       Two rules follow, and they are why this is fixed HERE and not on a screen:
       - the kit states width AND height AND their two min-* clamps together,
         so no host global can ever stretch one axis on its own again;
       - on a phone the kit ADOPTS 44 rather than fighting it. 44px is the right
         thumb target (CLAUDE.md already fixes seg buttons and fields at 44) —
         it simply has to be 44 WIDE as well as 44 tall. The breakpoint matches
         index.html's own 768px, or a button would disagree with itself between
         640 and 768. */
.qc-ui.qc-ui.qc-ui .btn-icon,.qc-ui.qc-ui.qc-ui .btn-icon-add,.qc-ui.qc-ui.qc-ui .btn-icon-admin,.qc-ui.qc-ui.qc-ui .btn-icon-approve,.qc-ui.qc-ui.qc-ui .btn-icon-close,.qc-ui.qc-ui.qc-ui .btn-icon-delete,.qc-ui.qc-ui.qc-ui .btn-icon-delete-outline,.qc-ui.qc-ui.qc-ui .btn-icon-disable,.qc-ui.qc-ui.qc-ui .btn-icon-download,.qc-ui.qc-ui.qc-ui .btn-icon-edit,.qc-ui.qc-ui.qc-ui .btn-icon-enable,.qc-ui.qc-ui.qc-ui .btn-icon-view{min-width:30px!important;min-height:30px!important;width:30px!important;height:30px!important;aspect-ratio:1/1!important;flex:0 0 auto!important}
@media (max-width:768px){.qc-ui.qc-ui.qc-ui .btn-icon,.qc-ui.qc-ui.qc-ui .btn-icon-add,.qc-ui.qc-ui.qc-ui .btn-icon-admin,.qc-ui.qc-ui.qc-ui .btn-icon-approve,.qc-ui.qc-ui.qc-ui .btn-icon-close,.qc-ui.qc-ui.qc-ui .btn-icon-delete,.qc-ui.qc-ui.qc-ui .btn-icon-delete-outline,.qc-ui.qc-ui.qc-ui .btn-icon-disable,.qc-ui.qc-ui.qc-ui .btn-icon-download,.qc-ui.qc-ui.qc-ui .btn-icon-edit,.qc-ui.qc-ui.qc-ui .btn-icon-enable,.qc-ui.qc-ui.qc-ui .btn-icon-view{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}}
/* 37. A TAB IS A THUMB TARGET ON A PHONE, WHEREVER THE KIT IS DRAWN.
       Inside index.html a pill tab reached 44px only by accident: the app's
       phone block gives every bare `button` min-height:44px. A standalone page
       (the Workflow Diagram, loaded in its own iframe) has no such global, so the
       same tab measured 34px there — below the 44px thumb target the kit already
       fixes for icons, seg buttons and fields. The kit states it itself, at the
       same 768px breakpoint as correction 23, so a tab is the same size in every
       page. Inside index.html nothing changes: the tab was already 44px. */
@media (max-width:768px){.qc-ui.qc-ui.qc-ui .qcui-tab{min-height:44px!important}}
/* 38. A TABLE'S LINES ARE ONE DESIGN: a darker rule under the header, light rules
       between rows, the same darker rule closing the last row — no row boxes, no
       vertical lines (user, 15 Sep). Correction 27 drew the row rule on the <tr>
       and set no colour on the cells, so index.html's global
       `table td { border-bottom:1px solid #000 }` still painted every cell black:
       a dark line on every row, broken at each column edge. The kit now owns the
       cell's border COMPLETELY (width + style + colour on every side) and the row
       draws nothing, so no host rule and no row utility (`border-b`) can add one.
       Phone cards (correction 35, <=720px) keep their own borderless cells: these
       rules skip a card table there and apply to it only where it is a table. */
.qc-ui.qc-ui.qc-ui.qc-ui thead th{border-bottom:1px solid #a1a1aa!important}
.qc-ui.qc-ui.qc-ui.qc-ui table:not([data-qcui-cards]) tbody tr{border:0!important}
.qc-ui.qc-ui.qc-ui.qc-ui table:not([data-qcui-cards]) tbody td{border:0!important;border-bottom:1px solid #e4e4e7!important}
.qc-ui.qc-ui.qc-ui.qc-ui table:not([data-qcui-cards]) tbody tr:last-child td{border-bottom:1px solid #a1a1aa!important}
@media (min-width:721px){
.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody tr{border:0!important}
.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody td{border:0!important;border-bottom:1px solid #e4e4e7!important}
.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody tr:last-child td{border-bottom:1px solid #a1a1aa!important}
}
/* 39. A NEUTRAL CONFIRM IS THE PRIMARY ACTION, IN THE COMPANY COLOUR.
       MES-Lite's confirm has danger / warning / info, and the app sent every
       non-destructive question ("Enable SSO for this tenant?", "Cancel this
       checklist run?") as `info` — a fixed Apple blue #3b82f6 beside buttons that
       all follow the tenant accent, so the one button that asks for a decision was
       the one that did not look like the app (user, 15 Sep). `primary` is the
       neutral confirm: brand fill, the measured on-brand text colour, a brand-tinted
       icon ring. Danger stays red and warning amber — those carry meaning and never
       follow the accent. Each state sets colour AND background together. */
.qc-ui.qc-ui .confirm-icon--primary[data-v-1ef71173]{background:color-mix(in srgb,var(--brand) 12%,transparent)!important;border:1.5px solid color-mix(in srgb,var(--brand) 35%,transparent)!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui .confirm-btn--primary[data-v-1ef71173]{background:var(--brand)!important;color:var(--qcui-on-brand,#fff)!important}
.qc-ui.qc-ui .confirm-btn--primary[data-v-1ef71173]:hover{background:var(--brand-dark)!important;color:var(--qcui-on-brand,#fff)!important}

/* 40. EVERY BOX INSIDE THE KIT IS border-box, NOT ONLY THE CLASSLESS ONES.
       The preflight above sets box-sizing only on `*:not([class])`, so a CLASSED
       element — every `.input`, `.card`, `.btn-*` — kept the browser's
       content-box. index.html never showed it: it declares a global
       `*,*::before,*::after{box-sizing:border-box}` that did the job for the kit.
       A STANDALONE page has no such rule. On station.html the sign-on search box
       (`.input pl-9`, width 100%) measured 592 + 36 + 12 + 2 = 642px inside a
       592px modal body; the body scrolled sideways by 24px and the whole popup
       sat flush against its left edge with no margin (user, 15 Sep). Tailwind's
       own preflight — which MES-Lite ships — sets this on every element; the kit
       must too. Fenced like every kit rule but with no !important: it matches
       what index.html already applies (and no app file declares content-box —
       grepped), so nothing there changes. */
.qc-ui.qc-ui *,.qc-ui.qc-ui *::before,.qc-ui.qc-ui *::after{box-sizing:border-box}

/* 41. AN ICON IN A TINTED SQUARE IS AN ICON TILE, NOT A BADGE.
       `qcui-tone-<hue>` is the BADGE: inline-block, pill radius, badge padding,
       nowrap. Screens borrowed it for its colours to draw an icon in a tinted
       square, and the badge's `display:inline-block!important` beat their
       `flex items-center justify-center` — so the station header's place icon
       sat in the top-left corner of its tile (user, 15 Sep). `qcui-icon-tile`
       keeps the tone's colours and replaces the badge geometry: a centred flex
       box with the kit's 12px radius. The size stays with the caller. The
       attribute selector is load-bearing: tone rules are generated AFTER this
       block at the same triple fence, so without it the badge still wins. */
.qc-ui.qc-ui.qc-ui .qcui-icon-tile[class]{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:.75rem!important;white-space:normal!important;vertical-align:middle!important;flex:0 0 auto!important;line-height:1!important}

/* 42. A DENSE REGISTER: `table.qcui-table-dense`.
       Every kit table cell is padded .75rem 1rem — right for a short list, wasteful
       on a wide register. User Management's 7-column list spent 32px between every
       pair of columns while a company name wrapped to five lines (user, 15 Sep).
       The dense table keeps the kit's type and lines and only tightens the cells to
       .625rem .75rem. Desktop only: under 720px the same table is phone cards
       (correction for data-qcui-cards), which keeps its own padding. */
@media (min-width: 721px){.qc-ui.qc-ui.qc-ui table.qcui-table-dense thead th,.qc-ui.qc-ui.qc-ui table.qcui-table-dense tbody td{padding:.625rem .75rem!important}}
/*     …and a phone card is never clipped by it. A desktop register keeps short values
       on one line with `whitespace-nowrap`; inside a phone card the same value has
       half the width, and the User cell's email was cut off at 414px (caught by
       admin-kit-check's card rule). In a card, text wraps. */
@media (max-width: 720px){.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tbody td .whitespace-nowrap{white-space:normal!important;overflow-wrap:anywhere!important}}

/* 43. AN EDITABLE TABLE: `table.qcui-et` (QCUI.editTable / editRow / editDetail).
       A table whose cells are CONTROLS — a checklist builder, a price list, any
       "rows you type into". Every builder drew its own: the Standard Checklist
       builder's item box was a module class (`.cks-input`) that the kit reset
       flattened to 22px with no padding beside 42px dropdowns, and long text was
       cut off (user, 15 Sep). The rules, from the design systems that agree on
       them (Carbon: one field height per page; Material: a long-text field starts
       as one line and grows; Pencil & Paper: rows that grow align to the TOP):
         - every control in a cell is the kit's, so all of them are 42px;
         - long text is QCUI.textarea, which starts at 42px and grows;
         - cells align to the TOP, so a tall row keeps its dropdowns on line one;
         - a cell holding no control (number, tick box, icons) is `static`: a 42px
           flex box, so its content sits centred on that first line;
         - control columns get fixed widths through <col>; text takes the rest;
         - on a phone every row is a card, each cell labelled from its column.
       Correction 38's lines still apply on a computer. Fences are raised where
       they must beat 38's `table:not([data-qcui-cards]) tbody td` (0,5,3). */
.qc-ui.qc-ui.qc-ui .qcui-et-wrap{width:100%!important;overflow-x:auto!important}
.qc-ui.qc-ui.qc-ui table.qcui-et{table-layout:fixed!important;width:100%!important;min-width:900px!important}
.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et thead th{padding:.75rem .5rem!important;white-space:nowrap!important}
.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody td{vertical-align:top!important;padding:.625rem .5rem!important;overflow-wrap:anywhere!important}
.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et thead th:first-child,.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody td:first-child{padding-left:1rem!important}
.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et thead th:last-child,.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody td:last-child{padding-right:1rem!important}
.qc-ui.qc-ui.qc-ui .qcui-et-static{min-height:42px!important;display:flex!important;align-items:center!important;gap:.375rem!important;min-width:0!important}
.qc-ui.qc-ui.qc-ui .qcui-et-center{justify-content:center!important}
.qc-ui.qc-ui.qc-ui .qcui-et-right{justify-content:flex-end!important}
/*     A textarea is inline by default and leaves a descender gap under itself, so
       its cell came out 4px taller than a cell holding an input. */
.qc-ui.qc-ui.qc-ui table.qcui-et textarea{display:block!important;width:100%!important}
.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody tr[data-qcui-tone="info"] td{background-color:var(--tone-sky-bg)!important}
.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody tr.qcui-et-detail td{background-color:#fafafa!important;padding:1rem!important}
.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody tr.qcui-et-detail td::before{content:none!important}
@media (max-width:720px){
.qc-ui.qc-ui.qc-ui .qcui-et-wrap{overflow-x:visible!important}
.qc-ui.qc-ui.qc-ui table.qcui-et{min-width:0!important;border-collapse:separate!important}
.qc-ui.qc-ui.qc-ui table.qcui-et colgroup,.qc-ui.qc-ui.qc-ui table.qcui-et thead{display:none!important}
.qc-ui.qc-ui.qc-ui table.qcui-et tbody,.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody tr{display:block!important;width:100%!important}
.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody tr{border:1px solid #e4e4e7!important;border-radius:.75rem!important;padding:.5rem .75rem!important;margin:0 0 .75rem!important;background-color:#fff!important}
.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody td,.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody tr:last-child td{display:block!important;width:100%!important;padding:.375rem 0!important;border:0!important}
.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody td[data-label]:not([data-label=""])::before{content:attr(data-label)!important;display:block!important;margin-bottom:.25rem!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#71717a!important}
/*     A cell holding a short VALUE (a number, a tick box, the icons) puts its label and
       the value on ONE line; a label stacked above them made every card three lines taller
       than it needed to be (first phone screenshot, 15 Sep). A control keeps its label above. */
.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody td[data-qcui-et="static"]{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important}
.qc-ui.qc-ui.qc-ui.qc-ui.qc-ui table.qcui-et tbody td[data-qcui-et="static"]::before{margin-bottom:0!important;flex:0 0 auto!important}
.qc-ui.qc-ui.qc-ui .qcui-et-static{min-height:44px!important;justify-content:flex-end!important}
}

/* 44. ONE FIELD HEIGHT ON A PHONE, TOO. Under 720px the app's dropdown (`.qcs-btn`,
       correction 11) is 44px — the thumb target — while `.input`, `.select`,
       QCUI.textarea and the date trigger stayed 42px. So a text box sat 2px shorter
       than the dropdown beside it in EVERY phone form: measured on the Standard
       Checklist builder's rows and its header (Description 42 beside Scope 44),
       15 Sep. Every field adopts 44px there; a computer stays at 42px. */
@media (max-width:720px){.qc-ui.qc-ui.qc-ui .input,.qc-ui.qc-ui.qc-ui .select,.qc-ui.qc-ui.qc-ui .qcui-ta,.qc-ui.qc-ui.qc-ui .dp-trigger{min-height:44px!important}}

/* 45. AN INACTIVE ROW IS A KIT STATE: `tr.qcui-row-inactive`. Seven registers (User
       Management and six Master Data lists) each typed `opacity:.55;background:#f6f6f6`
       onto the row by hand, and two more typed the opacity alone — nine copies of one
       look, which admin-kit-check's "no colour typed on an element" caught on User
       Management (15 Sep). The row fades; its cells take the kit's quiet grey. */
.qc-ui.qc-ui.qc-ui.qc-ui tr.qcui-row-inactive{opacity:.55!important}
.qc-ui.qc-ui.qc-ui.qc-ui tr.qcui-row-inactive>td{background-color:#fafafa!important}

/* 46. A READ-ONLY FIELD LOOKS READ-ONLY. `.input[readonly]` had no rule at all, so a
       box the app fills in (Log Sample Transactions' Selected Batch and Current Expiry
       Date) looked exactly like one waiting for typing — the kit field is already
       #fafafa, so the fill steps one grey darker. Edge, height and text size stay the
       field's own; only the fill, the text tone and the cursor say "not for typing". */
.qc-ui.qc-ui.qc-ui .input[readonly]{background-color:#f4f4f5!important;color:#52525b!important;cursor:default!important}

/* 47. A STATUS LEGEND (QCUI.legend). QC Samples' legend popups were rich — gradient
       header with a Total chip, a tinted card per status with an icon and a count
       pill — and the user kept that richness in the theme colour, fitting a phone
       (15 Sep 2026). Header: Branding tint. Card: 1px edge on all sides plus the
       status tone's 4px left edge (qcui-edge-<tone>); icon tile and count pill take
       the status tone (qcui-tone-<tone>), so the legend matches the table badges.
       Every border states width + style + colour (the matched-property trap). */
.qc-ui.qc-ui.qc-ui .qcui-legend{display:flex!important;flex-direction:column!important;gap:.625rem!important}
.qc-ui.qc-ui.qc-ui .qcui-legend-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;padding:.875rem 1rem!important;border-radius:.875rem!important;background-color:color-mix(in srgb,var(--brand) 10%,#fff)!important;border:1px solid color-mix(in srgb,var(--brand) 28%,#fff)!important;margin-bottom:.125rem!important}
.qc-ui.qc-ui.qc-ui .qcui-legend-title{font-size:.9375rem!important;font-weight:700!important;line-height:1.25rem!important;color:var(--brand-darker,#18181b)!important}
.qc-ui.qc-ui.qc-ui .qcui-legend-sub{font-size:.75rem!important;line-height:1rem!important;margin-top:.125rem!important;color:#52525b!important}
.qc-ui.qc-ui.qc-ui .qcui-legend-total{flex:0 0 auto!important;white-space:nowrap!important;font-size:.8125rem!important;font-weight:600!important;padding:.25rem .75rem!important;border-radius:9999px!important;background-color:var(--brand)!important;color:var(--qcui-on-brand,#fff)!important}
.qc-ui.qc-ui.qc-ui .qcui-legend-total b{font-weight:800!important;margin-left:.25rem!important}
.qc-ui.qc-ui.qc-ui .qcui-legend-row{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem .875rem!important;border-radius:.875rem!important;background-color:#fff!important;border-style:solid!important;border-color:#e4e4e7!important;border-top-width:1px!important;border-right-width:1px!important;border-bottom-width:1px!important;box-shadow:0 1px 2px rgb(0 0 0 / .04)!important}
/* A legend row that can be PICKED (the module-notice worklists: click a batch to
   open it). It must look pressable, or nobody discovers it is (16 Sep 2026). */
/* A header action on a PHONE is its icon alone (qc-ui.js compactHeaderActions).
   Square, so a row of them reads as a row of controls rather than stray glyphs;
   the label lives on in the tooltip and the aria-label. 720px is the kit's own
   phone breakpoint, the same one the registers use to become cards. */
@media (max-width:720px){
  .qc-ui.qc-ui.qc-ui [data-qcui-compact] .qcui-btn-text{display:none!important}
  .qc-ui.qc-ui.qc-ui button[data-qcui-compact]{width:2.5rem!important;min-width:2.5rem!important;height:2.5rem!important;padding:0!important;justify-content:center!important;gap:0!important;flex:0 0 auto!important}
  /* Every action is an icon now, so the header is one row again: title left,
     icons right, instead of the actions taking a second line under the title. */
  .qc-ui.qc-ui.qc-ui .qcui-head-compact{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
  .qc-ui.qc-ui.qc-ui .qcui-actions-compact{flex-shrink:0!important;margin-left:auto!important}
}
/* The SEARCH dead end — QCUI.emptyState({notFound:true}). Fixed --danger, never
   the Branding colour: "nothing matched" means the same thing in every company. */
.qc-ui.qc-ui.qc-ui .qcui-empty-bad{color:var(--danger)!important}
/* Camera scanner (QCUI.scan). The video fills a fixed 4:3 box so the dialog does
   not jump about as the stream starts, and a frame shows WHERE to aim — pointing
   a phone at a shelf of labels otherwise reads whichever one it happens to see. */
.qc-ui.qc-ui.qc-ui .qcui-scan{position:relative!important;width:100%!important;aspect-ratio:4/3!important;background-color:#18181b!important;border-radius:.875rem!important;overflow:hidden!important}
.qc-ui.qc-ui.qc-ui .qcui-scan video{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.qc-ui.qc-ui.qc-ui .qcui-scan-frame{position:absolute!important;inset:18%!important;border:3px solid rgba(255,255,255,.9)!important;border-radius:.75rem!important;box-shadow:0 0 0 9999px rgba(0,0,0,.25)!important;pointer-events:none!important}
.qc-ui.qc-ui.qc-ui .qcui-scan-status{display:block!important;width:100%!important;text-align:left!important;background:transparent!important;border:0!important;padding:0!important;margin-top:.75rem!important;font-size:.8125rem!important;line-height:1.125rem!important;color:#52525b!important}
.qc-ui.qc-ui.qc-ui .qcui-scan-bad{color:var(--danger)!important;font-weight:600!important}
/* Tap the status line for what the camera and the <video> actually report. It is
   the only way to tell a dead camera from a live one whose picture is being lost
   in compositing — see the `time` row (16 Sep 2026: black on Android, fine on a
   laptop, and nothing on screen said which). */
.qc-ui.qc-ui.qc-ui .qcui-scan-diag{margin-top:.5rem!important;padding:.625rem .75rem!important;border-radius:.625rem!important;background-color:#18181b!important;color:#d4d4d8!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:.6875rem!important;line-height:1rem!important;white-space:pre-wrap!important;word-break:break-all!important;max-height:13rem!important;overflow:auto!important;-webkit-user-select:text!important;user-select:text!important}
/* Android Chrome puts a playing <video> on a hardware overlay, and a
   backdrop-filter sharing its stacking context makes that overlay paint BLACK
   while everything above it draws normally. The kit modal's backdrop is
   `bg-black/70 backdrop-blur-sm`, so a scan turns the blur off for the life of
   the dialog — the 70% black alone still separates it from the page. */
.qc-ui.qc-ui.qcui-scan-open .backdrop-blur-sm,.qc-ui.qc-ui.qcui-scan-open .backdrop-blur-xl,.qc-ui.qc-ui.qcui-scan-open .backdrop-filter{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.qc-ui.qc-ui.qc-ui .qcui-pickable{cursor:pointer!important}
.qc-ui.qc-ui.qc-ui .qcui-pickable:hover{border-color:#d4d4d8!important;box-shadow:0 2px 8px rgb(0 0 0 / .08)!important;transform:translateY(-1px)!important}
.qc-ui.qc-ui.qc-ui .qcui-pickable:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 60%,transparent)!important;outline-offset:2px!important}
@media (prefers-reduced-motion:reduce){.qc-ui.qc-ui.qc-ui .qcui-pickable:hover{transform:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-legend-icon[class]{width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important}
.qc-ui.qc-ui.qc-ui .qcui-legend-name{display:block!important;font-size:.9375rem!important;font-weight:600!important;line-height:1.25rem!important;color:#18181b!important}
.qc-ui.qc-ui.qc-ui .qcui-legend-desc{display:block!important;font-size:.8125rem!important;line-height:1.125rem!important;margin-top:.125rem!important;color:#71717a!important}
.qc-ui.qc-ui.qc-ui.qc-ui .qcui-legend-count[class]{flex:0 0 auto!important;min-width:2.75rem!important;text-align:center!important;font-size:.875rem!important;font-weight:700!important;padding:.25rem .625rem!important}
/* 49. A POPUP ALWAYS FITS THE SCREEN (17 Sep 2026). On a laptop the popup sits
   32px below the top AND keeps 32px under it (sm:py-8), but its height limit was
   100dvh - 32px — so popup + gaps were 32px taller than the screen, the backdrop
   scrolled, and on a zoomed or short window the footer (Save) was off-screen.
   From 640px up the limit subtracts both gaps; the phone sheet keeps 32px. */
@media (min-width:640px){.qc-ui.qc-ui-portal{--qcui-modal-gap:64px}}
/* 48. A GREY BADGE STAYS ON ONE LINE. Every coloured tone badge is
   inline-block + nowrap; the grey one (badge-muted, the kit's default tone) was
   neither, so in a narrow table cell "Non-Tanker" broke inside its pill
   (Checklist Configuration, 17 Sep 2026). Same shape as the tones now. */
.qc-ui.qc-ui.qc-ui .badge-muted{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important}
/* 50. EDITOR TOOLS — Word-style controls for a designer's side panes (17 Sep 2026).
   The user's reference is MS Word: icon buttons grouped and joined, the chosen
   one pressed in the Branding colour, a colour button showing its colour as a
   bar under the icon, foldable pane sections, an Insert gallery of tiles.
   index.html styles bare buttons (colour, background, padding, 44px phone
   height), so every button here states colour + background + border (width,
   style AND colour) + size + padding — issue_learning §2, the matched set. */
.qc-ui.qc-ui.qc-ui .qcui-toolgroup{display:inline-flex!important;align-items:stretch!important;flex-wrap:nowrap!important;border:1px solid #d4d4d8!important;border-radius:.5rem!important;background:#fff!important;overflow:hidden!important;vertical-align:middle!important;max-width:100%!important}
.qc-ui.qc-ui.qc-ui .qcui-toolgroup-wide{display:flex!important;width:100%!important}
.qc-ui.qc-ui.qc-ui .qcui-toolgroup-wide>.qcui-tool{flex:1 1 0!important}
.qc-ui.qc-ui.qc-ui .qcui-tool{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.25rem!important;min-width:32px!important;width:auto!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 .4375rem!important;margin:0!important;border-width:0 0 0 1px!important;border-style:solid!important;border-color:#e4e4e7!important;border-radius:0!important;background:#fff!important;color:#3f3f46!important;font-size:.75rem!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;transition:background-color .12s,color .12s!important}
.qc-ui.qc-ui.qc-ui .qcui-tool:first-child{border-left-width:0!important}
.qc-ui.qc-ui.qc-ui .qcui-tool:hover{background:#f4f4f5!important;color:#18181b!important}
.qc-ui.qc-ui.qc-ui .qcui-tool:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 60%,transparent)!important;outline-offset:-2px!important}
.qc-ui.qc-ui.qc-ui .qcui-tool[aria-pressed="true"],.qc-ui.qc-ui.qc-ui .qcui-tool[aria-pressed="true"]:hover{background:color-mix(in srgb,var(--brand) 14%,#fff)!important;color:var(--brand-darker)!important;box-shadow:inset 0 -2px 0 var(--brand)!important}
.qc-ui.qc-ui.qc-ui .qcui-tool:disabled{opacity:.4!important;cursor:not-allowed!important;background:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tool-danger{color:var(--danger,#dc2626)!important}
.qc-ui.qc-ui.qc-ui .qcui-tool-danger:hover{background:color-mix(in srgb,var(--danger,#dc2626) 10%,#fff)!important;color:var(--danger,#dc2626)!important}
.qc-ui.qc-ui.qc-ui .qcui-tool-ico{width:16px!important;height:16px!important;flex:0 0 16px!important}
.qc-ui.qc-ui.qc-ui .qcui-tool-text{font-size:.75rem!important;font-weight:600!important}
.qc-ui.qc-ui.qc-ui .qcui-toolbar-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.375rem!important}
.qc-ui.qc-ui.qc-ui .qcui-tool-sep{display:inline-block!important;width:1px!important;height:20px!important;background:#e4e4e7!important;margin:0 .125rem!important}
/*    colour split button + its swatch menu */
.qc-ui.qc-ui.qc-ui .qcui-colorbtn{position:relative!important;display:inline-flex!important;vertical-align:middle!important;border:1px solid #d4d4d8!important;border-radius:.5rem!important;background:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-colorbtn>.qcui-colorbtn-main{position:relative!important;border-width:0!important;border-radius:.5rem!important;padding:0 .25rem 0 .4375rem!important;gap:.125rem!important;align-items:center!important}
.qc-ui.qc-ui.qc-ui .qcui-colorbtn-main>.qcui-tool-ico{margin-top:-5px!important}
/*    the bar's colour is a custom property too: a kit check forbids a colour typed inline */
.qc-ui.qc-ui.qc-ui .qcui-colorbtn-bar{background:var(--qcui-cb,#111)!important;position:absolute!important;left:6px!important;bottom:5px!important;width:18px!important;height:4px!important;border-radius:1px!important;border:1px solid rgb(0 0 0 / .18)!important}
.qc-ui.qc-ui.qc-ui .qcui-colorbtn-bar-empty{background:repeating-linear-gradient(135deg,#fff 0 2px,#dc2626 2px 3px)!important}
.qc-ui.qc-ui.qc-ui .qcui-colorbtn-chev{width:10px!important;height:10px!important;margin-left:.125rem!important;color:#71717a!important}
.qc-ui.qc-ui.qc-ui input[type=color].qcui-colorbtn-input{position:absolute!important;left:0!important;bottom:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important}
.qc-ui.qc-ui.qc-ui .qcui-colormenu{position:fixed!important;z-index:10070!important;width:13.5rem!important;padding:.5rem!important;background:#fff!important;border:1px solid #e4e4e7!important;border-radius:.75rem!important;box-shadow:0 10px 30px rgb(0 0 0 / .16)!important;display:flex!important;flex-direction:column!important;gap:.5rem!important}
.qc-ui.qc-ui.qc-ui .qcui-colormenu[hidden]{display:none!important}
.qc-ui.qc-ui.qc-ui .qcui-colormenu-grid{display:grid!important;grid-template-columns:repeat(10,1fr)!important;gap:3px!important}
/*    The colour arrives as a custom property: an inline `background` has no
      !important and loses to the page's button background (every swatch drew white). */
.qc-ui.qc-ui.qc-ui .qcui-swatch{background:var(--qcui-sw,#fff)!important;width:100%!important;min-width:0!important;height:18px!important;min-height:18px!important;padding:0!important;margin:0!important;border:1px solid rgb(0 0 0 / .15)!important;border-radius:3px!important;cursor:pointer!important;box-shadow:none!important}
.qc-ui.qc-ui.qc-ui .qcui-swatch:hover{background:var(--qcui-sw,#fff)!important;transform:scale(1.15)!important;border-color:#18181b!important}
.qc-ui.qc-ui.qc-ui .qcui-swatch[aria-pressed="true"]{outline:2px solid var(--brand)!important;outline-offset:1px!important}
.qc-ui.qc-ui.qc-ui .qcui-colormenu-auto,.qc-ui.qc-ui.qc-ui .qcui-colormenu-more{display:flex!important;align-items:center!important;gap:.5rem!important;width:100%!important;height:30px!important;min-height:30px!important;padding:0 .5rem!important;margin:0!important;border:1px solid transparent!important;border-radius:.375rem!important;background:#fff!important;color:#3f3f46!important;font-size:.8125rem!important;font-weight:500!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important}
.qc-ui.qc-ui.qc-ui .qcui-colormenu-auto:hover,.qc-ui.qc-ui.qc-ui .qcui-colormenu-more:hover{background:#f4f4f5!important;border-color:#e4e4e7!important;color:#18181b!important}
.qc-ui.qc-ui.qc-ui .qcui-colormenu-none{display:inline-block!important;width:16px!important;height:16px!important;border:1px solid #a1a1aa!important;border-radius:3px!important;background:linear-gradient(135deg,transparent 45%,#dc2626 45%,#dc2626 55%,transparent 55%) #fff!important}
/*    number with its unit */
.qc-ui.qc-ui.qc-ui .qcui-numunit{display:inline-flex!important;align-items:center!important;width:5.5rem!important;height:32px!important;border:1px solid #d4d4d8!important;border-radius:.5rem!important;background:#fff!important;overflow:hidden!important;vertical-align:middle!important}
.qc-ui.qc-ui.qc-ui .qcui-numunit-wide{width:100%!important}
.qc-ui.qc-ui.qc-ui .qcui-numunit:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent)!important}
.qc-ui.qc-ui.qc-ui input.qcui-numunit-input{flex:1 1 auto!important;min-width:0!important;width:100%!important;height:30px!important;min-height:30px!important;padding:0 .25rem 0 .5rem!important;margin:0!important;border:0!important;background:transparent!important;color:#18181b!important;font-size:.8125rem!important;box-shadow:none!important;outline:none!important}
.qc-ui.qc-ui.qc-ui .qcui-numunit-unit{flex:0 0 auto!important;padding:0 .5rem 0 .125rem!important;color:#71717a!important;font-size:.75rem!important}
/* FIELD SIZE (21 Sep 2026): a number with its unit INSIDE, in a FORM — the same
   height, radius and text as every other field (42px, 44px on a phone), so it
   lines up with the selects and dates beside it. The compact 32px box above is
   for side panes. A plain .input with the unit beside it was tried first: the
   kit's `.input{width:100%}` stretched it across the row and pushed the unit
   out of the popup (user screenshot). */
/*    Field size FILLS its column and wears the field border (var(--neutral), 1px),
   so its right edge is the Repeat select's right edge and it matches every
   box beside it (user screenshot 18, 22 Sep 2026). No native spinner: the
   spinner drew a second divider inside the box. */
.qc-ui.qc-ui.qc-ui .qcui-numunit.qcui-numunit-field{width:100%!important;max-width:100%!important;height:42px!important;border:1px solid var(--neutral)!important;border-radius:.75rem!important}
.qc-ui.qc-ui.qc-ui .qcui-numunit-field input.qcui-numunit-input{-moz-appearance:textfield!important;appearance:textfield!important}
.qc-ui.qc-ui.qc-ui .qcui-numunit-field input.qcui-numunit-input::-webkit-inner-spin-button,.qc-ui.qc-ui.qc-ui .qcui-numunit-field input.qcui-numunit-input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
.qc-ui.qc-ui.qc-ui .qcui-numunit.qcui-numunit-field:focus-within{border-color:var(--brand)!important}
.qc-ui.qc-ui.qc-ui .qcui-numunit-field input.qcui-numunit-input{height:40px!important;min-height:40px!important;padding:0 .25rem 0 .75rem!important;font-size:.875rem!important}
.qc-ui.qc-ui.qc-ui .qcui-numunit-field .qcui-numunit-unit{padding:0 .75rem 0 .25rem!important;font-size:.875rem!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui .qcui-numunit.qcui-numunit-field{height:44px!important}.qc-ui.qc-ui.qc-ui .qcui-numunit-field input.qcui-numunit-input{height:42px!important;min-height:42px!important;font-size:16px!important}}
/*    pane rows, sections, header, note */
.qc-ui.qc-ui.qc-ui .qcui-proprow{display:grid!important;grid-template-columns:5.5rem minmax(0,1fr)!important;align-items:center!important;gap:.25rem .5rem!important;padding:.25rem 0!important}
.qc-ui.qc-ui.qc-ui .qcui-proprow-stack,.qc-ui.qc-ui.qc-ui.qcui-pane-stacked .qcui-proprow,.qc-ui.qc-ui.qc-ui .qcui-pane-stacked .qcui-proprow{grid-template-columns:minmax(0,1fr)!important;gap:.3125rem!important;padding:.375rem 0!important}
/*    a narrow pane (under ~300px) stacks every row — label above, controls full width (user: "we have vertical space") */
.qc-ui.qc-ui.qc-ui .qcui-proprow-label{font-size:.75rem!important;font-weight:500!important;color:#52525b!important;line-height:1.2!important}
.qc-ui.qc-ui.qc-ui .qcui-proprow-ctl{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.375rem!important;min-width:0!important}
.qc-ui.qc-ui.qc-ui .qcui-proprow-ctl>.input,.qc-ui.qc-ui.qc-ui .qcui-proprow-ctl>.select,.qc-ui.qc-ui.qc-ui .qcui-proprow-ctl>select{flex:1 1 7rem!important;min-width:0!important;height:32px!important;min-height:32px!important;font-size:.8125rem!important;padding-top:0!important;padding-bottom:0!important}
/*    the kit dropdown (qc-select) is 42px on a form; in a pane row it matches the 32px tools */
.qc-ui.qc-ui.qc-ui .qcui-proprow-ctl>.qcs{flex:1 1 7rem!important;min-width:0!important}
.qc-ui.qc-ui.qc-ui .qcui-proprow-ctl .qcs-btn{min-height:32px!important;height:32px!important;padding:0 10px!important;border-radius:.5rem!important;font-size:.8125rem!important;background-color:#fff!important;border-color:#d4d4d8!important}
.qc-ui.qc-ui.qc-ui .qcui-proprow-help{grid-column:1/-1!important;font-size:.6875rem!important;color:#71717a!important;line-height:1.35!important;margin:0!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-sec{border-bottom:1px solid #e4e4e7!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-head{display:flex!important;align-items:center!important;gap:.5rem!important;width:100%!important;height:36px!important;min-height:36px!important;padding:0 .25rem!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#27272a!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-head:hover{color:var(--brand-darker)!important;background:transparent!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-title{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-ico{width:15px!important;height:15px!important;flex:0 0 15px!important;color:var(--brand)!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-chev{width:14px!important;height:14px!important;flex:0 0 14px!important;color:#71717a!important;transition:transform .15s!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-sec[data-qcui-open="0"] .qcui-pane-chev{transform:rotate(-90deg)!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-badge{font-size:.6875rem!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#52525b!important;background:#f4f4f5!important;border-radius:999px!important;padding:.0625rem .5rem!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-body{padding:.125rem .25rem .75rem!important;display:flex!important;flex-direction:column!important;gap:.25rem!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-body[hidden]{display:none!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-header{display:flex!important;align-items:center!important;gap:.625rem!important;padding:.25rem .25rem .625rem!important;border-bottom:1px solid #e4e4e7!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-header-ico{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:.5rem!important;background:color-mix(in srgb,var(--brand) 12%,#fff)!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-header-title{font-size:.9375rem!important;font-weight:700!important;color:#18181b!important;line-height:1.2!important;margin:0!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-header-sub{font-size:.75rem!important;color:#71717a!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-note{font-size:.75rem!important;line-height:1.4!important;color:#71717a!important;margin:.125rem 0!important}
/*    Insert gallery */
/*    compact tiles (user: "icons too big"), never squeezed sideways — a narrow pane gets two per row and grows DOWN ("we have vertical space") */
.qc-ui.qc-ui.qc-ui .qcui-insert-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:.375rem!important}
.qc-ui.qc-ui.qc-ui .qcui-insert-tile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.1875rem!important;width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;padding:.25rem .125rem!important;margin:0!important;border:1px solid #e4e4e7!important;border-radius:.625rem!important;background:#fff!important;color:#3f3f46!important;font-size:.6875rem!important;font-weight:600!important;line-height:1.1!important;cursor:pointer!important;box-shadow:none!important;transition:border-color .12s,background-color .12s,transform .12s!important}
.qc-ui.qc-ui.qc-ui .qcui-insert-tile:hover{border-color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 8%,#fff)!important;color:#18181b!important;transform:translateY(-1px)!important}
.qc-ui.qc-ui.qc-ui .qcui-insert-ico{display:inline-flex!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui.qc-ui .qcui-insert-ico>svg{width:18px!important;height:18px!important}
.qc-ui.qc-ui.qc-ui .qcui-insert-label{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media (prefers-reduced-motion:reduce){.qc-ui.qc-ui.qc-ui .qcui-insert-tile:hover,.qc-ui.qc-ui.qc-ui .qcui-swatch:hover{transform:none!important}}
/*    picture tile (symbol palette) — the picture is the label, the name is the tooltip */
.qc-ui.qc-ui.qc-ui .qcui-icontile{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:1px solid #e4e4e7!important;border-radius:.625rem!important;background:#fff!important;color:var(--brand-darker)!important;cursor:pointer!important;box-shadow:none!important;transition:border-color .12s,background-color .12s!important}
.qc-ui.qc-ui.qc-ui .qcui-icontile:hover{border-color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 8%,#fff)!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui.qc-ui .qcui-icontile:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 60%,transparent)!important;outline-offset:1px!important}
.qc-ui.qc-ui.qc-ui .qcui-icontile-dashed{border-style:dashed!important;border-color:#a1a1aa!important}
.qc-ui.qc-ui.qc-ui .qcui-icontile-art{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important}
.qc-ui.qc-ui.qc-ui .qcui-icontile-art>img{width:28px!important;height:28px!important;object-fit:contain!important;display:block!important}
/*    a drop zone is pressed, never typed into: no text cursor in its words (user's Chrome put one there) */
.qc-ui.qc-ui.qc-ui .qcui-drop{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}
/*    pane command button */
.qc-ui.qc-ui.qc-ui .qcui-panebtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.375rem!important;height:34px!important;min-height:34px!important;padding:0 .75rem!important;margin:0!important;border:1px solid #d4d4d8!important;border-radius:.5rem!important;background:#fff!important;color:#3f3f46!important;font-size:.8125rem!important;font-weight:600!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important}
.qc-ui.qc-ui.qc-ui .qcui-panebtn:hover{background:#f4f4f5!important;color:#18181b!important;border-color:#a1a1aa!important}
.qc-ui.qc-ui.qc-ui .qcui-panebtn:disabled{opacity:.5!important;cursor:not-allowed!important}
.qc-ui.qc-ui.qc-ui .qcui-panebtn-icon{width:34px!important;min-width:34px!important;padding:0!important}
.qc-ui.qc-ui.qc-ui .qcui-panebtn-primary{background:var(--brand)!important;border-color:var(--brand)!important;color:var(--qcui-on-brand,#fff)!important}
.qc-ui.qc-ui.qc-ui .qcui-panebtn-primary:hover{background:var(--brand-dark,var(--brand))!important;border-color:var(--brand-dark,var(--brand))!important;color:var(--qcui-on-brand,#fff)!important}
.qc-ui.qc-ui.qc-ui .qcui-panebtn-danger{color:var(--danger,#dc2626)!important;border-color:color-mix(in srgb,var(--danger,#dc2626) 35%,#fff)!important}
/*    PHONES: every button a thumb can hit is 40px tall, and a typed number is 16px (iOS zoom). */
@media (max-width:720px){
.qc-ui.qc-ui.qc-ui .qcui-tool{height:40px!important;min-height:40px!important;max-height:40px!important;min-width:40px!important}
.qc-ui.qc-ui.qc-ui .qcui-panebtn{height:40px!important;min-height:40px!important}
.qc-ui.qc-ui.qc-ui .qcui-panebtn-icon{width:40px!important;min-width:40px!important}
.qc-ui.qc-ui.qc-ui .qcui-pane-head{height:44px!important;min-height:44px!important}
.qc-ui.qc-ui.qc-ui .qcui-numunit{height:40px!important}
.qc-ui.qc-ui.qc-ui input.qcui-numunit-input{height:38px!important;min-height:38px!important;font-size:16px!important}
.qc-ui.qc-ui.qc-ui .qcui-colormenu-auto,.qc-ui.qc-ui.qc-ui .qcui-colormenu-more{height:40px!important;min-height:40px!important}
.qc-ui.qc-ui.qc-ui .qcui-swatch{height:28px!important;min-height:28px!important}
.qc-ui.qc-ui.qc-ui .qcui-proprow-ctl .qcs-btn{min-height:40px!important;height:40px!important;font-size:16px!important}
.qc-ui.qc-ui.qc-ui .qcui-proprow-ctl>.input{height:40px!important;min-height:40px!important;font-size:16px!important}
}
.qc-ui.qc-ui.qc-ui .qcui-panebtn-danger:hover{background:color-mix(in srgb,var(--danger,#dc2626) 8%,#fff)!important;color:var(--danger,#dc2626)!important;border-color:var(--danger,#dc2626)!important}

/* 51. A TRANSFORM UTILITY WORKS ON A CLASSED ELEMENT TOO (22 Sep 2026).
       Tailwind's `transform` is ONE declaration built from nine variables
       (`translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) …`).
       A utility such as `-translate-y-1/2` sets only its own variable; the other eight
       come from the preflight's defaults. The preflight here matches only
       `*:not([class])` (THE ONE-TIME FIX above), and an element that carries a
       transform utility always has a class — so `--tw-rotate` etc. were never
       defined, the whole `transform` was invalid, and it computed to `none`.
       Measured: all 20 transform users in the app were `none`. The search icon
       (`top-1/2 -translate-y-1/2`) sat 8px low in every kit search box, and the
       on/off switch knob moved 2px instead of sliding across when turned on.
       Only the transform defaults are declared, on every element, WITHOUT
       !important, so each utility's own `!important` value still wins. */
.qc-ui.qc-ui *,.qc-ui.qc-ui *::before,.qc-ui.qc-ui *::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}

/* 52. WHAT CHANGED — `QCUI.changes()` (22 Sep 2026, Blue Cards Activity Log).
       An audit row is a list of fields, each "old → new". The page drew it in its
       own green bold with a red strike; the kit draws it in the text colours every
       other kit screen uses: the label dim and semibold (like a mobileCard box
       label), the old value muted and struck through, the new value the text
       colour, semibold. Two columns on a computer; on a phone the label sits above
       its value, so a long note is never squeezed into half a card. */
.qc-ui.qc-ui.qc-ui .qcui-changes{display:flex!important;flex-direction:column!important;gap:.25rem!important;font-size:13px!important;line-height:1.45!important;min-width:0!important}
.qc-ui.qc-ui.qc-ui .qcui-chg-row{display:grid!important;grid-template-columns:minmax(96px,max-content) minmax(0,1fr)!important;column-gap:.75rem!important;align-items:baseline!important}
.qc-ui.qc-ui.qc-ui .qcui-chg-field{color:rgb(113 113 122)!important;font-weight:600!important;white-space:nowrap!important}
.qc-ui.qc-ui.qc-ui .qcui-chg-val{min-width:0!important;overflow-wrap:anywhere!important;color:rgb(24 24 27)!important}
.qc-ui.qc-ui.qc-ui .qcui-chg-old{color:rgb(161 161 170)!important;text-decoration:line-through!important}
.qc-ui.qc-ui.qc-ui .qcui-chg-arrow{color:rgb(161 161 170)!important;margin:0 .375rem!important}
.qc-ui.qc-ui.qc-ui .qcui-chg-new{color:rgb(24 24 27)!important;font-weight:600!important}
/*    a table row holding a changes list is tall: its other cells align to the TOP, level with the first change */
.qc-ui.qc-ui.qc-ui tr:has(.qcui-changes)>td{vertical-align:top!important}
.qc-ui.qc-ui.qc-ui .qcui-chg-note{margin:.25rem 0 0!important;color:rgb(63 63 70)!important;overflow-wrap:anywhere!important}

/* 53. A REFERENCE NEVER WRAPS (22 Sep 2026). `QCUI.ref` is a record number — BC-2026-000022,
       CHK-2026-0012 — and a table column narrower than it broke it at the hyphen into two
       lines (Blue Cards Activity Log). mobileCard already says "the reference never wraps"
       for its own id; the chip says it in a TABLE, i.e. from 768px (index.html's own
       breakpoint), where a column can make room. NOT on a phone: QC Samples' register
       cards put a long batch number in a narrow labelled box, and nowrap there clipped
       it (samplesKitCheck at 414, measured the same day). */
@media (min-width:768px){.qc-ui.qc-ui.qc-ui .qcui-ref>span{white-space:nowrap!important}}
@media (max-width:640px){
.qc-ui.qc-ui.qc-ui .qcui-chg-row{grid-template-columns:minmax(0,1fr)!important}
.qc-ui.qc-ui.qc-ui .qcui-chg-field{white-space:normal!important;font-size:12px!important}
}

/* 13. Tones — one colour per status / action; values in brand-tokens.css (--tone-*). Generated. */
.qc-ui.qc-ui.qc-ui [class*="qcui-act-"]:hover{transform:scale(1.05)!important;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-green{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-green-bg)!important;color:var(--tone-green-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-green{color:var(--tone-green-solid)!important;border:1px solid color-mix(in srgb,var(--tone-green-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-green-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-green:hover{color:var(--tone-green-solid)!important;border-color:color-mix(in srgb,var(--tone-green-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-green-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--green{border-color:var(--tone-green-solid)!important;color:var(--tone-green-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-green{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-green-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-green{border:1px solid var(--tone-green-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-green{background-color:var(--tone-green-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--green:hover:not(:disabled){background:var(--tone-green-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-green>td{background-color:color-mix(in srgb,var(--tone-green-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-green>td:first-child{box-shadow:inset 3px 0 0 var(--tone-green-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-green{border-width:1px!important;border-style:solid!important;border-color:var(--tone-green-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-green>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-emerald{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-emerald-bg)!important;color:var(--tone-emerald-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-emerald{color:var(--tone-emerald-solid)!important;border:1px solid color-mix(in srgb,var(--tone-emerald-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-emerald-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-emerald:hover{color:var(--tone-emerald-solid)!important;border-color:color-mix(in srgb,var(--tone-emerald-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-emerald-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--emerald{border-color:var(--tone-emerald-solid)!important;color:var(--tone-emerald-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-emerald{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-emerald-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-emerald{border:1px solid var(--tone-emerald-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-emerald{background-color:var(--tone-emerald-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--emerald:hover:not(:disabled){background:var(--tone-emerald-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-emerald>td{background-color:color-mix(in srgb,var(--tone-emerald-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-emerald>td:first-child{box-shadow:inset 3px 0 0 var(--tone-emerald-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-emerald{border-width:1px!important;border-style:solid!important;border-color:var(--tone-emerald-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-emerald>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-lime{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-lime-bg)!important;color:var(--tone-lime-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-lime{color:var(--tone-lime-solid)!important;border:1px solid color-mix(in srgb,var(--tone-lime-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-lime-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-lime:hover{color:var(--tone-lime-solid)!important;border-color:color-mix(in srgb,var(--tone-lime-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-lime-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--lime{border-color:var(--tone-lime-solid)!important;color:var(--tone-lime-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-lime{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-lime-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-lime{border:1px solid var(--tone-lime-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-lime{background-color:var(--tone-lime-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--lime:hover:not(:disabled){background:var(--tone-lime-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-lime>td{background-color:color-mix(in srgb,var(--tone-lime-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-lime>td:first-child{box-shadow:inset 3px 0 0 var(--tone-lime-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-lime{border-width:1px!important;border-style:solid!important;border-color:var(--tone-lime-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-lime>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-teal{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-teal-bg)!important;color:var(--tone-teal-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-teal{color:var(--tone-teal-solid)!important;border:1px solid color-mix(in srgb,var(--tone-teal-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-teal-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-teal:hover{color:var(--tone-teal-solid)!important;border-color:color-mix(in srgb,var(--tone-teal-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-teal-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--teal{border-color:var(--tone-teal-solid)!important;color:var(--tone-teal-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-teal{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-teal-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-teal{border:1px solid var(--tone-teal-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-teal{background-color:var(--tone-teal-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--teal:hover:not(:disabled){background:var(--tone-teal-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-teal>td{background-color:color-mix(in srgb,var(--tone-teal-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-teal>td:first-child{box-shadow:inset 3px 0 0 var(--tone-teal-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-teal{border-width:1px!important;border-style:solid!important;border-color:var(--tone-teal-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-teal>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-cyan{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-cyan-bg)!important;color:var(--tone-cyan-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-cyan{color:var(--tone-cyan-solid)!important;border:1px solid color-mix(in srgb,var(--tone-cyan-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-cyan-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-cyan:hover{color:var(--tone-cyan-solid)!important;border-color:color-mix(in srgb,var(--tone-cyan-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-cyan-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--cyan{border-color:var(--tone-cyan-solid)!important;color:var(--tone-cyan-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-cyan{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-cyan-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-cyan{border:1px solid var(--tone-cyan-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-cyan{background-color:var(--tone-cyan-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--cyan:hover:not(:disabled){background:var(--tone-cyan-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-cyan>td{background-color:color-mix(in srgb,var(--tone-cyan-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-cyan>td:first-child{box-shadow:inset 3px 0 0 var(--tone-cyan-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-cyan{border-width:1px!important;border-style:solid!important;border-color:var(--tone-cyan-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-cyan>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-sky{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-sky-bg)!important;color:var(--tone-sky-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-sky{color:var(--tone-sky-solid)!important;border:1px solid color-mix(in srgb,var(--tone-sky-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-sky-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-sky:hover{color:var(--tone-sky-solid)!important;border-color:color-mix(in srgb,var(--tone-sky-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-sky-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--sky{border-color:var(--tone-sky-solid)!important;color:var(--tone-sky-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-sky{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-sky-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-sky{border:1px solid var(--tone-sky-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-sky{background-color:var(--tone-sky-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--sky:hover:not(:disabled){background:var(--tone-sky-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-sky>td{background-color:color-mix(in srgb,var(--tone-sky-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-sky>td:first-child{box-shadow:inset 3px 0 0 var(--tone-sky-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-sky{border-width:1px!important;border-style:solid!important;border-color:var(--tone-sky-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-sky>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-blue{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-blue-bg)!important;color:var(--tone-blue-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-blue{color:var(--tone-blue-solid)!important;border:1px solid color-mix(in srgb,var(--tone-blue-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-blue-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-blue:hover{color:var(--tone-blue-solid)!important;border-color:color-mix(in srgb,var(--tone-blue-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-blue-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--blue{border-color:var(--tone-blue-solid)!important;color:var(--tone-blue-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-blue{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-blue-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-blue{border:1px solid var(--tone-blue-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-blue{background-color:var(--tone-blue-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--blue:hover:not(:disabled){background:var(--tone-blue-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-blue>td{background-color:color-mix(in srgb,var(--tone-blue-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-blue>td:first-child{box-shadow:inset 3px 0 0 var(--tone-blue-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-blue{border-width:1px!important;border-style:solid!important;border-color:var(--tone-blue-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-blue>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-indigo{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-indigo-bg)!important;color:var(--tone-indigo-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-indigo{color:var(--tone-indigo-solid)!important;border:1px solid color-mix(in srgb,var(--tone-indigo-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-indigo-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-indigo:hover{color:var(--tone-indigo-solid)!important;border-color:color-mix(in srgb,var(--tone-indigo-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-indigo-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--indigo{border-color:var(--tone-indigo-solid)!important;color:var(--tone-indigo-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-indigo{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-indigo-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-indigo{border:1px solid var(--tone-indigo-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-indigo{background-color:var(--tone-indigo-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--indigo:hover:not(:disabled){background:var(--tone-indigo-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-indigo>td{background-color:color-mix(in srgb,var(--tone-indigo-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-indigo>td:first-child{box-shadow:inset 3px 0 0 var(--tone-indigo-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-indigo{border-width:1px!important;border-style:solid!important;border-color:var(--tone-indigo-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-indigo>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-violet{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-violet-bg)!important;color:var(--tone-violet-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-violet{color:var(--tone-violet-solid)!important;border:1px solid color-mix(in srgb,var(--tone-violet-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-violet-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-violet:hover{color:var(--tone-violet-solid)!important;border-color:color-mix(in srgb,var(--tone-violet-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-violet-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--violet{border-color:var(--tone-violet-solid)!important;color:var(--tone-violet-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-violet{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-violet-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-violet{border:1px solid var(--tone-violet-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-violet{background-color:var(--tone-violet-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--violet:hover:not(:disabled){background:var(--tone-violet-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-violet>td{background-color:color-mix(in srgb,var(--tone-violet-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-violet>td:first-child{box-shadow:inset 3px 0 0 var(--tone-violet-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-violet{border-width:1px!important;border-style:solid!important;border-color:var(--tone-violet-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-violet>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-fuchsia{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-fuchsia-bg)!important;color:var(--tone-fuchsia-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-fuchsia{color:var(--tone-fuchsia-solid)!important;border:1px solid color-mix(in srgb,var(--tone-fuchsia-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-fuchsia-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-fuchsia:hover{color:var(--tone-fuchsia-solid)!important;border-color:color-mix(in srgb,var(--tone-fuchsia-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-fuchsia-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--fuchsia{border-color:var(--tone-fuchsia-solid)!important;color:var(--tone-fuchsia-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-fuchsia{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-fuchsia-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-fuchsia{border:1px solid var(--tone-fuchsia-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-fuchsia{background-color:var(--tone-fuchsia-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--fuchsia:hover:not(:disabled){background:var(--tone-fuchsia-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-fuchsia>td{background-color:color-mix(in srgb,var(--tone-fuchsia-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-fuchsia>td:first-child{box-shadow:inset 3px 0 0 var(--tone-fuchsia-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-fuchsia{border-width:1px!important;border-style:solid!important;border-color:var(--tone-fuchsia-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-fuchsia>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-pink{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-pink-bg)!important;color:var(--tone-pink-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-pink{color:var(--tone-pink-solid)!important;border:1px solid color-mix(in srgb,var(--tone-pink-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-pink-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-pink:hover{color:var(--tone-pink-solid)!important;border-color:color-mix(in srgb,var(--tone-pink-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-pink-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--pink{border-color:var(--tone-pink-solid)!important;color:var(--tone-pink-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-pink{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-pink-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-pink{border:1px solid var(--tone-pink-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-pink{background-color:var(--tone-pink-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--pink:hover:not(:disabled){background:var(--tone-pink-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-pink>td{background-color:color-mix(in srgb,var(--tone-pink-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-pink>td:first-child{box-shadow:inset 3px 0 0 var(--tone-pink-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-pink{border-width:1px!important;border-style:solid!important;border-color:var(--tone-pink-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-pink>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-red{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-red-bg)!important;color:var(--tone-red-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-red{color:var(--tone-red-solid)!important;border:1px solid color-mix(in srgb,var(--tone-red-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-red-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-red:hover{color:var(--tone-red-solid)!important;border-color:color-mix(in srgb,var(--tone-red-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-red-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--red{border-color:var(--tone-red-solid)!important;color:var(--tone-red-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-red{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-red-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-red{border:1px solid var(--tone-red-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-red{background-color:var(--tone-red-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--red:hover:not(:disabled){background:var(--tone-red-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-red>td{background-color:color-mix(in srgb,var(--tone-red-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-red>td:first-child{box-shadow:inset 3px 0 0 var(--tone-red-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-red{border-width:1px!important;border-style:solid!important;border-color:var(--tone-red-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-red>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-orange{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-orange-bg)!important;color:var(--tone-orange-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-orange{color:var(--tone-orange-solid)!important;border:1px solid color-mix(in srgb,var(--tone-orange-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-orange-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-orange:hover{color:var(--tone-orange-solid)!important;border-color:color-mix(in srgb,var(--tone-orange-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-orange-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--orange{border-color:var(--tone-orange-solid)!important;color:var(--tone-orange-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-orange{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-orange-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-orange{border:1px solid var(--tone-orange-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-orange{background-color:var(--tone-orange-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--orange:hover:not(:disabled){background:var(--tone-orange-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-orange>td{background-color:color-mix(in srgb,var(--tone-orange-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-orange>td:first-child{box-shadow:inset 3px 0 0 var(--tone-orange-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-orange{border-width:1px!important;border-style:solid!important;border-color:var(--tone-orange-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-orange>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-amber{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-amber-bg)!important;color:var(--tone-amber-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-amber{color:var(--tone-amber-solid)!important;border:1px solid color-mix(in srgb,var(--tone-amber-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-amber-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-amber:hover{color:var(--tone-amber-solid)!important;border-color:color-mix(in srgb,var(--tone-amber-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-amber-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--amber{border-color:var(--tone-amber-solid)!important;color:var(--tone-amber-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-amber{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-amber-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-amber{border:1px solid var(--tone-amber-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-amber{background-color:var(--tone-amber-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--amber:hover:not(:disabled){background:var(--tone-amber-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-amber>td{background-color:color-mix(in srgb,var(--tone-amber-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-amber>td:first-child{box-shadow:inset 3px 0 0 var(--tone-amber-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-amber{border-width:1px!important;border-style:solid!important;border-color:var(--tone-amber-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-amber>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-stone{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-stone-bg)!important;color:var(--tone-stone-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-stone{color:var(--tone-stone-solid)!important;border:1px solid color-mix(in srgb,var(--tone-stone-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-stone-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-stone:hover{color:var(--tone-stone-solid)!important;border-color:color-mix(in srgb,var(--tone-stone-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-stone-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--stone{border-color:var(--tone-stone-solid)!important;color:var(--tone-stone-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-stone{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-stone-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-stone{border:1px solid var(--tone-stone-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-stone{background-color:var(--tone-stone-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--stone:hover:not(:disabled){background:var(--tone-stone-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-stone>td{background-color:color-mix(in srgb,var(--tone-stone-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-stone>td:first-child{box-shadow:inset 3px 0 0 var(--tone-stone-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-stone{border-width:1px!important;border-style:solid!important;border-color:var(--tone-stone-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-stone>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-slate{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-slate-bg)!important;color:var(--tone-slate-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-slate{color:var(--tone-slate-solid)!important;border:1px solid color-mix(in srgb,var(--tone-slate-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-slate-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-slate:hover{color:var(--tone-slate-solid)!important;border-color:color-mix(in srgb,var(--tone-slate-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-slate-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--slate{border-color:var(--tone-slate-solid)!important;color:var(--tone-slate-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-slate{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-slate-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-slate{border:1px solid var(--tone-slate-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-slate{background-color:var(--tone-slate-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--slate:hover:not(:disabled){background:var(--tone-slate-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-slate>td{background-color:color-mix(in srgb,var(--tone-slate-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-slate>td:first-child{box-shadow:inset 3px 0 0 var(--tone-slate-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-slate{border-width:1px!important;border-style:solid!important;border-color:var(--tone-slate-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-slate>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-tone-zinc{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important;font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-zinc-bg)!important;color:var(--tone-zinc-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-zinc{color:var(--tone-zinc-solid)!important;border:1px solid color-mix(in srgb,var(--tone-zinc-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-zinc-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-zinc:hover{color:var(--tone-zinc-solid)!important;border-color:color-mix(in srgb,var(--tone-zinc-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-zinc-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--zinc{border-color:var(--tone-zinc-solid)!important;color:var(--tone-zinc-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-zinc{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-zinc-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-zinc{border:1px solid var(--tone-zinc-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-bar.qcui-bar-zinc{background-color:var(--tone-zinc-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--zinc:hover:not(:disabled){background:var(--tone-zinc-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-zinc>td{background-color:color-mix(in srgb,var(--tone-zinc-solid) 7%,transparent)!important}
.qc-ui.qc-ui.qc-ui tr.qcui-row-tone-zinc>td:first-child{box-shadow:inset 3px 0 0 var(--tone-zinc-solid)!important}
@media (max-width:720px){.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-zinc{border-width:1px!important;border-style:solid!important;border-color:var(--tone-zinc-solid)!important;background-color:#fff!important}.qc-ui.qc-ui.qc-ui.qc-ui table[data-qcui-cards] tr.qcui-row-tone-zinc>td{background-color:transparent!important;box-shadow:none!important}}
.qc-ui.qc-ui.qc-ui .qcui-badge-icon{white-space:nowrap!important}
.qc-ui.qc-ui.qc-ui .qcui-badge-icon .qcui-badge-svg{display:inline-block!important;width:.8125rem!important;height:.8125rem!important;vertical-align:-2px!important;margin-right:.25rem!important}
/* ── Long-form text (28 Sep 2026, Legal Policies) — a legal document or a help page. The kit
   resets headings, lists and spacing for app screens (no margin, no bullets, inherited size);
   .qcui-prose gives them back inside one block, so a policy reads like a document. */
.qc-ui.qc-ui.qc-ui .qcui-prose{line-height:1.65!important;color:var(--text,#1f2937)}
.qc-ui.qc-ui.qc-ui .qcui-prose h1{font-size:1.25rem!important;font-weight:700!important;margin:.25rem 0 .6rem!important}
.qc-ui.qc-ui.qc-ui .qcui-prose h2{font-size:1.08rem!important;font-weight:700!important;margin:1.1rem 0 .35rem!important}
.qc-ui.qc-ui.qc-ui .qcui-prose h3{font-size:1rem!important;font-weight:600!important;margin:.9rem 0 .25rem!important}
.qc-ui.qc-ui.qc-ui .qcui-prose p{margin:0 0 .65rem!important}
.qc-ui.qc-ui.qc-ui .qcui-prose ul{list-style:disc!important;padding-left:1.35rem!important;margin:0 0 .65rem!important}
.qc-ui.qc-ui.qc-ui .qcui-prose ol{list-style:decimal!important;padding-left:1.35rem!important;margin:0 0 .65rem!important}
.qc-ui.qc-ui.qc-ui .qcui-prose li{margin:0 0 .2rem!important}
.qc-ui.qc-ui.qc-ui .qcui-prose strong{font-weight:700!important}
.qc-ui.qc-ui.qc-ui .qcui-prose a{color:var(--brand-600)!important;text-decoration:underline!important}