:root{color:#10251d;background:#f5f8f4;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{display:grid;min-height:100svh;place-content:center;padding:1.5rem}.card{width:min(100%,48rem);padding:1.5rem;background:#fff;border:2px solid #1c503a;border-radius:1rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem}form,label{display:grid;gap:.5rem}form{margin:1.5rem 0;gap:1rem}input,select,button{min-height:3.25rem;padding:.75rem 1rem;font:inherit;border-radius:.5rem}input,select{border:2px solid #315c49}button{border:0;background:#165a39;color:#fff;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #e79f20;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}.capture-button{width:100%;font-size:1.1rem}.sync{font-weight:700;text-transform:capitalize}.sync-synced{color:#126638}.sync-pending{color:#8b5200}.sync-offline,.sync-error{color:#a31d1d}select{width:100%;background:#fff;color:#10251d}.capture-button{margin-top:1rem}.flow-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin-top:1.25rem}.flow-menu h2,.flow-menu p{grid-column:1 / -1}.secondary{background:#e2eee7;color:#10251d;margin:.75rem 0}fieldset,.camera,.nested,.recent{margin:1rem 0;padding:1rem;border:2px solid #b3cbbd;border-radius:.75rem}.crew{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem}.crew label{display:flex;align-items:center;min-height:3rem;gap:.6rem;border:1px solid #315c49;border-radius:.5rem;padding:.5rem}.crew input{min-height:1.5rem;min-width:1.5rem}.camera video{display:block;width:100%;min-height:8rem;background:#173127;border-radius:.5rem}.recent{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.recent em{color:#8b5200;font-weight:700}.action-scope{border:0;margin:0;padding:0;min-width:0}
