:root{--knox-green: #5cb85c;--knox-red: #ff1d25;--knox-blue: #2c7ec5;--knox-disabled: #d9d9d9;--knox-grey: #939598;--knox-black: #000;--knox-white: #fff;--knox-table-border: 1px solid var(--knox-grey);--knox-table-radius: 8px;--knox-notes-height: 65px;--knox-notes-radius: 4px;--knox-notes-border: 1px solid var(--knox-black);--knox-header-height: 103px;--knox-header-shadow: 0 4px 14px 1px rgba(0, 0, 0, .18);--knox-space-1: 4px;--knox-space-2: 8px;--knox-space-3: 12px;--knox-space-4: 16px;--knox-row-min-height: 56px;--knox-status-box-size: 28px;--knox-radio-size: 22px;--knox-tap-target: 44px;--knox-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--knox-font);font-size:15px;color:var(--knox-black);background:var(--knox-white)}button{font-family:inherit}.knox-header{display:flex;flex-direction:column;justify-content:space-between;min-height:var(--knox-header-height);padding:var(--knox-space-2) var(--knox-space-4);background:var(--knox-white);box-shadow:var(--knox-header-shadow)}.knox-header__top{display:flex;align-items:center;gap:var(--knox-space-3)}.knox-header__logo{font-weight:700;color:var(--knox-grey);border:1px dashed var(--knox-grey);padding:var(--knox-space-1) var(--knox-space-2)}.knox-header__serial{display:flex;align-items:center;justify-content:space-between;font-weight:600}.knox-page{padding:var(--knox-space-4)}.knox-actions{display:flex;gap:var(--knox-space-3);margin-bottom:var(--knox-space-4)}.knox-button{flex:1;min-height:var(--knox-tap-target);border:0;border-radius:var(--knox-notes-radius);color:var(--knox-white);font-size:16px;font-weight:600}.knox-button--save{background:var(--knox-blue)}.knox-button--save:disabled{opacity:.7;cursor:progress}.knox-button--save[aria-busy=true]{display:inline-flex;align-items:center;justify-content:center;gap:var(--knox-space-2)}.knox-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:knox-spin .8s linear infinite}@keyframes knox-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.knox-spinner{animation:none}}.knox-button--submit{background:var(--knox-disabled);color:var(--knox-grey)}.knox-button--submit.is-ready{background:var(--knox-green);color:var(--knox-white)}.knox-checklist{border:var(--knox-table-border);border-radius:var(--knox-table-radius);overflow:hidden}.knox-checklist__header{padding:var(--knox-space-3) var(--knox-space-4);background:var(--knox-black);color:var(--knox-white);font-weight:600}.knox-row{border-top:var(--knox-table-border)}.knox-row:first-of-type{border-top:0}.knox-row__summary{display:flex;align-items:center;gap:var(--knox-space-3);width:100%;min-height:var(--knox-row-min-height);padding:var(--knox-space-2) var(--knox-space-4);border:0;background:none;text-align:left;font-size:15px;color:inherit}.knox-row__text{flex:1}.knox-status{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--knox-status-box-size);height:var(--knox-status-box-size);border:2px solid var(--knox-grey);border-radius:var(--knox-notes-radius);color:var(--knox-white);font-weight:700}.knox-status--pass{background:var(--knox-green);border-color:var(--knox-green)}.knox-status--na{background:var(--knox-grey);border-color:var(--knox-grey)}.knox-status--defect{background:var(--knox-red);border-color:var(--knox-red)}.knox-row__body{min-width:0;margin:0;border:0;display:flex;flex-direction:column;gap:var(--knox-space-3);padding:0 var(--knox-space-4) var(--knox-space-4)}.knox-radios{display:flex;gap:var(--knox-space-4)}.knox-radio{display:inline-flex;align-items:center;gap:var(--knox-space-2);min-height:var(--knox-tap-target)}.knox-radio input{width:var(--knox-radio-size);height:var(--knox-radio-size);margin:0}.knox-radio--pass input{accent-color:var(--knox-green)}.knox-radio--na input{accent-color:var(--knox-grey)}.knox-radio--defect input{accent-color:var(--knox-red)}.knox-field{display:flex;flex-direction:column;gap:var(--knox-space-1);font-weight:600}.knox-field select,.knox-field textarea{font:inherit;font-weight:400}.knox-field select{min-height:var(--knox-tap-target);border:var(--knox-notes-border);border-radius:var(--knox-notes-radius);background:var(--knox-white)}.knox-field textarea{min-height:var(--knox-notes-height);padding:var(--knox-space-2);border:var(--knox-notes-border);border-radius:var(--knox-notes-radius);resize:vertical}.knox-checkbox{display:inline-flex;align-items:center;gap:var(--knox-space-2);min-height:var(--knox-tap-target);font-weight:700;color:var(--knox-black)}.knox-checkbox input{appearance:none;display:inline-grid;place-content:center;flex:none;width:var(--knox-status-box-size);height:var(--knox-status-box-size);margin:0;border:2px solid var(--knox-grey);border-radius:var(--knox-notes-radius);background:var(--knox-white);cursor:pointer}.knox-checkbox input:after{content:"✓";color:var(--knox-white);font-weight:700;visibility:hidden}.knox-checkbox input:checked{background:var(--knox-green);border-color:var(--knox-green)}.knox-checkbox input:checked:after{visibility:visible}.knox-checkbox input:focus-visible{outline:2px solid var(--knox-blue);outline-offset:2px}.knox-checkbox input:disabled{cursor:default;opacity:.6}.knox-photos__hint,.knox-photos__error{margin:0;font-size:13px}.knox-photos__hint{color:var(--knox-grey)}.knox-photos__error{color:var(--knox-red)}.knox-photos__list{display:flex;flex-wrap:wrap;gap:var(--knox-space-2);margin:0;padding:0;list-style:none}.knox-photos__thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--knox-notes-radius)}.knox-pwa-status{position:sticky;top:0;z-index:2;background:var(--knox-white)}.knox-pwa-status:empty{display:none}.knox-pwa-status p,.knox-queue-status p{margin:0 0 var(--knox-space-3)}.knox-queue-status{margin:var(--knox-space-3) 0;padding:var(--knox-space-3);border:var(--knox-notes-border);border-radius:var(--knox-notes-radius)}.knox-queue-status__error{color:var(--knox-red)}.knox-save-status p{margin:0 0 var(--knox-space-3);font-size:13px}.knox-save-status .knox-save-status__error{color:var(--knox-red)}.knox-modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--knox-space-3);background:#00000073}.knox-modal{display:flex;flex-direction:column;gap:var(--knox-space-3);width:100%;max-width:500px;max-height:100%;overflow-y:auto;padding:var(--knox-space-4);border-radius:var(--knox-table-radius);background:var(--knox-white)}.knox-modal h2{margin:0;font-size:20px}.knox-modal p{margin:0}.knox-modal .knox-modal__text{text-align:center}.knox-modal input[type=email]{min-height:var(--knox-tap-target);padding:0 var(--knox-space-2);border:var(--knox-notes-border);border-radius:var(--knox-notes-radius);font:inherit;font-weight:400}.knox-modal__error{color:var(--knox-red);font-size:13px}.knox-modal__actions{display:flex;gap:var(--knox-space-3)}.knox-button--cancel{background:var(--knox-red)}.knox-button--confirm{background:var(--knox-disabled);color:var(--knox-grey)}.knox-button--confirm.is-ready{background:var(--knox-blue);color:var(--knox-white)}.knox-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.knox-photo-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:88px;height:88px;padding:0;border:0;border-radius:12px;background:var(--knox-white);color:var(--knox-blue);box-shadow:0 2px 10px #0003;cursor:pointer}.knox-photo-button__icon{width:56px;height:56px}.knox-photo-button:focus-visible{outline:2px solid var(--knox-blue);outline-offset:2px}.knox-photo-button:disabled{cursor:default;opacity:.6}.knox-complete{display:flex;flex-direction:column;align-items:center;gap:var(--knox-space-3);padding:var(--knox-space-4);text-align:center;overflow-wrap:anywhere}.knox-complete p{margin:0}.knox-complete__confirmation{font-weight:600}